*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;padding-bottom:42px;background:var(--paper);color:var(--ink);font:16px/1.5 "Manrope",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.02;letter-spacing:-.055em}p{max-width:52ch}button{border:0;background:none}img{display:block;max-width:100%}small{font-size:.6em}figure{margin:0}.mono,.eyebrow{font:11px/1.45 "IBM Plex Mono",monospace;letter-spacing:.015em}.eyebrow{text-transform:uppercase;display:block}.small{font-size:12px;line-height:1.6;opacity:.8}.skip{position:fixed;top:-80px;left:15px;z-index:100;padding:12px;background:white;color:black}.skip:focus{top:10px}.logo,.giant-logo{display:block;background:currentColor;mask:var(--wordmark) center/contain no-repeat;-webkit-mask:var(--wordmark) center/contain no-repeat;width:150px;height:45px}.site-nav{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;gap:30px}.site-nav nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-cta{display:inline-flex;align-items:center;gap:28px;border:1px solid currentColor;padding:13px 18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--paper);padding:17px 23px;font-size:13px;line-height:1.4;min-height:53px;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button,.nav-cta{transition:transform .2s,background .2s}.text-button{padding:0 0 4px;border-bottom:1px solid currentColor;font-size:13px}.action-note{display:block;font-size:11px;line-height:1.5;margin-top:10px;max-width:35ch;opacity:.7}
.fleet-figure{position:relative;min-width:0}.fleet-scene{position:relative;isolation:isolate;aspect-ratio:1200/760}.fleet-scene canvas,.art-fallback{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.fleet-scene canvas{opacity:0}.art-ready canvas{opacity:1}.art-ready .art-fallback{visibility:hidden}.fleet-figure figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px/1.4 "IBM Plex Mono",monospace}.fleet-figure figcaption button{font:inherit;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.site-footer{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr;align-items:start;gap:35px;padding:55px 40px 65px;border-top:1px solid currentColor;font-size:12px}.site-footer .logo{width:160px;height:45px}.contents{margin:0}.contents>div{border-top:1px solid currentColor;display:grid;grid-template-columns:1fr 1.5fr;padding:25px 0;gap:25px}.contents dt{font-size:20px;font-weight:500;line-height:1.15;letter-spacing:-.04em}.contents dd{margin:0;max-width:45ch;font-size:14px}.experiment-list>a{display:grid;grid-template-columns:50px 1.1fr 1fr 25px;gap:25px;border-top:1px solid currentColor;padding:32px 0;align-items:start}.experiment-list h3{font-size:28px;letter-spacing:-.04em}.experiment-list p{font-size:14px}.experiment-list .arrow{font-size:25px}.experiment-list>a:hover h3{text-decoration:underline;text-underline-offset:5px}.closing-offer{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;padding:110px 6vw}.closing-offer h2{font-size:clamp(55px,6.7vw,110px);margin:25px 0}.closing-offer p{font-size:16px;max-width:42ch}.purchase{align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.purchase strong{font-size:clamp(70px,7.5vw,120px);font-weight:500;letter-spacing:-.07em;line-height:1.15}.purchase>a:last-child{font-size:12px;text-decoration:underline;text-underline-offset:4px}
/* 01: Cobalt. A product object, oversized identity, then a contrasting inventory. */
.theme-cobalt{--paper:#173ef5;--ink:#f4f4d8}.theme-cobalt .site-nav{padding-bottom:16px}.theme-cobalt .nav-cta{background:#f4f4d8;color:#173ef5;border-color:#f4f4d8}.cobalt-hero{position:relative;min-height:850px;height:calc(100svh - 134px);max-height:1100px;overflow:hidden;padding:25px 40px 45px}.cobalt-intro{position:relative;z-index:3}.cobalt-intro h1{font:500 clamp(42px,4.1vw,68px)/1.02 "Archivo",sans-serif;letter-spacing:-.06em;margin-top:18px}.cobalt-ticket{position:absolute;top:30px;right:40px;z-index:4;width:235px;padding-left:20px;border-left:1px solid #ffffff70}.cobalt-ticket>span{font-size:12px;display:block;max-width:21ch}.cobalt-ticket>strong{display:block;font:500 35px/1.4 "Archivo";letter-spacing:-.045em;margin:10px 0}.cobalt-ticket .button{padding:13px 15px;min-height:45px;font-size:12px;width:100%}.cobalt-hero .fleet-figure{position:absolute;width:90%;left:5%;top:24%;bottom:22px;z-index:2}.cobalt-hero .fleet-scene{height:calc(100% - 135px);aspect-ratio:auto}.cobalt-hero figcaption{position:absolute;bottom:0;left:35%;right:0;padding:0;opacity:.8}.cobalt-masthead{position:absolute;left:2.5%;right:2.5%;bottom:67px;z-index:1}.cobalt-masthead .giant-logo{width:100%;height:auto;aspect-ratio:5.8}.hero-scroll{position:absolute;bottom:22px;left:40px;z-index:4}.cobalt-statement{--paper:#edf3c2;--ink:#173ef5;background:var(--paper);color:var(--ink);padding:95px 6vw 110px;display:grid;grid-template-columns:1.35fr 1fr;gap:25px 8vw}.cobalt-statement>.eyebrow{grid-column:1/-1}.cobalt-statement h2{font:500 clamp(55px,6.4vw,105px)/.99 "Archivo";letter-spacing:-.065em}.cobalt-statement h2 em{font-family:"Instrument Serif";font-weight:400}.cobalt-statement>div{align-self:end}.cobalt-statement p+p{margin-top:20px}.cobalt-statement .text-button{margin-top:30px}.cobalt-inventory{display:grid;grid-template-columns:1fr 1.2fr;background:#f5f4ec;color:#1d2f84;padding:110px 6vw;gap:9vw}.inventory-title h2{font-size:clamp(50px,6vw,90px);margin-top:30px}.cobalt-examples{padding:80px 6vw;background:#e0e8f9;color:#1c3074}.cobalt-examples>.eyebrow{margin-bottom:40px}.theme-cobalt .closing-offer{background:#173ef5}.theme-cobalt .site-footer{border-color:#ffffff50}
/* 02: Relay. Woven forms, large serif punctuation, dense warm colours. */
.theme-relay{--paper:#f5a6c5;--ink:#501227;font-family:"DM Sans",sans-serif}.theme-relay .site-nav{border-bottom:1px solid #50122770;margin:0 32px;padding:17px 0}.theme-relay .logo{width:155px;height:55px}.relay-hero{padding:32px 4vw 32px;overflow:hidden}.relay-title{display:grid;grid-template-columns:1fr 1fr;position:relative}.relay-title>.eyebrow{grid-column:1/-1;margin:5px 0 25px}.relay-title h1{font:400 clamp(110px,15vw,225px)/.75 "Instrument Serif";letter-spacing:-.055em;position:relative;z-index:2}.relay-title h1 em{padding-left:1.12em;white-space:nowrap}.relay-side{align-self:center;justify-self:end;margin-right:2vw;margin-top:20px;max-width:27ch;font-size:18px}.relay-side a{font-size:12px;display:inline-block;margin-top:30px;border-bottom:1px solid currentColor}.relay-hero .fleet-figure{margin-top:-40px}.relay-hero .fleet-scene{height:360px;aspect-ratio:auto}.relay-hero figcaption{padding:0 8px}.relay-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:25px;border-top:1px solid #50122780}.relay-bottom>span{font:400 28px "Instrument Serif"}.relay-explain{padding:110px 7vw;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#501227;color:#f7acc7}.relay-big-number{font:400 clamp(115px,20vw,300px)/.8 "Instrument Serif";letter-spacing:-.07em;align-self:center;transform:rotate(-8deg)}.relay-big-number span{display:block;font:11px "IBM Plex Mono";letter-spacing:0;text-align:center;margin:25px}.relay-explain h2{font:400 76px/.93 "Instrument Serif";letter-spacing:-.04em;margin:22px 0}.relay-explain p{max-width:40ch;font-size:16px;margin-top:20px}.relay-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;background:#f8e9c4;padding:0 4vw}.relay-steps article{border-left:1px solid #50122750;padding:55px 30px 70px}.relay-steps article:last-child{border-right:1px solid #50122750}.relay-steps article>span{font-size:11px;text-transform:uppercase}.relay-steps h3{font:400 56px/.95 "Instrument Serif";margin:35px 0 30px;letter-spacing:-.035em}.relay-steps p{font-size:14px;max-width:29ch}.relay-experiments{padding:95px 6vw;background:#dfd3ed}.relay-experiments>h2{font:400 clamp(60px,7vw,108px)/.95 "Instrument Serif";margin:30px 0 60px}.theme-relay .closing-offer{background:#f5a6c5}.theme-relay .closing-offer h2{font-family:"Instrument Serif";font-weight:400;letter-spacing:-.04em;font-size:105px}.theme-relay .purchase strong{font-family:"Instrument Serif";font-size:120px}.theme-relay .site-footer{background:#501227;color:#f5a6c5;border:0}
/* 03: Array. A side rail and a scale instrument. The grid is the content. */
.theme-array{--paper:#ebf46a;--ink:#1b1b18;font-family:"Space Grotesk",sans-serif;padding-left:84px}.theme-array .site-nav{position:fixed;left:0;top:0;bottom:42px;width:84px;border-right:1px solid currentColor;padding:22px 15px;display:flex;flex-direction:column;justify-content:flex-start;gap:48px;background:#ebf46a}.theme-array .site-nav .brand{height:145px;width:40px}.theme-array .site-nav .logo{width:144px;height:30px;transform:translate(-51px,55px) rotate(-90deg)}.theme-array .site-nav nav{flex-direction:column;gap:40px}.theme-array .site-nav nav>a{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.theme-array .nav-cta{border:0;background:#1b1b18;color:#ebf46a;padding:17px 11px}.array-hero{padding:28px 35px 22px}.array-kicker{display:flex;justify-content:space-between;gap:20px;font:11px "IBM Plex Mono";padding-bottom:25px;border-bottom:1px solid currentColor}.array-heading{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;padding:28px 0;gap:30px}.array-heading h1{font-size:clamp(120px,17.6vw,270px);font-weight:600;line-height:.74;letter-spacing:-.085em;display:flex;flex-direction:column}.array-heading h1 small{font-size:35px;letter-spacing:-.04em;line-height:1.2;margin:25px 0 0}.array-heading>div{justify-self:end;padding-bottom:5px}.array-heading p{font-size:16px;margin-bottom:22px}.array-price-link{display:block;font:12px "IBM Plex Mono";margin-top:12px}.array-control{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:12px 35px;border-top:1px solid currentColor;padding:20px 0}.array-control label{font-size:12px;display:flex;justify-content:space-between}.array-control output{font-weight:600}.array-control input{width:100%;accent-color:#1b1b18;margin:0;cursor:pointer}.array-ticks{grid-column:2;display:flex;justify-content:space-between;font:10px "IBM Plex Mono"}.array-hero .fleet-scene{height:345px;aspect-ratio:auto}.array-hero figcaption{margin-top:10px}.array-caption{font-size:10px;margin-top:12px;max-width:80ch}.array-spec{background:#1b1b18;color:#ebf46a;padding:75px 35px;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.array-spec h2{font-size:clamp(45px,5vw,80px);margin-top:35px}.array-explanation p{margin-bottom:20px;font-size:17px}.array-work{display:grid;grid-template-columns:.8fr 1.2fr;padding:75px 35px;background:#faf9f0;gap:6vw}.array-work h2{font-size:65px;margin-top:40px}.array-work .experiment-list>a{grid-template-columns:25px 1fr 20px;gap:18px}.array-work .experiment-list h3{font-size:25px}.array-work .experiment-list p{grid-column:2;grid-row:2}.array-work .experiment-list .arrow{grid-column:3;grid-row:1}.array-work>div>p{font-size:12px;margin-top:30px}.array-package{padding:75px 35px;border-top:1px solid currentColor;display:grid;grid-template-columns:1fr 1.3fr;gap:5vw}.array-package h2{font-size:44px}.theme-array .closing-offer{border-top:1px solid currentColor;padding:75px 35px;background:#faf9f0}.theme-array .closing-offer h2{font-size:85px}.theme-array .site-footer{padding:40px 35px}.theme-array .site-footer .logo{width:150px;height:30px}
/* 04: Night. The scene owns the opening, the purchase sits at its foot. */
.theme-night{--paper:#101312;--ink:#d9ffb0;font-family:"Manrope",sans-serif}.theme-night .site-nav{position:fixed;bottom:64px;left:50%;transform:translateX(-50%);width:650px;max-width:calc(100% - 32px);background:#1a211eea;backdrop-filter:blur(16px);border:1px solid #667b5e;border-radius:50px;padding:13px 18px;z-index:20;gap:20px}.theme-night .site-nav .logo{width:105px;height:28px}.theme-night .site-nav nav{gap:24px}.theme-night .nav-cta{padding:10px 16px;gap:25px;border:0;border-radius:30px;background:#d9ffb0;color:#101312}.night-hero{position:relative;height:100svh;min-height:850px;max-height:1200px;overflow:hidden}.night-top{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;gap:25px;z-index:3}.night-top span:last-child{opacity:.65}.night-hero .fleet-figure{position:absolute;inset:0}.night-hero .fleet-scene{height:100%;aspect-ratio:auto}.night-hero figcaption{position:absolute;left:40px;right:40px;top:75px;z-index:3;font-size:9px;opacity:.65}.night-title{position:absolute;bottom:155px;left:5vw;right:5vw;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:10vw;z-index:4}.night-title h1{font:400 clamp(70px,8vw,125px)/.95 "Manrope";letter-spacing:-.07em;margin-top:20px}.night-title .eyebrow{font-size:10px}.night-offer{justify-self:end;max-width:30ch;font-size:15px}.night-offer .button{margin:25px 0 15px;background:#d9ffb0;color:#101312}.night-offer>a:last-child{display:block;font-size:12px}.night-essay{padding:120px 7vw;border-top:1px solid #ffffff20}.night-essay h2{font-size:clamp(38px,4.8vw,74px);font-weight:400;line-height:1.13;margin:35px 0 65px;color:#edf2e5}.night-essay>div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:23%;font-size:15px;color:#bdc6bd}.night-chapters{padding:90px 7vw 110px;display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;background:#dbe9d2;color:#182119}.night-chapter-heading h2{font-size:85px;margin:30px 0}.night-chapter-heading p{font-size:14px}.artifact-stack>div{position:relative;border-top:1px solid #182119;display:grid;grid-template-columns:1fr 20px;gap:25px;padding:22px 0 35px}.artifact-stack>div>span:first-child{font:10px "IBM Plex Mono";grid-column:1/-1}.artifact-stack h3{font-size:35px;letter-spacing:-.045em}.night-experiments{padding:80px 7vw;background:#101312}.theme-night .closing-offer{background:#c9d4f8;color:#15201a;--ink:#15201a;--paper:#c9d4f8}.theme-night .site-footer{padding-bottom:140px;border-color:#ffffff20}
/* 05: Folio. An asymmetric editorial spread with assertive red type. */
.theme-folio{--paper:#f1eee4;--ink:#ac2c36;font-family:"DM Sans",sans-serif}.theme-folio .site-nav{margin:0 35px;padding:20px 0;border-bottom:1px solid currentColor}.theme-folio .logo{height:50px;width:170px}.folio-hero{min-height:890px;position:relative;padding:28px 4vw 60px;overflow:hidden}.folio-headerline{display:flex;justify-content:space-between;font:11px "IBM Plex Mono";color:#33302c}.folio-hero h1{font:400 clamp(100px,12.5vw,200px)/.88 "Libre Caslon Display";letter-spacing:-.055em;position:relative;z-index:2;margin-top:55px;max-width:70%;pointer-events:none}.folio-hero h1 em{font-family:"Instrument Serif";font-weight:400}.folio-hero .fleet-figure{position:absolute;top:33%;left:-3%;width:68%}.folio-hero .fleet-scene{height:420px;aspect-ratio:auto}.folio-hero figcaption{margin:0 8vw;font-size:9px}.folio-side{position:relative;margin-left:70%;margin-top:20px;padding-bottom:20px;z-index:3;color:#343028;font-size:16px;max-width:29ch}.folio-side p{margin-top:20px}.folio-side .button{margin:30px 0 14px;white-space:nowrap;--ink:#ac2c36;--paper:#f1eee4}.folio-side>a:last-child{display:block;font-size:12px;color:#ac2c36}.folio-mark{font-size:70px;line-height:1;color:#ac2c36}.folio-caption{position:absolute;bottom:30px;left:4vw;color:#343028}.folio-letter{display:grid;grid-template-columns:1fr 1fr;gap:30px 10vw;padding:100px 7vw;background:#d7e4ef;color:#263b70}.folio-letter>.eyebrow{grid-column:1/-1}.folio-letter h2{font:400 76px/.97 "Libre Caslon Display";letter-spacing:-.03em}.folio-letter>div{padding-top:6px;color:#283440;font-size:16px}.folio-letter p+p{margin-top:22px}.folio-index{padding:110px 7vw;display:grid;grid-template-columns:1fr 1.5fr;gap:10vw}.folio-index h2{font:400 70px/1 "Instrument Serif";margin-top:30px}.folio-index .experiment-list>a{grid-template-columns:25px 1fr 20px;gap:20px}.folio-index .experiment-list p{grid-column:2;grid-row:2;color:#403a34}.folio-index .experiment-list .arrow{grid-column:3;grid-row:1}.folio-index .experiment-list h3{font:400 38px/1 "Instrument Serif"}.folio-contents{padding:0 7vw 90px;display:grid;grid-template-columns:1fr 1.5fr;gap:10vw}.folio-contents .contents dt{font-family:"Instrument Serif";font-size:30px}.folio-contents .contents dd{color:#403a34}.theme-folio .closing-offer{background:#ac2c36;color:#f1eee4;--ink:#f1eee4;--paper:#ac2c36}.theme-folio .closing-offer h2{font:400 100px/.94 "Instrument Serif"}.theme-folio .purchase strong{font-family:"Libre Caslon Display";font-size:125px;font-weight:400}.theme-folio .site-footer{border:0}
/* 06: Parallel. A persistent poster and a separately paced reel. */
.theme-parallel{--paper:#663fe5;--ink:#e9ff8a;font-family:"Archivo",sans-serif}.theme-parallel .site-nav{padding:20px 30px;background:#663fe5}.theme-parallel .logo{width:160px;height:40px}.theme-parallel .site-nav nav{gap:24px}.theme-parallel .nav-cta{background:#e9ff8a;color:#30166f;border:0}.parallel-hero{display:grid;grid-template-columns:65% 35%;align-items:start;border-top:1px solid #e9ff8a70}.parallel-poster{position:sticky;top:0;padding:40px 3vw;min-height:850px;height:calc(100svh - 42px);display:flex;flex-direction:column}.parallel-poster h1{font:700 clamp(90px,9.5vw,154px)/.88 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.04em;margin-top:45px}.parallel-poster h1 em{font-style:normal;color:#c3aaff}.parallel-purchase{display:grid;grid-template-columns:1fr auto;gap:15px 30px;align-items:end;margin-top:auto;padding-top:40px}.parallel-purchase p{font-size:15px}.parallel-purchase>a:last-child{font:11px "IBM Plex Mono";grid-column:2;text-decoration:underline;text-underline-offset:4px}.parallel-bottom{margin-top:45px;font-size:10px;opacity:.8}.parallel-reel{border-left:1px solid #e9ff8a80;overflow:hidden}.reel-card{padding:35px 28px 30px;min-height:520px;position:relative;color:#30166f;background:#c3aaff}.reel-card h2{font:600 48px/.97 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em;margin:15px 0}.reel-card p{font-size:14px;max-width:30ch}.reel-card.tools{background:#e9ff8a}.reel-card.share{background:#2e1763;color:#e9ff8a}.reel-caption{display:block;font:9px "IBM Plex Mono";margin-top:25px;opacity:.75}.reel-art{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:35px 0 30px;min-height:210px;align-items:center;transform:rotate(-6deg)}.reel-art i{height:14px;background:currentColor;display:block;transform:translateY(calc(mod(var(--i),3)*5px))}.think .reel-art i:nth-child(3n){opacity:.25}.tools .reel-art{transform:rotate(8deg);gap:12px}.tools .reel-art i{height:22px;clip-path:polygon(0 0,80% 0,100% 30%,100% 100%,0 100%)}.share .reel-art{grid-template-columns:repeat(10,1fr);gap:4px;transform:rotate(-20deg)}.share .reel-art i{height:40px;border-radius:30px;opacity:.8}.parallel-explain{padding:95px 6vw;background:#e9ff8a;color:#30166f}.parallel-explain h2{font:600 clamp(60px,7.3vw,115px)/.92 "Barlow Condensed";text-transform:uppercase;margin:35px 0 55px;letter-spacing:-.025em}.parallel-explain>div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;font-size:17px;margin-left:30%}.parallel-list{padding:80px 6vw}.parallel-list>.eyebrow{margin-bottom:35px}.theme-parallel .experiment-list h3{font:600 38px/.95 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.015em}.theme-parallel .closing-offer{background:#2e1763}.theme-parallel .closing-offer h2{font:600 115px/.86 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em}.theme-parallel .purchase strong{font:600 130px/1 "Barlow Condensed";letter-spacing:-.035em}.theme-parallel .site-footer{border-color:#e9ff8a50}
/* Purchasing pages retain each identity, with the same clearly stated offer. */
.sub-intro{padding:70px 7vw 75px}.sub-intro h1{font-size:clamp(75px,10vw,160px);margin:30px 0;letter-spacing:-.065em;line-height:.95}.sub-intro>p:last-child{font-size:19px;line-height:1.6}.theme-relay .sub-intro h1,.theme-folio .sub-intro h1{font-family:"Instrument Serif";font-weight:400;font-size:clamp(90px,12vw,180px)}.theme-parallel .sub-intro h1{font-family:"Barlow Condensed";font-weight:700;text-transform:uppercase;font-size:clamp(90px,12vw,180px)}.theme-night:not(.page-home) .sub-intro{padding-top:70px}.pricing-layout,.reservation-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:9vw;margin:0 7vw 100px;border-top:1px solid currentColor;padding-top:55px}.pricing-ticket{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.pricing-ticket>strong{font-size:90px;line-height:1.05;letter-spacing:-.07em;font-weight:500}.pricing-layout h2{font-size:35px;margin-bottom:40px}.pricing-layout .contents{margin-bottom:25px}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:9vw;padding:70px 7vw;border-top:1px solid currentColor}.faq-section h2{font-size:45px}.questions details{border-bottom:1px solid currentColor;padding:0 0 22px;margin-bottom:23px}.questions summary{cursor:pointer;font-size:17px;line-height:1.4}.questions p{font-size:14px;line-height:1.7;padding-top:20px;max-width:60ch}.preview-note{font:12px/1.65 "Manrope";padding:30px 7vw 70px;max-width:none;opacity:.8}.reservation-layout{grid-template-columns:1.4fr 1fr}.reservation-form{display:flex;flex-direction:column;gap:25px;min-width:0}.reservation-form label,.review-dialog label{display:flex;flex-direction:column;gap:10px;font-size:13px}.reservation-form label>span{font-size:11px;opacity:.7;display:inline}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reservation-form input,.reservation-form textarea,.reservation-form select,.review-dialog textarea{width:100%;padding:15px;color:var(--ink);border:1px solid currentColor;border-radius:0;background:transparent;min-width:0}.reservation-form select option{color:#222;background:white}.reservation-form input::placeholder,.reservation-form textarea::placeholder{color:inherit;opacity:.65}.reservation-form textarea{resize:vertical;min-height:150px}.reservation-form .button{align-self:flex-start}.reservation-summary h2{font-size:52px;margin:25px 0}.reservation-summary dl{margin:35px 0}.reservation-summary dl div{padding:15px 0;border-top:1px solid currentColor;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;font-size:13px}.reservation-summary dd{margin:0}.reservation-summary>strong{display:block;font-size:65px;letter-spacing:-.06em;font-weight:500}.reservation-summary>strong small{font-size:12px;letter-spacing:0}.reservation-summary>a{display:inline-block;margin:12px 0 25px;font-size:13px;text-decoration:underline;text-underline-offset:5px}.theme-night.page-pricing,.theme-night.page-reserve{padding-bottom:150px}.status{font-size:13px;line-height:1.6;max-width:55ch}.status:empty{display:none}
/* Private review controls. */
.review-bar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;align-items:center;gap:28px;padding:11px 15px;background:#f7f7f1;color:#353735;box-shadow:0 -1px 0 #25252525;font:10px/20px "Manrope";height:42px}.review-bar button{font:inherit;text-decoration:underline;text-underline-offset:3px;padding:0}.review-bar>a:first-child{text-decoration:underline;text-underline-offset:3px}.review-bar>span{opacity:.6}.review-dialog{padding:32px;width:610px;max-width:calc(100% - 28px);max-height:85svh;overflow:auto;background:#f7f7f1;color:#222;border:1px solid #222;font:15px/1.65 "Manrope";--paper:#f7f7f1;--ink:#222}.review-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font:11px "IBM Plex Mono";margin-bottom:35px}.dialog-top button{font-size:28px;line-height:1}.review-dialog h2{font-size:45px;margin:20px 0 25px}.review-dialog p{margin:20px 0}.review-dialog>a{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;margin-top:30px}.source-links{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:11px}.source-links a{text-decoration:underline;text-underline-offset:3px}.review-dialog .button{margin-top:20px}.review-dialog textarea{color:#222}
/* Comparison gallery */
.gallery{--paper:#fafaf6;--ink:#202321;background:var(--paper);color:var(--ink);padding:0;font-family:"Manrope"}.gallery>header{padding:25px 4vw;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #d0d2cb;font-size:12px}.gallery>header strong{font-size:25px;letter-spacing:-.04em}.gallery>header span{color:#6c726a}.gallery-intro{padding:85px 4vw 75px}.gallery-intro h1{font:500 clamp(48px,6.5vw,94px)/.98 "Archivo";letter-spacing:-.065em;margin:25px 0}.gallery-intro p{font-size:16px;line-height:1.7;max-width:70ch;color:#5a6159}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px;padding:0 4vw 80px}.proposal .preview{display:block;position:relative;aspect-ratio:4/3;overflow:hidden}.preview img{position:relative;width:100%;height:100%;object-fit:cover;object-position:top;z-index:2;transition:transform .5s}.preview:hover img{transform:scale(1.025)}.preview>.logo{position:absolute;inset:40% 15%;width:70%;height:20%;z-index:1}.proposal-label{display:flex;align-items:center;gap:16px;margin-top:22px}.proposal-label>span:first-child{font:11px "IBM Plex Mono";opacity:.6}.proposal-label h2{font:500 32px "Manrope";letter-spacing:-.05em}.proposal-label .swatch{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1px solid #0002}.proposal>p{font-size:14px;margin:10px 0 15px;max-width:60ch;color:#596057}.proposal details{font-size:12px;line-height:1.65;margin:15px 0}.proposal details summary{cursor:pointer}.proposal details p{margin:15px 0}.proposal-pages{display:flex;gap:22px;padding-top:16px;border-top:1px solid #c9cdc5;font-size:11px}.gallery-end{padding:50px 4vw 75px;border-top:1px solid #c9cdc5;display:grid;grid-template-columns:1.4fr 1fr;gap:20px 70px;font-size:13px}.gallery-end p{grid-row:span 2;max-width:64ch;color:#596057}.gallery>footer{padding:25px 4vw;font:11px "IBM Plex Mono";border-top:1px solid #c9cdc5}
@media(min-width:1700px){.cobalt-hero .fleet-figure{width:82%;left:9%;top:22%}.relay-hero .fleet-scene{height:440px}.folio-hero{min-height:1060px}.array-hero .fleet-scene{height:400px}}
@media(max-width:1100px){.site-nav{padding-left:28px;padding-right:28px}.site-nav nav{gap:20px}.cobalt-ticket{width:200px;right:28px}.cobalt-hero{padding-left:28px}.cobalt-hero .fleet-figure{top:25%;width:94%;left:3%}.cobalt-masthead{bottom:100px}.relay-title h1{font-size:15vw}.relay-side{max-width:23ch;font-size:16px}.relay-explain h2{font-size:65px}.relay-steps article{padding:40px 20px}.relay-steps h3{font-size:45px}.array-heading h1{font-size:17vw}.array-heading h1 small{font-size:28px}.array-heading p{font-size:14px}.array-work h2{font-size:50px}.array-spec h2{font-size:50px}.array-package{grid-template-columns:.8fr 1.2fr}.folio-hero{min-height:820px}.folio-hero h1{font-size:13vw}.folio-side{margin-left:66%;font-size:15px}.folio-side .button{padding:14px 15px;gap:18px}.folio-hero .fleet-figure{left:-10%}.folio-hero figcaption{margin-left:12vw}.theme-folio .purchase strong{font-size:100px}.parallel-poster{padding:30px 25px;min-height:770px}.parallel-poster h1{font-size:9.5vw}.parallel-purchase{grid-template-columns:1fr}.parallel-purchase>a:last-child{grid-column:1}.parallel-purchase .button{justify-self:start}.reel-card{padding:30px 22px}.reel-card h2{font-size:38px}.reel-art{gap:7px}.parallel-explain>div{margin-left:15%}.contents>div{grid-template-columns:1fr}.contents dd{max-width:60ch}.pricing-layout .contents>div{grid-template-columns:.85fr 1.2fr}.reservation-summary h2{font-size:43px}.site-footer{grid-template-columns:1fr 1fr}.closing-offer{gap:6vw}.theme-relay .closing-offer h2{font-size:80px}.theme-parallel .closing-offer h2{font-size:95px}}
@media(max-width:760px){html{scroll-padding-top:35px}.site-nav{padding:18px 20px;gap:18px}.site-nav .logo{width:120px;height:36px}.site-nav nav{gap:16px;font-size:11px}.site-nav .fleet-link{display:none}.nav-cta{padding:10px 12px;gap:13px}.button{font-size:12px;padding:15px 19px;gap:28px}.eyebrow,.mono{font-size:10px}.site-footer{padding:40px 22px 55px;gap:30px;font-size:11px}.site-footer .logo{width:135px;height:35px}.experiment-list>a{grid-template-columns:25px 1fr 20px;gap:15px;padding:26px 0}.experiment-list p{grid-column:2;grid-row:2;font-size:13px}.experiment-list .arrow{grid-column:3;grid-row:1}.experiment-list h3{font-size:26px}.closing-offer{padding:65px 24px;grid-template-columns:1fr;gap:45px}.closing-offer h2{font-size:62px;margin:25px 0}.closing-offer p{font-size:15px}.purchase strong{font-size:90px}.contents>div{grid-template-columns:1fr 1.3fr;gap:20px;padding:22px 0}.contents dt{font-size:22px}.contents dd{font-size:13px}.fleet-figure figcaption{font-size:8px}
.cobalt-hero{height:820px;min-height:0;padding:20px}.cobalt-intro h1{font-size:clamp(34px,10.7vw,42px);margin-top:20px}.cobalt-ticket{left:20px;right:auto;top:175px;width:calc(100% - 40px);border:0;padding:0;display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center}.cobalt-ticket>span{grid-column:1;max-width:26ch;font-size:11px}.cobalt-ticket>strong{grid-column:1;grid-row:2;font-size:28px;margin:4px 0}.cobalt-ticket>.button{grid-column:2;grid-row:span 2;align-self:end;min-width:155px}.cobalt-hero .fleet-figure{top:300px;bottom:auto;height:335px;width:125%;left:-12.5%}.cobalt-hero .fleet-scene{height:280px;aspect-ratio:auto}.cobalt-hero figcaption{left:12%;right:12%;padding:0;margin-top:10px}.cobalt-masthead{bottom:70px;left:4%;right:4%}.cobalt-masthead .giant-logo{aspect-ratio:5.2}.hero-scroll{left:20px;bottom:25px}.cobalt-statement{padding:60px 24px;grid-template-columns:1fr;gap:35px}.cobalt-statement h2{font-size:60px}.cobalt-statement>div{max-width:48ch}.cobalt-statement p{font-size:15px}.cobalt-inventory{grid-template-columns:1fr;padding:65px 24px;gap:45px}.inventory-title h2{font-size:60px}.cobalt-examples{padding:60px 24px}
.theme-relay .site-nav{margin:0 20px;padding:15px 0}.theme-relay .site-nav .logo{width:125px;height:40px}.relay-hero{padding:25px 20px}.relay-title{grid-template-columns:1fr}.relay-title>.eyebrow{margin:0 0 30px}.relay-title h1{font-size:clamp(105px,22vw,165px);line-height:.82}.relay-title h1 em{padding-left:.75em}.relay-side{justify-self:start;max-width:none;margin:30px 0 0;display:flex;gap:35px;align-items:flex-end;font-size:13px;width:100%}.relay-side a{font-size:11px;max-width:15ch;margin:0 0 3px auto}.relay-hero .fleet-figure{margin:0 -25px}.relay-hero .fleet-scene{height:260px}.relay-hero figcaption{padding:0 25px}.relay-bottom{gap:20px;margin-top:25px}.relay-bottom>span{font-size:22px;max-width:12ch;line-height:1}.relay-bottom .button{white-space:nowrap;gap:18px}.relay-explain{padding:65px 24px;grid-template-columns:1fr;gap:45px}.relay-big-number{font-size:150px;justify-self:center}.relay-explain h2{font-size:65px}.relay-explain p{max-width:50ch}.relay-steps{grid-template-columns:1fr;padding:0 24px}.relay-steps article,.relay-steps article:last-child{border:0;border-bottom:1px solid #50122750;padding:40px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.relay-steps article>span{grid-column:1/-1}.relay-steps h3{font-size:42px;margin:0}.relay-steps p{align-self:end;font-size:13px}.relay-experiments{padding:65px 24px}.relay-experiments>h2{font-size:65px}.theme-relay .closing-offer h2{font-size:80px}.theme-relay .purchase strong{font-size:110px}
.theme-array{padding-left:0}.theme-array .site-nav{position:relative;bottom:auto;top:auto;width:auto;flex-direction:row;padding:16px 20px;justify-content:space-between;gap:15px;border-right:0;border-bottom:1px solid currentColor}.theme-array .site-nav .brand{width:123px;height:28px}.theme-array .site-nav .logo{width:123px;height:28px;transform:none}.theme-array .site-nav nav{flex-direction:row;gap:13px}.theme-array .site-nav nav>a{writing-mode:initial;transform:none}.theme-array .nav-cta{padding:10px 11px;gap:10px}.array-hero{padding:22px 20px}.array-kicker{font-size:8px;gap:10px;padding-bottom:18px}.array-heading{grid-template-columns:minmax(0,1fr);padding:30px 0;gap:20px}.array-heading h1{font-size:clamp(110px,30vw,210px);flex-direction:column;align-items:start;gap:0;line-height:.8;min-width:0}.array-heading h1 small{font-size:23px;margin:18px 0 0;letter-spacing:-.05em}.array-heading>div{justify-self:stretch;display:grid;grid-template-columns:1fr auto;gap:10px 15px;align-items:center}.array-heading p{margin:0;font-size:12px;grid-row:span 2}.array-heading .button{font-size:11px;padding:12px;gap:10px;min-height:43px}.array-price-link{font-size:9px;margin:0;grid-column:2}.array-control{grid-template-columns:1fr;gap:15px}.array-control label{font-size:11px}.array-ticks{grid-column:1;font-size:9px}.array-hero .fleet-scene{height:260px}.array-caption{font-size:9px}.array-spec,.array-work,.array-package{grid-template-columns:1fr;gap:40px;padding:60px 24px}.array-spec h2{font-size:52px;margin-top:25px}.array-explanation p{font-size:15px}.array-work h2{font-size:55px;margin-top:25px}.array-package h2{font-size:43px}.theme-array .closing-offer{padding:65px 24px}.theme-array .closing-offer h2{font-size:70px}.theme-array .site-footer{padding:40px 24px}
.theme-night .site-nav{bottom:56px;max-width:calc(100% - 24px);width:420px;padding:10px 13px;gap:12px}.theme-night .site-nav .logo{width:90px;height:25px}.theme-night .site-nav nav{gap:14px;font-size:10px}.theme-night .nav-cta{padding:10px 12px;gap:14px}.night-hero{min-height:850px;height:100svh;max-height:1000px}.night-top{left:22px;right:22px;top:25px}.night-top span{font-size:9px}.night-top span:last-child{display:none}.night-hero figcaption{top:58px;left:22px;right:22px;font-size:8px}.night-title{grid-template-columns:1fr;left:24px;right:24px;bottom:155px;gap:30px}.night-title h1{font-size:72px;margin-top:15px}.night-title .eyebrow{font-size:9px}.night-offer{justify-self:start;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}.night-offer p{font-size:12px;grid-row:span 2}.night-offer .button{margin:0;padding:12px 15px;gap:15px;white-space:nowrap}.night-offer>a:last-child{font-size:10px;grid-column:2}.night-essay{padding:70px 24px}.night-essay h2{font-size:37px;line-height:1.13;margin:25px 0 40px}.night-essay>div{grid-template-columns:1fr;margin-left:10%;gap:25px;font-size:14px}.night-chapters{padding:65px 24px;grid-template-columns:1fr;gap:45px}.night-chapter-heading h2{font-size:68px}.artifact-stack h3{font-size:30px}.night-experiments{padding:60px 24px}.theme-night .site-footer{padding-bottom:135px}
.theme-folio .site-nav{margin:0 20px;padding:15px 0}.theme-folio .site-nav .logo{width:130px;height:35px}.folio-hero{padding:25px 22px 45px;min-height:930px}.folio-headerline{font-size:9px;gap:20px}.folio-hero h1{font-size:clamp(90px,17vw,130px);max-width:100%;margin-top:40px;line-height:.88}.folio-hero .fleet-figure{top:265px;width:110%;left:-10%}.folio-hero .fleet-scene{height:280px}.folio-hero figcaption{margin:0 12vw;font-size:8px}.folio-side{margin:300px 0 0 29%;max-width:none;font-size:14px;padding:0}.folio-mark{display:none}.folio-side p{margin-top:15px}.folio-side .button{margin-top:22px}.folio-caption{bottom:20px;left:22px;font-size:9px}.folio-letter{grid-template-columns:1fr;padding:65px 24px;gap:30px}.folio-letter h2{font-size:60px}.folio-letter>div{font-size:15px;margin-left:12%}.folio-index,.folio-contents{grid-template-columns:1fr;padding:65px 24px;gap:40px}.folio-index h2{font-size:60px}.folio-contents{padding-top:0}.theme-folio .closing-offer h2{font-size:80px}
.theme-parallel .site-nav{padding:15px 20px}.theme-parallel .site-nav .logo{width:125px;height:32px}.theme-parallel .site-nav nav{gap:13px;font-size:10px}.parallel-hero{grid-template-columns:minmax(0,1fr)}.parallel-poster{position:relative;min-width:0;min-height:700px;height:auto;padding:30px 24px 35px}.parallel-poster h1{font-size:clamp(65px,18.3vw,140px);margin-top:35px;line-height:.88}.parallel-purchase{grid-template-columns:1fr auto;padding-top:40px;margin-top:0;gap:12px 15px}.parallel-purchase p{font-size:12px}.parallel-purchase .button{padding:13px 15px;gap:18px;font-size:12px;white-space:nowrap}.parallel-purchase>a:last-child{grid-column:2;font-size:9px}.parallel-bottom{margin-top:35px;font-size:9px}.parallel-reel{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border-left:0}.reel-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 25px;padding:28px 24px;min-height:300px;overflow:hidden}.reel-card>.mono{grid-column:1/-1}.reel-art{grid-column:2;grid-row:2/span 3;min-height:160px;margin:0;gap:5px}.reel-card h2{font-size:40px;align-self:end;margin:0}.reel-card p{font-size:12px}.reel-caption{font-size:8px;grid-column:1/-1;margin:5px 0 0}.parallel-explain{padding:65px 24px}.parallel-explain h2{font-size:60px;margin:25px 0 35px}.parallel-explain>div{grid-template-columns:1fr;margin-left:10%;gap:22px;font-size:15px}.parallel-list{padding:60px 24px}.theme-parallel .closing-offer h2{font-size:95px}
.sub-intro{padding:50px 24px}.sub-intro h1{font-size:85px}.sub-intro>p:last-child{font-size:15px}.pricing-layout,.reservation-layout{grid-template-columns:1fr;margin:0 24px 60px;gap:55px;padding-top:35px}.pricing-ticket>strong{font-size:85px}.pricing-ticket .small{font-size:11px}.pricing-layout h2{font-size:35px}.pricing-layout .contents>div{grid-template-columns:1fr 1.3fr}.faq-section{grid-template-columns:1fr;padding:55px 24px;gap:35px}.faq-section h2{font-size:40px}.questions summary{font-size:16px}.preview-note{padding:20px 24px 60px;font-size:11px}.input-pair{grid-template-columns:1fr}.reservation-summary h2{font-size:50px}.reservation-summary>strong{font-size:70px}.reservation-form .button{width:100%}.theme-night.page-pricing .site-footer,.theme-night.page-reserve .site-footer{padding-bottom:35px}.theme-array.page-pricing .sub-intro,.theme-array.page-reserve .sub-intro{padding-top:50px}.review-bar{gap:16px;font-size:9px;padding:10px}.review-bar>span{display:none}.review-dialog{padding:23px}.review-dialog h2{font-size:36px}
.gallery>header{padding:20px 22px;font-size:10px}.gallery>header span{display:none}.gallery-intro{padding:55px 22px}.gallery-intro h1{font-size:53px}.gallery-intro p{font-size:14px}.proposal-grid{grid-template-columns:1fr;padding:0 22px 55px;gap:50px}.proposal-label h2{font-size:30px}.proposal>p{font-size:13px}.gallery-end{padding:40px 22px;grid-template-columns:1fr;gap:22px}.gallery>footer{padding:25px 22px}}
@media(max-width:370px){.site-nav{padding-left:15px;padding-right:15px}.site-nav .logo{width:105px}.site-nav nav{gap:11px}.nav-cta{gap:8px;font-size:10px;padding:10px}.cobalt-intro h1{font-size:34px}.inventory-title h2{font-size:50px}.cobalt-ticket>.button{min-width:138px;padding:11px;gap:12px}.relay-title h1{font-size:98px}.relay-side{gap:15px}.relay-bottom .button{padding:12px;gap:12px}.relay-steps h3{font-size:36px}.theme-array .site-nav .brand,.theme-array .site-nav .logo{width:105px}.array-heading h1{font-size:115px;gap:5px}.array-heading h1 small{font-size:20px}.array-heading>div{grid-template-columns:1fr}.array-heading p{grid-row:auto}.array-price-link{grid-column:1}.array-heading .button{justify-self:start}.night-title h1{font-size:65px}.night-offer{gap:10px}.night-offer p{font-size:11px}.night-offer .button{padding:11px 12px;font-size:10px}.folio-hero h1{font-size:85px}.folio-side{margin-left:20%}.parallel-poster h1{font-size:65px}.parallel-purchase{grid-template-columns:1fr}.parallel-purchase>a:last-child{grid-column:1}.contents>div{grid-template-columns:1fr}.pricing-layout .contents>div{grid-template-columns:1fr}.review-bar{gap:13px;font-size:8px}.theme-relay .closing-offer h2{font-size:68px}.theme-folio .closing-offer h2{font-size:60px}.theme-folio .purchase strong{font-size:95px}.theme-parallel .closing-offer h2{font-size:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.button:hover{transform:none}}