:root{--bg:#090a0c;--fg:#f5f3ed;--muted:#92938f;--line:rgba(255,255,255,.13);--surface:#141518;--accent:#ed9e2a;--accent-ink:#101113;--sans:'Avenir Next','Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;transition:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}::selection{background:var(--accent);color:#08090a}h1,h2,h3,p{margin:0}button{border:0;background:none}em{font-style:normal;color:var(--muted)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:15px;padding:15px;z-index:120;background:var(--accent);color:#08090a}.skip-link:focus{top:10px}.site{overflow:hidden;min-width:0}.site-header{height:104px;display:flex;align-items:center;gap:26px;margin:0 4.7%;border-bottom:1px solid var(--line);position:relative;z-index:3;padding-right:128px}.wordmark{font-size:31px;line-height:1;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:baseline;gap:4px}.wordmark span{font-weight:400;font-size:.68em;letter-spacing:-1px}.wordmark i{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:2px}.header-descriptor{font-family:var(--mono);font-size:8px;line-height:1.6;letter-spacing:1.6px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:12px}.site-header nav a{color:var(--muted);transition:color .2s}.site-header nav a:hover{color:var(--fg)}.nav-brief{display:flex;gap:28px;align-items:center;font-size:12px;padding:12px 0}.nav-brief span{color:var(--accent);font-size:20px}.logo-dock{position:absolute;right:-6px;top:13px;width:106px;height:78px;padding:0;perspective:450px;isolation:isolate}.logo-dock svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 1px 0 #b2a28b) drop-shadow(2px 3px 0 #675947) drop-shadow(0 10px 12px #0006);animation:logoFloat 8s ease-in-out infinite;transform:rotateY(-14deg) rotateX(8deg) rotateZ(-6deg)}.logo-dock:hover svg{animation-play-state:paused}.logo-dock:after{content:'';position:absolute;inset:25% 0 0;background:var(--accent);filter:blur(35px);opacity:.1;z-index:-1}.eyebrow{display:block;font:10px/1.6 var(--mono);letter-spacing:2.3px;text-transform:uppercase;color:var(--accent)}.hero{min-height:660px;height:calc(100svh - 154px);max-height:1000px;position:relative;isolation:isolate}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 1%,transparent 65%);opacity:.4;z-index:-1;pointer-events:none}.hero-content{position:relative;z-index:2;width:54%;padding:83px 0 88px 6.2%;pointer-events:none}.hero-content>*{pointer-events:auto}.hero h1{font-size:clamp(56px,5.85vw,92px);font-weight:500;line-height:1.04;letter-spacing:-4.8px;margin:26px 0 28px}.hero h1 em{color:var(--accent)}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:380px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:var(--accent-ink);padding:19px 23px;font-size:12px;font-weight:650;min-height:54px;border-radius:3px;transition:filter .2s,transform .2s;white-space:nowrap}.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary span{font-size:21px;font-weight:400;line-height:.8}.secondary{font-size:11px;display:inline-flex;align-items:center;gap:14px;color:var(--muted);padding:14px 0}.secondary:hover{color:var(--fg)}.secondary span{font-size:18px}.hero-footnote{position:absolute;bottom:27px;left:6.2%;right:6.2%;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1.2px;color:var(--muted);z-index:1}.hero-footnote .foot-line{display:flex;align-items:center;gap:10px}.tiny-dot{width:5px;height:5px;background:var(--accent);border-radius:100%;display:inline-block}.visual-stage{position:absolute;inset:0 0 0 46%;perspective:1100px;z-index:1}.scene-caption{position:absolute;right:7.6%;top:33px;text-align:right;color:var(--muted);font:8px/1.7 var(--mono);letter-spacing:2px}.float-card{position:absolute;display:flex;flex-direction:column;text-align:left;gap:13px;padding:19px 20px;width:188px;min-height:118px;border:1px solid #ffffff22;border-top-color:#ffffff36;border-radius:9px;background:linear-gradient(125deg,#24252bd9,#101114f0);box-shadow:0 20px 45px #0005;backdrop-filter:blur(9px);transform-style:preserve-3d;animation:cardFloat var(--duration,9s) ease-in-out var(--delay,0s) infinite;transition:border-color .2s,box-shadow .2s}.float-card:hover,.float-card:focus-visible{animation-play-state:paused;border-color:var(--accent);box-shadow:0 18px 60px #0008,0 0 35px #e49d1b18}.float-card .card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{width:26px;height:26px;color:var(--accent)}.card-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.card-arrow{font-size:17px;color:#888}.float-card strong{font-size:13px;font-weight:500;letter-spacing:.1px}.float-card small{font:8px var(--mono);letter-spacing:1px;color:#92928c}.float-card .card-text{display:flex;flex-direction:column;gap:7px}.orbit-card-0{left:12%;top:13%;--rotate:-9deg;--duration:11s}.orbit-card-1{left:55%;top:24%;--rotate:8deg;--duration:13s;--delay:-4s}.orbit-card-2{left:3%;top:47%;--rotate:-5deg;--duration:12s;--delay:-2s}.orbit-card-3{left:54%;top:59%;--rotate:5deg;--duration:10s;--delay:-7s}.orbit-card-4{left:29%;top:74%;--rotate:-3deg;--duration:14s;--delay:-6s}.orbit-core{position:absolute;left:42%;top:43%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:5px;font-family:var(--mono);color:#d09e5b80}.orbit-core:before{content:'+';font-size:30px;color:#e5af66;display:block;text-align:center;margin-bottom:18px;font-weight:200}.orbit-code{position:absolute;top:16%;left:9%;font:9px/2 var(--mono);letter-spacing:1px;color:#c8a76e18;white-space:pre;transform:rotate(-10deg);pointer-events:none}.expertise-belt{min-height:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 6.2%;font:9px var(--mono);letter-spacing:1.1px;color:var(--muted)}.expertise-belt b{font-size:18px;font-weight:400;color:var(--accent)}.section{padding:110px 6.2%;max-width:1700px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px;gap:50px}.section h2{font-size:clamp(40px,4vw,66px);line-height:1.1;letter-spacing:-2.5px;font-weight:450;margin-top:22px}.section-head>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.85;padding-bottom:8px}.service-row{display:grid;width:100%;grid-template-columns:60px 1fr 1fr 40px;gap:20px;align-items:center;text-align:left;border-top:1px solid var(--line);padding:28px 4px;transition:padding .3s,background .3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-left:18px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.service-number{font:10px var(--mono);color:var(--accent)}.service-row h3{font-size:24px;font-weight:450;letter-spacing:-.6px}.service-row p{font-size:11px;line-height:1.7;color:var(--muted);max-width:330px}.service-row>span:last-child{justify-self:end;font-size:24px;font-weight:200;color:var(--muted)}.approach{border-top:1px solid var(--line)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process article{border-top:1px solid var(--line);padding-top:23px}.process article>span{font:10px var(--mono);color:var(--accent)}.process h3{font-size:21px;font-weight:450;margin:35px 0 16px}.process p{font-size:12px;color:var(--muted);line-height:1.8;max-width:220px}.closing{padding-top:100px;padding-bottom:110px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%)}.closing h2{font-size:clamp(48px,6.4vw,96px)}.closing .primary{margin-top:38px}.closing p{color:var(--muted);font-size:11px;margin-top:22px}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 6.2% 140px;gap:20px}.site-footer>span{font-size:10px;color:var(--muted)}
/* 02 — White architecture */
body[data-concept=ivory]{--bg:#eeeee7;--fg:#252722;--muted:#797b71;--line:#25272225;--surface:#f8f8f2;--accent:#a76b12;--accent-ink:#fff}.hero-ivory{background:linear-gradient(0deg,#e5e5db80,transparent)}.hero-ivory .hero-content{padding-top:80px}.hero-ivory h1{font-size:clamp(56px,5.8vw,90px);font-weight:400;letter-spacing:-4px}.hero-ivory h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-4px}.hero-ivory .primary{background:#272923;color:white}.hero-ivory .visual-stage{inset:0 0 0 47%}.architecture{position:absolute;width:380px;height:380px;top:20%;left:11%;transform:rotateX(56deg) rotateZ(-38deg);transform-style:preserve-3d;animation:archFloat 12s ease-in-out infinite}.arch-layer{position:absolute;inset:0;border:1px solid #9a9d8f;background:linear-gradient(130deg,#ffffff,#dbded0);box-shadow:8px 8px 0 #bac0ad,24px 28px 30px #5c655225;transition:transform .5s}.arch-layer:nth-child(1){transform:translateZ(-70px);background:#bdc2b1}.arch-layer:nth-child(2){inset:35px;transform:translateZ(0)}.arch-layer:nth-child(3){inset:75px;transform:translateZ(90px);background:#f7f7f1}.arch-layer:nth-child(4){inset:123px;transform:translateZ(170px);background:#e8a33b;border-color:#d6993c}.arch-layer:hover{background:#e7ab4d}.arch-layer span{position:absolute;bottom:15px;right:15px;font:9px var(--mono);letter-spacing:1px;color:#34392c}.arch-center{position:absolute;inset:35%;border:1px solid #fef4d9;transform:translateZ(170px);pointer-events:none}.arch-label{position:absolute;font:9px var(--mono);color:#858879;border-bottom:1px solid #bfc1b5;padding-bottom:10px;min-width:110px;letter-spacing:1px}.arch-label.top{top:17%;right:12%}.arch-label.bottom{bottom:17%;left:8%}.arch-index{position:absolute;right:13%;bottom:13%;font-size:68px;letter-spacing:-4px;color:#b9bdad;font-weight:250}
/* 03 — Monolith */
body[data-concept=monolith]{--bg:#101010;--fg:#efeee8;--muted:#82827e;--accent:#df9e41;--line:#ffffff16}.hero-monolith .hero-content{width:65%;padding-top:77px}.hero-monolith h1{font-size:clamp(64px,7vw,110px);line-height:.98;font-weight:650;letter-spacing:-6px}.hero-monolith h1 em{font-weight:300;color:#a8a49c}.hero-monolith .visual-stage{inset:0 0 0 54%;perspective:1000px}.monoliths{position:absolute;inset:18% 10% 11% 2%;display:flex;align-items:flex-end;gap:12px;transform:rotateY(-27deg) rotateX(4deg)}.mono-slab{height:82%;flex:1;max-width:110px;position:relative;background:linear-gradient(95deg,#141515 0%,#30312e 55%,#11120f 98%);border-left:1px solid #ffffff2a;border-top:2px solid #b88c4b;box-shadow:24px 20px 28px #0007;transition:transform .6s,filter .6s;animation:slabGlow 8s ease-in-out infinite;transform:translateY(var(--y,0))}.mono-slab:nth-child(2){height:100%;animation-delay:-2s}.mono-slab:nth-child(3){height:73%;animation-delay:-5s}.mono-slab:nth-child(4){height:57%;animation-delay:-3s}.mono-slab:after{content:'';position:absolute;inset:0 0 0 auto;width:7px;background:#070707}.mono-slab span{position:absolute;left:20px;bottom:28px;writing-mode:vertical-rl;transform:rotate(180deg);font:10px var(--mono);letter-spacing:3px;color:#d7d0c1}.mono-slab small{position:absolute;left:20px;top:25px;font:9px var(--mono);color:#d0a363}.mono-slab:hover{transform:translateY(-24px);filter:brightness(1.5)}.mono-seal{position:absolute;right:18%;top:8%;font:8px var(--mono);line-height:1.7;color:#8a7e6c;letter-spacing:2px;text-align:right}
/* 04 — Command line */
body[data-concept=terminal]{--bg:#07100e;--fg:#ecf0e6;--muted:#8d9b90;--accent:#b8e1ad;--line:#bdedab25;--surface:#0e1b16;--accent-ink:#101c13}.hero-terminal .hero-content{padding-top:97px;width:52%}.hero-terminal h1{font-size:clamp(52px,5.3vw,82px);font-weight:400;letter-spacing:-3.5px}.hero-terminal h1 em{color:#b8e1ad}.hero-terminal .visual-stage{inset:0 0 0 51%}.terminal-window{position:absolute;top:19%;left:1%;width:85%;background:#08100ff0;border:1px solid #b8e1ad36;border-radius:7px;box-shadow:0 40px 100px #0007;transform:perspective(900px) rotateY(-7deg) rotateX(4deg);overflow:hidden}.terminal-head{padding:16px 20px;border-bottom:1px solid #b8e1ad20;display:flex;gap:7px;align-items:center;background:#0f1b17}.terminal-head i{width:6px;height:6px;border-radius:100%;background:#557362}.terminal-head span{margin-left:auto;font:8px var(--mono);color:#74917d;letter-spacing:1px}.terminal-body{padding:27px;font:11px/2 var(--mono);min-height:265px;color:#7e9588}.terminal-body .term-strong{color:#d3e7cd}.terminal-body .term-accent{color:#b8e1ad}.terminal-body .term-line{margin-bottom:15px}.terminal-body .term-cursor{display:inline-block;width:7px;height:13px;background:#b8e1ad;vertical-align:middle;animation:blink 1.2s steps(1) infinite}.term-buttons{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #b8e1ad18;padding:18px 23px}.term-buttons button{font:9px var(--mono);border:1px solid #8cbe7f3b;padding:9px 11px;color:#a8c79c;border-radius:3px;transition:background .2s}.term-buttons button:hover,.term-buttons button.active{background:#b8e1ad;color:#111d14}.terminal-demo-note{position:absolute;bottom:13%;left:5%;font:8px var(--mono);color:#5c7165;letter-spacing:1px}
/* 05 — Atlas */
body[data-concept=atlas]{--bg:#081016;--fg:#e9ede9;--muted:#8b999e;--accent:#d2ab6e;--line:#b4c8cc20;--surface:#111f26}.hero-atlas .hero-content{padding-top:81px;width:53%}.hero-atlas h1{font-size:clamp(54px,5.4vw,84px);font-weight:350;letter-spacing:-4px}.hero-atlas .visual-stage{inset:0 0 0 47%}.atlas-node{position:absolute;padding:10px 14px;border:1px solid #bdc7cc3c;background:#0b1821dc;backdrop-filter:blur(5px);font-size:10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #0004;border-radius:2px;transition:background .2s,transform .2s}.atlas-node:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #d2ab6e88}.atlas-node:hover{background:#d2ab6e;color:#0b141a;transform:scale(1.06)}.atlas-node:nth-child(1){left:7%;top:29%}.atlas-node:nth-child(2){right:12%;top:20%}.atlas-node:nth-child(3){left:38%;top:48%}.atlas-node:nth-child(4){left:5%;top:69%}.atlas-node:nth-child(5){right:10%;top:72%}.atlas-node:nth-child(6){right:6%;top:44%}.atlas-coordinate{position:absolute;bottom:14%;left:38%;font:8px var(--mono);color:#6d858e;letter-spacing:3px;line-height:1.8}.atlas-crosshair{position:absolute;left:49%;top:45%;font:32px var(--mono);color:#d5ac6a66;pointer-events:none}
/* 06 — Kinetic */
body[data-concept=kinetic]{--bg:#efac29;--fg:#151710;--muted:#665227;--line:#1b211238;--surface:#f6b638;--accent:#151710;--accent-ink:#efac29}.hero-kinetic{min-height:720px}.hero-kinetic .hero-content{padding-top:55px;width:72%}.hero-kinetic h1{font-size:clamp(72px,8.9vw,145px);font-weight:800;line-height:.95;letter-spacing:-7px;text-transform:uppercase;margin-top:28px;margin-bottom:29px}.hero-kinetic h1 em{color:transparent;-webkit-text-stroke:1.5px #151710}.hero-kinetic .hero-description{max-width:390px;color:#534724}.hero-kinetic .visual-stage{inset:0 0 0 60%;z-index:0}.kinetic-star{position:absolute;top:10%;right:20%;font-size:220px;line-height:1;color:#172013;animation:spinSlow 50s linear infinite;font-family:Arial,sans-serif}.kinetic-stack{position:absolute;right:16%;bottom:21%;width:225px;transform:rotate(-10deg)}.kinetic-line{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:#1b2116;color:#efac29;padding:14px 20px;font-size:19px;font-weight:500;margin-top:5px;border:1px solid #1b2116;transition:transform .2s}.kinetic-line:nth-child(even){background:transparent;color:#1b2116}.kinetic-line:hover{transform:translateX(-15px)}.kinetic-line span{font-size:11px;font-family:var(--mono)}body[data-concept=kinetic] .expertise-belt{background:#161b12;color:#d2ab60;border-color:#161b12}body[data-concept=kinetic] .expertise-belt b{color:#efac29}body[data-concept=kinetic] .section h2{font-weight:650}body[data-concept=kinetic] .closing{background:#171e13;color:#efac29}body[data-concept=kinetic] .closing .eyebrow{color:#efac29}body[data-concept=kinetic] .closing .primary{background:#efac29;color:#171e13}
/* 07 — Glasshouse */
body[data-concept=glass]{--bg:#edece8;--fg:#30322f;--muted:#85867d;--line:#4e4f422a;--surface:#f8f8f2;--accent:#b17b38;--accent-ink:#fff}.hero-glass .hero-content{padding-top:104px;width:54%}.hero-glass h1{font-size:clamp(57px,6.2vw,96px);line-height:1.06;font-weight:350;letter-spacing:-5px}.hero-glass h1 em{color:#91958a}.hero-glass .primary{background:#393e36}.glass-orb{position:absolute;width:340px;height:340px;left:20%;top:22%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffebb4,#dfad56 35%,#9e641b 70%,#85531f);box-shadow:inset -15px -25px 50px #553e1644,inset 15px 15px 40px #fff9,0 50px 90px #967e4d33;animation:orbFloat 13s ease-in-out infinite}.glass-panel{position:absolute;border:1px solid #fff9;box-shadow:0 18px 50px #5944211c,inset 0 0 30px #ffffff38;background:#ffffff42;backdrop-filter:blur(14px);border-radius:14px;text-align:left;transform:rotate(var(--r,-6deg));transition:transform .4s,background .4s;padding:23px 25px;width:235px;min-height:145px;color:#444838}.glass-panel:hover{transform:rotate(0) translateY(-9px);background:#ffffffad}.glass-panel:nth-of-type(1){top:15%;left:3%;--r:-9deg}.glass-panel:nth-of-type(2){top:41%;left:45%;--r:9deg}.glass-panel:nth-of-type(3){top:67%;left:13%;--r:-4deg}.glass-panel .glass-number{font:10px var(--mono);color:#807351}.glass-panel strong{font-weight:450;font-size:21px;display:block;margin:20px 0 8px;letter-spacing:-.5px}.glass-panel small{font:8px var(--mono);letter-spacing:1px;color:#85836f}.glass-panel .glass-arrow{position:absolute;right:22px;top:19px;font-size:20px}.glass-coordinate{position:absolute;bottom:11%;right:14%;font:9px var(--mono);color:#999782;letter-spacing:2px}
/* 08 — Blueprint */
body[data-concept=blueprint]{--bg:#14202b;--fg:#e8edea;--muted:#82959f;--accent:#d6b580;--line:#adc8d92c;--surface:#1e2e3c}.hero-blueprint .hero-content{padding-top:64px;width:59%}.hero-blueprint h1{font-size:clamp(54px,5.7vw,86px);line-height:1.05;letter-spacing:-3px;font-weight:350}.hero-blueprint h1 em{color:#8197a3}.hero-blueprint .visual-stage{inset:0 0 0 54%}.blueprint-legend{position:absolute;left:12%;bottom:17%;width:69%;border-top:1px solid #bdd5df3b;font:9px/1.8 var(--mono);color:#8fa6b0;display:flex;justify-content:space-between;padding-top:12px;letter-spacing:1px}.blueprint-target{position:absolute;left:38%;top:34%;width:130px;height:140px;border:1px dashed #d2b37866;transform:rotate(30deg) skewY(-15deg);background:#d6b58008;transition:background .3s}.blueprint-target:hover{background:#d6b58028}.blueprint-target span{display:block;transform:skewY(15deg) rotate(-30deg);font:10px var(--mono);color:#d6b580}.blueprint-label{position:absolute;font:8px var(--mono);color:#b0bec4;padding:10px 12px;border:1px solid #93a8b738;background:#14202be6}.blueprint-label.l1{right:15%;top:26%}.blueprint-label.l2{left:5%;top:43%}.blueprint-label.l3{right:10%;top:65%}.blueprint-measure{position:absolute;top:11%;left:8%;right:14%;display:flex;align-items:center;gap:12px;font:8px var(--mono);color:#8b9aa766}.blueprint-measure:before,.blueprint-measure:after{content:'';height:1px;flex:1;background:#adc8d928}
/* 09 — Signal */
body[data-concept=signal]{--bg:#0c100e;--fg:#eef0e7;--muted:#8b968a;--accent:#c5d5a3;--line:#b9cca729;--surface:#171e17}.hero-signal .hero-content{padding-top:90px;width:57%}.hero-signal h1{font-size:clamp(55px,6vw,94px);letter-spacing:-4px;line-height:1.08;font-weight:400}.hero-signal h1 em{color:#89947c}.hero-signal .visual-stage{inset:0 0 0 49%}.radar-word{position:absolute;left:48%;top:44%;font:23px var(--mono);font-weight:400;letter-spacing:7px;transform:translate(-50%,-50%);color:#d8e6bd}.radar-word small{font-size:7px;display:block;margin-top:11px;letter-spacing:2px;color:#7d8e68;text-align:center}.signal-tag{position:absolute;border:1px solid #d4e4ae32;background:#11180fd9;padding:12px 16px;font:9px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:11px;transition:border-color .2s}.signal-tag:before{content:'';width:4px;height:4px;background:#d0dea5;box-shadow:0 0 10px #d0dea5}.signal-tag:hover{border-color:#d4e4ae}.signal-tag.s1{top:21%;left:9%}.signal-tag.s2{top:54%;right:11%}.signal-tag.s3{bottom:20%;left:18%}.signal-steps{position:absolute;bottom:11%;left:7%;right:11%;display:flex;justify-content:space-between;font:8px var(--mono);color:#859575;letter-spacing:1px}.signal-steps i{color:#c5d5a3;font-style:normal}
/* 10 — Atelier */
body[data-concept=atelier]{--bg:#eee8dc;--fg:#342b21;--muted:#928371;--line:#8d735b35;--surface:#f9f3e9;--accent:#a97834;--accent-ink:#fff}.hero-atelier .hero-content{padding-top:77px;width:64%}.hero-atelier h1{font-family:var(--serif);font-size:clamp(66px,6.9vw,106px);font-weight:400;line-height:1.03;letter-spacing:-5.5px}.hero-atelier h1 em{font-style:italic;font-weight:400;color:#a97834}.hero-atelier .eyebrow{font-size:9px}.hero-atelier .primary{border-radius:100px;background:#382f23;color:#fff;padding:19px 27px}.hero-atelier .visual-stage{inset:0 0 0 56%}.atelier-disc{position:absolute;width:325px;height:405px;top:17%;left:8%;border-radius:49% 49% 46% 46%;transform:rotate(-24deg);background:repeating-radial-gradient(ellipse at 45% 45%,#71552d 0px,#ab884e 2px,#e5c383 4px,#92703c 6px,#caac72 8px);box-shadow:inset 17px 12px 15px #f9e5afaa,inset -26px -27px 25px #493b29aa,25px 38px 25px #6e543331;animation:atelierFloat 13s ease-in-out infinite}.atelier-disc:before{content:'';position:absolute;inset:28% 25%;border-radius:50%;background:var(--bg);box-shadow:inset 10px 15px 20px #7f674e55,7px 8px 8px #f2d99d88;transform:rotate(-8deg)}.atelier-stamp{position:absolute;bottom:16%;left:12%;border:1px solid #8d735b55;border-radius:100%;width:114px;height:114px;display:flex;align-items:center;justify-content:center;text-align:center;font:8px/1.8 var(--mono);letter-spacing:2px;color:#a48861;transform:rotate(-14deg)}.atelier-label{position:absolute;right:15%;top:14%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:3px;color:#a0917c}.atelier-line{position:absolute;bottom:11%;right:14%;font:9px var(--mono);letter-spacing:2px;color:#9a8b75}body[data-concept=atelier] .section h2,body[data-concept=atelier] .closing h2{font-family:var(--serif);font-weight:400}body[data-concept=atelier] .section h2 em{font-style:italic;color:#ab8a64}
/* The collection controls belong to the preview, not the proposed landing. */
.concept-label{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:10px;color:var(--muted);font:8px var(--mono);letter-spacing:1.3px;white-space:nowrap;pointer-events:none;max-width:92vw}.label-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.label-separator{width:1px;height:9px;background:var(--line)}.lab-toolbar{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:3px;background:#1c1c1cee;color:#f7f5ed;border:1px solid #ffffff28;border-radius:15px;padding:9px 11px;box-shadow:0 15px 50px #0005;backdrop-filter:blur(24px);font-size:12px}.toolbar-gallery{display:flex;align-items:center;gap:9px;padding:10px 10px;font-size:11px;white-space:nowrap}.toolbar-gallery svg{width:16px;height:16px}.toolbar-divider{width:1px;height:20px;background:#ffffff25;margin:0 6px}.icon-button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#b0b1a9;font-size:24px;line-height:1;flex-shrink:0;transition:background .2s,color .2s}.icon-button svg{width:17px;height:17px}.icon-button:hover,.toolbar-gallery:hover{background:#ffffff0b;color:#fff}.icon-button[aria-pressed=true]{color:#f3b248;background:#ffffff0c}.nav-arrow{font-size:22px;width:24px}.concept-tabs{display:flex;gap:3px}.concept-tab{width:35px;height:35px;font:10px var(--mono);border-radius:7px;color:#a5a69e;position:relative}.concept-tab:hover{background:#ffffff12;color:#fff}.concept-tab.active{background:#f4ba59;color:#191b17}.concept-tab.has-favorite:after{content:'';position:absolute;bottom:3px;left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;background:currentColor}.restore-toolbar{display:none;position:fixed;bottom:24px;left:24px;z-index:32;border:1px solid #ffffff28;background:#1b1d1be8;color:#f7f4ec;padding:14px 20px;border-radius:100px;font-size:11px;box-shadow:0 8px 25px #0003}.focus-mode .lab-toolbar,.focus-mode .concept-label{display:none}.focus-mode .restore-toolbar{display:block}.embed-mode .lab-toolbar,.embed-mode .concept-label,.embed-mode .restore-toolbar,.embed-mode .prototype-note{display:none}.embed-mode .site-footer{padding-bottom:40px}.toast{position:fixed;bottom:135px;left:50%;transform:translate(-50%,10px);z-index:100;background:#f5f0e5;color:#26251f;padding:13px 20px;border:1px solid #bbb5a8;border-radius:100px;font-size:11px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Dialogs */
dialog{background:#eeece4;color:#262822;border:1px solid #ffffff50;padding:44px;max-height:90svh;max-width:94vw;border-radius:16px;box-shadow:0 30px 120px #0007}dialog::backdrop{background:#080b0acc;backdrop-filter:blur(12px)}dialog .eyebrow{color:#93713a}dialog h2{font-size:40px;font-weight:450;letter-spacing:-1.8px;line-height:1.1;margin-top:17px}dialog h2 em{color:#96978a}.close-button{position:absolute;right:22px;top:19px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:300;line-height:1;color:#87897a;border:1px solid #26282225;border-radius:50%;z-index:2}.close-button:hover{background:#262822;color:#f0eee4}.gallery-dialog{width:1160px;background:#eae8df;padding:42px}.dialog-top{display:flex;justify-content:space-between;gap:30px}.gallery-tools{margin:28px 0 22px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px;color:#858578}.gallery-tools button{border:1px solid #373c2725;padding:10px 14px;border-radius:100px;font-size:10px;white-space:nowrap}.gallery-tools button[aria-pressed=true]{background:#292c20;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 16px}.gallery-card{position:relative}.gallery-preview{display:block;width:100%;text-align:left;padding:0;transition:transform .25s}.gallery-preview:hover{transform:translateY(-5px)}.mini-scene{height:146px;width:100%;border-radius:6px;overflow:hidden;background:#101010;color:#eee;position:relative;border:1px solid #00000010}.mini-title{position:absolute;left:15px;top:33px;max-width:68%;font-size:22px;font-weight:500;line-height:1.02;letter-spacing:-.8px;z-index:1}.mini-logo{position:absolute;top:12px;left:15px;font:bold 6px var(--sans);letter-spacing:.5px}.mini-shape{position:absolute;right:-10px;top:30px;width:90px;height:90px;border:1px solid #dcaa5c;border-radius:50%;box-shadow:0 0 30px #d8a84622,inset 0 0 30px #d8a84622}.mini-tag{position:absolute;bottom:13px;left:15px;font:5px var(--mono);letter-spacing:.7px;color:#a7a79a}.mini-ivory{background:#e4e6dc;color:#282c23}.mini-ivory .mini-shape{border-radius:0;background:#c8cbbd;transform:rotate(-35deg) skew(14deg,14deg);width:65px;height:65px;right:10px;box-shadow:10px 10px 0 #adb4a1,-10px -10px 0 #f3f5ed;border:1px solid #929b84}.mini-monolith .mini-shape{border-radius:0;transform:skewY(-12deg);width:30px;height:110px;right:20px;top:17px;background:linear-gradient(90deg,#121410,#545447,#171a14);border:0;box-shadow:-30px 30px 0 #20241d,30px 15px 0 #383c30}.mini-terminal{background:#091610;color:#d9e7cc}.mini-terminal .mini-title{font-family:var(--mono);font-size:19px}.mini-terminal .mini-shape{border-radius:3px;border-color:#819d7666;box-shadow:none;right:10px;width:70px;height:90px;background:repeating-linear-gradient(0deg,transparent 0 7px,#7ca66822 8px 9px)}.mini-atlas{background:#0a151c}.mini-atlas .mini-shape{background:radial-gradient(#bdba9566 1px,transparent 2px);background-size:6px 6px;border-color:#8196a133;transform:rotate(-24deg);right:-5px}.mini-kinetic{background:#e9a52c;color:#1b2214}.mini-kinetic .mini-title{font-weight:900;font-size:26px;letter-spacing:-1.5px;text-transform:uppercase;max-width:86%}.mini-kinetic .mini-shape{display:none}.mini-kinetic .mini-tag{color:#585023}.mini-glass{background:#eae9e1;color:#3f4438}.mini-glass .mini-shape{border:0;background:radial-gradient(circle at 20% 20%,#f9dda3,#aa7c37);box-shadow:0 20px 25px #8a785833}.mini-glass .mini-shape:after{content:'';position:absolute;inset:10px -5px;transform:rotate(-25deg);background:#ffffff50;border:1px solid #fff8;border-radius:5px;backdrop-filter:blur(3px)}.mini-blueprint{background:#162837}.mini-blueprint .mini-shape{border-radius:0;transform:rotate(-30deg) skew(20deg,10deg);border-color:#94a9ac77;box-shadow:13px 13px 0 #ffffff08,-13px -13px 0 #ffffff08;width:65px;height:65px}.mini-signal{background:#11190e}.mini-signal .mini-shape{background:repeating-radial-gradient(circle,transparent 0 10px,#c0ce9122 10px 11px);border-color:#bdce9025;box-shadow:none}.mini-atelier{background:#e8dfcd;color:#4a3b27}.mini-atelier .mini-title{font-family:var(--serif);font-size:25px}.mini-atelier .mini-shape{width:64px;height:90px;border:16px solid #b89a66;background:transparent;transform:rotate(-25deg);box-shadow:7px 5px 10px #47391a22}.gallery-card-info{padding:12px 2px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.gallery-card-info span{font:8px var(--mono);color:#909180}.gallery-card-info strong{display:block;font-size:11px;font-weight:550;margin-top:5px}.mini-favorite{font-size:22px;line-height:1;padding:4px;color:#909180}.mini-favorite[aria-pressed=true]{color:#a67527}.gallery-card.active .mini-scene{outline:2px solid #9e783b;outline-offset:3px}.gallery-note{font-size:10px;color:#979789;margin-top:25px}.empty-favorites{grid-column:1/-1;text-align:center;padding:45px;font-size:14px;color:#797b6c}.service-dialog{width:590px;padding:51px}.service-dialog .detail-icon{width:45px;height:45px;color:#9f7736;margin:26px 0}.service-dialog .detail-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.service-dialog h2{font-size:38px;margin:15px 0 24px}.service-dialog p{font-size:14px;color:#737868;line-height:1.8}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 35px}.detail-tags span{border:1px solid #242a1729;border-radius:50px;padding:9px 13px;font:9px var(--mono);color:#6e755f}.service-dialog .primary,.brief-dialog .primary{background:#292e22;color:#eeeadd;--accent:#c7a56c}.brief-dialog{width:610px;padding:45px}.brief-intro{font-size:12px;color:#808270;line-height:1.8;margin:20px 0 25px}.brief-dialog fieldset{margin:0 0 23px;padding:0;border:0}.brief-dialog legend,.brief-dialog label{font-size:11px;display:block;color:#5e6553;margin-bottom:11px}.brief-options{display:flex;flex-wrap:wrap;gap:8px}.brief-options label{margin:0}.brief-options input{position:absolute;opacity:0;width:1px;height:1px}.brief-options span{padding:9px 12px;border:1px solid #252a1925;border-radius:20px;display:block;font-size:10px;cursor:pointer}.brief-options input:checked+span{background:#2e3426;color:#f1eadd}.brief-options input:focus-visible+span{outline:2px solid #9b773e;outline-offset:3px}.brief-dialog textarea,.brief-dialog input[type=text]{width:100%;border:1px solid #343b242c;background:#f8f7ef;padding:14px;color:#303824;font-size:12px;border-radius:5px;margin-bottom:20px;resize:vertical;line-height:1.6}.brief-dialog label span{color:#969b8a}.brief-dialog textarea::placeholder,.brief-dialog input::placeholder{color:#9b9d8f}.brief-dialog .primary{width:100%}.form-note{font-size:10px;line-height:1.7;color:#929681;margin-top:16px}.form-status{margin-top:13px;font-size:12px;color:#5a7246;line-height:1.5}.mobile-dialog{width:450px;padding:20px 20px 24px;background:#20211e;border-color:#ffffff25;max-height:94svh}.mobile-top{display:flex;justify-content:space-between;align-items:center;color:#a5a89a;font:9px var(--mono);height:35px;margin-bottom:15px}.mobile-top .close-button{position:static;color:#c0c2b6;border-color:#ffffff25}.phone-frame{width:390px;height:calc(88svh - 75px);min-height:400px;max-height:780px;margin:auto;border:1px solid #ffffff25;border-radius:25px;overflow:hidden;background:#090a0c}.phone-frame iframe{width:390px;height:100%;border:0;display:block}
/* Logo assembly is built from the original JPEG, clipped in the browser. */
.intro{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:auto;perspective:1200px}.intro[hidden]{display:none}.intro-vignette{position:absolute;inset:0;background:#070908de;backdrop-filter:blur(10px);transition:opacity .6s}.intro-caption{position:absolute;left:0;right:0;top:calc(50% + 145px);text-align:center;color:#a69982;font:9px var(--mono);letter-spacing:3px}.logo-assembly{position:absolute;width:min(360px,70vw);aspect-ratio:2048/1436;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 25px #e8a43a3b)}.logo-fragment{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity}.logo-fragment svg{width:100%;height:100%;overflow:visible}.intro button{position:absolute;right:6%;bottom:8%;font-size:11px;color:#b8b4a8;padding:12px 20px;border:1px solid #ffffff25;border-radius:100px}.intro.docking .intro-vignette,.intro.docking .intro-caption,.intro.docking button{opacity:0;transition:opacity .45s}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.entering .hero-content{animation:contentEnter .6s cubic-bezier(.2,.7,.2,1) both}.entering .visual-stage{animation:sceneEnter .8s ease both}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotateY(-14deg) rotateX(8deg) rotateZ(-6deg)}50%{transform:translateY(-5px) rotateY(9deg) rotateX(-5deg) rotateZ(-3deg)}}
@keyframes cardFloat{0%,100%{transform:translate(0,0) rotate(var(--rotate,0deg)) rotateY(-7deg)}35%{transform:translate(9px,-14px) rotate(calc(var(--rotate,0deg) + 3deg)) rotateY(5deg)}70%{transform:translate(-7px,5px) rotate(calc(var(--rotate,0deg) - 2deg)) rotateY(-2deg)}}
@keyframes archFloat{0%,100%{transform:translateY(0) rotateX(56deg) rotateZ(-38deg)}50%{transform:translateY(-13px) rotateX(53deg) rotateZ(-34deg)}}
@keyframes slabGlow{0%,100%{border-top-color:#80613a}50%{border-top-color:#edc584}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-15px)}}
@keyframes atelierFloat{0%,100%{transform:translateY(0) rotate(-24deg)}50%{transform:translateY(-15px) rotate(-18deg)}}
@keyframes contentEnter{from{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sceneEnter{from{opacity:.8}to{opacity:1}}
@media(min-width:1600px){.hero-content{padding-top:120px}.float-card{width:220px;padding:23px}.float-card strong{font-size:15px}.architecture{left:16%;top:22%;width:420px;height:420px}.glass-orb{width:390px;height:390px}.glass-panel{width:260px}.atelier-disc{width:380px;height:460px}}
@media(max-width:1150px){.site-header{gap:20px}.header-descriptor{display:none}.hero-content{padding-left:5%;width:57%}.hero h1{font-size:64px;letter-spacing:-3px}.hero-description{max-width:330px;font-size:13px}.float-card{width:160px;min-height:107px;padding:16px}.float-card strong{font-size:11px}.float-card small{font-size:7px}.orbit-card-1{left:53%}.orbit-card-3{left:49%}.hero-actions{gap:16px}.primary{gap:25px;padding:17px 18px}.secondary{font-size:10px}.architecture{width:290px;height:290px;left:13%;top:26%}.arch-layer:nth-child(3){inset:55px}.arch-layer:nth-child(4){inset:96px}.arch-label{font-size:7px}.terminal-window{width:93%;left:-1%}.terminal-body{padding:23px;font-size:10px}.hero-kinetic h1{font-size:95px}.hero-kinetic .hero-content{width:75%}.kinetic-stack{width:195px;right:10%;bottom:20%}.kinetic-star{font-size:180px;right:13%}.glass-panel{width:190px;padding:20px;min-height:130px}.glass-panel strong{font-size:18px}.glass-panel:nth-of-type(2){left:42%}.glass-orb{width:290px;height:290px;left:16%;top:27%}.atelier-disc{width:270px;height:340px;left:10%;top:24%}.hero-monolith h1{font-size:78px}.hero-atlas h1{font-size:63px}.hero-signal h1{font-size:64px}.hero-atelier h1{font-size:77px}.gallery-grid{grid-template-columns:repeat(5,1fr);gap:14px 12px}.mini-scene{height:132px}.mini-title{font-size:19px}.concept-tab{width:31px}.lab-toolbar{gap:1px;padding:8px}.icon-button{width:31px}.toolbar-divider{margin:0 4px}.section{padding-top:85px;padding-bottom:85px}}
@media(max-width:900px){.site-header{margin:0 5%;height:90px;padding-right:98px}.logo-dock{width:90px;height:65px;top:12px}.site-header nav{gap:20px}.site-header nav a{font-size:11px}.nav-brief{font-size:11px;gap:14px}.hero{min-height:650px;height:calc(100svh - 150px)}.hero-content{padding-top:80px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-description{max-width:290px;font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero .visual-stage{left:48%}.float-card{width:145px;min-height:104px;padding:14px}.orbit-card-0{left:5%}.orbit-card-1{left:48%}.orbit-card-2{left:-4%}.orbit-card-3{left:46%}.orbit-card-4{left:22%}.float-card strong{font-size:11px}.float-card small{font-size:6px}.card-icon{width:21px;height:21px}.expertise-belt{font-size:7px;gap:10px;padding:17px 5%}.expertise-belt b{font-size:13px}.section h2{font-size:43px}.section-head{gap:25px}.section-head>p{font-size:11px;max-width:260px}.service-row{grid-template-columns:35px 1fr 1fr 25px;gap:15px}.service-row h3{font-size:20px}.service-row p{font-size:10px}.process{gap:20px}.process h3{font-size:17px}.process p{font-size:11px}.hero-kinetic h1{font-size:81px}.hero-kinetic .visual-stage{left:60%}.kinetic-star{font-size:150px}.kinetic-stack{width:170px;right:10%;bottom:21%}.kinetic-line{font-size:16px}.hero-monolith h1{font-size:68px}.hero-monolith .hero-content{width:65%}.hero-monolith .visual-stage{left:57%}.mono-slab span{left:15px}.architecture{left:6%;top:27%;width:270px;height:270px}.hero-terminal .hero-content{width:51%;padding-top:90px}.hero-terminal h1{font-size:47px}.hero-terminal .visual-stage{left:51%}.terminal-window{top:23%}.terminal-body{font-size:8px;padding:20px;min-height:230px}.term-buttons{padding:14px;gap:5px}.term-buttons button{padding:7px 8px;font-size:8px}.glass-panel{width:160px;min-height:120px;padding:17px}.glass-panel strong{font-size:16px}.glass-panel small{font-size:7px}.glass-panel:nth-of-type(2){left:42%;top:43%}.glass-orb{width:240px;height:240px;left:16%;top:30%}.hero-blueprint .hero-content{width:61%}.hero-blueprint .visual-stage{left:53%}.blueprint-label{font-size:7px;padding:8px}.hero-signal h1{font-size:54px}.hero-signal .hero-content{width:59%}.signal-tag{font-size:7px;padding:10px}.signal-steps{font-size:6px}.hero-atelier h1{font-size:66px}.hero-atelier .visual-stage{left:59%}.atelier-disc{width:220px;height:290px;left:5%;top:28%}.atelier-stamp{width:87px;height:87px;font-size:6px}.atelier-label{right:10%}.lab-toolbar{bottom:22px}.toolbar-gallery span{display:none}.toolbar-gallery{padding:10px 7px}.concept-tab{width:29px}.icon-button{width:29px}.mobile-preview-button{display:none}.gallery-grid{grid-template-columns:repeat(3,1fr)}.mini-scene{height:155px}.mini-title{font-size:24px}.concept-label{bottom:96px}}
@media(max-width:640px){.site-header{height:83px;margin:0 6%;padding-right:76px;gap:15px}.wordmark{font-size:28px}.site-header nav{gap:0}.site-header nav a{display:none}.nav-brief{font-size:10px;gap:8px;margin-right:12px}.nav-brief span{font-size:16px}.logo-dock{width:75px;height:55px;right:-5px;top:11px}.hero{height:auto!important;min-height:1020px!important;max-height:none;padding-bottom:445px}.hero-content{width:100%!important;padding:52px 7% 25px!important}.hero h1{font-size:clamp(47px,12vw,70px)!important;line-height:1.05;letter-spacing:-2.8px!important;margin:24px 0!important}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-description{font-size:12px;max-width:345px;line-height:1.9}.hero-actions{flex-direction:row;align-items:center;gap:19px;flex-wrap:wrap;margin-top:26px}.primary{padding:16px 18px;min-height:49px;font-size:11px;gap:22px}.secondary{font-size:10px;gap:10px}.hero .visual-stage{left:0!important;top:auto!important;right:0;bottom:66px;height:410px;min-height:0}.hero:after{background:linear-gradient(180deg,var(--bg) 0%,transparent 65%);opacity:.55}.hero-footnote{bottom:27px;left:7%;right:7%;font-size:7px;letter-spacing:.6px}.hero-footnote .foot-line:last-child{max-width:150px;text-align:right}.scene-caption{font-size:6px;top:-8px;right:8%;letter-spacing:1.3px}.float-card{width:147px;min-height:102px;padding:14px;animation-duration:16s!important}.float-card strong{font-size:11px}.float-card small{font-size:6.5px}.float-card .card-top{margin-bottom:2px}.orbit-card-0{left:10%;top:1%;--rotate:-5deg}.orbit-card-1{left:auto;right:7%;top:22%;--rotate:5deg}.orbit-card-2{left:6%;top:38%;--rotate:-3deg}.orbit-card-3{left:auto;right:9%;top:62%;--rotate:4deg}.orbit-card-4{left:11%;top:76%;--rotate:-3deg}.orbit-core{left:47%;top:43%;font-size:8px}.orbit-code{font-size:8px;left:10%;top:16%}.expertise-belt{justify-content:center;flex-wrap:wrap;min-height:85px;padding:20px 6%;gap:12px 15px;font-size:7px;line-height:1.8}.expertise-belt b{font-size:10px}.expertise-belt b:nth-of-type(3){display:none}.section{padding:70px 7%}.section-head{display:block;margin-bottom:35px}.section h2{font-size:41px;letter-spacing:-1.9px;margin-top:18px}.section-head>p{font-size:11px;max-width:320px;margin-top:25px}.service-row{grid-template-columns:25px 1fr 24px;gap:12px;padding:24px 0}.service-row h3{font-size:21px}.service-row p{grid-column:2;grid-row:2;max-width:260px;font-size:10px}.service-row>span:last-child{grid-column:3;grid-row:1/3;font-size:23px}.service-number{font-size:8px;align-self:start;padding-top:8px}.service-row:hover{padding-left:5px}.process{grid-template-columns:repeat(2,1fr);gap:35px 22px}.process h3{font-size:18px;margin-top:23px}.process p{font-size:11px}.closing{padding:80px 7%}.closing h2{font-size:48px;letter-spacing:-2px}.closing p{font-size:10px}.site-footer{padding:27px 7% 155px;flex-wrap:wrap;gap:20px}.site-footer>span{font-size:8px}.site-footer .prototype-note{width:100%;font-family:var(--mono);font-size:7px}.site-footer .wordmark{font-size:24px}.hero-ivory{min-height:960px!important;padding-bottom:440px}.hero-ivory .visual-stage{height:400px;bottom:65px}.architecture{width:265px;height:265px;left:calc(50% - 132px);top:15%;transform:rotateX(56deg) rotateZ(-38deg)}.arch-layer:nth-child(2){inset:27px}.arch-layer:nth-child(3){inset:55px;transform:translateZ(66px)}.arch-layer:nth-child(4){inset:90px;transform:translateZ(124px)}.arch-center{transform:translateZ(124px)}.arch-label.top{right:9%;top:5%}.arch-label.bottom{left:6%;bottom:13%}.arch-index{font-size:48px;bottom:2%;right:10%}.hero-monolith{min-height:990px!important}.hero-monolith h1{font-size:clamp(50px,13vw,73px)!important;line-height:1!important;letter-spacing:-3px!important}.hero-monolith .visual-stage{height:390px}.monoliths{inset:5% 15% 7% 15%;gap:15px;transform:rotateY(-27deg) rotateX(4deg)}.mono-slab span{left:16px;font-size:9px}.mono-seal{right:7%;top:-6%;font-size:6px}.hero-terminal{min-height:1000px!important}.hero-terminal h1{font-size:clamp(46px,11vw,67px)!important}.hero-terminal .visual-stage{height:380px;bottom:64px}.terminal-window{left:7%;width:86%;top:0;transform:perspective(800px) rotateY(-4deg) rotateX(3deg)}.terminal-body{font-size:9px;padding:22px;min-height:210px}.terminal-head{padding:13px 17px}.term-buttons{padding:15px 17px;gap:7px}.term-buttons button{font-size:8px;padding:8px 10px}.terminal-demo-note{bottom:1%;left:8%;font-size:6px}.hero-atlas{min-height:1000px!important}.hero-atlas .visual-stage{height:390px}.atlas-node{font-size:8px;padding:9px 12px;gap:7px}.atlas-node:nth-child(1){left:7%;top:19%}.atlas-node:nth-child(2){right:9%;top:11%}.atlas-node:nth-child(3){left:36%;top:43%}.atlas-node:nth-child(4){left:7%;top:65%}.atlas-node:nth-child(5){right:7%;top:76%}.atlas-node:nth-child(6){right:6%;top:42%}.atlas-coordinate{font-size:6px;bottom:1%;left:35%}.hero-kinetic{min-height:1050px!important}.hero-kinetic h1{font-size:clamp(60px,15vw,88px)!important;line-height:.96!important;letter-spacing:-3.5px!important}.hero-kinetic .hero-content{padding-top:43px!important}.hero-kinetic .visual-stage{height:370px}.kinetic-star{font-size:155px;right:8%;top:0}.kinetic-stack{width:240px;left:7%;right:auto;bottom:5%;transform:rotate(-8deg)}.kinetic-line{font-size:18px;padding:12px 18px}.hero-glass{min-height:990px!important}.hero-glass h1{font-size:clamp(52px,13vw,75px)!important}.hero-glass .visual-stage{height:400px}.glass-orb{width:260px;height:260px;left:calc(50% - 130px);top:18%}.glass-panel{width:172px;min-height:123px;padding:18px}.glass-panel:nth-of-type(1){top:3%;left:6%;--r:-7deg}.glass-panel:nth-of-type(2){top:39%;left:auto;right:6%;--r:7deg}.glass-panel:nth-of-type(3){top:66%;left:10%;--r:-4deg}.glass-coordinate{right:8%;bottom:1%;font-size:7px}.hero-blueprint{min-height:1010px!important}.hero-blueprint .visual-stage{height:360px}.blueprint-measure{top:-2%}.blueprint-legend{bottom:3%;left:8%;width:84%;font-size:7px}.blueprint-target{left:35%;top:22%;width:120px;height:130px}.blueprint-label{font-size:7px;padding:9px}.blueprint-label.l1{top:15%;right:11%}.blueprint-label.l2{top:36%;left:7%}.blueprint-label.l3{top:65%;right:10%}.hero-signal{min-height:1000px!important}.hero-signal h1{font-size:clamp(46px,11.8vw,68px)!important}.hero-signal .visual-stage{height:390px}.radar-word{left:50%;top:44%;font-size:22px}.signal-tag{font-size:7px;padding:10px 13px}.signal-tag.s1{left:7%;top:14%}.signal-tag.s2{right:7%;top:49%}.signal-tag.s3{left:12%;bottom:21%}.signal-steps{font-size:6px;bottom:8%}.hero-atelier{min-height:990px!important}.hero-atelier h1{font-size:clamp(57px,14vw,81px)!important;letter-spacing:-3px!important}.hero-atelier .visual-stage{height:395px}.atelier-disc{width:240px;height:315px;left:calc(50% - 120px);top:2%}.atelier-stamp{left:9%;bottom:4%;width:90px;height:90px}.atelier-label{right:8%;top:3%;font-size:7px}.atelier-line{right:9%;bottom:1%;font-size:7px}.lab-toolbar{bottom:14px;gap:0;padding:8px 7px;border-radius:12px;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:center;row-gap:4px;width:374px}.toolbar-gallery{padding:8px 6px;position:absolute;left:8px;bottom:7px}.toolbar-gallery span{display:inline;font-size:9px}.toolbar-gallery svg{width:13px;height:13px}.toolbar-divider{display:none}.concept-tabs{order:-2;width:100%;justify-content:space-between;gap:1px;padding-bottom:6px;border-bottom:1px solid #ffffff15;margin-bottom:2px}.concept-tab{width:calc(10% - 1px);height:30px;font-size:9px}.nav-arrow{display:none}.icon-button{width:32px;height:30px;font-size:22px}.icon-button svg{width:15px;height:15px}.lab-toolbar>.focus-button{margin-left:0}.lab-toolbar>#favoriteButton{margin-left:90px}.concept-label{bottom:111px;font-size:7px;letter-spacing:.8px;gap:8px}.concept-label>.label-separator,.concept-label>span:last-child{display:none}.toast{bottom:142px;font-size:10px}.gallery-dialog{padding:30px 20px;max-width:calc(100vw - 20px);width:100%;border-radius:12px}.dialog-top h2{font-size:33px;padding-right:22px}.gallery-tools{margin:24px 0 20px;align-items:flex-start;flex-direction:column;gap:12px}.gallery-tools p{font-size:10px;line-height:1.7;max-width:270px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mini-scene{height:139px}.mini-title{font-size:21px;top:32px;left:12px}.mini-logo{left:12px}.mini-tag{left:12px;font-size:4.5px}.mini-kinetic .mini-title{font-size:24px}.gallery-card-info strong{font-size:10px}.gallery-card-info span{font-size:7px}.gallery-note{font-size:8px;line-height:1.8}.close-button{right:15px;top:16px;width:30px;height:30px;font-size:26px}.service-dialog,.brief-dialog{padding:36px 25px;max-width:calc(100vw - 24px);border-radius:12px}.service-dialog h2,.brief-dialog h2{font-size:32px;letter-spacing:-1.3px}.service-dialog p{font-size:12px}.service-dialog .detail-icon{width:34px;height:34px;margin:24px 0}.detail-tags{margin:23px 0 28px}.detail-tags span{font-size:8px;padding:8px 11px}.brief-intro{font-size:11px}.brief-options span{font-size:9px;padding:8px 10px}.brief-dialog legend,.brief-dialog label{font-size:10px}.form-note{font-size:9px}.intro-caption{font-size:7px;letter-spacing:2px;top:calc(50% + 125px)}.intro button{font-size:10px}.restore-toolbar{font-size:10px;bottom:20px;left:20px}.embed-mode .site-footer{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro:not([data-manual]){display:none!important}}

/* Contact links */
.dao-contacts{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;font:500 13px/1.5 var(--sans)}
.dao-contacts a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.dao-contacts a:hover{text-decoration:underline;text-underline-offset:4px}
.brief-contacts{margin-top:18px;font-size:13px}
@media(max-width:600px){.dao-contacts{align-items:flex-start;flex-direction:column;gap:10px}.brief-contacts{gap:8px}}
.site-footer>.dao-contacts{margin-left:auto}
@media(max-width:640px){.site-footer>.dao-contacts{width:100%;margin-left:0}}

/* Readable text for the selected home-page design. Decorative code stays subdued. */
body[data-concept=orbit]{--muted:#b4b4ad}
body[data-concept=orbit] .header-descriptor{font:600 12px/1.45 var(--sans);letter-spacing:.07em}
body[data-concept=orbit] .site-header nav,body[data-concept=orbit] .nav-brief{font-size:14px}
body[data-concept=orbit] .eyebrow{font:600 13px/1.5 var(--sans);letter-spacing:.1em}
body[data-concept=orbit] .hero-description{font-size:16px;line-height:1.7;max-width:430px}
body[data-concept=orbit] .primary,body[data-concept=orbit] .secondary{font-size:14px}
body[data-concept=orbit] .hero-footnote{font:500 13px/1.4 var(--sans);letter-spacing:.04em}
body[data-concept=orbit] .float-card strong{font-size:15px;line-height:1.25}
body[data-concept=orbit] .float-card small{font:500 12px/1.3 var(--sans);letter-spacing:.04em;color:#bdbdb8}
body[data-concept=orbit] .expertise-belt{font:600 13px/1.45 var(--sans);letter-spacing:.05em}
body[data-concept=orbit] .section-head>p,body[data-concept=orbit] .service-row p,body[data-concept=orbit] .process p{font-size:15px;line-height:1.7}
body[data-concept=orbit] .service-number,body[data-concept=orbit] .process article>span{font:600 13px/1.4 var(--sans)}
body[data-concept=orbit] .closing p,body[data-concept=orbit] .site-footer>span{font-size:14px}
body[data-concept=orbit] .brief-intro,body[data-concept=orbit] .service-dialog p{font-size:15px;color:#545b49}
body[data-concept=orbit] .brief-dialog legend,body[data-concept=orbit] .brief-dialog label,body[data-concept=orbit] .brief-options span,body[data-concept=orbit] .detail-tags span{font-size:14px}
body[data-concept=orbit] .brief-dialog textarea,body[data-concept=orbit] .brief-dialog input[type=text]{font-size:16px}
body[data-concept=orbit] .form-note,body[data-concept=orbit] .form-status{font-size:14px}
@media(max-width:1000px){body[data-concept=orbit] .expertise-belt{flex-wrap:wrap;justify-content:center;gap:10px 18px}}
@media(max-width:640px){
  body[data-concept=orbit] .nav-brief{font-size:12px}
  body[data-concept=orbit] .hero{min-height:1060px!important;padding-bottom:470px}
  body[data-concept=orbit] .hero .eyebrow{font-size:12px;letter-spacing:.08em}
  body[data-concept=orbit] .hero-description{font-size:15px}
  body[data-concept=orbit] .hero .visual-stage{bottom:92px}
  body[data-concept=orbit] .hero-footnote{bottom:20px;align-items:flex-start;flex-direction:column;gap:5px;font-size:12px;letter-spacing:.02em}
  body[data-concept=orbit] .hero-footnote .foot-line:last-child{max-width:none;text-align:left}
  body[data-concept=orbit] .float-card{width:150px;min-height:112px}
  body[data-concept=orbit] .float-card strong{font-size:14px}
  body[data-concept=orbit] .float-card small{font-size:11px}
  body[data-concept=orbit] .orbit-card-0,body[data-concept=orbit] .orbit-card-2,body[data-concept=orbit] .orbit-card-4{left:5%}
  body[data-concept=orbit] .orbit-card-1,body[data-concept=orbit] .orbit-card-3{right:5%}
  body[data-concept=orbit] .expertise-belt{font-size:12px;gap:8px 12px}
  body[data-concept=orbit] .expertise-belt b{font-size:14px}
  body[data-concept=orbit] .section-head>p,body[data-concept=orbit] .service-row p,body[data-concept=orbit] .process p{font-size:14px}
  body[data-concept=orbit] .site-footer>span,body[data-concept=orbit] .closing p{font-size:13px}
}
@media(max-width:370px){
  body[data-concept=orbit] .hero{min-height:1100px!important;padding-bottom:490px}
  body[data-concept=orbit] .hero .visual-stage{height:430px;bottom:110px}
  body[data-concept=orbit] .float-card{width:calc(50% - 30px)}
}

/* Submission confirmation remains legible on every theme and screen size. */
.dao-brief-success{position:fixed;z-index:1000;top:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:20px;padding:18px 20px;background:#f6f2e7;color:#1c241c;border:2px solid #71905d;border-radius:12px;box-shadow:0 12px 45px #0008;font:600 16px/1.45 system-ui,sans-serif}
.dao-brief-success[hidden]{display:none}
.dao-brief-success button{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #788875;border-radius:50%;background:transparent;color:#1c241c;font:24px/1 system-ui,sans-serif}
.dao-brief-success button:focus-visible{outline:3px solid #285531;outline-offset:3px}
@media(max-width:480px){.dao-brief-success{top:12px;width:calc(100vw - 24px);padding:14px 16px;font-size:15px}}