/* BALI edition — crisp paper, neutral metal and a confident orange accent. */
:root{--paper:#fff;--ink:#101114;--muted:#60636a;--line:#d9dce1;--orange:#ff7900;--orange-dark:#b94700;--dark:#0a0b0e}
.hero-wash{display:none}
.hero-surface{background:#fff}
.hero-identity{top:28%;width:39%}
.hero h1{font-size:clamp(74px,7.1vw,124px)}
.hero-summary{color:#60636a}
.hero-meta p>span{color:#74777e}
.display span{color:#e85f00}
.systems .display span,.footer-callout .display span{color:var(--orange)}
.bali-stage{position:absolute;left:35.5%;bottom:88px;width:44%;max-width:680px;height:calc(100% - 178px);z-index:3;perspective:1500px}
.bali-object{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 64%;transform:rotateX(var(--bali-rx,0deg)) rotateY(var(--bali-ry,0deg)) translateY(var(--bali-float,0px))}
.bali-object>img,.bali-object>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bali-object>img{filter:drop-shadow(0 16px 13px #0000000c)}
.bali-object>canvas{z-index:1;pointer-events:none}
.bali-coordinate{position:absolute;z-index:2;color:#696c74;font-size:7px;font-weight:500;letter-spacing:.12em;white-space:nowrap;pointer-events:none}
.bali-coordinate-top{left:5%;top:22%;writing-mode:vertical-rl;transform:rotate(180deg)}
.bali-coordinate-bottom{bottom:-18px;left:50%;transform:translateX(-50%);font-size:6px;display:flex;align-items:center;gap:7px}
.bali-coordinate i{width:4px;height:4px;background:var(--orange)}
.hero-rail{top:29%;width:180px}
.bali-panel h2{font-size:60px;line-height:1;letter-spacing:-.035em;margin:17px 0 15px}
.bali-panel h2>span{font-family:var(--sans);font-size:11px;vertical-align:top;margin:7px 0 0 3px;display:inline-block;color:var(--orange-dark)}
.bali-panel p{font-size:12px;line-height:1.55}
.bali-signature{margin:24px 0 0;display:flex;align-items:center;gap:8px;color:#72767e;font-size:6px;letter-spacing:.04em}
.bali-signature>span:first-child{color:#111;font-size:11px}
.bali-signature i{height:1px;flex:1;background:#cfd2d7}
.bali-panel .text-link{margin-top:20px}
.disciplines-panel .panel-kicker{color:#74777e}
.disciplines-panel small{color:#60636a}
.hero-actions .cut-button{background:var(--orange);color:#0a0b0e;min-width:260px}
.hero-actions .cut-button:hover{background:#111216;color:#fff}
.hero-actions .cut-button::before{border-color:#00000035}
.systems-surface,.footer-panel{background:#0a0b0e}
.systems-grid{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}
.systems-heading>.eyebrow,.map-topline,.map-bottomline{color:#9398a2}
.systems-intro{color:#b9bdc6}
.trace-track{stroke:#606673}
.trace-node text{fill:#eef0f4}
.trace-node .map-subtext{fill:#9da3af}
.map-axis,.map-axis circle{stroke:#616772}
.map-center text,.map-coordinate{fill:#8c93a0}
.studio-section,.process-section{background:#f4f4f6}
.studio-code{background:#121318;color:#f2f2f5;box-shadow:18px 22px 0 #dedfe4}
.studio-code .code-muted{color:#9299a6}
.studio-code .code-keyword{color:#f2f3f6}
.studio-code .code-value,.studio-code .code-accent{color:#ff9a41}
.footer-wordmark{color:#303239}
.footer-bottom,.footer-top p{color:#b2b7c0}
.workflow-visual{background:#121318}
.flow-node{background:#191b20;border-color:#3e414a}
.flow-node.active{border-color:var(--orange)}
.project-timeline:has(.project-row:hover) .project-row:not(:hover){opacity:1}
.project-row{grid-template-columns:10% 64% 1fr;column-gap:3%;margin-bottom:96px}
.project-right{grid-template-columns:10% 1fr 64%;column-gap:3%}
.project-right .project-index{grid-column:1;grid-row:1}
.project-right .project-description{grid-column:2;grid-row:1}
.project-right .project-plate{grid-column:3;grid-row:1}
.project-small:not(.project-right){grid-template-columns:10% 64% 1fr}
.project-index>span{color:#b6bac3}
.project-plate,.project-small .project-plate{aspect-ratio:1.45;clip-path:none;background:#f2f3f6;border-radius:3px;transition:transform .45s cubic-bezier(.2,0,0,1),box-shadow .45s}
.project-plate::after{display:none}
.project-plate:hover{transform:translateY(-5px);box-shadow:0 22px 36px -25px #00000055}
.project-plate>.showcase{width:100%;height:100%}
.plate-open{top:18px;right:18px;background:#fff;color:#121318;border:1px solid #17191f22;border-radius:50%;z-index:6;width:32px;height:32px;display:grid;place-items:center}
.plate-open>svg{width:15px;height:15px}
.project-description p,.project-small .project-description p{font-size:12px;line-height:1.7}
.project-description>.eyebrow{font-size:8px;line-height:1.6}
.project-description h3,.project-small .project-description h3{font-size:31px}
.project-tags,.project-small .project-tags{font-size:8px;gap:9px}
.dialog-project-art{height:auto;aspect-ratio:1.45;padding:0;display:block;background:#fff;overflow:hidden}
.dialog-project-art>.showcase{width:100%;height:100%}
.project-dialog .dialog-close{background:#fff;color:#111;border-color:#d7d9de;box-shadow:0 4px 16px #00000015}
.work-grid.filtered .project-row{grid-template-columns:10% 64% 1fr;column-gap:3%}
.work-grid.filtered .project-index{grid-column:1;grid-row:1}
.work-grid.filtered .project-plate{grid-column:2;grid-row:1}
.work-grid.filtered .project-description{grid-column:3;grid-row:1}
@media(min-width:1600px){.bali-stage{left:37%;width:41%}.hero-rail{width:205px}.hero-rail .bracket-panel{padding:23px}.bali-panel h2{font-size:70px}}
@media(min-width:1000px) and (max-width:1199px){.hero h1{font-size:7.2vw}.hero-meta{font-size:10px}.hero-rail{width:158px}.bali-stage{left:35%;width:46%;bottom:104px;height:calc(100% - 210px)}.bali-panel h2{font-size:53px}.bali-panel p{font-size:11px}.bali-signature{gap:5px;font-size:5px}.hero-actions .cut-button{min-width:230px}.project-description h3,.project-small .project-description h3{font-size:26px}.project-description p,.project-small .project-description p{font-size:11px}}
@media(min-width:701px) and (max-width:999px){.hero-surface{min-height:900px;height:100svh}.hero-identity{top:152px;width:64%}.hero h1{font-size:76px}.hero-meta{font-size:11px}.bali-stage{left:auto;right:-1%;bottom:110px;width:60%;height:620px}.bali-coordinate-top{left:4%;top:48%}.hero-rail{display:block;top:auto;bottom:180px;right:auto;left:var(--gutter);width:174px}.hero-rail .disciplines-panel{display:none}.bali-panel h2{font-size:49px}.bali-panel p{font-size:11px}.bali-panel .panel-kicker{font-size:8px}.project-row,.project-small:not(.project-right),.work-grid.filtered .project-row{grid-template-columns:7% 65% 1fr}.project-right{grid-template-columns:7% 1fr 65%}.project-description h3,.project-small .project-description h3{font-size:24px}.project-description p,.project-small .project-description p{font-size:10px}.project-tags,.project-small .project-tags{font-size:6px}}
@media(max-width:700px){.hero-surface{min-height:975px;height:100svh}.hero-identity{top:128px;width:calc(100% - 40px)}.hero h1{font-size:clamp(58px,15.5vw,97px)}.hero-meta{margin-top:22px;font-size:9px;gap:7px}.bali-stage{left:12%;bottom:118px;width:80%;height:510px;max-width:none}.bali-coordinate-top{left:-6%;top:37%;font-size:6px}.bali-coordinate-bottom{bottom:-7px;font-size:5px}.hero-rail{display:none}.hero-actions .cut-button{min-width:0;width:100%}.project-row,.project-small,.project-right,.project-small:not(.project-right),.work-grid.filtered .project-row{grid-template-columns:1fr;width:100%;margin-left:0;margin-bottom:48px;gap:0}.project-index,.project-right .project-index,.work-grid.filtered .project-index{grid-column:1;grid-row:1}.project-plate,.project-small .project-plate,.project-right .project-plate,.work-grid.filtered .project-plate{grid-column:1;grid-row:2;aspect-ratio:1.12}.project-description,.project-right .project-description,.work-grid.filtered .project-description{grid-column:1;grid-row:3;padding-top:22px}.project-description h3,.project-small .project-description h3{font-size:30px}.project-description p,.project-small .project-description p{font-size:12px}.project-description>.eyebrow{font-size:7px}.project-tags,.project-small .project-tags{font-size:8px}.plate-open{top:12px;right:12px;width:27px;height:27px}.plate-open>svg{width:12px;height:12px}.dialog-project-art{height:auto;aspect-ratio:1.12;padding:0}.studio-code{box-shadow:10px 15px 0 #dedfe4}}
@media(min-width:501px) and (max-width:700px){.hero-surface{min-height:1100px}.bali-stage{height:590px;left:16%;width:74%;bottom:117px}}
@media(max-width:375px){.hero-surface{min-height:940px}.hero h1{font-size:15.7vw}.hero-identity{top:124px}.bali-stage{height:485px;bottom:118px;left:10%;width:84%}.hero-meta{font-size:8px}}
@media(max-width:700px){.stack-layer{position:relative}}
.motion-paused .bali-object{--bali-rx:0deg!important;--bali-ry:0deg!important;--bali-float:0px!important}
.motion-paused [data-bali-canvas]{opacity:0!important}
@media(prefers-reduced-motion:reduce){.bali-object{--bali-rx:0deg!important;--bali-ry:0deg!important;--bali-float:0px!important}[data-bali-canvas]{opacity:0!important}}