.project-scene{background:var(--ivory)}.project-cover-media{aspect-ratio:16/10}@media (min-width:768px){.work-section .work-heading{margin-bottom:clamp(.75rem,1.3vw,1.25rem)}.work-section .work-stage{gap:clamp(1rem,2vw,2rem)}.work-section .project-scene{min-height:auto;padding-block:clamp(1.5rem,2.4vw,2.5rem);position:relative}}.work-stage>.empty-state{border:1px solid var(--line);max-width:42rem;color:var(--stone);margin:0;padding:clamp(2rem,6vw,5rem);font-size:clamp(1.1rem,2vw,1.5rem)}.work-section{background:radial-gradient(circle at 12% 22%,#b890551f,transparent 25%),linear-gradient(145deg,#f5f1e9,var(--ivory) 62%,#e9e1d4)}.project-scene{position:relative}.project-scene:after{background:radial-gradient(circle,color-mix(in srgb,var(--accent,#b89055) 14%,transparent),transparent 68%);content:"";pointer-events:none;width:35%;height:35%;position:absolute;bottom:-8%;right:-4%}
.work-section{padding-block:clamp(4.5rem,7vw,7rem)}.work-heading{margin-bottom:clamp(1.5rem,3vw,3rem)}.work-stage{gap:clamp(2.5rem,5vw,5rem)}.project-scene{min-height:min(64vh,44rem)}@media (min-width:768px) and (max-height:800px){.project-scene{min-height:34rem}}@media (max-width:767px){.work-section{padding-block:4.5rem}.project-scene{padding:2.75rem 0}.work-stage{gap:0}}
.work-section{position:relative;overflow:hidden}.work-section>.container{z-index:1;position:relative}.work-trajectory{z-index:0;opacity:.34;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-trajectory svg{fill:none;stroke:#11110f47;stroke-width:1px;vector-effect:non-scaling-stroke;width:106%;height:96%;position:absolute;inset:2% -3% 0}.work-trajectory .trajectory-guide{stroke-dasharray:3 12;opacity:.55}.work-trajectory .trajectory-path{stroke:#b89055b3;stroke-width:1.25px}.work-trajectory .trajectory-path-two{stroke:#4758606b;stroke-dasharray:14 7}.work-trajectory circle{fill:var(--ivory);stroke:#b89055cc;stroke-width:1.5px}.registration-mark,.coordinate-ticks,.project-evidence{pointer-events:none;display:block;position:absolute}.registration-mark{border:1px solid #11110f3d;border-radius:50%;width:2.2rem;height:2.2rem}.registration-mark i{background:#11110f47;width:calc(100% + .9rem);height:1px;position:absolute;top:50%;left:-.45rem}.registration-mark i:last-child{transform:rotate(90deg)}.registration-a{top:13%;right:8%}.registration-b{bottom:10%;left:7%;transform:scale(.72)}.coordinate-ticks{border-top:1px solid #11110f47;gap:.65rem;padding-top:.45rem;display:flex}.coordinate-ticks i{background:#11110f57;width:1px;height:.45rem}.ticks-a{top:29%;left:3%;transform:rotate(-25deg)}.ticks-b{bottom:31%;right:4%;transform:rotate(-25deg)}.project-scene{isolation:isolate}.project-scene>:not(.project-evidence){z-index:1;position:relative}.project-evidence{z-index:0;opacity:.48;border-top:1px solid #11110f38;border-right:1px solid #11110f38;width:clamp(5rem,9vw,8rem);height:clamp(3.5rem,6vw,5rem);top:1rem;right:0}.project-evidence i{background:#11110f61;width:1px;height:.6rem;position:absolute;top:-.3rem}.project-evidence i:first-child{left:25%}.project-evidence i:nth-child(2){left:58%}.project-evidence span{color:#11110f80;letter-spacing:.14em;font-size:.55rem;position:absolute;bottom:.3rem;right:.45rem}@media (max-width:767px){.work-trajectory{opacity:.2}.registration-b,.ticks-b{display:none}.project-evidence{right:1rem}}@media (prefers-reduced-motion:reduce){.work-trajectory,.project-evidence{transform:none}}
.process{position:relative;overflow:clip}.process>.container{z-index:1;position:relative}.process-drafting{z-index:0;opacity:.27;pointer-events:none;position:absolute;inset:0;overflow:hidden}.process-drafting svg{fill:none;stroke:#11110f57;stroke-width:1px;stroke-dasharray:2 10;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}.process-drafting .drafting-arc{stroke:#b89055a6;stroke-dasharray:none}.draft-crosshair,.stage-datum{pointer-events:none;display:block;position:absolute}.draft-crosshair{border:1px solid #11110f38;border-radius:50%;width:3rem;height:3rem}.draft-crosshair i{background:#11110f5c;width:calc(100% + 1rem);height:1px;position:absolute;top:50%;left:-.5rem}.draft-crosshair i:last-child{transform:rotate(90deg)}.crosshair-a{top:17%;right:9%}.crosshair-b{bottom:9%;right:17%;transform:scale(.68)}.timeline article{position:relative}.timeline article>:not(.stage-datum){z-index:1;position:relative}.stage-datum{z-index:0;opacity:.58;border-top:1px solid #11110f3d;width:clamp(4rem,7vw,6rem);height:1.5rem;top:0;right:0}.stage-datum i{background:#11110f61;width:1px;height:.6rem;position:absolute;top:-.3rem}.stage-datum i:first-child{left:10%}.stage-datum i:nth-child(2){left:50%}.stage-datum i:last-child{right:10%}@media (max-width:767px){.process-drafting{opacity:.18}.crosshair-b{display:none}.stage-datum{right:1rem}}@media (prefers-reduced-motion:reduce){.process-drafting,.draft-crosshair,.stage-datum{transform:none}.timeline-line i{height:100%!important}}
.hero{background:radial-gradient(circle at 75% 35%,#b8905514,#0000 30%);align-items:center;min-height:100svh;padding-top:7rem;display:flex}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;min-height:calc(100svh - 7rem);display:grid;position:relative}.hero-copy{z-index:2;padding:5rem 0;position:relative}.hero-copy .display{max-width:12ch}.hero-lede{max-width:43rem;color:var(--paper);margin:2.4rem 0;font-size:clamp(1.08rem,1.6vw,1.45rem)}.hero-actions{flex-wrap:wrap;gap:1.2rem;display:flex}.hero-meta{bottom:1.5rem;left:var(--gutter);right:var(--gutter);color:var(--stone);justify-content:space-between;display:flex;position:absolute}.x-system{aspect-ratio:1;justify-self:end;width:min(46vw,42rem);position:relative}.x-system svg{fill:none;width:100%;height:100%;stroke:var(--line);stroke-width:1px}.x-system .x-grid{stroke-dasharray:2 9}.x-system .x-path{stroke:#f2eee56b}.x-system .x-core{stroke:var(--gold);stroke-width:2px}.x-system span{color:var(--stone);letter-spacing:.16em;font-size:.59rem;position:absolute}.work-section{padding:var(--section) 0;background:var(--ivory);color:var(--ink);position:relative}.work-heading{margin-bottom:4rem}.work-heading .eyebrow{color:#69645b}.work-stage{gap:6rem;display:grid}.project-scene{grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(2rem,6vw,7rem);min-height:76vh;display:grid}.project-meta h3{font-family:var(--font-display);letter-spacing:-.055em;margin:.6rem 0 1rem;font-size:clamp(3rem,6vw,6.8rem);font-weight:400;line-height:.9}.project-meta>p:not(.technical){color:#575249;max-width:35rem}.project-meta dl{gap:.8rem;margin:2.5rem 0;display:grid}.project-meta dl div{border-top:1px solid #11110f26;grid-template-columns:5rem 1fr;padding-top:.7rem;display:grid}.project-meta dt{letter-spacing:.12em;text-transform:uppercase;font-size:.65rem}.project-meta dd{margin:0}.project-meta .action{border-color:var(--ink)}.capabilities{background:var(--charcoal)}.cap-grid{grid-template-columns:.78fr 1.22fr;gap:clamp(2rem,7vw,8rem);margin-top:4rem;display:grid}.cap-list{display:grid}.cap-list button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:3rem 1fr auto;align-items:center;min-height:5.6rem;display:grid}.cap-list button:last-child{border-bottom:1px solid var(--line)}.cap-list button span{color:var(--stone);font-size:.65rem}.cap-list button strong{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2.8rem);font-weight:400}.cap-list button i{opacity:0;font-style:normal;transition:all .3s;transform:translate(-.5rem,.5rem)}.cap-list button[aria-selected=true]{color:var(--gold)}.cap-list button[aria-selected=true] i{opacity:1;transform:none}.system-composition{border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25% 25%;min-height:35rem;position:relative;overflow:hidden}.system-core{z-index:2;aspect-ratio:1;border:1px solid var(--gold);background:var(--charcoal);text-align:center;place-items:center;width:7rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(45deg)}.system-core small{letter-spacing:.1em;font-size:.6rem;transform:rotate(-45deg)}.system-nodes{position:absolute;inset:0}.system-nodes:before,.system-nodes:after{content:"";background:#b8905573;width:1px;height:72%;position:absolute;top:14%;left:50%;transform:rotate(45deg)}.system-nodes:after{transform:rotate(-45deg)}.system-nodes span{border:1px solid var(--line);background:var(--panel);letter-spacing:.1em;text-transform:uppercase;padding:.6rem .8rem;font-size:.65rem;position:absolute}.system-nodes span:first-child{top:12%;left:12%}.system-nodes span:nth-child(2){top:15%;right:10%}.system-nodes span:nth-child(3){bottom:24%;left:9%}.system-nodes span:nth-child(4){bottom:18%;right:12%}.system-copy{justify-content:space-between;align-items:end;gap:2rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.system-copy p{max-width:24rem;font-family:var(--font-display);margin:0;font-size:1.7rem;line-height:1.05}.system-copy small{max-width:18rem;color:var(--stone)}.difference{background:var(--ink)}.difference-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(3rem,8vw,10rem);display:grid}.intersection{grid-template-columns:1fr 1fr;display:grid;position:relative;transform:rotate(-2deg)}.intersection article{border:1px solid var(--line);min-height:14rem;padding:2rem;transition:border-color .3s,background .3s}.intersection>div:nth-child(2),.intersection>div:nth-child(3){transform:translateY(2.2rem)}.intersection article:hover{border-color:var(--gold);background:#b890550f}.intersection span{color:var(--gold);font-size:.65rem}.intersection h3{font-family:var(--font-display);margin:2rem 0 .4rem;font-size:2rem;font-weight:400}.intersection p{color:var(--stone);margin:0}.process{background:var(--ivory);color:var(--ink)}.process .eyebrow{color:#69645b}.process-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(4rem,9vw,12rem);margin-top:4rem;display:grid}.process-intro{height:max-content;position:sticky;top:8rem}.process-intro>p{color:#5c574e;max-width:30rem}.timeline{position:relative}.timeline-line{background:#11110f29;width:1px;position:absolute;top:1rem;bottom:3rem;left:1.15rem}.timeline-line i{background:var(--gold);width:100%;display:block}.timeline article{grid-template-columns:4rem 1fr;min-height:20rem;display:grid;position:relative}.timeline .node{z-index:2;border:1px solid var(--gold);background:var(--ivory);place-items:center;width:2.3rem;height:2.3rem;font-size:.6rem;display:grid;position:relative}.timeline h3{font-family:var(--font-display);margin:0;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:400;line-height:1}.timeline article p{max-width:32rem}.timeline dl{border-top:1px solid #11110f2e;grid-template-columns:8rem 1fr;max-width:32rem;padding-top:1rem;display:grid}.timeline dt{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.timeline dd{color:#5d584f;margin:0 0 .8rem}.studio{background:linear-gradient(110deg,var(--charcoal) 0 50%,#2b2721 50%);overflow:hidden}.studio-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,10rem);display:grid}.studio-blueprint{border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:3rem 3rem;min-height:38rem;position:relative}.portrait-slot{clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);background:linear-gradient(150deg,#1b1a17,#9b7e5a);align-items:end;padding:2rem;display:flex;position:absolute;inset:12% 16%;overflow:hidden}.founder-portrait{object-fit:contain;object-position:center bottom}.studio-blueprint>i{border:1px solid var(--gold);width:.6rem;height:.6rem;position:absolute}.studio-blueprint>i:first-of-type{top:10%;left:14%}.studio-blueprint>i:nth-of-type(2){top:48%;right:12%}.studio-blueprint>i:nth-of-type(3){bottom:8%;left:45%}.studio blockquote{font-family:var(--font-display);margin:2rem 0;font-size:clamp(1.7rem,2.7vw,3rem);line-height:1.15}.studio blockquote+p{max-width:38rem;color:var(--paper)}.final-cta{min-height:78vh;padding:var(--section) 0;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.final-cta .eyebrow{justify-content:center}.final-cta p:not(.eyebrow){color:var(--paper);font-size:1.2rem}.magnetic-wrap{margin-top:2.5rem}.cta-lines{opacity:.4;position:absolute;inset:0}.cta-lines i{background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:50%;width:60vw;height:1px;position:absolute;top:50%;left:50%}.cta-lines i:first-child{transform:translate(-50%,-50%)rotate(28deg)}.cta-lines i:nth-child(2){transform:translate(-50%,-50%)rotate(-28deg)}.cta-lines i:nth-child(3){transform:translate(-50%,-50%)rotate(62deg)}.cta-lines i:nth-child(4){transform:translate(-50%,-50%)rotate(-62deg)}@media (max-width:767px){.hero{padding-top:4.6rem}.hero-grid{min-height:calc(100svh - 4.6rem);display:block}.hero-copy{padding:4rem 0 1rem}.hero-copy .display br{display:none}.hero-lede{margin:1.5rem 0}.x-system{width:100%;max-height:38vh;margin-top:-1rem}.hero-meta{flex-direction:column;gap:1rem;padding:1rem 0;position:static}.work-heading{margin-bottom:1rem}.project-scene{border-bottom:1px solid #11110f2e;flex-direction:column-reverse;gap:1.5rem;min-height:auto;padding:4rem 0;display:flex}.project-meta h3{font-size:3.8rem}.cap-grid,.difference-grid,.process-grid,.studio-grid{grid-template-columns:1fr}.system-composition{min-height:28rem}.system-copy{display:block}.system-copy small{display:none}.intersection,.intersection>div:nth-child(2),.intersection>div:nth-child(3){transform:none}.intersection article{min-height:11rem;padding:1.3rem}.process-intro{position:static}.timeline article{min-height:auto;padding-bottom:5rem}.timeline dl{grid-template-columns:1fr}.studio{background:var(--charcoal)}.studio-blueprint{min-height:28rem}.studio-grid>div:last-child{grid-row:1}.final-cta{min-height:70vh}}.process{background:radial-gradient(circle at 88% 18%,#b890551f,transparent 26%),linear-gradient(145deg,#f5f1e9,var(--ivory))}@media (hover:hover){.cap-list button:hover{background:#b890550f}.intersection article:hover{border-color:#b890558c;transform:translateY(-2px)}}.intersection article{transition:border-color var(--fast),transform var(--fast)}.intersection{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.intersection>div,.intersection article,.difference-grid>*{min-width:0}.intersection h3,.intersection p{overflow-wrap:anywhere}@media (max-width:380px){.intersection article{padding:1rem}.intersection h3{font-size:1.7rem}}