:root{font-synthesis:none;--bg:#f7f8f5;--paper:#fff;--ink:#202421;--ink2:#343a38;--soft:#f1f3ef;--sage:#dae8df;--mist:#e9eef1;--lav:#eae8f0;--peach:#f2e7e0;--line:rgba(41,51,46,.13);--muted:#6a756e;--accent:#607d70;--lightText:#68736d;--shadow:0 26px 80px rgba(37,53,47,.07);--shadow-2:0 36px 80px rgba(48,53,49,.12);--ease:cubic-bezier(.2,.8,.2,1);--sans:'Manrope','DM Sans',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif}
:root[data-theme="dark"]{--bg:#141917;--paper:#202823;--ink:#f4f4ee;--ink2:#d9e4dc;--soft:#1d2420;--sage:#30493c;--mist:#293841;--lav:#35313e;--peach:#45352e;--line:rgba(227,240,229,.14);--muted:#b3c0b9;--accent:#b3c8ba;--lightText:#b7c3ba;--shadow:0 26px 80px rgba(0,0,0,.18);--shadow-2:0 36px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .35s,color .35s}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button,summary,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#c6dacf;color:#1d2b23}.wrap{width:min(1300px,calc(100% - 100px));margin-inline:auto}.wide{width:min(1440px,calc(100% - 54px));margin-inline:auto}.section{padding:115px 0}.eyebrow{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow .diamond{height:7px;width:7px;background:var(--accent);transform:rotate(45deg)}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-style:italic}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress{position:fixed;height:3px;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:100;pointer-events:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
/* navigation */
.topnote{background:var(--ink);color:var(--bg);text-align:center;padding:9px 15px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;position:relative;z-index:21}.topnote span{opacity:.67}.topnote b{font-weight:700;color:inherit}.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-inner{height:81px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:35px;height:35px;flex:none}.brand-type{font-weight:800;letter-spacing:-.08em;font-size:24px;line-height:1}.brand-type span{font-weight:500;letter-spacing:.15em;font-size:9px;vertical-align:top;position:relative;top:-3px;margin-left:4px}.navlinks{display:flex;gap:32px;align-items:center}.navlinks a{color:var(--ink2);font-size:11px;font-weight:700;transition:color .2s}.navlinks a:hover{color:var(--accent)}.nav-end{display:flex;align-items:center;gap:10px}.theme-toggle{height:43px;width:43px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;transition:transform .25s,background .25s}.theme-toggle:hover{transform:rotate(20deg);background:var(--soft)}.nav-cta{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:13px 19px;border-radius:100px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:26px;transition:transform .3s,box-shadow .3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 13px 22px rgba(22,38,30,.12)}.mobile-menu-btn{display:none;border:1px solid var(--line);border-radius:50%;height:43px;width:43px;background:transparent;color:var(--ink);align-items:center;justify-content:center}.mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px 23px;box-shadow:0 28px 30px rgba(20,30,25,.08)}.mobile-nav a{display:block;padding:13px 0;font-weight:700;font-size:14px;border-bottom:1px solid var(--line)}.mobile-nav.open{display:block}
/* hero */
.hero{padding:70px 0 64px;position:relative;isolation:isolate}.hero:before{position:absolute;content:"";pointer-events:none;inset:0;background:radial-gradient(ellipse 35% 45% at 54% 15%,rgba(202,223,209,.21),transparent 75%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:2.7vw}.hero .eyebrow{margin-bottom:34px}.hero h1{font-size:clamp(70px,7.05vw,116px);font-weight:600;line-height:1.03;letter-spacing:-.09em;margin:0 0 30px;max-width:820px}.hero h1 .serif{font-size:1.11em;white-space:nowrap;color:var(--accent);letter-spacing:-.075em;line-height:.92}.clip-line{display:block;overflow:visible}.clip-line .line-in{display:inline-block;animation:lineUp 1.05s var(--ease) both}.clip-line:nth-of-type(2) .line-in{animation-delay:.13s}.clip-line:nth-of-type(3) .line-in{animation-delay:.23s}.hero-bottom{display:grid;grid-template-columns:minmax(0,430px) auto;align-items:end;gap:12px}.hero-desc{max-width:420px;color:var(--muted);font-size:13px;line-height:1.95;margin:0 0 27px}.pills{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.pill-link{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:700;border-radius:40px;padding:16px 20px;transition:transform .3s,box-shadow .3s}.pill-link:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(37,51,43,.15)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--ink);padding:0 0 7px;white-space:nowrap}.tiny-circle{height:72px;width:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;align-self:end;justify-self:end;position:relative;animation:floatY 5s ease-in-out infinite}.tiny-circle svg{width:22px;transform:rotate(-25deg)}.tiny-circle:before{content:"";position:absolute;inset:6px;border:1px dashed var(--line);border-radius:50%}.hero-art{position:relative;height:min(610px,43vw);min-height:470px;border-radius:19px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#eef1ee 0%,#e9ecea 48%,#eff0ef 100%);isolation:isolate;box-shadow:0 30px 80px rgba(54,65,58,.06)}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(72,89,78,.048) 1px,transparent 1px),linear-gradient(to bottom,rgba(72,89,78,.048) 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(#000,transparent 78%);z-index:1;pointer-events:none}.hero-art .art-top{position:absolute;left:27px;right:27px;top:25px;display:flex;justify-content:space-between;align-items:center;z-index:5;color:#55635e;font-size:9px;font-weight:800;letter-spacing:.18em}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#7da590;margin-right:7px;box-shadow:0 0 0 4px rgba(122,167,146,.15);vertical-align:middle}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block}.hero-art .orb-fallback{position:absolute;z-index:1;left:19%;top:16%;width:63%;aspect-ratio:1;border-radius:48% 52% 46% 54%/49% 45% 55% 51%;background:radial-gradient(circle at 30% 25%,#fff 2%,#dde5e0 32%,#b8cbbf 53%,#8cae9e 67%,#e9ebe6 85%);box-shadow:inset -20px -40px 55px #9bb2a8,30px 50px 50px rgba(103,130,115,.14);filter:saturate(.65);animation:orbMorph 10s ease-in-out infinite}.hero-art .orb-fallback:after{content:"";position:absolute;inset:-16%;border:1px solid rgba(77,100,91,.18);border-radius:50%;transform:rotate(-28deg) scaleY(.53);animation:floatY 7s ease-in-out infinite}.hero-art.webgl-ready .orb-fallback{display:none}.art-bottom{position:absolute;z-index:6;bottom:23px;left:27px;right:27px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#4b5d51}.art-number{font-family:var(--serif);font-size:48px;line-height:1}.art-caption{font-size:8px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;line-height:1.9;text-align:right}.glass-note{position:absolute;left:6%;top:47%;z-index:7;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:14px 17px;background:rgba(255,255,255,.49);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 40px rgba(68,85,75,.07);color:#53685b;transform:rotate(-5deg);animation:floatY 7s 1s ease-in-out infinite}.glass-note small{display:block;font-size:9px;letter-spacing:.14em;font-weight:700}.glass-note strong{font-size:14px;letter-spacing:-.05em}.art-side{position:absolute;right:19px;top:47%;writing-mode:vertical-rl;z-index:6;color:#61776a;letter-spacing:.26em;font-size:8px;font-weight:700}.hero-foot{margin-top:60px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.045em}.hero-foot strong{color:var(--ink);font-weight:700}.hero-foot .scroll-ind{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:700}.down-arrow{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;animation:bob 2.5s ease-in-out infinite}
/* motion strip */
.ticker-outer{overflow:hidden;border-block:1px solid var(--line);background:var(--soft);padding:21px 0}.ticker-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 36s linear infinite;gap:65px;align-items:center}.ticker-track span{font-size:14px;font-weight:600;letter-spacing:-.045em;color:var(--ink2)}.ticker-track i{font-family:var(--serif);font-size:26px;color:var(--accent);font-weight:400}
/* section typography */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2{font-size:clamp(43px,5.5vw,78px);font-weight:600;line-height:1.08;letter-spacing:-.075em;margin:22px 0 0}.section-heading p{max-width:305px;margin:0 0 7px;color:var(--muted);font-size:12px;line-height:1.9}.section-heading .serif{font-size:1.12em;color:var(--accent)}
/* scrollytelling */
.story-section{padding:140px 0 130px}.story-intro{display:flex;justify-content:space-between;gap:25px;margin-bottom:80px;align-items:end}.story-intro .section-heading{display:block;margin:0}.story-index{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--muted);white-space:nowrap}.story-layout{display:grid;grid-template-columns:.96fr 1.04fr;gap:8vw;align-items:start}.story-stage{height:525px;border-radius:17px;position:sticky;top:119px;overflow:hidden;background:#e9eee9;border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate}.story-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e8eeea,#f3f4f0 65%);z-index:-1}.stage-top{position:absolute;left:30px;right:30px;top:27px;display:flex;align-items:center;justify-content:space-between;color:#62786b;z-index:7;font-size:9px;letter-spacing:.16em;font-weight:800}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(70,102,80,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(70,102,80,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 45%,#000,transparent 75%);z-index:0}.stage-drawing{position:absolute;inset:85px 45px 76px;z-index:2}.stage-step{position:absolute;inset:0;opacity:0;transform:translateY(25px) scale(.97);transition:opacity .75s var(--ease),transform .9s var(--ease)}.story-stage[data-step="0"] .step-one,.story-stage[data-step="1"] .step-two,.story-stage[data-step="2"] .step-three{opacity:1;transform:translateY(0) scale(1)}.stage-foot{position:absolute;bottom:26px;left:29px;right:29px;z-index:5;color:#62786b;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;font-weight:700}.stage-ring{border:1px solid rgba(84,119,102,.27);border-radius:50%;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:290px;aspect-ratio:1}.stage-ring:before,.stage-ring:after{content:"";border:1px solid rgba(84,119,102,.24);border-radius:50%;position:absolute;inset:34px}.stage-ring:after{inset:82px}.stage-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:#c7dbcc;border:1px solid rgba(75,109,91,.23);box-shadow:0 25px 65px rgba(90,119,98,.14);color:#3b5949;font-size:12px;letter-spacing:-.04em;font-weight:800}.node{position:absolute;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.79);box-shadow:0 12px 30px rgba(57,83,65,.08);border:1px solid rgba(255,255,255,.85);color:#567161;font-size:9px;font-weight:800;letter-spacing:.04em}.node.n1{top:8%;left:7%;transform:rotate(-6deg)}.node.n2{right:3%;top:22%;transform:rotate(6deg)}.node.n3{bottom:10%;left:16%;transform:rotate(4deg)}.node.n4{right:7%;bottom:13%;transform:rotate(-5deg)}.creative-window{position:absolute;top:10%;bottom:5%;left:13%;right:13%;border:1px solid #d7e0d9;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 30px 70px rgba(80,112,89,.13);overflow:hidden;transform:rotate(-4deg)}.cw-head{padding:17px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #e6eee7;color:#6c8072;font-size:8px;letter-spacing:.1em;font-weight:800}.cw-bubble{margin:22px 22px 16px auto;width:76%;background:#e7efeb;color:#3a5243;border-radius:14px 14px 4px 14px;padding:15px 19px;font-size:12px;font-weight:600;line-height:1.5}.cw-reply{padding:0 22px;color:#60766a;font-size:11px;line-height:1.65}.cw-sponsored{position:absolute;bottom:20px;left:21px;right:21px;border:1px solid #dce8dd;background:#f2f6f1;border-radius:13px;padding:15px;color:#3f594a}.cw-sponsored small{display:block;font-size:8px;letter-spacing:.12em;font-weight:800;color:#6a8972;margin-bottom:6px}.cw-sponsored strong{font-size:13px}.cw-sponsored p{font-size:9px;line-height:1.5;margin:4px 0 0;color:#667970}.data-viz{position:absolute;inset:12% 9%;border-radius:17px;background:rgba(255,255,255,.76);border:1px solid white;box-shadow:0 27px 80px rgba(80,112,89,.12);padding:23px}.data-viz header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#5a7164;font-weight:800}.chart-bars{height:180px;display:flex;align-items:end;gap:11px;margin-top:55px;border-bottom:1px solid rgba(76,104,80,.14)}.chart-bars i{flex:1;display:block;background:linear-gradient(to top,#abc7b5,#dcece0);border-radius:7px 7px 0 0;animation:barUp 1.3s var(--ease) both;transform-origin:bottom}.chart-bars i:nth-child(1){height:28%}.chart-bars i:nth-child(2){height:45%;animation-delay:.07s}.chart-bars i:nth-child(3){height:39%;animation-delay:.14s}.chart-bars i:nth-child(4){height:62%;animation-delay:.21s}.chart-bars i:nth-child(5){height:55%;animation-delay:.28s}.chart-bars i:nth-child(6){height:78%;animation-delay:.35s}.chart-bars i:nth-child(7){height:70%;animation-delay:.42s}.chart-bars i:nth-child(8){height:93%;animation-delay:.49s}.data-viz footer{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#73917c;font-weight:700}.chapters{padding-top:0}.chapter{min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:45px 0 100px;border-bottom:1px solid var(--line);opacity:.47;transition:opacity .6s}.chapter.active{opacity:1}.chapter:last-child{border:0}.chapter-num{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.13em;margin-bottom:36px}.chapter h3{font-size:clamp(37px,4vw,60px);font-weight:600;letter-spacing:-.07em;line-height:1.16;max-width:540px;margin:0 0 26px}.chapter h3 .serif{color:var(--accent)}.chapter p{font-size:13px;line-height:1.95;color:var(--muted);max-width:410px;margin:0}.chapter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.chapter-tags span{border:1px solid var(--line);border-radius:30px;padding:9px 13px;font-size:9px;color:var(--muted);font-weight:700}
/* bento */
.bento-section{background:var(--soft);border-block:1px solid var(--line);padding:128px 0}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:215px;gap:16px}.bento-card{position:relative;overflow:hidden;border:1px solid rgba(52,66,57,.10);border-radius:18px;background:var(--paper);padding:29px 30px;display:flex;flex-direction:column;transition:transform .55s var(--ease),box-shadow .5s,border-color .3s;isolation:isolate}.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:rgba(108,139,118,.35)}.bento-card .hover-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(172,203,179,.22),transparent 67%);opacity:0;transition:opacity .4s}.bento-card:hover .hover-glow{opacity:1}.bento-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted)}.bento-top .bento-icon{font-size:21px;line-height:1;color:var(--accent);font-weight:400}.bento-card h3{position:relative;z-index:3;letter-spacing:-.065em;font-size:clamp(26px,2.3vw,37px);font-weight:600;line-height:1.17;margin:20px 0 11px}.bento-card p{position:relative;z-index:3;font-size:11px;line-height:1.8;max-width:350px;color:var(--muted);margin:0}.bento-main{grid-column:span 7;grid-row:span 2;background:var(--sage)}.bento-main h3{max-width:400px;font-size:42px}.bento-main .visual-swipe{position:absolute;right:-20px;bottom:-80px;width:61%;height:65%;border:1px solid rgba(74,111,93,.16);background:rgba(255,255,255,.63);border-radius:16px;transform:rotate(-10deg);box-shadow:0 28px 70px rgba(65,91,77,.13);padding:22px;color:#3e574a;transition:transform .6s var(--ease)}.bento-main:hover .visual-swipe{transform:rotate(-5deg) translateY(-9px)}.visual-swipe .smallbar{display:flex;justify-content:space-between;font-size:9px;font-weight:800;border-bottom:1px solid #d9e7dc;padding-bottom:12px}.mock-lines{display:grid;gap:9px;margin-top:18px}.mock-lines i{display:block;background:#cad9ce;height:8px;border-radius:9px}.mock-lines i:nth-child(2){width:78%}.mock-lines i:nth-child(3){width:50%}.swipe-button{border-radius:35px;background:#bcd1c2;color:#476451;padding:12px 15px;font-size:10px;margin-top:20px;width:max-content;font-weight:800}.bento-tall{grid-column:span 5;grid-row:span 2;background:var(--mist)}.bento-tall h3{font-size:36px}.ring-visual{position:absolute;bottom:-72px;right:-58px;width:340px;aspect-ratio:1;border:1px solid rgba(97,132,124,.25);border-radius:50%;display:grid;place-items:center;animation:slowSpin 30s linear infinite}.ring-visual:before,.ring-visual:after{position:absolute;content:"";border:1px solid rgba(97,132,124,.25);border-radius:50%;inset:34px}.ring-visual:after{inset:78px;background:radial-gradient(circle at 30% 27%,#fcfffc,#bfd6cb 50%,#a3c5b2 80%);box-shadow:0 25px 60px rgba(75,113,97,.18)}.ring-visual .spark{position:absolute;top:14%;left:4%;width:16px;height:16px;background:#94bfa6;border-radius:50%;box-shadow:0 0 0 13px rgba(148,191,166,.14)}.bento-wide{grid-column:span 8;background:var(--lav)}.bento-wide h3{font-size:30px;max-width:360px}.kinetic-word{position:absolute;bottom:15px;right:20px;color:rgba(87,89,113,.13);font-size:90px;font-weight:800;letter-spacing:-.12em;line-height:1;white-space:nowrap;transition:transform .6s var(--ease)}.bento-wide:hover .kinetic-word{transform:translateX(-20px)}.bento-small{grid-column:span 4;background:var(--peach)}.bento-small h3{font-size:27px}.bento-small .mini-star{position:absolute;bottom:11px;right:28px;font-family:var(--serif);font-size:92px;color:rgba(144,101,88,.17);animation:slowSpin 40s linear infinite}.bento-metrics{grid-column:span 4;background:var(--paper)}.bento-metrics h3{font-size:27px}.bento-transparency{grid-column:span 8;background:var(--paper)}.bento-transparency h3{font-size:30px}.line-art{position:absolute;right:0;bottom:0;width:42%;height:100%;opacity:.47;background:repeating-radial-gradient(circle at 100% 100%,transparent 0 21px,rgba(78,107,88,.23) 22px 23px);mask-image:linear-gradient(90deg,transparent,#000)}
/* typography statement */
.statement-section{padding:155px 0;text-align:center;overflow:hidden}.statement-section .eyebrow{justify-content:center}.statement-big{font-size:clamp(50px,7.5vw,119px);font-weight:600;line-height:1.07;letter-spacing:-.087em;margin:30px auto;max-width:1180px}.statement-big .serif{color:var(--accent)}.statement-section p{font-size:13px;color:var(--muted);line-height:1.9;max-width:490px;margin:0 auto}.reveal-word{display:inline-block;transition:opacity .6s,transform .7s var(--ease);opacity:.22;transform:translateY(14px)}.reveal-word.lit{opacity:1;transform:translateY(0)}
/* process */
.process-section{padding:105px 0 135px;border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process-card{padding:30px 26px;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden;transition:transform .3s}.process-card:hover{transform:translateY(-6px)}.process-num{font-family:var(--serif);font-size:55px;color:var(--accent);line-height:.9;font-style:italic}.process-card h3{font-size:17px;letter-spacing:-.05em;margin:0 0 12px}.process-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.process-card .process-arrow{position:absolute;right:25px;top:31px;color:var(--muted)}
/* brief studio / functional interactive */
.brief-section{padding:120px 0;background:var(--sage);color:#24372c;position:relative;overflow:hidden}.brief-section:before{content:"";position:absolute;right:-240px;bottom:-340px;width:760px;height:760px;border-radius:50%;border:1px solid rgba(53,82,66,.13);box-shadow:0 0 0 75px rgba(255,255,255,.045),0 0 0 150px rgba(255,255,255,.035)}.brief-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.brief-copy h2{font-size:clamp(45px,5.6vw,78px);font-weight:600;line-height:1.1;letter-spacing:-.08em;margin:25px 0}.brief-copy h2 .serif{color:#668877}.brief-copy p{font-size:12px;max-width:370px;line-height:1.9;color:#60786a}.brief-window{background:rgba(255,255,255,.71);border:1px solid rgba(255,255,255,.9);padding:34px;border-radius:19px;box-shadow:0 28px 75px rgba(80,106,86,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#293c31}.brief-window header{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #d7e5da;padding-bottom:20px}.brief-window .fieldlabel{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#63796a;margin:22px 0 10px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{border-radius:35px;border:1px solid #cfded3;background:rgba(255,255,255,.66);padding:10px 15px;font-size:10px;font-weight:800;color:#526d5c;transition:background .25s,transform .25s}.choice:hover{transform:translateY(-2px)}.choice[aria-pressed="true"]{background:#345944;border-color:#345944;color:#f8fff9}.brief-result{margin:22px 0 18px;border-radius:10px;background:#e8f0e9;border:1px solid #d5e6d8;padding:18px 20px;min-height:113px}.brief-result strong{font-size:14px;letter-spacing:-.025em}.brief-result p{color:#657d6c;font-size:11px;line-height:1.75;margin:8px 0 0}.brief-link{display:inline-flex;align-items:center;gap:16px;color:#2e5640;font-weight:800;font-size:11px;border-bottom:1px solid #648976;padding:4px 0 9px}
/* questions + contact */
.faq-section{padding:125px 0;border-bottom:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.faq-grid h2{font-size:clamp(43px,5vw,68px);line-height:1.08;letter-spacing:-.08em;font-weight:600;margin:25px 0}.faq-grid h2 .serif{color:var(--accent)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:22px;padding:24px 0;font-weight:700;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:400;color:var(--accent);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 35px 22px 0}.contact-section{padding:120px 0 100px}.contact-panel{background:var(--ink);color:var(--bg);border-radius:20px;padding:73px 80px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.contact-panel:before{content:"";position:absolute;right:-130px;top:-210px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 60px rgba(255,255,255,.023),0 0 0 125px rgba(255,255,255,.023)}.contact-panel .eyebrow{color:#b6c9b9}.contact-panel h2{font-size:clamp(47px,5.4vw,81px);font-weight:600;line-height:1.08;letter-spacing:-.082em;margin:22px 0}.contact-panel .serif{color:#c2d7c7}.contact-panel p{font-size:12px;line-height:1.9;color:color-mix(in srgb,var(--bg) 65%,transparent);margin:0;max-width:420px}.contact-panel .pill-link{background:var(--bg);color:var(--ink);border:1px solid var(--bg);white-space:nowrap;position:relative}.fineprint{font-size:10px;color:var(--muted);line-height:1.9;margin-top:23px}.footer{padding:37px 0 30px}.footer-main{display:flex;justify-content:space-between;gap:45px;align-items:start}.footer .brand-type{font-size:37px}.footer .brand-symbol{width:44px;height:44px}.footer-note{max-width:390px;font-size:10px;line-height:1.9;color:var(--muted);margin:18px 0 0}.footer-links{display:flex;gap:55px}.footer-links div{display:flex;gap:15px;flex-direction:column}.footer-links b{font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}.footer-links a{font-size:11px;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);margin-top:56px;padding-top:20px;display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.04em}.footer-bottom span:last-child{text-align:right}
/* entrance, accessibility */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}
@keyframes lineUp{from{opacity:0;transform:translateY(27px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes floatY{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes orbMorph{0%,100%{border-radius:48% 52% 46% 54%/49% 45% 55% 51%;transform:rotate(0deg)}50%{border-radius:54% 46% 51% 49%/44% 55% 45% 56%;transform:rotate(6deg)}}@keyframes barUp{from{transform:scaleY(.15);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(max-width:1200px){.wrap{width:min(1200px,calc(100% - 70px))}.hero h1{font-size:clamp(64px,7.25vw,95px)}.hero-art{height:500px;min-height:0}.hero-bottom{grid-template-columns:1fr}.tiny-circle{display:none}.story-layout{gap:5vw}.contact-panel{padding:65px}.navlinks{gap:20px}}
@media(max-width:950px){.navlinks{display:none}.mobile-menu-btn{display:flex}.hero-grid{grid-template-columns:1fr}.hero{padding-top:54px}.hero h1{font-size:clamp(69px,11vw,116px);max-width:840px}.hero-art{height:560px;width:100%;min-height:0}.hero-bottom{grid-template-columns:minmax(0,500px) auto}.tiny-circle{display:grid}.story-layout{grid-template-columns:1fr;gap:30px}.story-stage{position:relative;top:auto;height:510px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chapter{min-height:0;padding:25px 0 50px;opacity:1}.chapter h3{font-size:27px}.chapter p{font-size:11px}.chapter-num{margin-bottom:22px}.chapter-tags{display:none}.bento-grid{grid-auto-rows:215px}.bento-main{grid-column:span 12;grid-row:span 2}.bento-tall{grid-column:span 6;grid-row:span 2}.bento-wide{grid-column:span 6;grid-row:span 2}.bento-small{grid-column:span 6}.bento-metrics{grid-column:span 6}.bento-transparency{grid-column:span 12}.process-grid{grid-template-columns:repeat(2,1fr)}.brief-grid{grid-template-columns:1fr;gap:35px}.brief-copy h2{max-width:650px}.faq-grid{grid-template-columns:1fr;gap:45px}.contact-panel{grid-template-columns:1fr;gap:27px}.footer-links{gap:30px}}
@media(max-width:600px){.wrap,.wide{width:calc(100% - 38px)}.section{padding:78px 0}.topnote{font-size:8px;line-height:1.8;padding:8px 12px}.nav-inner{height:66px;gap:8px}.brand-symbol{width:30px;height:30px}.brand-type{font-size:21px}.nav-cta{display:none}.nav-end{gap:6px}.theme-toggle,.mobile-menu-btn{width:38px;height:38px}.hero{padding:45px 0 43px}.hero .eyebrow{margin-bottom:23px;font-size:9px}.hero h1{font-size:clamp(58px,13.7vw,79px);letter-spacing:-.095em;margin-bottom:25px;line-height:1.045}.hero h1 .serif{font-size:1.04em;white-space:normal}.hero-desc{font-size:12px;line-height:1.9}.hero-bottom{display:block}.tiny-circle{display:none}.pills{gap:16px}.pill-link{font-size:10px;padding:14px 17px;gap:17px}.text-link{font-size:10px}.hero-art{height:450px;margin-top:37px;border-radius:13px}.hero-art .art-top{top:21px;left:19px;right:19px;font-size:8px}.art-side{right:12px}.art-bottom{left:20px;right:20px;bottom:17px}.glass-note{left:5%;top:50%;padding:10px 13px}.hero-foot{margin-top:34px;font-size:9px;line-height:1.6}.hero-foot .scroll-ind{display:none}.ticker-outer{padding:18px 0}.ticker-track{gap:35px}.ticker-track span{font-size:13px}.story-section{padding:92px 0 63px}.story-intro{margin-bottom:35px}.story-index{display:none}.section-heading{display:block;margin-bottom:34px}.section-heading h2{font-size:clamp(45px,11.5vw,63px)}.section-heading p{font-size:12px;margin-top:22px}.story-stage{height:390px;border-radius:12px}.stage-top{top:19px;left:18px;right:18px;font-size:8px}.stage-drawing{inset:60px 19px 59px}.stage-foot{left:17px;right:17px;bottom:18px;font-size:8px}.stage-ring{width:220px}.stage-center{width:105px;height:105px;font-size:10px}.node{padding:8px 9px;font-size:8px}.node.n1{left:0}.node.n2{right:0}.node.n3{left:2%}.node.n4{right:0}.creative-window{left:5%;right:5%;top:3%;bottom:0}.cw-head{padding:12px}.cw-bubble{margin:14px 14px 10px auto;font-size:10px;padding:12px}.cw-reply{padding:0 14px;font-size:9px}.cw-sponsored{left:12px;right:12px;bottom:10px;padding:11px}.data-viz{inset:5% 2%;padding:14px}.chart-bars{height:150px;margin-top:34px}.chapters{display:block}.chapter{border-bottom:1px solid var(--line);padding:31px 0 32px}.chapter-num{margin-bottom:14px}.chapter h3{font-size:33px;margin-bottom:14px}.chapter p{font-size:12px}.bento-section{padding:81px 0}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:12px}.bento-card{grid-column:span 2;min-height:250px;padding:24px}.bento-main{grid-row:auto;min-height:420px}.bento-main h3{font-size:35px}.bento-main .visual-swipe{width:80%;height:51%;right:-17px;bottom:-49px}.bento-tall{grid-row:auto;min-height:340px}.bento-tall h3{font-size:34px}.ring-visual{width:300px;right:-100px;bottom:-125px}.bento-wide{grid-row:auto;min-height:260px}.kinetic-word{font-size:70px}.bento-small,.bento-metrics{grid-column:span 1;min-height:285px;padding:20px}.bento-small h3,.bento-metrics h3{font-size:23px}.bento-small p,.bento-metrics p{font-size:10px}.bento-transparency{min-height:240px}.bento-transparency h3{font-size:28px}.statement-section{padding:103px 0}.statement-big{font-size:clamp(45px,12.5vw,72px);margin:29px auto}.statement-section p{font-size:12px}.process-section{padding:75px 0}.process-grid{gap:11px}.process-card{min-height:240px;padding:19px}.process-num{font-size:42px}.process-card h3{font-size:15px}.process-card p{font-size:10px}.process-arrow{font-size:13px;right:15px!important;top:20px!important}.brief-section{padding:85px 0}.brief-copy h2{font-size:56px}.brief-window{padding:22px}.brief-window header{font-size:9px}.choice{font-size:9px;padding:11px 12px}.brief-result{padding:15px}.faq-section{padding:87px 0}.faq-grid h2{font-size:58px}.faq-list summary{font-size:12px}.contact-section{padding:80px 0 52px}.contact-panel{padding:40px 26px;border-radius:13px}.contact-panel h2{font-size:clamp(42px,11vw,57px)}.contact-panel p{font-size:11px}.footer-main{display:block}.footer-links{margin-top:40px;justify-content:space-between}.footer .brand-type{font-size:33px}.footer-bottom{margin-top:42px;display:block}.footer-bottom span{display:block;text-align:left!important;margin-top:8px}.grain{opacity:.03}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.reveal-word{opacity:1;transform:none}}

/* V3 editorial inquiry, security-conscious forms */
.inquiry-section{background:linear-gradient(135deg,var(--bg),var(--soft) 70%,var(--mist));position:relative;overflow:hidden}
.inquiry-section:before{content:"";position:absolute;pointer-events:none;width:42vw;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:-28vw;right:-12vw;box-shadow:0 0 0 55px color-mix(in srgb,var(--sage) 35%,transparent),0 0 0 140px color-mix(in srgb,var(--sage) 20%,transparent)}
.inquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,7vw,115px);align-items:center}.inquiry-heading{font-size:clamp(44px,5.5vw,82px);line-height:1.08;letter-spacing:-.075em;font-weight:600;margin:24px 0}.inquiry-heading em{color:var(--accent)}.inquiry-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:440px;margin-bottom:35px}.inquiry-point{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;font-size:12px;color:var(--ink2)}.inquiry-symbol{font-size:10px;font-weight:800;color:var(--accent)}
.inquiry-glass{background:color-mix(in srgb,var(--paper) 82%,transparent);border:1px solid var(--line);border-radius:25px;padding:clamp(26px,3.6vw,52px);box-shadow:var(--shadow);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}.inquiry-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;font-size:10px;color:var(--muted)}#lead-form{display:flex;flex-direction:column;gap:19px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}#lead-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;font-weight:700;color:var(--ink2)}#lead-form input:not([type=checkbox]),#lead-form textarea{display:block;width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:12px;resize:vertical;transition:border-color .2s,box-shadow .2s}#lead-form input::placeholder,#lead-form textarea::placeholder{color:var(--muted);opacity:.7}#lead-form input:focus,#lead-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 65%,transparent)}#lead-form .form-consent{display:flex;flex-direction:row;align-items:flex-start;font-weight:500;line-height:1.65;font-size:11px;color:var(--muted);gap:10px}#lead-form .form-consent input{margin-top:3px;accent-color:var(--accent)}#lead-form .form-consent a{color:var(--ink);text-decoration:underline}.form-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.form-status{color:var(--muted);font-size:10px;line-height:1.6;max-width:235px}.form-footer button{border:0}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.hidden-field{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.doc-page{min-height:65vh;padding:95px 0}.doc-page h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:1.05}.doc-page p,.doc-page li{line-height:1.95;color:var(--muted);font-size:14px;max-width:770px}.doc-page h2{font-size:20px;letter-spacing:-.03em;margin-top:39px}.doc-page a{text-decoration:underline}.doc-page ul{padding-left:22px}.cookie-note{position:fixed;bottom:18px;left:18px;z-index:80;display:flex;align-items:center;gap:20px;max-width:420px;padding:17px 20px;background:var(--paper);box-shadow:0 12px 50px rgba(15,30,25,.18);border:1px solid var(--line);border-radius:13px;color:var(--ink);font-size:11px;line-height:1.6}.cookie-note button{border:1px solid var(--line);border-radius:50px;padding:8px 12px;background:var(--soft);color:var(--ink)}.cookie-note a{text-decoration:underline}
@media(max-width:900px){.inquiry-grid{grid-template-columns:1fr}.inquiry-heading{font-size:clamp(42px,9vw,73px)}.inquiry-section:before{display:none}}@media(max-width:520px){.form-pair{grid-template-columns:1fr}.inquiry-glass{padding:22px}.form-footer{display:block}.form-status{display:block;margin-top:14px}.cookie-note{left:12px;right:12px;max-width:none}}

.cookie-note[hidden]{display:none!important}

/* Studio V4: explicit theme / layout presets, validated server-side. */
:root[data-palette="pearl"]:not([data-theme="dark"]){--bg:#faf8f4;--paper:#fffefd;--sage:#eee8e4;--mist:#f1eae8;--lav:#f2edef;--peach:#eadfda;--soft:#f5f1ed;--ink:#272523;--ink2:#48413c;--muted:#82796f;--accent:#a27c6c;--line:rgba(65,54,44,.13)}
:root[data-palette="sky"]:not([data-theme="dark"]){--bg:#f5f8fa;--paper:#fff;--sage:#dcecf0;--mist:#dbe8f5;--lav:#e7e9f7;--peach:#f4e9e5;--soft:#eef4f7;--ink:#202a35;--ink2:#495a6b;--muted:#65798b;--accent:#627f9e;--line:rgba(39,58,78,.14)}
:root[data-palette="sand"]:not([data-theme="dark"]){--bg:#faf8f1;--paper:#fffef9;--sage:#ebe9db;--mist:#e8ece6;--lav:#efebe5;--peach:#f1e7d5;--soft:#f5f1e5;--ink:#302b23;--ink2:#585044;--muted:#7d7160;--accent:#988262;--line:rgba(70,57,35,.13)}
:root[data-layout="editorial"] .hero-grid{grid-template-columns:1.12fr .88fr}
:root[data-layout="editorial"] .hero h1{font-weight:510;letter-spacing:-.09em}
:root[data-layout="editorial"] .bento-card{border-radius:5px}
:root[data-layout="editorial"] .section-heading h2{letter-spacing:-.077em}
:root[data-layout="minimal"] .hero-grid{grid-template-columns:1.14fr .86fr}
:root[data-layout="minimal"] .hero-art{border-radius:22px}
:root[data-layout="minimal"] .bento-card{box-shadow:none!important;border:1px solid var(--line);border-radius:18px}
:root[data-layout="minimal"] .ticker-outer{opacity:.45}
:root[data-visual="gradient"] .hero-art{background:radial-gradient(ellipse at 20% 35%,var(--lav),transparent 55%),radial-gradient(ellipse at 70% 68%,var(--sage),transparent 57%),var(--mist)}
:root[data-visual="gradient"] #hero-webgl,:root[data-visual="gradient"] .orb-fallback{display:none!important}
:root[data-visual="gradient"] .hero-art:before{content:'';position:absolute;width:66%;aspect-ratio:1;border-radius:50%;top:16%;left:16%;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 0 0 47px color-mix(in srgb,var(--paper) 24%,transparent),inset 0 0 65px color-mix(in srgb,var(--accent) 12%,transparent);animation:studio-float 9s ease-in-out infinite}
:root[data-visual="type"] #hero-webgl,:root[data-visual="type"] .orb-fallback{display:none!important}
:root[data-visual="type"] .hero-art:before{content:'AROVYN';font-family:var(--serif);font-style:italic;font-size:clamp(78px,9vw,165px);letter-spacing:-.10em;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);color:var(--accent);opacity:.48;white-space:nowrap}
@keyframes studio-float{50%{transform:translateY(-12px) rotate(9deg)}}
[data-studio-section][hidden]{display:none!important}
/* Preserve line breaks and editorial emphasis in text changed from the editor. */
.studio-line{display:block}.studio-line em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
:root[data-layout="editorial"] .bento-grid{gap:12px}
@media(max-width:750px){:root[data-layout="editorial"] .hero-grid,:root[data-layout="minimal"] .hero-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:root[data-visual="gradient"] .hero-art:before{animation:none}}