.screen{position:relative;height:100svh;min-height:600px;padding-top:var(--topbar-h);display:grid;grid-template-columns:var(--col-w) 1fr;overflow:hidden}.screen:before,.footer:before{content:"";position:absolute;top:0;bottom:0;left:var(--col-w);width:1px;background:var(--line);z-index:2;pointer-events:none;transform:scaleY(var(--line-reveal, 1));transform-origin:top}.screen__left{position:relative;z-index:1;padding:clamp(24px,4vh,40px) clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:14px;min-height:0}.screen__right{position:relative;z-index:1;min-height:0;min-width:0}.screen__cross{position:absolute;z-index:2;top:var(--topbar-h);left:var(--col-w);transform:translate(-50%,1px);font-size:18px;font-weight:300;line-height:1;color:#8a8a8a;pointer-events:none}@media(max-width:767px){.screen{height:auto;min-height:100svh;grid-template-columns:1fr;grid-template-rows:auto 1fr}.screen:before,.footer:before{display:none}.screen__left{border-bottom:1px solid var(--line)}.screen__cross{display:none}}.intro__left{background:#141414eb}.intro__lead{font-size:clamp(22px,2vw,30px);font-weight:700;letter-spacing:-.04em;line-height:1.08}.intro__line{font-size:15px;color:var(--muted)}.intro__note{margin-top:10px;font-size:14px;line-height:1.5;color:var(--muted);max-width:34ch}.intro__hint{margin-top:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.intro__right{display:flex;align-items:flex-end;padding:0 clamp(20px,4vw,64px) clamp(32px,7vh,72px)}.intro__headline{display:flex;flex-direction:column;font-size:clamp(36px,4.3vw,84px);white-space:nowrap;font-weight:700;letter-spacing:-.055em;line-height:.98}.intro__grey{color:#6f6f6f}@media(max-width:767px){.intro__right{padding-top:48px}.intro__headline{white-space:normal;font-size:clamp(36px,11vw,56px)}}.product{background:var(--bg)}.product__num{font-family:var(--serif);font-size:28px;color:var(--muted);line-height:1}.product__name{font-size:clamp(26px,2.4vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.04}.product__summary{font-size:15px;line-height:1.5;color:#b4b4b4;max-width:36ch}.product__meta{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.product__meta dt{color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;padding-top:2px}.product__meta dd{margin:0;color:var(--text)}.product__badge{align-self:flex-start;margin-top:6px;font-size:11.5px;color:#cfcfcf;border:1px solid #3a3a3a;border-radius:999px;padding:5px 10px}.product__progress{margin-top:auto;display:flex;gap:6px}.product__progress i{flex:1;height:2px;background:#333}.product__progress i[data-active=true]{background:var(--text)}.product__stage{display:flex;padding:clamp(16px,3vh,28px) clamp(16px,2.4vw,36px)}.demo{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #333;border-radius:8px;background:var(--bg-raised);overflow:hidden}.demo__head{display:flex;justify-content:space-between;padding:10px 14px;font-size:11.5px;color:var(--muted);border-bottom:1px solid #2a2a2a}.demo__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;place-items:center}.demo__placeholder{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border:1px dashed #3a3a3a;border-radius:6px;padding:18px 24px}@media(max-width:767px){.product__stage{min-height:70svh}}.footer{position:relative;background:var(--bg);display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;padding:clamp(48px,10vh,96px) clamp(16px,2vw,28px) clamp(24px,4vh,40px);border-top:1px solid var(--line)}.footer__name{font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.05em;line-height:1}.footer__role{margin-top:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.footer__links{display:flex;gap:10px}.method{--bg: #ecebe7;--bg-raised: #f5f4f1;--text: #141414;--muted: #5e5e5e;--dim: #8a8a8a;--line: #c9c7c1;--line-soft: #d9d7d1;position:relative;z-index:3;background:var(--bg);color:var(--text)}.method__stage{position:relative;min-height:100svh;padding-top:var(--topbar-h);display:grid;grid-template-columns:var(--col-w) 1fr}.method__stage:before{content:"";position:absolute;top:0;bottom:0;left:var(--col-w);width:1px;background:var(--line);pointer-events:none}.method__left{padding:clamp(24px,4vh,40px) clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:14px;min-height:0}.method__kicker,.method__title{font-size:clamp(34px,3.6vw,56px);font-weight:700;letter-spacing:-.05em;line-height:1.02}.method__kicker{color:var(--dim)}.method__kit{font-size:13.5px;line-height:1.5;color:var(--muted);max-width:40ch}.method__steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:22px}.method__num{font-family:var(--serif);font-size:24px;color:var(--dim);line-height:1}.method__step-name{margin:6px 0 4px;font-size:clamp(22px,2vw,30px);font-weight:700;letter-spacing:-.04em}.method__step-text{font-size:15px;line-height:1.5;color:var(--muted);max-width:38ch}.method__skills{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.method__skills li{display:flex;flex-direction:column;gap:2px}.method__skill{align-self:flex-start;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:var(--bg-raised)}.method__skill-line{font-size:12.5px;color:var(--muted)}.method__progress{margin-top:auto;display:none;gap:6px}.method__progress i{flex:1;height:2px;background:var(--line)}.method__progress i[data-active=true]{background:var(--text)}.method__right{min-width:0;display:grid;place-items:center;position:sticky;top:var(--topbar-h);align-self:start;height:calc(100svh - var(--topbar-h));padding:clamp(24px,4vh,48px) clamp(16px,3vw,56px)}.diamond{width:100%;height:auto;max-height:72vh;overflow:visible}.diamond__path{fill:none;stroke:var(--line);stroke-width:1.5}.diamond__node circle{fill:var(--bg);stroke:var(--dim);stroke-width:1.5;transition:fill .3s var(--ease-out),stroke .3s var(--ease-out)}.diamond__node text{font-family:var(--font);font-size:19px;font-weight:600;letter-spacing:-.02em;fill:var(--dim);paint-order:stroke;stroke:var(--bg);stroke-width:8px;stroke-linejoin:round;transition:fill .3s var(--ease-out)}.diamond__node[data-lit=true] circle{fill:var(--text);stroke:var(--text)}.diamond__node[data-lit=true] text{fill:var(--text)}.diamond__light{fill:var(--text);opacity:.18}.method[data-portal=on]{margin-top:-100svh}.method[data-portal=on] .method__stage{height:100svh;overflow:hidden}.method[data-portal=on] .method__step[data-active=false]{display:none}.method[data-portal=on] .method__step[data-active=true]{animation:method-step-in .35s var(--ease-out)}.method[data-portal=on] .method__progress{display:flex}@keyframes method-step-in{0%{opacity:0;transform:translateY(8px)}}.method__self{padding:clamp(64px,14vh,140px) clamp(20px,2vw,32px) clamp(48px,10vh,96px) calc(var(--col-w) + clamp(20px,3vw,56px));border-top:1px solid var(--line)}.method__self-title{font-size:clamp(28px,2.8vw,44px);font-weight:700;letter-spacing:-.045em}.method__self-lines{margin:18px 0 0;padding-left:1.2em;font-size:clamp(17px,1.4vw,21px);line-height:1.6}.method__self-note{margin-top:18px;font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);color:var(--muted)}@media(max-width:767px){.method__stage{grid-template-columns:1fr}.method__stage:before,.method .screen__cross{display:none}.method__right{position:static;height:auto;order:-1;padding-top:calc(var(--topbar-h) + 16px);border-bottom:1px solid var(--line)}.method__stage{padding-top:0}.diamond__node text{font-size:26px}.method__self{padding-left:clamp(20px,2vw,32px)}}.method .btn{color:var(--text);background:transparent;border-color:var(--dim)}.method .btn:hover{background:var(--bg-raised);border-color:var(--text)}.room{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.room svg{display:block;fill:none;stroke:var(--line);stroke-width:.6;shape-rendering:geometricPrecision}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}