:root{--bg:#f2e9df;--fg:#243a35;--muted:#586861;--lime:#ab3c22;--line:#243a3526}
.frame-fallback{position:absolute;bottom:12px;left:14px;right:14px;padding:10px;background:#f8f2e8eb;color:#375245;font-size:12px;line-height:1.4}
body{background:var(--bg)}header{position:relative;height:90px}.brand span{color:#d54a2e}nav>a{font-weight:600}.languages .active{background:#294a40;color:#fff}.languages button{color:#435b52}
.hero{position:relative;max-width:none;min-height:820px;padding:65px 5vw 80px;display:grid;grid-template-columns:45% 55%;align-items:center;background:radial-gradient(ellipse at 82% 28%,#efd0a3 0,transparent 50%),radial-gradient(ellipse at 95% 85%,#a7c9b9 0,transparent 55%),#f2e9df;overflow:hidden}
.hero-copy{position:relative;z-index:4;padding-right:35px}.hero-top{display:block}.hero h1{font-size:clamp(50px,5.8vw,94px);max-width:640px;line-height:1.03;letter-spacing:-.065em}.hero h1 em{color:#b7472b}.hero-aside{max-width:350px;padding:0;font-size:18px}.hero .eyebrow{color:#806044;letter-spacing:.12em}.gallery-heading{gap:20px;align-items:start;line-height:1.6;margin:30px 0 0}.pause{color:#294a40;border-color:#294a4050;white-space:nowrap}.hero-cta{display:inline-block;margin-top:18px;background:#b6442c;color:#fff;padding:17px 26px;border-radius:12px;box-shadow:0 8px 20px #9c4a3220}
.stage{display:block;height:660px;min-height:0;padding:0;perspective:1400px;isolation:isolate}.project,.reference-window{position:absolute!important;left:5%;top:18%;width:88%;margin:0!important;align-self:auto;border:5px solid #fff8;border-radius:14px;background:#f7f2eb;box-shadow:0 24px 40px #38514326;animation:carousel 24s ease-in-out infinite!important;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}.project:nth-child(2){animation-delay:-8s!important}.reference-window{animation-delay:-16s!important}.project:hover,.stage:focus-within .project,.stage:focus-within .reference-window,.stage:hover .project,.stage:hover .reference-window{animation-play-state:paused!important}.project .screen{aspect-ratio:16/10}.project-foot{color:#3c574d;background:#faf5ee}.screen-label{color:white}.project-logo{height:55px;width:135px}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:11px;color:#485b53;letter-spacing:.03em;background:#faf7f2}.window-bar:before{content:'● ● ●';color:#bd7862;font-size:9px}.reference-screen{height:300px;overflow:hidden;background:#e9e6df;position:relative}.reference-screen iframe{width:1280px;height:800px;border:0;transform:scale(.43);transform-origin:top left;pointer-events:none}.reference-window>a{display:block}.reference-label{padding:14px;color:#344e43;display:flex;justify-content:space-between;font-size:12px}.stage-caption{position:absolute;bottom:0;left:9%;right:0;color:#557266;font-size:12px;letter-spacing:.08em}
@keyframes carousel{0%,27%,100%{transform:translate3d(0,0,100px) rotateY(-9deg) rotateZ(-3deg);opacity:1;z-index:3}33%,60%{transform:translate3d(5%,-185px,-180px) rotateY(-15deg) rotateZ(7deg) scale(.83);opacity:.6;z-index:1}66%,93%{transform:translate3d(6%,200px,-100px) rotateY(10deg) rotateZ(5deg) scale(.88);opacity:.8;z-index:2}}
#intelligence{max-width:none;background:#dce9da;padding-left:7vw;padding-right:7vw}.section h2 span{color:#57816f}.brain-core{border-radius:35% 65% 57% 43%;border:0;color:#f9efd8;background:#cb5637;box-shadow:25px 15px 0 #edb562,-20px -15px 0 #8db9a5;animation:organic 12s ease-in-out infinite}.orbit{border-color:#42665350}.orbit:before{background:#b7482f}.role h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.5px}.knowledge{background:#e8ae85}.knowledge strong{color:#80412c}.knowledge .lead{color:#654a3e}.voice{max-width:none;background:#d5e1ef;padding-left:7vw;padding-right:7vw}.voice-surface{background:#edf2f8;border-color:#647c9633;box-shadow:12px 15px 0 #abc1d640}.voice-disc{color:#f5eee4;background:#476d9a;border:0;box-shadow:12px 8px 0 #bfccd8}.voice-surface button{background:#ab3c22;color:white}.voice-surface small{color:#526478}.voice-surface p{color:#435b73}.contact{border-color:#294a4030}footer.section{max-width:none;background:#f1e5d4}.bottom{color:#596758}dialog{background:#f4eee5;color:#294a40;border-color:#fff}.close{color:#294a40;border-color:#294a4040}.viewer-caption{color:#596758}.viewer-head a{color:#a03e25}
@keyframes organic{50%{border-radius:65% 35% 40% 60%;transform:rotate(12deg)}}
.paused .project,.paused .reference-window{animation-play-state:paused!important}
@media(max-width:850px){.hero{padding:35px 6vw 40px;display:block;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(46px,9vw,76px);max-width:650px}.stage{height:640px;margin-top:30px}.project,.reference-window{width:85%;left:7%;top:25%}.gallery-heading{margin-top:24px}.project .screen{aspect-ratio:16/10}.reference-screen{height:260px}.reference-screen iframe{transform:scale(.38)}.stage-caption{bottom:10px}.hero-aside{max-width:500px}}
@media(max-width:480px){.stage{height:500px}.project,.reference-window{width:96%;left:2%;top:25%}.screen-label h2{font-size:27px}.project-logo{width:100px;height:45px}.reference-screen{height:205px}.reference-screen iframe{transform:scale(.27)}.screen-label{bottom:18px}.project-foot{padding:12px}.gallery-heading{display:block}.pause{margin-top:12px}.open-project span{width:42px;height:42px;bottom:18px;right:16px}@keyframes carousel{0%,27%,100%{transform:translateY(0) rotate(-3deg);opacity:1;z-index:3}33%,60%{transform:translateY(-110px) scale(.85) rotate(6deg);opacity:.6;z-index:1}66%,93%{transform:translateY(125px) scale(.88) rotate(5deg);opacity:.8;z-index:2}}}
@media(prefers-reduced-motion:reduce){.stage{display:grid;height:auto;gap:25px;margin-top:35px}.project,.reference-window{position:relative!important;inset:auto;width:100%;transform:none;opacity:1;animation:none!important}.stage-caption{position:static}.brain-core{animation:none}}