@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(vendor/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(vendor/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vendor/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(vendor/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(vendor/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(vendor/font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vendor/font-8.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(vendor/font-9.ttf) format('truetype');
}

:root{--bg:#080b10;--white:#f1f1ee;--muted:#a5aab2;--line:rgba(233,239,246,.16);--blue:#93b8d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#7797b0;color:#05070b}.skip{position:absolute;top:-60px;left:10px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:10px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);position:absolute;top:0;left:0;right:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.08)}.identity{display:flex;align-items:center;gap:11px;font:800 16px/1 'Manrope',sans-serif;letter-spacing:.15em}.identity img{width:34px;height:34px;object-fit:contain}.identity small{display:block;font-size:9px;letter-spacing:.45em;margin-top:5px;font-weight:500}.nav nav{display:flex;gap:34px}.nav nav a{font-size:12px;color:#c6cbd2;transition:color .2s}.nav nav a:hover{color:white}.nav-contact{font-size:11px;letter-spacing:.16em;border-bottom:1px solid #9aadb9;padding-bottom:8px}.nav-contact span{margin-left:15px}.menu{display:none}.hero{min-height:820px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center;padding:110px clamp(24px,8vw,140px) 90px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#202b36 0%,#0d131b 37%,#080b10 70%)}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.15) 35%,transparent),radial-gradient(circle at 74% 49%,rgba(176,196,208,.09),transparent 30%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:680px}.eyebrow,.chapter,.hero-foot,.project-index,.project-tag,.instruction,.contact-intro,.about-label{font-size:10px;letter-spacing:.2em;font-weight:600}.eyebrow{color:#aab7c2;display:flex;align-items:center;gap:11px}.pin{width:5px;height:5px;background:#b3d5e5;border-radius:50%;box-shadow:0 0 12px #b3d5e5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(64px,8.5vw,150px);line-height:1.03;margin:34px 0}h1 em,h2 em,.contact h2 em{font-style:normal;color:#a4b9c9}.lede{font-size:clamp(15px,1.25vw,18px);line-height:1.9;color:#b7bdc5;max-width:450px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:11px;letter-spacing:.17em;margin-top:38px;border-bottom:1px solid #cbd6df;padding-bottom:13px}.text-link span{font-size:19px}.hero-object{position:absolute;width:min(51vw,850px);aspect-ratio:1;right:-1%;top:50%;transform:translateY(-48%);display:grid;place-items:center;perspective:1000px;pointer-events:none}.logo-aura{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(159,184,204,.12),transparent 67%);filter:blur(30px)}.hero-logo{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.75));transform:rotateY(-14deg) rotateX(4deg);animation:float 8s ease-in-out infinite}.hero-foot{position:absolute;bottom:32px;left:clamp(24px,8vw,140px);right:clamp(24px,8vw,140px);display:flex;justify-content:space-between;color:#8e9ca8;font-size:9px}.chapter{display:flex;justify-content:space-between;color:#a4adb5;border-top:1px solid var(--line);padding-top:25px}.vision,.work-intro,.about,.contact{padding:90px clamp(24px,8vw,140px)}.vision{min-height:820px;background:#0d1117}.vision-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:4vw;align-items:center;min-height:620px}.vision h2,.work-intro h2,.about h2,.contact h2{font-size:clamp(50px,6.6vw,108px);line-height:1.12}.vision p,.work-intro p,.about p{font-size:clamp(15px,1.35vw,19px);line-height:1.9;max-width:460px;color:#abb3bc}.instruction{display:block;margin-top:45px;color:#b5c7d4}.instruction span{margin-left:12px}.sculpture{width:100%;height:620px;position:relative;touch-action:pan-y;cursor:grab}.sculpture:active{cursor:grabbing}.sculpture canvas,.project-space canvas{display:block;width:100%;height:100%}.canvas-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:200px;color:#778d9f;opacity:.2}.sculpture:has(canvas) .canvas-fallback{display:none}.work-intro{padding-bottom:10px}.work-intro h2{margin:115px 0 28px}.work-intro p{max-width:530px}.project{min-height:780px;display:grid;grid-template-columns:56% 44%;align-items:center;position:relative;padding:40px clamp(24px,8vw,140px);overflow:hidden}.project:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 38% 50%,rgba(122,149,170,.10),transparent 52%);pointer-events:none}.project-two{background:#0c1016}.project-three{background:#0a0e13}.project-space{height:650px;width:100%;position:relative;z-index:1;touch-action:pan-y;cursor:grab}.project-copy{position:relative;z-index:2;max-width:450px}.project-index{color:#9db4c5}.project h3{font-size:clamp(66px,7.3vw,120px);line-height:1.05;margin:24px 0 30px}.project h3 span{font-size:.2em;vertical-align:top;letter-spacing:0;margin-left:8px}.project p{color:#b3bcc5;font-size:clamp(15px,1.3vw,18px);line-height:1.85}.project-tag{display:block;margin-top:40px;color:#8094a5}.about{background:#11151a}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:130px}.about h2{margin-bottom:40px}.contact{background:radial-gradient(ellipse at 75% 60%,#202d39,#0b1017 55%,#080b10);min-height:760px}.contact-intro{margin-top:110px;color:#9aaebf}.contact h2{font-size:clamp(78px,11vw,180px);line-height:.99;margin:35px 0 65px}.contact-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a8b8c6;border-bottom:1px solid #a8b8c6;padding:25px 0;font-size:12px;letter-spacing:.17em;max-width:520px}.contact-cta span{font-size:26px}.contact-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:100px;color:#b3bdc7;font-size:12px}footer{padding:28px clamp(24px,8vw,140px);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.13em;color:#a1acb6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes float{50%{transform:translateY(-15px) rotateY(-8deg) rotateX(2deg)}}@media(max-width:900px){.nav{height:72px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;padding:26px;background:#10151d;flex-direction:column;gap:24px}.nav nav.open{display:flex}.menu{display:block;background:none;border:0;color:white;font-size:12px}.menu span{margin-left:10px}.nav-contact{display:none}.hero{height:auto;min-height:780px;display:block;padding-top:150px}.hero-copy{max-width:580px}.hero-object{width:90vw;right:-20%;top:auto;bottom:0;transform:none;opacity:.75}.hero-foot{bottom:25px}.vision-layout{grid-template-columns:1fr}.vision{min-height:0}.vision-layout{gap:0}.sculpture{height:480px}.project{grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:90px}.project-space{height:480px;order:1}.project-copy{order:2;max-width:620px}.project h3{font-size:clamp(62px,12vw,105px)}.about-grid{grid-template-columns:1fr;margin-top:80px}.contact{min-height:700px}}@media(max-width:560px){.hero{min-height:800px;padding-top:125px}.eyebrow{font-size:8px;line-height:1.7;letter-spacing:.1em}h1{font-size:clamp(51px,13vw,76px);margin:28px 0}.hero-copy{z-index:3}.hero-object{width:120vw;right:-30%;bottom:12%;opacity:.40}.hero-backdrop{background:linear-gradient(180deg,rgba(8,11,16,.2),rgba(8,11,16,.35))}.lede{max-width:350px}.hero-foot{font-size:8px;gap:20px}.hero-foot span:last-child{text-align:right}.vision,.work-intro,.about,.contact{padding:65px 24px}.chapter{font-size:8px;gap:20px;line-height:1.7}.chapter span:last-child{text-align:right}.vision h2,.work-intro h2,.about h2{font-size:clamp(47px,11vw,70px)}.vision-layout{min-height:0;margin-top:65px}.sculpture{height:370px;margin-top:15px}.work-intro h2{margin-top:75px}.project{padding:10px 24px 75px}.project-space{height:350px}.project h3{font-size:clamp(61px,15vw,90px)}.project-copy{margin-top:-10px}.about-grid{margin-top:65px}.contact{min-height:650px}.contact h2{font-size:clamp(75px,17vw,110px)}.contact-bottom{flex-direction:column;margin-top:75px}footer{padding:28px 24px;flex-wrap:wrap;font-size:8px}.instruction{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}

/* Frameless controls and calm, accessible interaction. */
:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}
.nav nav a,.menu{min-height:44px;display:inline-flex;align-items:center}
.menu{display:none}
.sculpture canvas,.project-space canvas{height:calc(100% - 48px);touch-action:pan-y}
.model-controls{height:48px;display:flex;justify-content:center;gap:24px;align-items:center;position:absolute;bottom:0;width:100%}
.model-controls button{background:none;border:0;border-bottom:1px solid #698094;color:#b6c7d5;font-size:11px;letter-spacing:.05em;padding:10px 0;min-height:44px;cursor:pointer}
.model-status{position:absolute;inset:25% 8%;display:grid;place-content:center;text-align:center;font-size:14px!important;line-height:1.8!important;color:#a5b7c7!important;max-width:none!important;margin:0}
.hero-copy{max-width:51%}h1{font-size:clamp(64px,7.1vw,130px)}
.hero-object{width:45vw;right:0}
.hero-logo{will-change:transform}
.vision-layout>div,.project-copy,.about-grid>div{min-width:0}
@media(max-width:1100px) and (min-width:901px){.vision h2{font-size:5.4vw}.project h3{font-size:6.6vw}}
@media(max-width:900px){.menu{display:inline-flex}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;padding-top:140px;padding-bottom:90px}.hero-copy{max-width:100%}h1{font-size:clamp(51px,9vw,85px)}.hero-object{position:relative;align-self:center;width:min(75vw,540px);right:auto;bottom:auto;top:auto;opacity:1;margin-top:20px;flex-shrink:0}.hero-foot{gap:20px}.vision h2,.work-intro h2,.about h2{overflow-wrap:normal}.nav nav a{padding:0 4px}.sculpture,.project-space{height:450px}}
@media(max-width:560px){.hero{padding-top:125px}.hero-object{width:100%;max-width:400px;margin-top:16px}.hero h1{font-size:clamp(42px,12.5vw,70px)}.sculpture,.project-space{height:350px}.vision h2,.work-intro h2,.about h2{font-size:clamp(35px,10.4vw,58px)}.project h3{font-size:clamp(49px,14vw,79px)}.contact h2{font-size:clamp(55px,16vw,94px)}.contact-bottom a{overflow-wrap:anywhere}.project-tag{line-height:1.8}.instruction{line-height:1.8}.hero-foot{font-size:7px}}

/* Prototype 06: frameless editorial showroom, no panels or neon effects. */
.vision{background:radial-gradient(ellipse at 75% 47%,#1b2935 0%,#101923 31%,#0a1018 67%,#080b10 100%)}
.vision-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.sculpture{height:690px;filter:drop-shadow(0 25px 50px rgba(0,0,0,.34))}
.sculpture canvas{cursor:grab;outline-offset:-5px}
.sculpture canvas:active{cursor:grabbing}
.sculpture canvas:focus-visible{outline:2px solid #a9cfe7}
@media(max-width:900px){.vision-layout{grid-template-columns:1fr}.sculpture{height:470px}}
@media(max-width:560px){.vision-layout{margin-top:45px}.sculpture{height:410px;margin-top:0}.vision{padding-bottom:32px}}