.portfolio-principles{padding:110px var(--gap) 105px}.principles-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:end;margin:40px 0 70px}.principles-intro h2{font-size:clamp(48px,5.2vw,82px);line-height:.98;letter-spacing:-.055em}.principles-intro>p{font-size:18px;line-height:1.6;max-width:440px;letter-spacing:-.02em}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw}.principles-grid article{border-top:1px solid #292a2333;padding-top:27px}.principles-grid h3{font-size:27px;letter-spacing:-.035em;margin-bottom:20px}.principles-grid p{font-size:15px;line-height:1.8;max-width:340px}.build-scene{position:relative;background:#e8dcc1;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;padding:65px var(--gap);gap:4vw;min-height:690px;overflow:hidden}.build-copy{position:relative;z-index:2}.build-copy h2{font-size:clamp(44px,4.4vw,68px);line-height:1;margin:35px 0 26px;letter-spacing:-.05em}.build-copy>p{font-size:14px;line-height:1.75;max-width:330px}.build-legend{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0 15px;font-size:10px}.build-legend span{display:flex;align-items:center;gap:8px}.build-legend i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%}.build-legend span:nth-child(2) i{background:#292a2370}.build-legend span:nth-child(3) i{background:#292a23}.build-copy button{display:block;background:transparent;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px;margin-top:28px;min-height:44px}.build-copy #layers-status{display:block;font-size:10px;line-height:1.6;min-height:32px;margin-top:15px;max-width:280px;opacity:.75}.build-art{position:relative;min-width:0;height:560px}.build-art #website-layers{height:100%;width:100%;position:relative}.build-art canvas{display:block;width:100%;height:100%}.layers-fallback{width:100%;height:100%;object-fit:contain}.build-art .ready .layers-fallback{display:none}.build-art-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:10px;pointer-events:none}.portfolio-about{margin-top:0}@media(max-width:1000px) and (min-width:801px){.build-scene{grid-template-columns:1fr 1.2fr;gap:0;padding-left:4vw;padding-right:2vw}.build-art{height:500px}.build-copy h2{font-size:46px}.build-legend{gap:12px}}@media(max-width:800px){.portfolio-principles{padding:70px var(--gap)}.principles-intro{grid-template-columns:1fr;gap:28px;margin:30px 0 45px}.principles-intro h2{font-size:43px}.principles-intro>p{font-size:16px}.principles-grid{grid-template-columns:1fr;gap:30px}.principles-grid h3{font-size:25px;margin-bottom:15px}.principles-grid p{font-size:14px}.principles-grid article{padding-top:23px}.build-scene{grid-template-columns:1fr;padding:55px var(--gap) 25px;gap:0;min-height:0}.build-copy h2{font-size:44px;margin:28px 0 23px}.build-copy>p{font-size:14px}.build-legend{margin-top:25px;font-size:10px}.build-copy button{margin-top:12px}.build-copy #layers-status{font-size:10px;min-height:20px}.build-art{height:400px;width:calc(100% + 40px);margin-left:-20px}.build-art-caption{bottom:10px;font-size:9px}}@media(prefers-reduced-motion:reduce){.build-art canvas{transition:none}}

.build-copy .layer-select{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 14px;max-width:380px}.build-copy .layer-select button{display:inline-block;min-height:44px;margin:0;padding:10px 13px;border:1px solid #292a233b;border-radius:24px;font-size:11px;line-height:1.25;background:transparent;transition:background .25s,color .25s}.build-copy .layer-select button[aria-pressed=true]{background:#292a23;color:#f4f1e9;border-color:#292a23}.build-copy .layer-select button:hover{border-color:#292a23}.build-copy #toggle-layers[hidden]{display:none}.build-copy #layers-status{min-height:48px}.build-art{height:590px}@media(max-width:800px){.build-art{height:420px}.build-copy .layer-select{gap:7px;margin:24px 0 12px}.build-copy .layer-select button{font-size:10px;padding:10px 12px}.build-copy #layers-status{min-height:32px}}