@font-face{font-family:Instrument;src:url('assets/InstrumentSerif-Regular.woff') format('woff');font-display:swap}@font-face{font-family:Instrument;src:url('assets/InstrumentSerif-Italic.woff') format('woff');font-style:italic;font-display:swap}
:root{--ink:#091311;--surface:#0e1b17;--paper:#eff1e8;--mint:#a4d8bd;--muted:#a3b2a9;--line:#293b32;--serif:Instrument,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;--page-pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:active,.primary:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:.94;letter-spacing:-.025em}h2{font-size:clamp(48px,5.1vw,84px)}em{font-weight:400;color:var(--mint)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.5}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--paper);color:var(--ink);z-index:20}.skip:focus{top:20px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-.04em;font-weight:500;line-height:1}.brand-sub{display:block;font:8px/1.8 var(--sans);letter-spacing:.15em}.brand img{border-radius:50%}.header nav{display:flex;gap:36px;align-items:center;font-size:12px}.header nav a{padding:10px 0}.header nav a:hover{color:var(--mint)}.nav-contact{border-bottom:1px solid #637b6d}.nav-contact span{margin-left:24px}
.hero{min-height:calc(100dvh - 100px);display:grid;grid-template-columns:minmax(380px,.85fr) minmax(420px,1.3fr);gap:20px;align-items:center;padding:35px var(--page-pad) 25px;overflow:hidden;background:radial-gradient(ellipse at 74% 47%,#18352977,transparent 55%)}.hero-copy{position:relative;z-index:2;padding:40px 0}.hero h1{font-size:clamp(76px,6.9vw,114px);margin:28px 0}.hero .lede{font-size:14px;line-height:1.8;color:var(--muted);max-width:370px;margin:24px 0 30px}.tiny-star{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:9px;box-shadow:0 0 12px #a4d8bd}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 24px;border:1px solid var(--mint);background:var(--mint);color:var(--ink);font-size:12px;font-weight:600;min-height:52px;transition:background .2s,transform .2s}.primary:hover{background:#c5ead4}.primary span{font-size:18px;font-weight:400}.origin{margin-top:50px;display:flex;align-items:center;gap:14px;font-size:11px;color:#d3ddd4}.origin small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.origin-line{width:30px;height:1px;background:#587c66}
.atlas-wrap{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.atlas{position:relative;width:100%;height:clamp(500px,44vw,690px)}#field{width:100%;height:100%;position:absolute;inset:0}.star-core{position:absolute;left:50%;top:50%;width:114px;height:114px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,#efffed 4%,#c4ead1 12%,#3e755768 32%,#426b4911 67%,transparent 70%);box-shadow:0 0 100px #91dfa822;pointer-events:none}.core-inner{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#deffe9 32%,#759c83 78%);box-shadow:0 0 40px #bcffcc88}.core-orbit{position:absolute;inset:-22px;border:1px solid #baffca33;border-radius:50%;transform:rotate(-35deg) scaleY(.33)}.star-label{position:absolute;left:50%;top:calc(50% + 65px);transform:translateX(-50%);font:25px/1.2 var(--serif);text-align:center;white-space:nowrap}.star-label small{display:block;font:8px/2 var(--sans);letter-spacing:.18em;color:var(--muted)}.planet{position:absolute;left:var(--u);top:var(--v);transform:translate(-50%,-50%);border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:120px;min-height:48px;padding:8px;transition:filter .3s;z-index:2}.planet:hover,.planet:focus-visible{filter:brightness(1.3)}.planet:active{transform:translate(-50%,-50%) scale(.98)}.planet img{border-radius:50%;box-shadow:0 14px 24px #0006;transition:transform .3s}.planet:hover img{transform:translateY(-4px)}.planet>span{font-size:12px;font-weight:500;text-align:center;white-space:nowrap}.planet small{display:block;font-size:7px;color:var(--muted);letter-spacing:.09em;font-weight:400;margin-top:2px}.ottolux-symbol{display:grid!important;place-items:center;width:60px;height:60px;border:1px solid #9a94725a;border-radius:50%;color:#d6c38d;background:radial-gradient(circle at 30% 25%,#4c4839,#111510 65%);box-shadow:0 14px 24px #0006;font:35px var(--serif)!important}.atlas-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.caption-mark{margin-right:9px;font-size:16px;color:var(--mint)}.atlas-caption button{background:transparent;border:0;padding:10px 0;font-size:10px;color:#d0dbd1;min-height:44px}.atlas-caption button span{margin-left:10px}
.manifesto{padding:95px var(--page-pad);border-top:1px solid var(--line);display:grid;grid-template-columns:.5fr 1.4fr .8fr;gap:40px;align-items:start;background:var(--surface)}.manifesto>p{font:clamp(45px,4.3vw,70px)/1.06 var(--serif);letter-spacing:-.02em}.manifesto-note{font-size:13px;line-height:1.9;color:var(--muted);max-width:270px;padding-top:6px}.section{padding:110px var(--page-pad)}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.section-heading h2{margin-top:22px}.section-heading>p{max-width:350px;justify-self:end;font-size:13px;color:var(--muted);line-height:1.9}.product-row{display:grid;grid-template-columns:45px 1.1fr 1.4fr 110px;align-items:center;gap:28px;padding:29px 0;border-top:1px solid var(--line);transition:background .2s}.product-row:hover{background:#a4d8bd05}.row-number{font:10px var(--sans);color:#728b7b}.product-row h3{font:32px/1.15 var(--serif);letter-spacing:-.01em}.product-row div>p{font-size:10px;color:var(--muted);margin-top:5px}.row-detail{font-size:12px;line-height:1.8;color:var(--muted);max-width:360px}.product-row button{background:transparent;border:1px solid var(--line);font-size:11px;padding:11px 14px;display:flex;justify-content:space-between;min-height:44px}.product-row button:hover{background:var(--mint);color:var(--ink);border-color:var(--mint)}.portfolio-note{font-size:11px;color:var(--muted);margin-top:25px;max-width:760px}
.company-section{background:var(--paper);color:var(--ink);padding:100px var(--page-pad);display:grid;grid-template-columns:1fr 1.35fr;gap:80px;align-items:center}.company-section em{color:#54715e}.company-section h2{margin:24px 0;font-size:clamp(46px,4.8vw,76px)}.company-section p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:460px;color:#56675c}.company-seal{aspect-ratio:1;max-width:380px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.company-seal img{border-radius:50%;width:55%;height:auto;box-shadow:0 30px 60px #163c2422}.seal-ring{position:absolute;inset:0;border:1px solid #173a2a35;border-radius:50%;outline:1px solid #173a2a15;outline-offset:12px}.company-seal>span{text-align:center;font:9px/1.9 var(--sans);letter-spacing:.16em;color:#567360}.company-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid #163c242e;border-bottom:1px solid #163c242e;padding:23px 0;margin:28px 0}.company-facts dt{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#68786e}.company-facts dd{margin:6px 0 0;font-size:12px}.text-link{font-size:12px;display:inline-flex;gap:40px;padding:9px 0;border-bottom:1px solid #839689}.contact-section{padding:100px var(--page-pad);background:radial-gradient(ellipse at 80% 100%,#28473688,transparent 60%)}.contact-section h2{margin-top:28px;font-size:clamp(68px,7vw,110px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:45px}.contact-bottom p{font-size:13px;color:var(--muted);max-width:370px}.footer{border-top:1px solid var(--line);padding:45px var(--page-pad) 20px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-wordmark{font:40px var(--serif)}.footer p{font-size:10px;color:var(--muted);margin-top:10px}.footer nav{display:flex;justify-content:end;align-items:start;gap:25px;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted);margin-top:15px}
dialog{position:fixed;margin:auto;width:min(1020px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #4c6656;background:var(--surface);color:var(--paper);overflow:auto;box-shadow:0 40px 120px #0009}dialog[open]{display:grid;grid-template-columns:.9fr 1.1fr}dialog::backdrop{background:#03100dc9;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:20px;top:15px;z-index:3;border:0;background:transparent;font-size:11px;padding:10px;min-height:44px}.dialog-close span{font-size:22px;margin-left:16px}.dialog-art{display:grid;place-items:center;min-height:540px;background:radial-gradient(ellipse,#42624955,transparent 65%);border-right:1px solid var(--line)}.dialog-art img{border-radius:50%;filter:drop-shadow(0 25px 40px #0009)}.dialog-copy{padding:80px 45px 45px}.dialog-copy h2{margin:20px 0;font-size:62px}.dialog-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.detail-scope{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.detail-children{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.detail-children span{padding:5px 10px;border:1px solid var(--line);font-size:10px}.dialog-copy .primary{margin-top:28px}.dialog-support{display:block;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:20px}.dialog-copy .dialog-entity{font-size:9px!important;margin-top:26px}.simple-page{padding:70px var(--page-pad) 100px;max-width:1200px;margin:auto}.simple-page h1{font-size:clamp(62px,7vw,100px);margin:25px 0 40px}.simple-page .page-lede{max-width:750px;font-size:18px;line-height:1.7;color:var(--muted)}.page-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:65px}.page-columns h2,.prose h2{font-size:35px;margin-bottom:18px;line-height:1.1}.page-columns p,.prose p{font-size:14px;line-height:1.9;color:var(--muted);margin:12px 0}.facts{margin:25px 0}.facts>div{padding:15px 0;border-top:1px solid var(--line)}.facts dt{font-size:10px;color:var(--muted)}.facts dd{font-size:14px;margin:5px 0 0}.mail-link{font:clamp(22px,3vw,38px) var(--serif);border-bottom:1px solid var(--mint);padding-bottom:8px;display:inline-block;margin:15px 0}.prose{max-width:740px;margin-top:55px}.prose section{padding:25px 0;border-top:1px solid var(--line)}.support-products{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.support-products a{border:1px solid var(--line);padding:8px 13px;font-size:12px;min-height:44px}.support-products a:hover{border-color:var(--mint)}
@media(min-width:1700px){.hero,.section,.manifesto,.company-section,.contact-section,.footer,.header{padding-left:max(var(--page-pad),calc((100vw - 1600px)/2));padding-right:max(var(--page-pad),calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.hero{grid-template-columns:.9fr 1.1fr;gap:0}.hero h1{font-size:76px}.hero .eyebrow{font-size:8px}.atlas{height:550px}.planet{min-width:105px}.planet img{max-width:60px;height:auto}.planet>span{font-size:10px}.planet small{font-size:6px}.manifesto{grid-template-columns:.6fr 1.4fr}.manifesto-note{grid-column:2;max-width:500px}.product-row{grid-template-columns:30px 1fr 1.2fr 95px;gap:20px}.company-section{gap:50px}.company-facts{gap:10px}}
@media(max-width:900px){.header{height:80px}.header nav{gap:22px}.hero{grid-template-columns:1fr;padding-top:30px;min-height:0}.hero-copy{padding:15px 0 0}.hero h1{font-size:clamp(70px,12vw,104px)}.hero .eyebrow{font-size:9px}.hero .lede{max-width:430px}.origin{margin-top:30px}.atlas{height:580px;max-width:660px;margin:auto}.atlas-wrap{margin-top:5px}.atlas-caption{padding-bottom:18px}.manifesto{padding-top:60px;padding-bottom:60px;gap:25px}.section{padding-top:70px;padding-bottom:70px}.section-heading{gap:25px;grid-template-columns:1.2fr 1fr}.section-heading h2{font-size:55px}.product-row{grid-template-columns:28px 1fr 95px;gap:16px}.row-detail{grid-column:2;grid-row:2}.product-row button{grid-column:3;grid-row:1/3}.company-section{padding-top:70px;padding-bottom:70px;grid-template-columns:.65fr 1fr;gap:35px}.company-facts{grid-template-columns:1fr;gap:15px}.company-section h2{font-size:48px}.contact-section{padding-top:70px;padding-bottom:70px}.footer nav{flex-direction:column;gap:8px;align-items:end}.page-columns{gap:40px}.dialog-art{min-height:440px}.dialog-copy{padding:65px 30px 30px}.dialog-copy h2{font-size:48px}.dialog-art img{width:180px;height:auto}}
@media(max-width:600px){.header nav{gap:16px;font-size:10px}.header nav>a:first-child{display:none}.brand{font-size:22px}.brand img{width:30px;height:30px}.hero h1{font-size:76px;margin:25px 0}.hero .lede{font-size:13px}.atlas{height:480px;width:calc(100% + 24px);margin-left:-12px}.planet{min-width:96px;padding:6px}.planet img{max-width:48px;height:auto}.planet>span{font-size:9px}.planet small{font-size:5px}.ottolux-symbol{width:46px;height:46px;font-size:28px!important}.star-core{width:88px;height:88px}.core-inner{inset:26px}.star-label{top:calc(50% + 48px);font-size:21px}.star-label small{font-size:6px}.atlas-caption{font-size:8px;gap:8px}.atlas-caption button{font-size:9px}.manifesto{display:block;padding-top:50px;padding-bottom:50px}.manifesto>p{font-size:48px;margin:25px 0}.manifesto-note{max-width:350px;font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:55px}.section-heading>p{margin-top:25px;font-size:12px}.product-row{gap:12px;padding:24px 0;grid-template-columns:20px 1fr 44px}.product-row h3{font-size:30px}.product-row button{font-size:0;border:0;justify-content:center;padding:0}.product-row button span{font-size:22px}.row-detail{font-size:11px;max-width:260px}.portfolio-note{font-size:10px}.company-section{grid-template-columns:1fr;gap:50px}.company-seal{max-width:230px;margin:auto;width:100%}.company-section h2{font-size:53px}.company-facts{grid-template-columns:1fr 1fr}.contact-section h2{font-size:65px}.contact-bottom{display:block;margin-top:30px}.contact-bottom .primary{margin-top:25px}.footer{grid-template-columns:1fr}.footer nav{align-items:start}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-top:8px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:200px;border-right:0;border-bottom:1px solid var(--line);padding:45px 0 20px}.dialog-art img{width:135px}.dialog-copy{padding:30px 24px}.dialog-close{right:10px;top:8px}.page-columns{grid-template-columns:1fr;gap:40px}.simple-page{padding-top:45px}.simple-page h1{font-size:65px}.simple-page .page-lede{font-size:16px}.page-columns{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* At 320px, the italic constellation exceeds the 272px content measure.
   A 48px heading scales its measured 297px width to 259px. */
@media(max-width:360px){.section-heading h2{font-size:48px}.atlas{width:100%;margin-left:0}}
/* The 65px contact italic measures 297px; at 58px it fits 272px. */
@media(max-width:360px){.contact-section h2{font-size:58px}}
/* Cinematic local candidate. Existing content and legal pages preserved. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--reveal-duration:450ms;--dialog-duration:600ms;--reveal:1}
body{background:#091311}.header{position:fixed;top:0;left:0;right:0;height:88px;border-bottom:1px solid #a4d8bd18;background:#09131160;transition:background .45s;z-index:10}.header.scrolled{background:#091311ed;backdrop-filter:blur(16px)}.header::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--mint);transform:scaleX(var(--page-progress,0));transform-origin:left}.brand img{border-radius:0;width:44px;height:44px}.brand{font-family:var(--serif);font-size:30px}.brand-sub{margin-top:3px}.header nav a{position:relative}.header nav a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.header nav a:hover::after{transform:scaleX(1)}
.hero-film{height:165vh;position:relative}.hero-stage{height:100dvh;min-height:720px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 75% 44%,#22453544,transparent 58%)}.hero-grid{position:absolute;inset:88px var(--page-pad) 74px;background:linear-gradient(90deg,#a4d8bd09 1px,transparent 1px);background-size:25% 100%;border:1px solid #a4d8bd0b;pointer-events:none}.hero-copy{position:absolute;z-index:3;left:var(--page-pad);top:50%;width:49%;transform:translateY(-50%);padding:0;will-change:transform,opacity}.hero-film h1{font-size:clamp(72px,7.9vw,135px);margin:28px 0;letter-spacing:-.038em;line-height:.93}.hero-film h1>span{display:block}.hero-film h1 em{white-space:nowrap}.hero-film .lede{max-width:370px;color:var(--muted);font-size:13px;line-height:1.9;margin:24px 0 28px}.hero-film .origin{margin-top:36px}.hero-film .primary{background:transparent;color:var(--paper);border-color:#a4d8bd66;border-radius:2px;padding:16px 22px}.primary{position:relative;overflow:hidden;transition:background .45s var(--ease-out),transform .4s var(--ease-out)}.primary:hover{background:var(--mint);color:var(--ink);transform:translateY(-2px)}.primary span{transition:transform .4s var(--ease-out)}.primary:hover span{transform:translate(3px,-3px)}
.sculpture{position:absolute;width:65%;height:95%;right:-7%;top:3%;pointer-events:auto}.sculpture canvas,.sculpture-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sculpture canvas{opacity:0;transition:opacity .8s}.sculpture.rendered canvas{opacity:1}.sculpture.rendered .sculpture-poster{opacity:0}.sculpture-poster{transition:opacity .8s}.orbital-caption{position:absolute;bottom:15%;left:48%;transform:translateX(-50%);text-align:center;color:#aec2b3;font-size:9px;letter-spacing:.25em;white-space:nowrap}.orbital-caption small{display:block;font:11px/1.8 var(--serif);letter-spacing:0;margin-top:7px;color:var(--muted)}.orbit-labels{position:absolute;inset:0;pointer-events:none}.orbit-label{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:10px;min-height:48px;background:#11251d88;border:1px solid #a4d8bd33;border-radius:40px;padding:7px 14px 7px 7px;font-size:11px;backdrop-filter:blur(8px);transition:transform .5s var(--ease-out),border-color .5s}.orbit-label img{border-radius:50%;object-fit:contain}.orbit-label span{margin-left:8px;color:var(--mint)}.orbit-label:hover{transform:translateY(-5px);border-color:var(--mint)}.label-a{left:54%;top:26%}.label-b{right:6%;top:19%}.label-c{right:2%;bottom:24%}.label-d{left:52%;bottom:19%}.hero-bottom{position:absolute;bottom:0;left:var(--page-pad);right:var(--page-pad);height:74px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a4d8bd22;color:var(--muted);font-size:8px;letter-spacing:.15em}.hero-bottom button{border:0;background:transparent;padding:14px 0;min-height:44px;font-size:10px;color:var(--paper)}.scroll-cue{display:flex;gap:14px;align-items:center}.scroll-cue i{height:24px;width:1px;background:#a4d8bd;transform-origin:top;animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%,100%{transform:scaleY(.5);opacity:.35}50%{transform:scaleY(1);opacity:1}}
.manifesto{position:relative;padding-top:140px;padding-bottom:140px;background:var(--paper);color:var(--ink);grid-template-columns:.6fr 1.6fr .8fr;border:0}.manifesto em{color:#53745e}.manifesto>p{font-size:clamp(54px,5.6vw,92px)}.manifesto-note{color:#4d6556;font-size:13px}.reveal,.section-heading{transform:translateY(calc(48px * (1 - var(--reveal,1))));opacity:var(--reveal,1)}
.section{padding-top:140px;padding-bottom:140px}.section-heading{margin-bottom:80px}.section-heading h2{font-size:clamp(64px,6.2vw,104px)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 50px}.product-row{display:block;padding:0 0 30px;border:0;position:relative;background:none!important;transform:translateY(calc(48px * (1 - var(--reveal,1))));opacity:var(--reveal,1);min-width:0}.product-row:nth-child(even){margin-top:110px}.product-row .row-number{position:absolute;left:0;bottom:36px}.product-row>div{margin:28px 0 12px 32px}.product-row h3{font-size:42px}.product-row .row-detail{margin-left:32px;max-width:80%;font-size:12px}.product-row>button:not(.world-visual){position:absolute;right:0;bottom:32px;border:0;background:none;font-size:0;width:36px;padding:0;min-height:44px}.product-row>button:not(.world-visual) span{font-size:25px}.product-row>button.world-visual{position:relative;width:100%;height:340px;border:1px solid #a4d8bd23;overflow:hidden;border-radius:3px;display:grid;place-items:center;isolation:isolate;perspective:1000px;padding:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s var(--ease-out)}.world-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,var(--world-glow,#37563b77),transparent 64%);z-index:-1}.world-visual::after{content:'';position:absolute;inset:18px;border:1px solid #fff1;pointer-events:none}.world-logo{width:116px;height:116px;border-radius:24px;filter:drop-shadow(0 25px 30px #0009);transition:transform .7s var(--ease-out)}.world-visual:hover .world-logo{transform:translateZ(30px) scale(1.1)}.visual-index{position:absolute;left:30px;top:28px;font-size:9px;letter-spacing:.15em;color:#c9d8ce;z-index:2}.visual-arrow{position:absolute;right:30px;bottom:25px;border:1px solid #fff3;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:17px;z-index:2}.world-lines{position:absolute;inset:0;z-index:-1;animation:world-drift 20s ease-in-out infinite alternate;animation-play-state:paused}.product-row.in-view .world-lines{animation-play-state:running}.world-openagi{background:#101e21!important;--world-glow:#3d757a80}.world-openagi .world-lines{background:linear-gradient(#83c4c817 1px,transparent 1px),linear-gradient(90deg,#83c4c817 1px,transparent 1px);background-size:35px 35px;transform:perspective(500px) rotateX(55deg) scale(1.6)}.world-brandsai{background:#251e22!important;--world-glow:#8c596f66}.world-brandsai .world-lines{border:1px solid #e5c3d330;border-radius:50%;inset:15% 20%;box-shadow:0 0 0 35px #e5c3d30b,0 0 0 70px #e5c3d308;transform:rotate(-25deg) scaleY(.55)}.world-flowtrade{background:#0e201e!important;--world-glow:#258b7955}.world-flowtrade .world-lines{background:repeating-linear-gradient(90deg,transparent 0 34px,#96d1bd17 35px 36px),repeating-linear-gradient(0deg,transparent 0 34px,#96d1bd17 35px 36px);clip-path:polygon(0 70%,10% 67%,20% 72%,30% 53%,40% 60%,50% 38%,60% 49%,70% 29%,80% 33%,90% 14%,100% 0,100% 100%,0 100%)}.world-lumen{background:#1a232a!important;--world-glow:#648ca866}.world-lumen .world-lines{inset:20%;border:1px solid #95bdde33;border-radius:50%;box-shadow:0 0 0 45px #95bdde10,0 0 0 90px #95bdde08}.world-collapse{background:#201d2b!important;--world-glow:#8d709666}.world-collapse .world-lines{inset:25%;border:1px solid #c4a9df55;transform:rotate(45deg);box-shadow:0 0 0 28px #c4a9df0a,0 0 0 56px #c4a9df0a,0 0 0 84px #c4a9df0a}.world-platform{background:#1c2820!important;--world-glow:#577f5066}.world-platform .world-lines{background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 25px,#9eceaa28 26px 27px,transparent 28px 50px);transform:perspective(600px) rotateX(50deg) scale(1.3)}.world-ottolux{background:#231f15!important;--world-glow:#a0863155}.world-ottolux .world-lines{inset:15% 20%;border:1px solid #dfc87155;border-radius:50%;box-shadow:0 0 0 20px #dfc87107,0 0 0 70px #dfc87108;transform:rotateX(40deg)}.world-ottolux .world-logo{width:160px;height:160px;border-radius:24px}.world-ekefeltounes{background:#162622!important;--world-glow:#39795455}.world-ekefeltounes .world-lines{background:repeating-radial-gradient(ellipse at 30% 65%,transparent 0 12px,#96d1bd17 13px 14px,transparent 15px 28px)}@keyframes world-drift{to{translate:0 -12px;scale:1.06}}
.company-section{padding-top:140px;padding-bottom:140px}.company-seal img{box-shadow:none;border-radius:0}.seal-ring{border-style:dashed;animation:seal-turn 80s linear infinite;animation-play-state:paused}.company-section.in-view .seal-ring{animation-play-state:running}@keyframes seal-turn{to{rotate:360deg}}.contact-section{padding-top:140px;padding-bottom:140px}.contact-section h2{font-size:clamp(76px,9vw,145px)}.footer-wordmark{font-size:clamp(52px,8vw,120px)}.footer{padding-top:60px;padding-bottom:30px}.simple-page{padding-top:160px}dialog{border-radius:8px}dialog[open]{animation:dialog-enter var(--dialog-duration) var(--ease-out)}dialog .dialog-art{position:relative;overflow:hidden}dialog .dialog-art::before{content:'';position:absolute;width:320px;height:320px;border:1px solid #a4d8bd30;border-radius:50%;box-shadow:0 0 0 40px #a4d8bd08,0 0 0 80px #a4d8bd06;transform:rotateX(30deg)}dialog .dialog-art img{position:relative;border-radius:28px;width:190px;height:190px;object-fit:contain}dialog[data-world=ottolux] .dialog-art{background:radial-gradient(ellipse,#a0863150,transparent 70%)}dialog[data-world=brandsai] .dialog-art{background:radial-gradient(ellipse,#8c596f66,transparent 70%)}@keyframes dialog-enter{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
.motion-paused *{animation-play-state:paused!important}
@media(min-width:1700px){.hero-copy{left:max(var(--page-pad),calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.hero-film h1{font-size:8.4vw}.hero-copy{width:50%}.sculpture{right:-12%;width:72%}.label-a{left:53%;top:24%}.label-d{left:52%;bottom:18%}.portfolio-grid{gap:55px 30px}.world-visual{height:290px!important}.manifesto{grid-template-columns:.5fr 1.4fr}.manifesto-note{grid-column:2}}
@media(max-width:900px){.hero-film{height:auto}.hero-stage{height:auto;min-height:1100px;position:relative;display:flex;flex-direction:column;padding:135px var(--page-pad) 70px}.hero-copy{position:relative;left:auto;top:auto;width:100%;transform:none!important;opacity:1!important;z-index:3}.hero-film h1{font-size:clamp(74px,11.5vw,105px)}.sculpture{position:relative;width:100%;height:520px;right:auto;top:auto;margin-top:-10px}.orbital-caption{bottom:5%;left:50%}.orbit-labels{inset:auto var(--page-pad) 160px;height:440px}.label-a{left:0;top:14%}.label-b{right:0;top:5%}.label-c{right:0;bottom:19%}.label-d{left:0;bottom:6%}.hero-grid{inset:88px var(--page-pad) 74px}.hero-bottom{height:70px}.portfolio-grid{gap:40px 26px}.world-visual{height:260px!important}.product-row:nth-child(even){margin-top:60px}.product-row h3{font-size:34px}.product-row .row-detail{max-width:80%}.manifesto,.section,.company-section,.contact-section{padding-top:90px;padding-bottom:90px}}
@media(max-width:600px){.header{height:76px}.brand{font-size:25px}.brand img{width:36px;height:36px}.hero-stage{padding-top:120px;min-height:1030px}.hero-film h1{font-size:clamp(56px,12.8vw,76px);margin:22px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-film .lede{font-size:12px;max-width:300px}.hero-film .origin{margin-top:25px}.sculpture{height:440px;width:calc(100% + 36px);margin-left:-18px;margin-top:0}.orbit-labels{bottom:133px;height:340px}.orbit-label{font-size:9px;gap:6px;padding-right:10px;min-height:44px}.orbit-label img{width:28px;height:28px}.orbit-label span{margin-left:2px}.label-a{top:9%}.label-b{top:0}.label-d{bottom:0}.label-c{bottom:17%}.orbital-caption{bottom:3%;font-size:8px}.hero-bottom{font-size:7px;letter-spacing:.07em}.hero-bottom>span:first-child{display:none}.hero-bottom button{font-size:9px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.product-row:nth-child(even){margin-top:0}.product-row>button.world-visual{height:310px!important}.product-row h3{font-size:38px}.product-row .row-detail{max-width:84%}.section-heading h2{font-size:56px}.section-heading{margin-bottom:45px}.company-section h2{font-size:53px}.contact-section h2{font-size:clamp(54px,12vw,75px)}.manifesto>p{font-size:50px}.manifesto{display:block}.manifesto-note{margin-top:24px}.simple-page{padding-top:115px}.footer-wordmark{font-size:70px}dialog .dialog-art{min-height:250px}dialog .dialog-art img{width:150px;height:150px}.dialog-copy{padding-top:34px}}
@media(max-width:360px){.hero-film h1{font-size:53px}.hero-stage{min-height:1020px}.section-heading h2{font-size:48px}.company-section h2{font-size:46px}.contact-section h2{font-size:49px}.product-row>button.world-visual{height:270px!important}}
@media(prefers-reduced-motion:reduce){.reveal,.product-row,.section-heading{opacity:1!important;transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.hero-film{height:auto}.hero-stage{position:relative}.scroll-cue i{animation:none}dialog[open]{animation:none}}
/* Grid centering overrides the previous row button's space-between alignment. */
.product-row>button.world-visual{justify-content:center}.product-row .world-visual .visual-index{font-size:9px}.product-row .world-visual .visual-arrow{font-size:18px}
/* The canonical Otto Lux asset has a generous transparent surround. Display scale
   preserves its actual pixels while giving the gold mark equal optical mass. */
dialog[data-world=ottolux] .dialog-art img{width:340px;height:340px}.world-ottolux .world-logo{width:240px;height:240px}.brand:hover img{transform:rotate(-12deg)}.brand img{transition:transform .6s var(--ease-out)}.hero-film h1>span{animation:line-arrive .7s var(--ease-out) both}.hero-film h1>span:nth-child(2){animation-delay:80ms}.hero-film h1>span:nth-child(3){animation-delay:160ms}@keyframes line-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:600px){dialog[data-world=ottolux] .dialog-art img{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){.hero-film h1>span{animation:none!important}}
