@import url('fonts.css');
:root{--ink:#202b30;--muted:#637078;--paper:#f6f4ee;--blue:#163f6a;--line:#d5dbd9;--gold:#c58c55;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #397cba;outline-offset:5px}.skip{position:fixed;top:-80px;padding:15px;background:white;z-index:10}.skip:focus{top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}header{height:100px;padding:16px 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{width:225px;display:block}nav{display:flex;align-items:center;gap:36px;font-size:12px}nav>a:hover{color:#356d9b}.motion{font-size:9px;padding:9px 14px;border:1px solid #aebabc;border-radius:20px;background:transparent;letter-spacing:.4px}.title-row{padding:48px 6% 42px;display:flex;justify-content:space-between;align-items:end;gap:35px}.eyebrow{font-size:9px;line-height:1.7;letter-spacing:1.8px;font-weight:600;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(43px,4.9vw,76px)/1.03 var(--serif);letter-spacing:-2.9px;margin-bottom:0}h1 em{color:#496b82;font-weight:400}h2{font:400 47px/1.06 var(--serif);letter-spacing:-1.5px;margin:0}h2 em{font-weight:400}h3{font-weight:500}.title-aside{padding:0 0 3px 35px;border-left:1px solid var(--line);min-width:250px}.title-aside>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:18px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #7e919c;padding-bottom:9px}.text-link span{font-size:18px}.blueprint{height:490px;position:relative;background:#123c69;background-image:radial-gradient(ellipse at 60% 45%,#28557e 0%,#153e69 55%,#12335a 100%);color:#ebf3fa;isolation:isolate;overflow:hidden}.blueprint:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a3c9f008 1px,transparent 1px),linear-gradient(90deg,#a3c9f008 1px,transparent 1px);background-size:26px 26px;z-index:-1}.blueprint-header,.blueprint-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font:8px/1.5 monospace;letter-spacing:1.5px;color:#b3cce0;z-index:2}.blueprint-header{top:21px;padding-bottom:12px;border-bottom:1px solid #aacdeb26}.blueprint-bottom{bottom:18px;border-top:1px solid #aacdeb26;padding-top:12px;font-size:7px}.blueprint-bottom b{font:15px Arial;margin-left:20px;font-weight:400}.blueprint-copy{position:absolute;top:110px;left:6%;z-index:2;width:31%;max-width:400px}.blueprint-copy .eyebrow{color:#d8b894;font-size:8px;margin-bottom:18px}.blueprint-copy h2{font:400 clamp(30px,3vw,45px)/1.13 var(--serif);letter-spacing:-1.3px;margin-bottom:20px}.blueprint-copy h2 em{color:#c6e1f1}.blueprint-copy>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#c3d4e3}.blueprint-art{position:absolute;height:100%;width:100%;inset:0;object-fit:cover;object-position:center;pointer-events:none;transform:translateX(9%)}.blueprint-play{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 0;border-bottom:1px solid #9ebbd566;font-size:10px;color:#eaf2f7}.play-icon{border:1px solid #9ebbd580;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:14px}.diagram-response{font-size:9px!important;line-height:1.65!important;max-width:260px;margin-top:14px;min-height:42px;color:#aec6da!important}.flowing .blueprint-art{animation:diagram-discover 1.2s ease-in-out}.see-banner{display:flex;align-items:start;gap:4%;padding:34px 6%;background:#e9ede8;border-bottom:1px solid #d4dcd6}.banner-title{min-width:225px;padding-top:5px}.banner-title .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:10px;display:block;color:#65736a}.banner-title h2{font-size:30px;letter-spacing:-1px;white-space:nowrap}.banner-title em{color:#607a65}.banner-values{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;flex:1}.banner-values details{border-left:1px solid #cbd4cc;padding-left:22px;min-width:0}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.banner-values summary{display:flex;gap:14px;align-items:center;min-height:63px}.value-symbol{color:#687e6d;font:25px var(--serif)}.banner-values summary>span:nth-child(2){font:20px var(--serif);letter-spacing:-.4px}.banner-values small{font:10px 'DM Sans',Arial,sans-serif;display:block;color:#657267;margin-top:9px;letter-spacing:0;white-space:nowrap}.banner-values summary b{margin-left:auto;color:#697d70;font-size:14px;font-weight:400}.banner-values details[open] b{rotate:45deg}.banner-values details>p{font-size:11px;line-height:1.8;color:#536559;margin:10px 0 0}.lab{padding:70px 6% 65px}.lab-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.lab-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:14px;color:#67767d}.lab-heading h2{font-size:58px}.lab-heading h2 em{color:#54718a}.shuffle{background:transparent;border:1px solid #aebbbf;border-radius:30px;font-size:11px;padding:11px 18px;display:flex;align-items:center;gap:20px;margin-bottom:4px;transition:background .2s}.shuffle:hover{background:#e8eceb}.shuffle span{font-size:21px;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.idea-card{background:var(--card-bg);padding:0;border:1px solid #d2d9d8;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .3s,box-shadow .3s}.idea-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #273e4b12}.card-art{height:215px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#ffffff66,transparent 70%)}.card-art:before{content:'';position:absolute;width:165px;height:165px;border:1px solid #ffffff66;border-radius:50%}.card-art:after{content:'';position:absolute;width:200px;height:110px;border:1px solid #ffffff55;border-radius:50%;rotate:-25deg}.card-art svg{width:142px;height:142px;filter:drop-shadow(6px 10px 6px #23364116);position:relative;z-index:1;transition:transform .4s}.idea-card:hover svg{transform:translateY(-5px) rotate(4deg)}.card-number{position:absolute;top:16px;left:19px;font-size:7px;letter-spacing:1.4px;color:#536763}.card-copy{padding:23px 24px;background:#fcfbf6;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #d6ddda;flex:1;min-height:120px}.card-copy h3{font:400 25px/1.15 var(--serif);letter-spacing:-.6px;margin:0;max-width:220px}.card-copy>span{font-size:21px;color:#607783}.small-note{font-size:10px;line-height:1.8;color:#707d81;text-align:center;margin:25px 0 0}.mixer{background:#e8edf1;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:55px 8%;align-items:center;border-top:1px solid #d3dde3;border-bottom:1px solid #d3dde3}.mixer-title{display:flex;align-items:center;gap:30px}.mini-burst{font:70px var(--serif);color:#7591a6}.mixer h2{font-size:40px}.mixer .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:14px;color:#657e90}.machine{text-align:center}.machine-window{display:flex;align-items:center;justify-content:center;gap:25px;padding:25px 15px;border:1px solid #acbdc9;border-radius:4px;background:#f7f8f7;color:#2b4b63;font-size:14px;font-weight:500;letter-spacing:1.3px;min-height:80px}.machine-window b{font:25px var(--serif);color:#91a3ae}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#223d50;color:#f7f5ef;border:0;border-radius:3px;padding:16px 22px;font-size:11px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#355b73}.button span{font-size:20px;line-height:1}.machine .button{margin-top:18px;padding:12px 20px}.machine>p{font-size:11px;color:#637988;line-height:1.7;margin:16px 0 0;min-height:38px}.end-panel{padding:64px 6%;text-align:center}.end-panel>p{font-size:8px;letter-spacing:1.8px;color:#718188;margin-bottom:22px}.end-panel h2{font-size:55px}.end-panel h2 em{color:#5a778b}.end-panel .button{margin-top:27px}footer{margin:0 6%;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer .logo{width:175px}footer>p{font-size:10px;color:#65767b;margin:0}footer>details{font-size:11px;color:#5f7079}footer summary{padding:15px 0}footer summary span{margin-left:12px}footer details[open]{width:100%;order:3;border-top:1px solid var(--line)}footer details p{max-width:760px;font-size:12px;line-height:1.8}dialog{background:var(--paper);border:1px solid #d3dbdc;border-radius:8px;max-width:590px;width:calc(100% - 30px);max-height:88vh;padding:43px;color:var(--ink);box-shadow:0 30px 100px #102c4b40}dialog::backdrop{background:#142e47aa;backdrop-filter:blur(6px)}dialog h2{font-size:37px;margin-bottom:22px}dialog p{font-size:13px;line-height:1.8}dialog h3{font-size:13px;font-weight:600;margin:24px 0 10px}dialog .eyebrow{font-size:8px;color:#6e8593;padding-right:25px}#close-dialog{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:29px;width:35px;height:35px;color:#586e7b}.safety{font-size:11px!important;border-top:1px solid var(--line);padding-top:16px;color:#71818a}.rolling{animation:mix-roll .35s ease-out}body.still *,body.still *:before,body.still *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.still{scroll-behavior:auto}.still .idea-card:hover{transform:none}@keyframes diagram-discover{50%{filter:brightness(1.3);transform:translateX(9%) translateY(-3px)}}@keyframes mix-roll{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.blueprint{height:570px}.blueprint-copy{top:145px}.blueprint-art{object-fit:contain;transform:translateX(11%)}.title-row{padding-top:55px;padding-bottom:50px}}
@media(max-width:1050px){.title-row{padding-top:38px;padding-bottom:35px}h1{font-size:54px}.blueprint{height:455px}.blueprint-art{transform:translateX(13%);width:115%;left:-3%}.blueprint-copy{top:110px;width:34%}.blueprint-copy h2{font-size:33px}.blueprint-copy>p:not(.eyebrow){font-size:10px}.see-banner{gap:3%;padding-left:5%;padding-right:5%}.banner-title{min-width:195px}.banner-title h2{font-size:26px}.banner-values{gap:18px}.banner-values details{padding-left:15px}.banner-values summary{gap:8px}.banner-values summary>span:nth-child(2){font-size:18px}.value-symbol{font-size:20px}.banner-values small{font-size:8px}.card-art{height:185px}.card-copy{padding:20px;min-height:120px}.card-copy h3{font-size:23px}.mixer{gap:7%;padding-left:6%;padding-right:6%}.mixer h2{font-size:35px}}
@media(max-width:760px){header{height:83px}.logo{width:190px}nav{gap:18px;font-size:10px}.title-row{display:block;padding:30px 6% 29px}.title-row .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:17px}h1{font-size:clamp(37px,6.4vw,52px);letter-spacing:-1.8px}.title-aside{border:0;padding:0;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:22px}.title-aside>p{font-size:10px;margin:0}.text-link{font-size:10px;gap:20px;padding-bottom:6px;white-space:nowrap}.blueprint{height:580px}.blueprint-copy{top:66px;left:6%;width:75%;max-width:none}.blueprint-copy h2{font-size:32px;line-height:1.08;margin-bottom:10px}.blueprint-copy h2 br{display:none}.blueprint-copy>p:not(.eyebrow){font-size:10px;line-height:1.6}.blueprint-copy .eyebrow{font-size:7px;margin-bottom:11px}.blueprint-copy>p br{display:none}.blueprint-play{position:absolute;top:122px;left:0;font-size:9px;gap:8px;z-index:3}.play-icon{height:24px;width:24px}.diagram-response{position:absolute;top:120px;left:160px;max-width:210px;min-width:150px;font-size:8px!important;margin-top:2px!important}.blueprint-art{height:360px;width:870px;max-width:none;left:50%;top:205px;transform:translateX(-57%);object-fit:contain}.blueprint-header{font-size:6px;letter-spacing:.8px;top:15px;left:6%;right:6%}.blueprint-header>span:last-child{max-width:155px;text-align:right}.blueprint-bottom{font-size:5px;letter-spacing:.6px;left:6%;right:6%;bottom:11px}.blueprint-bottom b{font-size:12px;margin-left:6px}.see-banner{display:block;padding:25px 6% 20px}.banner-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.banner-title h2{font-size:27px}.banner-title .eyebrow{font-size:6px;max-width:90px;letter-spacing:1.1px;line-height:1.6;margin:0}.banner-values{gap:14px}.banner-values details{padding-left:12px;position:relative}.banner-values details:first-child{padding-left:0;border:0}.banner-values summary{display:block;min-height:75px}.value-symbol{display:block;font-size:22px;margin-bottom:8px}.banner-values summary>span:nth-child(2){font-size:17px}.banner-values small{font-size:8px;line-height:1.5;white-space:normal;max-width:90px;margin-top:7px}.banner-values summary b{position:absolute;right:0;top:7px;font-size:11px}.banner-values details>p{font-size:10px;line-height:1.7}.lab{padding:40px 6%}.lab-heading{margin-bottom:25px;gap:15px}.lab-heading .eyebrow{font-size:7px;margin-bottom:10px;letter-spacing:1px}.lab-heading h2{font-size:45px;letter-spacing:-2px}.shuffle{font-size:10px;gap:10px;padding:10px 12px;min-height:42px;margin-bottom:3px;white-space:nowrap}.shuffle span{font-size:18px}.cards{grid-template-columns:1fr;gap:18px}.idea-card{display:grid;grid-template-columns:40% 60%;min-height:160px}.card-art{height:100%;min-height:160px}.card-art svg{width:112px;height:112px}.card-art:before{width:125px;height:125px}.card-art:after{width:145px;height:90px}.card-number{left:11px;top:12px;font-size:6px}.card-copy{border-top:0;border-left:1px solid #d6ddda;padding:17px;min-height:160px}.card-copy h3{font-size:24px;line-height:1.15;max-width:160px}.card-copy>span{font-size:19px}.small-note{font-size:10px;max-width:260px;margin:22px auto 0}.mixer{grid-template-columns:1fr;gap:26px;padding:34px 6%}.mixer-title{gap:23px}.mini-burst{font-size:58px}.mixer h2{font-size:34px}.mixer .eyebrow{font-size:7px;margin-bottom:10px}.machine-window{padding:21px 10px;gap:18px;font-size:13px;min-height:75px}.machine .button{min-height:44px}.machine>p{min-height:0;font-size:10px;margin-top:17px}.end-panel{padding:42px 6% 45px}.end-panel h2{font-size:43px}.end-panel>p{font-size:7px;letter-spacing:1px}.end-panel .button{margin-top:23px;min-height:46px}footer{padding:20px 0;gap:20px}footer .logo{width:160px}footer>p{font-size:9px;max-width:130px;line-height:1.7}footer>details{border-top:1px solid var(--line);width:100%}footer details p{font-size:11px}dialog{padding:40px 24px 26px}dialog h2{font-size:32px}dialog p{font-size:12px}@keyframes diagram-discover{50%{filter:brightness(1.3);transform:translateX(-57%) translateY(-3px)}}}
@media(max-width:380px){header .logo{width:165px}nav>a{display:none}.blueprint-copy h2{font-size:29px}.diagram-response{left:145px;min-width:135px}.banner-title h2{font-size:25px}.banner-values summary>span:nth-child(2){font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.idea-card:hover{transform:none}}
@media(min-width:761px){.blueprint-art{width:90%;left:10%;transform:none;object-fit:contain}.flowing .blueprint-art{animation:none}}
.flowing .water-path{animation:water-flow 2s linear 3}.water-path{stroke-dasharray:5 7}@keyframes water-flow{to{stroke-dashoffset:-72}}
.motion{white-space:nowrap}
@media(max-width:760px){nav>a{display:none}.blueprint-copy h2 br{display:block}.blueprint-art{width:650px;height:300px;top:230px;left:50%;transform:translateX(-58%)}.flowing .blueprint-art{animation:none}.blueprint-copy>p:not(.eyebrow){max-width:310px}.blueprint-copy{width:88%}}
/* Milo’s chosen off-black: sampled from his colour reference. */
:root{color-scheme:dark;--paper:#181818;--ink:#eeeae0;--muted:#a7acaf;--line:#383c3d;--blue:#8eb2cf}
header{background:#181818}.motion{border-color:#666c6e;color:#ccd0d0}nav>a:hover{color:#b7d1e3}h1 em,.lab-heading h2 em,.end-panel h2 em{color:#a9becb}.title-aside>p{color:#b2b8ba}.text-link{border-color:#727f86}.blueprint{background:#181818;border-top:1px solid #343b40;border-bottom:1px solid #343b40}.blueprint:before{background-image:linear-gradient(#a3c9f007 1px,transparent 1px),linear-gradient(90deg,#a3c9f007 1px,transparent 1px)}.blueprint-header,.blueprint-bottom{color:#9fb5c4}.blueprint-copy h2{color:#eeeae0}.blueprint-copy h2 em{color:#bed1dc}.blueprint-copy>p:not(.eyebrow){color:#b6c5cf}.blueprint-copy .eyebrow{color:#d9b690}.diagram-response{color:#a5b7c3!important}.blueprint-play{color:#d7e3e9;border-color:#657b8b}.see-banner{background:#202422;border-color:#3b433e}.banner-title .eyebrow{color:#b0bdb4}.banner-title em{color:#b8c9b8}.banner-values details{border-color:#414d45}.banner-values small,.banner-values details>p{color:#b6c4ba}.banner-values summary b,.value-symbol{color:#b6c9b8}.lab-heading .eyebrow{color:#a4b2ba}.shuffle{border-color:#68767d;color:#dce3e6}.shuffle:hover{background:#293135}.idea-card{border-color:#444b4c}.idea-card:hover{box-shadow:0 18px 34px #0004}.card-art{background:radial-gradient(ellipse,#ffffff08,transparent 70%)}.card-art:before,.card-art:after{border-color:#dbe9ef18}.card-number{color:#b0c3bd}.card-copy{background:#222526;border-color:#414a4c}.card-copy>span{color:#b1c8d5}.small-note{color:#a3b0b6}.mixer{background:#1e272d;border-color:#374750}.mini-burst{color:#a1bed1}.mixer .eyebrow{color:#b3c7d4}.machine-window{background:#242f35;border-color:#506674;color:#d8e3e9}.machine-window b{color:#9bb1be}.machine>p{color:#b0c3cf}.button{background:#c0d2dc;color:#18252e}.button:hover{background:#dae6eb}.end-panel>p{color:#a8bac4}footer>p,footer>details{color:#afbfc5}dialog{border-color:#53616a;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080e13c9}dialog .eyebrow,#close-dialog{color:#bdcfda}.safety{color:#b5c4cd}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#afd6ef}
.blueprint:before{opacity:.35}.blueprint-art{opacity:.95}
/* Blue drawing paper inside Milo’s off-black page. */
.blueprint{background:#153f73;background-image:radial-gradient(ellipse at 62% 45%,#245589 0%,#173f70 62%,#14365f 100%);border-color:#406086}.blueprint:before{opacity:.65;background-image:linear-gradient(#c2dcf00a 1px,transparent 1px),linear-gradient(90deg,#c2dcf00a 1px,transparent 1px)}.blueprint-header,.blueprint-bottom{color:#bad0e1}.blueprint-copy h2{color:#f2eee3}.blueprint-copy h2 em{color:#d0e3ee}.blueprint-copy>p:not(.eyebrow){color:#d1dde5}.diagram-response{color:#bbd0df!important}.blueprint-play{color:#edf3f7;border-color:#8baec7}.blueprint-art{opacity:1}
/* The club identity leads the opening. */
.title-row.brand-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:36px 6% 38px}.brand-intro h1{margin:0;width:min(580px,75%);font-size:inherit;line-height:1;letter-spacing:0}.hero-logo{display:block;width:100%;height:auto}.brand-tagline{font:400 37px/1.15 var(--serif);letter-spacing:-1px;color:#eeeae0;margin:14px 0 19px}.brand-tagline em{font-weight:400;color:#a9becb}.brand-pillars{display:flex;align-items:center;justify-content:center;gap:19px;font-size:9px;font-weight:500;letter-spacing:2.3px;text-transform:uppercase;color:#bdc9c7;margin:0}.brand-pillars i{font-size:7px;font-style:normal;color:#bd926a}
@media(max-width:760px){.title-row.brand-intro{padding:27px 6% 31px}.brand-intro h1{width:min(440px,100%)}.brand-tagline{font-size:30px;margin:13px 0 18px}.brand-pillars{gap:10px;font-size:7px;letter-spacing:1.2px}}
/* One identity, one type family, a shared rhythm. */
:root{--serif:'Manrope',Arial,sans-serif;--accent:#f39a48;--motion-x:0px}body{font-family:Manrope,Arial,sans-serif;font-weight:400;padding-top:76px}h1,h2,h3,.card-copy h3,.machine-window,.letter,.brand-tagline,.banner-values summary>span:nth-child(2){font-family:Manrope,Arial,sans-serif}h2,.blueprint-copy h2,.lab-heading h2,.end-panel h2,.mixer h2{font-family:Manrope,Arial,sans-serif;font-weight:200;letter-spacing:-2.4px}h2 em,h1 em,.blueprint-copy h2 em,.lab-heading h2 em,.end-panel h2 em{font-family:inherit;font-style:normal;font-weight:600;color:#e5edf0}p{font-weight:400}.eyebrow{font-weight:600;font-size:9px}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;padding:0 5.5%;border-bottom:1px solid transparent;background:#18181808;transition:background .3s,border-color .3s;backdrop-filter:blur(14px)}body.scrolled .site-header{background:#181818eb;border-color:#ffffff14}.logo-dock{width:190px;height:46px;display:flex;align-items:center}.logo-dock>span{font-size:8px;letter-spacing:1.5px;color:#96a6af;opacity:var(--context-opacity,1)}nav{font-weight:500;font-size:11px;gap:30px}.motion{font-family:inherit;font-size:9px;letter-spacing:.1px}.title-row.brand-intro{padding:52px 6% 59px;min-height:350px;position:relative}.brand-intro h1.logo-stage{display:block;width:min(700px,78%);aspect-ratio:4/1;line-height:1;position:relative;margin:0}.hero-logo{width:100%;height:100%;display:block}#morph-logo{display:block;width:100%;height:100%}.motion-ready #morph-logo{position:fixed;top:0;left:0;width:var(--logo-base);height:auto;aspect-ratio:4/1;z-index:80;transform:translate3d(var(--logo-x),var(--logo-y),0) scale(var(--logo-scale));transform-origin:0 0;will-change:transform}.brand-tagline{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.8vw,51px);font-weight:200;letter-spacing:-2px;line-height:1.15;margin:22px 0 24px;transform:translate3d(0,var(--tagline-y,0px),0);opacity:var(--tagline-opacity,1)}.brand-tagline em{font-weight:600;font-style:normal;color:#e7edf0}.brand-pillars{font-weight:500;font-size:9px;letter-spacing:2.5px;gap:23px;transform:translate3d(0,var(--pillars-y,0px),0);opacity:var(--tagline-opacity,1)}.brand-pillars i{color:var(--accent)}.blueprint{height:610px;border-top:1px solid #6a92ba33;border-bottom:1px solid #6a92ba33}.blueprint:before{transform:translate3d(var(--grid-x,0px),0,0);inset:-50px;will-change:transform}.blueprint-copy{top:160px;transform:translate3d(0,var(--copy-y,0px),0);width:30%}.blueprint-copy h2{font-size:40px;letter-spacing:-1.9px;line-height:1.15}.blueprint-copy>p:not(.eyebrow){font-family:Manrope,Arial,sans-serif;font-size:11px;line-height:1.9}.blueprint-art{transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-rotate,0deg)) scale(var(--art-scale,1))!important;transform-origin:65% 50%;will-change:transform}.blueprint-art .sketch-note{transform:translateY(var(--note-y,0px))}.blueprint-header,.blueprint-bottom{font-family:Manrope,Arial,sans-serif;font-size:7px;font-weight:500;letter-spacing:1.5px}.blueprint-play{font-family:Manrope,Arial,sans-serif;font-size:10px}.see-banner{padding-top:39px;padding-bottom:39px;position:relative;z-index:2;background:#202727}.banner-title h2{font:300 29px/1.2 Manrope,Arial,sans-serif;letter-spacing:-1.3px}.banner-title h2 em{font-weight:600;font-style:normal;color:#d3dfdc}.banner-values summary>span:nth-child(2){font-weight:500;font-size:17px;letter-spacing:-.5px}.banner-values small{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:10px}.banner-values details>p{font-weight:300}.value-symbol{font-family:Manrope,Arial,sans-serif;font-weight:200}.lab{padding:105px 6% 95px;position:relative;isolation:isolate}.lab:before,.lab:after{content:'';position:absolute;pointer-events:none;z-index:-1;border:1px solid #829eaf16;border-radius:14px;width:310px;height:410px;top:40px;right:-80px;transform:translate3d(0,var(--frame-y,0px),0) rotate(var(--frame-rotate,15deg))}.lab:after{top:190px;right:90px;opacity:.5}.lab-heading{margin-bottom:43px;position:relative;transform:translate3d(var(--heading-x,0px),0,0)}.lab-heading h2{font-size:clamp(45px,6.6vw,87px);line-height:1.1}.lab-heading h2 em{color:#e9ece6;font-weight:600}.lab-heading .eyebrow{color:#f2ac70;font-size:8px;font-weight:600;letter-spacing:2px}.cards{gap:26px;perspective:1500px}.idea-card{border:1px solid #52667455;border-radius:17px;background:#222c33;transform:translate3d(0,var(--card-y,0px),0) rotate(var(--card-rotate,0deg)) scale(var(--card-scale,1));will-change:transform;transition:box-shadow .25s,border-color .25s;transform-origin:50% 70%}.idea-card:hover{transform:translate3d(0,calc(var(--card-y,0px) - 8px),0) rotate(var(--card-rotate,0deg)) scale(var(--card-scale,1));border-color:#91abbc;box-shadow:0 20px 40px #0004}.card-art{height:235px;background:radial-gradient(ellipse at 50% 50%,#54718118,transparent 70%)}.card-art:before{width:185px;height:185px;border-color:#bdd0df14}.card-art:after{width:230px;height:120px;border-color:#bdd0df14}.card-art svg{transform:translate3d(0,var(--icon-y,0px),0) rotate(var(--icon-rotate,0deg));will-change:transform}.idea-card:hover svg{transform:translate3d(0,calc(var(--icon-y,0px) - 6px),0) rotate(calc(var(--icon-rotate,0deg) + 5deg))}.card-number{color:#aebec6;font-size:7px;font-weight:600}.card-copy{background:#1f2529;border-color:#465b682e;padding:27px;min-height:141px;gap:18px}.card-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:26px;line-height:1.18;letter-spacing:-.9px}.card-copy>span{color:#eaa66b}.small-note{font-size:11px;font-weight:300;color:#acb9bf;margin-top:34px}.shuffle{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:500;min-height:44px;border-color:#687b88;background:#181818}.mixer{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:70px 8%;background:#202d36;gap:9%}.mixer:before{content:'what if?';position:absolute;z-index:-1;left:-25px;bottom:-55px;white-space:nowrap;font:200 clamp(100px,17vw,260px)/1 Manrope,Arial,sans-serif;letter-spacing:-14px;color:#8aacbf0a;transform:translate3d(var(--mixer-x,0px),0,0)}.mixer h2{font-size:43px;line-height:1.12}.mixer .eyebrow{font-size:8px;font-weight:600;color:#e9ad7b}.mini-burst{font-family:Manrope,Arial,sans-serif;font-weight:200;color:#aec5d4;display:block;transform:rotate(var(--burst-rotate,0deg));will-change:transform}.machine{transform:translate3d(0,var(--machine-y,0px),0)}.machine-window{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:1px;border-radius:13px;background:#263640;border-color:#6b879955;padding:27px 15px}.machine-window b{font-family:Manrope,Arial,sans-serif;font-weight:200}.button{font-family:Manrope,Arial,sans-serif;font-weight:600;border-radius:25px;font-size:11px;padding:15px 23px;min-height:45px;background:#d5e0e7}.machine .button{min-height:44px}.machine>p{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:300}.end-panel{padding:95px 6%;position:relative;overflow:hidden}.end-panel h2{font-size:clamp(42px,6vw,77px);line-height:1.13;transform:translate3d(0,var(--end-y,0px),0)}.end-panel h2 em{font-style:normal;font-weight:600}.end-panel .button{margin-top:34px}.footer-name{font:600 17px Manrope,Arial,sans-serif;letter-spacing:-.7px}.footer-name>span{display:block;font-size:9px;font-weight:300;letter-spacing:.7px;margin-top:5px;color:#93a6b1}footer p,footer details{font-family:Manrope,Arial,sans-serif}dialog{border-radius:19px;background:#1d2327}dialog h2{font:300 35px/1.13 Manrope,Arial,sans-serif;letter-spacing:-1.2px}dialog h3{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:12px}dialog p{font-family:Manrope,Arial,sans-serif;font-weight:300}.still .blueprint-art,.still .blueprint-copy,.still .blueprint:before,.still .lab-heading,.still .card-art svg,.still .machine,.still .end-panel h2{transform:none!important}.still .idea-card{transform:none!important}.still .lab:before,.still .lab:after{transform:rotate(15deg)!important}
@media(max-width:1050px){.blueprint-copy h2{font-size:34px}.card-copy h3{font-size:23px}.mixer h2{font-size:37px}.banner-title{min-width:190px}.banner-values summary>span:nth-child(2){font-size:16px}.banner-values small{font-size:9px}}
@media(max-width:760px){body{padding-top:66px}.site-header{height:66px;padding:0 6%}.logo-dock{width:155px;height:39px}.logo-dock>span{font-size:6px;letter-spacing:1.1px}nav{gap:12px}nav>a{display:none}.motion{font-size:8px;padding:9px 10px}.title-row.brand-intro{padding:42px 6% 52px;min-height:270px}.brand-intro h1.logo-stage{width:100%;aspect-ratio:4/1}.brand-tagline{font-size:34px;letter-spacing:-1.2px;margin:28px 0 20px}.brand-pillars{font-size:7px;letter-spacing:1.3px;gap:12px}.blueprint{height:610px}.blueprint-copy{top:65px;width:88%;transform:translate3d(0,var(--copy-y,0px),0)}.blueprint-copy h2{font-size:32px;letter-spacing:-1.2px;margin-bottom:12px;line-height:1.1}.blueprint-copy>p:not(.eyebrow){font-size:10px;line-height:1.7}.blueprint-art{width:650px;left:50%;top:250px;height:300px;transform:translate3d(-58%,var(--art-y,0px),0) rotate(var(--art-rotate,0deg)) scale(var(--art-scale,1))!important;transform-origin:55% 50%}.blueprint-play{font-size:9px}.diagram-response{max-width:170px!important}.blueprint-header,.blueprint-bottom{font-size:5px}.see-banner{padding:29px 6% 25px}.banner-title h2{font-size:25px;letter-spacing:-1.2px}.banner-values summary>span:nth-child(2){font-size:15px;letter-spacing:-.5px}.banner-values small{font-size:8px}.banner-title .eyebrow{font-size:6px}.lab{padding:63px 6%}.lab-heading{margin-bottom:30px}.lab-heading h2{font-size:46px;letter-spacing:-2px}.cards{gap:23px}.idea-card{grid-template-columns:41% 59%;border-radius:13px}.card-art{height:100%;min-height:175px}.card-art:before{width:130px;height:130px}.card-art:after{width:165px;height:90px}.card-art svg{width:112px;height:112px}.card-copy{padding:19px 15px;min-height:175px}.card-copy h3{font-size:23px;letter-spacing:-.8px;max-width:150px}.card-number{font-size:6px}.small-note{font-size:10px;margin-top:27px}.shuffle{font-size:10px;gap:10px;padding:10px 12px}.mixer{padding:48px 6%;min-height:0;gap:30px}.mixer h2{font-size:36px}.mixer-title{gap:20px}.mini-burst{font-size:60px}.machine-window{font-size:12px;padding:22px 10px;gap:15px}.mixer:before{font-size:160px;bottom:-15px;letter-spacing:-10px}.end-panel{padding:65px 6%}.end-panel h2{font-size:45px;letter-spacing:-2px}.still .blueprint-art{transform:translateX(-58%)!important}}
@media(prefers-reduced-motion:reduce){.blueprint-copy,.blueprint:before,.lab-heading,.idea-card,.card-art svg,.machine,.end-panel h2{transform:none!important}.blueprint-art{transform:none!important}.lab:before,.lab:after{transform:rotate(15deg)!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.blueprint-art{transform:translateX(-58%)!important}}
.site-header:after{content:'';position:absolute;left:0;top:0;height:2px;width:calc(var(--page-progress,0) * 100%);background:#f39a48;opacity:.7}.blueprint-art [aria-label]{transform:translateY(var(--note-y,0px))}.still .blueprint-art [aria-label]{transform:none!important}
@media(max-width:760px){.blueprint-play{top:155px}.diagram-response{top:153px}.blueprint-art{top:280px}}
/* SEE: an automatically advancing ribbon, with a soft overshoot. */
.see-banner{align-items:center;gap:7%;padding:38px 8%}.banner-title{min-width:260px}.banner-title h2{font-size:33px}.values-carousel{min-width:0;flex:1;max-width:680px;border-left:1px solid #859d912b;padding-left:42px}.values-window{overflow:hidden}.banner-values.values-track{display:flex;grid-template-columns:none;gap:0;transform:translate3d(0,0,0);transition:transform 850ms cubic-bezier(.28,.75,.28,1.12);align-items:start;will-change:transform}.values-track>details{flex:0 0 100%;width:100%;border:0;padding:0 12px 0 0;min-width:0;position:relative}.values-track>details:first-child{padding:0 12px 0 0}.values-track summary{display:flex;align-items:center;gap:22px;min-height:95px;padding:8px 0}.values-track .value-symbol{display:block;font:200 48px/1 Manrope,Arial,sans-serif;width:55px;text-align:center;margin:0;color:#bcd2c8}.values-track summary>span:nth-child(2){font:400 29px/1.2 Manrope,Arial,sans-serif;letter-spacing:-1px}.values-track small{font:300 12px/1.6 Manrope,Arial,sans-serif;white-space:normal;max-width:none;margin-top:10px;color:#b6c7bf}.values-track summary b{position:static;font-weight:300;font-size:18px;top:auto;right:auto;margin-left:auto;padding:12px}.values-track details>p{font:300 12px/1.8 Manrope,Arial,sans-serif;margin:8px 0 10px 77px;max-width:400px;min-height:0}.values-controls{display:flex;align-items:center;gap:12px;margin:12px 0 0 77px}.values-dots{display:flex;gap:8px;margin-right:10px}.values-dots button{border:0;background:transparent;width:25px;height:30px;padding:0;position:relative}.values-dots button:after{content:'';height:3px;width:22px;position:absolute;top:14px;left:1px;border-radius:3px;background:#61746b;transition:background .3s}.values-dots button.selected:after{background:#e7c19a}.values-count{font:500 8px Manrope,Arial,sans-serif;letter-spacing:1px;color:#9aafa3;margin-right:auto}.values-controls>button{background:transparent;border:1px solid #68807155;color:#c7d8ce;min-width:34px;height:34px;border-radius:50%;font:300 16px/1 Manrope,Arial,sans-serif;padding:0}.values-controls>button:hover{background:#b4d1bf14}.values-track.no-transition{transition:none!important}.still .values-track{transition:none!important}
@media(max-width:1050px){.see-banner{gap:5%;padding-left:6%;padding-right:6%}.banner-title{min-width:220px}.values-carousel{padding-left:30px}.values-track summary>span:nth-child(2){font-size:26px}}
@media(max-width:760px){.see-banner{display:block;padding:30px 6% 27px}.banner-title{display:flex;align-items:center;justify-content:space-between;min-width:0;margin-bottom:22px}.banner-title h2{font-size:26px}.banner-title .eyebrow{max-width:90px}.values-carousel{border-left:0;border-top:1px solid #859d912b;padding:16px 0 0;max-width:none}.values-track summary{min-height:100px;gap:19px;padding:10px 0}.values-track .value-symbol{width:49px;font-size:44px}.values-track summary>span:nth-child(2){font-size:27px;letter-spacing:-.8px}.values-track small{font-size:11px;margin-top:9px}.values-track summary b{font-size:18px;padding:9px}.values-track details>p{font-size:12px;margin:5px 12px 15px 68px}.values-controls{margin:12px 0 0 68px;gap:7px}.values-dots{gap:4px;margin-right:2px}.values-dots button{width:22px}.values-dots button:after{width:18px}.values-controls>button{min-width:33px;height:33px}.values-count{font-size:7px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.values-track{transition:none!important}}
html{scroll-padding-top:100px}@media(max-width:760px){html{scroll-padding-top:84px}}
/* A fuller opening, with curiosity beside the identity. */
.title-row.brand-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:9%;align-items:center;text-align:left;min-height:410px;padding:54px 7% 60px}.identity-block{min-width:0;text-align:center}.brand-intro h1.logo-stage{width:100%;max-width:none}.brand-tagline{font-size:clamp(29px,3vw,43px);margin:24px 0 22px}.brand-pillars{font-size:8px;gap:15px;letter-spacing:1.8px}.curiosity-copy{min-width:0;padding-left:8%;border-left:1px solid #6d85912b;transform:translate3d(0,var(--tagline-y,0px),0);opacity:var(--tagline-opacity,1)}.curiosity-copy .eyebrow{font-size:7px;letter-spacing:1.5px;color:#d0a17b;margin-bottom:20px}.curiosity-copy h2{font:200 clamp(32px,3.8vw,52px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-2px;max-width:450px}.curiosity-copy h2 em{font-weight:500;display:inline-block;color:#c2d4df}.curiosity-copy>p:last-child{font-size:11px;font-weight:300;line-height:1.9;color:#aabdc7;margin:23px 0 0}.blueprint-art [aria-label]{transform:none}.still .curiosity-copy{transform:none!important}
@media(max-width:1050px) and (min-width:761px){.title-row.brand-intro{gap:6%;padding-left:6%;padding-right:6%}.brand-pillars{font-size:7px;gap:10px;letter-spacing:1.3px}.curiosity-copy h2{font-size:38px;letter-spacing:-1.5px}}
@media(max-width:760px){.title-row.brand-intro{display:block;text-align:center;padding:36px 6% 43px;min-height:0}.brand-tagline{font-size:32px;margin:24px 0 21px}.brand-pillars{font-size:7px;gap:12px;letter-spacing:1.3px}.curiosity-copy{border-left:0;border-top:1px solid #6d85912b;margin-top:34px;padding:27px 4% 0;text-align:left}.curiosity-copy .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:15px}.curiosity-copy h2{font-size:36px;letter-spacing:-1.5px;line-height:1.14;max-width:340px}.curiosity-copy>p:last-child{font-size:10px;margin-top:16px}.curiosity-copy>p:last-child br{display:none}}
@media(prefers-reduced-motion:reduce){.curiosity-copy{transform:none!important}}
.brand-tagline,.brand-pillars,.curiosity-copy{transition:opacity 100ms linear}
/* The values remain visible beside their rotating detail. */
.title-row.brand-intro{min-height:360px}.banner-title{min-width:285px}.permanent-pillars{display:flex;align-items:center;gap:12px;list-style:none;margin:22px 0 0;padding:0;color:#c0d0c7;font:500 9px/1.7 Manrope,Arial,sans-serif;letter-spacing:.8px}.permanent-pillars li{white-space:nowrap}.permanent-pillars li+li:before{content:'•';color:#e2ac7c;font-size:7px;margin-right:12px}.see-banner .banner-title{padding-top:0}
@media(max-width:1050px) and (min-width:761px){.banner-title{min-width:260px}.permanent-pillars{font-size:8px;gap:9px;letter-spacing:.6px}.permanent-pillars li+li:before{margin-right:9px}}
@media(max-width:760px){.title-row.brand-intro{min-height:0}.banner-title{min-width:0;display:grid;grid-template-columns:90px 1fr;column-gap:12px;row-gap:0;align-items:center}.banner-title h2{text-align:right;font-size:26px}.permanent-pillars{grid-column:1/-1;margin-top:23px;padding-top:17px;border-top:1px solid #859d912b;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.65px}.permanent-pillars li+li:before{margin-right:10px}.values-carousel{border-top:0;padding-top:6px}}
@media(max-width:380px){.permanent-pillars{font-size:8px;letter-spacing:.45px;gap:6px}.permanent-pillars li+li:before{margin-right:8px}}
/* Heading and value names share the same exact typographic measure. */
.principles-lockup{display:inline-block;position:relative;max-width:100%;padding-bottom:38px}.principles-lockup h2{display:block;width:max-content;max-width:100%;white-space:nowrap}.principles-lockup .permanent-pillars{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;width:100%;gap:0;margin:0;padding:0;border:0;font-size:9px;letter-spacing:.4px}.principles-lockup .permanent-pillars li+li:before{display:none}.principles-lockup .permanent-pillars li:last-child{margin-right:-.4px}
@media(max-width:760px){.see-banner .banner-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.principles-lockup{padding-bottom:32px;flex-shrink:0}.principles-lockup h2{text-align:left;font-size:26px}.principles-lockup .permanent-pillars{font-size:8px;letter-spacing:0}.principles-lockup .permanent-pillars li:last-child{margin-right:0}.banner-title .eyebrow{flex:0 1 90px}}
@media(max-width:380px){.principles-lockup h2{font-size:25px}.principles-lockup .permanent-pillars{font-size:7.5px}}
.principles-lockup .permanent-pillars{display:grid;grid-template-columns:max-content 1fr max-content 1fr max-content}.principles-lockup .permanent-pillars li{grid-row:1}.principles-lockup .permanent-pillars li:nth-child(1){grid-column:1}.principles-lockup .permanent-pillars li:nth-child(2){grid-column:3}.principles-lockup .permanent-pillars li:nth-child(3){grid-column:5}.principles-lockup .permanent-pillars:before,.principles-lockup .permanent-pillars:after{content:'•';grid-row:1;justify-self:center;color:#f39a48;font-size:8px;line-height:1}.principles-lockup .permanent-pillars:before{grid-column:2}.principles-lockup .permanent-pillars:after{grid-column:4}