@font-face{font-family:'Inter Tight';src:url('./inter-tight-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./ibm-plex-mono-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./ibm-plex-mono-latin-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
.process-header .header-bar{max-width:1080px}
:root{--process-top:clamp(120px,13vh,136px);--process-bottom:96px;--ink:#16161a;--paper:#fff;--shell:#f4f4f2;--muted:#5f5f66;--line:#dbdbd7;--color-ink:#16161a;--color-paper:#fff;--color-muted:#5f5f66;--color-hairline:#dbdbd7;--color-dim:#9a9aa1;--color-raised:#e6e6e3;--gutter:clamp(24px,3.2vw,60px);--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--shell);color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #657c74;outline-offset:6px}h1,h2,p,figure{margin:0}[hidden]{display:none!important}.eyebrow,.header-caption,.process-nav,.process-menu-toggle,.sheet-badge,.residence-link,.drawing-index,.drawing-panel figcaption,.model-key,.process-invitation>a,.process-footer,.noscript-note{font-family:'IBM Plex Mono',monospace}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.skip-link{position:fixed;top:8px;left:8px;background:white;z-index:100;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.process-header{position:fixed;inset:12px 12px auto;z-index:50;display:flex;align-items:center;flex-direction:column;pointer-events:none}.header-bar{width:100%;max-width:960px;height:66px;padding:10px 24px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:28px;pointer-events:auto}.process-logo{display:block;width:112px;flex-shrink:0}.process-logo img{display:block;width:100%;height:auto;filter:none}.header-caption{font-size:10px;letter-spacing:.1em;color:#97979c;margin:auto}.process-nav{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.process-nav a{color:#b5b5b9;transition:color .35s}.process-nav a:hover,.process-nav [aria-current=page]{color:white}.sheet-badge{padding:8px 24px 9px;background:var(--ink);color:#aaaab0;font-size:10px;letter-spacing:.12em;text-align:center;min-width:224px}.process-menu-toggle{display:none;background:none;border:0;padding:12px 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.process-mobile-menu{background:var(--ink);width:100%;padding:16px 24px 24px;pointer-events:auto;color:white;display:flex;flex-direction:column;gap:20px;font-size:20px}
.method-scroll{height:400svh;position:relative}.method-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;padding:var(--process-top) var(--gutter) var(--process-bottom)}.method-grid{display:grid;grid-template-columns:3fr 9fr;gap:clamp(24px,2.5vw,48px);height:100%}.method-sidebar{display:flex;flex-direction:column;min-width:0}.method-intro h1{font-size:clamp(40px,3.9vw,70px);font-weight:500;line-height:.99;letter-spacing:-.04em;margin-top:22px}.method-lead{font-size:15px;line-height:1.5;color:var(--muted);margin-top:20px;max-width:27ch;display:none}.process-steps{position:relative;list-style:none;padding:0 0 0 22px;margin:clamp(28px,4vh,56px) 0 0;flex-shrink:0;--description-room:60px;padding-bottom:var(--description-room)}.steps-track,.steps-fill{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--line);pointer-events:none}.steps-fill{left:-1px;width:3px;background:var(--ink);transform-origin:top;transform:scaleY(.06);transition:transform .6s var(--ease)}.process-step{position:relative;height:clamp(32px,4.8vh,52px);transition:transform .6s var(--ease)}.process-step button{display:flex;align-items:baseline;gap:14px;text-align:left;width:100%;border:0;background:none;padding:8px 0;line-height:1.2}.step-number{width:18px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;flex-shrink:0}.step-name{font-size:17px;letter-spacing:-.01em;transform-origin:0 60%;transition:transform .5s var(--ease),color .3s;color:var(--muted)}.process-step.is-complete .step-name,.process-step.is-active .step-name{color:var(--ink)}.process-step.is-active .step-name{transform:scale(1.18);font-weight:500}.process-step.is-after{transform:translateY(var(--description-room))}.step-description{position:absolute;top:35px;left:32px;right:0;font-size:14px;line-height:1.45;color:var(--muted);opacity:0;visibility:hidden;transition:opacity .5s .15s;pointer-events:none}.is-active .step-description{opacity:1;visibility:visible}.residence-link{font-size:10px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:12px;align-self:flex-start;border-bottom:1px solid var(--line);padding-bottom:5px;margin-top:auto;white-space:nowrap}.residence-link span{font-size:20px}
.drawing-panel{width:min(100%,calc((100svh - var(--process-top) - var(--process-bottom) - 26px)*1.5));justify-self:end;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px}.drawing-sheet{position:relative;width:100%;aspect-ratio:1.5;background:white;overflow:hidden}.drawing-sheet>svg{display:block;width:100%;height:100%;overflow:hidden}.drawing-sheet [data-maqueta]{opacity:0}.model-key{position:absolute;top:5%;left:3.5%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;opacity:0;pointer-events:none}.model-key li{display:flex;align-items:center;gap:9px}.model-key i{width:12px;height:12px;display:inline-block}.drawing-index{position:absolute;bottom:14px;right:16px;font-size:9px;letter-spacing:.13em;color:var(--muted)}.drawing-panel figcaption{display:flex;width:100%;justify-content:space-between;gap:16px;color:var(--muted);font-size:9px;letter-spacing:.05em}.mobile-hint{display:none}.process-invitation{background:#eef0eb;border-top:1px solid var(--line);padding:clamp(70px,9vw,150px) var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:36px}.process-invitation h2{font-size:clamp(42px,6vw,92px);font-weight:400;line-height:.98;letter-spacing:-.04em}.process-invitation>a{grid-column:2;justify-self:start;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:12px}.process-invitation>a span{margin-left:24px}.process-footer{padding:40px var(--gutter);background:#eef0eb;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:9px;color:#626c65;flex-wrap:wrap}.process-footer img{width:110px;height:auto;display:block}.back-top{border-bottom:1px solid var(--line);padding:5px 0}.noscript-note{padding:16px var(--gutter);font-size:11px}
@media(min-width:1600px){.method-grid{grid-template-columns:4fr 8fr}.method-intro h1{font-size:clamp(60px,3.4vw,76px)}.step-name{font-size:18px}.step-description{max-width:33ch}}
@media(min-width:1024px) and (max-height:750px){.method-intro h1{font-size:36px}.method-intro h1 br{display:inline}.process-steps{margin-top:24px}.method-stage{padding-top:var(--process-top);padding-bottom:var(--process-bottom)}.method-intro h1{max-width:none}.step-name{font-size:16px}.step-description{font-size:12px;line-height:1.4}.process-step{height:30px}}
@media(max-width:1100px){.header-caption{display:none}.header-bar{justify-content:space-between}.process-nav{gap:20px}.method-grid{grid-template-columns:4fr 8fr}}
@media(max-width:1023px){.method-scroll{height:auto;min-height:100svh}.method-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:140px var(--gutter) 64px}.method-grid{display:flex;flex-direction:column;gap:30px}.method-sidebar{display:contents}.method-intro{order:1}.method-intro h1{font-size:clamp(46px,7vw,72px);max-width:14ch}.method-intro h1 br{display:none}.method-lead{display:block;max-width:42ch}.drawing-panel{order:2;width:100%;align-items:center}.drawing-sheet{width:100%;aspect-ratio:1.5}.drawing-panel figcaption{font-size:8px}.desktop-hint{display:none}.mobile-hint{display:inline}.process-steps{order:3;margin:0;width:100%;max-width:540px;align-self:flex-start;--description-room:66px}.process-step{height:40px}.step-description{top:36px;font-size:14px;max-width:40ch}.residence-link{order:4;margin-top:0}.process-invitation{grid-template-columns:1fr;gap:30px}.process-invitation>a{grid-column:1}.process-footer{justify-content:flex-start;gap:20px 28px}.process-footer>a:first-child{width:100%}}
@media(max-width:767px){.process-header{inset:8px 8px auto}.header-bar{height:64px;padding:8px 18px}.process-logo{width:106px}.process-nav{display:none}.process-menu-toggle{display:flex;align-items:center;gap:14px}.sheet-badge{font-size:9px;min-width:205px}.method-stage{padding-top:130px}.method-intro h1{font-size:48px;margin-top:18px}.method-lead{font-size:15px}.model-key{font-size:6px;gap:6px;letter-spacing:0}.model-key i{width:7px;height:7px}.drawing-index{font-size:7px;bottom:8px;right:8px}.drawing-panel figcaption{font-size:7px;gap:8px}.process-invitation{padding-top:65px;padding-bottom:65px}.process-footer{font-size:8px}.process-footer .back-top{margin-left:auto}}
html.process-static{scroll-behavior:auto}.process-static .method-scroll{height:auto}.process-static .method-stage{position:relative;height:auto;min-height:720px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.method-scroll{height:auto}.method-stage{position:relative;height:auto;min-height:720px}}

@media(min-width:1024px) and (max-height:639px){.method-scroll{height:auto;min-height:100svh}.method-stage{position:relative;height:auto;min-height:0;overflow:visible}.method-grid{height:auto;align-items:start}.drawing-panel{width:100%;justify-content:flex-start}.drawing-sheet{width:100%}.residence-link{margin-top:32px}.desktop-hint{display:none}.mobile-hint{display:inline}}