.retro{--paper:#f4f0e7;--ink:#20201d;--orange:#ff6935;background:var(--paper);color:var(--ink);font-family:var(--font-site);}
.retro h1,.retro h2,.retro h3,.retro p{margin:0;}
.retro h1,.retro h2,.retro h3{font-weight:500;letter-spacing:-.065em;line-height:.95;}
.retro em{font-family:var(--font-site);font-weight:400;}
.topbar{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;padding:0 3vw;border-bottom:1px solid var(--ink);font-size:12px;}
.topbar .header{position:static;background:none;backdrop-filter:none;min-height:55px;padding:18px 0;}
.topbar .container{width:auto;margin:0;padding:0;}
.topbar .logo-img{height:18px;opacity:1;}
.intro{padding:24px 3vw 0;}
.intro-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;}
.retro h1{font-size:clamp(130px,25vw,360px);letter-spacing:-.09em;line-height:.96;padding-block:22px 35px;display:flex;justify-content:space-between;align-items:center;}
.shell-mark{display:block;width:21%;height:auto;flex-shrink:0;filter:url(#shell-orange-ink);clip-path:inset(1px);}
.intro-bottom{display:flex;justify-content:space-between;gap:28px;padding:0 0 38px;align-items:end;}
.intro-bottom>p{font-size:clamp(35px,4vw,60px);line-height:1;letter-spacing:-.05em;}
.intro-bottom>div>p{font-size:14px;line-height:1.5;margin-bottom:18px;}
.action{border:1px solid var(--ink);padding:14px 18px;display:inline-flex;gap:70px;justify-content:space-between;font-size:13px;background:var(--ink);color:var(--paper);transition:background .2s,color .2s;}
.action:hover{background:var(--orange);color:var(--ink);}
.wide-media{position:relative;margin-inline:-3vw;background:#e9e9e9;}
.wide-media>img{width:100%;height:auto;display:block;}
.media-stamp{position:absolute;top:20px;left:3vw;font-family:var(--font-site);font-size:11px;letter-spacing:.06em;}
.eyebrow,.small-label{font:11px/1.4 var(--font-site);letter-spacing:.02em;text-transform:uppercase;display:block;}
.manifesto{background:var(--orange);padding:55px 5vw 60px;}
.retro h2{font-size:clamp(48px,7vw,100px);}
.manifesto h2{margin-top:40px;}
.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-top:25px;}
.asterisk{font-size:120px;line-height:1;}
.manifesto-bottom p{font-size:clamp(17px,1.7vw,23px);line-height:1.45;max-width:600px;letter-spacing:-.025em;}
.dock{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink);}
.dock-copy{padding:55px 5vw;display:flex;flex-direction:column;align-items:flex-start;}
.dock h2{margin:40px 0 30px;}
.dock p{font-size:16px;line-height:1.6;}
.dock .small-label{margin-top:40px;}
.dock figure{background:#e9e9e9;display:flex;flex-direction:column;justify-content:center;position:relative;border-left:1px solid var(--ink);}
.dock figure img{display:block;width:100%;height:auto;}
.dock figcaption{font:10px/1.5 var(--font-site);padding:15px 20px;position:static;}.dock figcaption>span{display:block;}
.features{padding:55px 5vw 65px;}
.feature-heading h2{font-size:clamp(42px,5.5vw,75px);margin:32px 0 45px;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;}
.feature-grid article{border-top:1px solid var(--ink);padding-top:22px;}
.feature-symbol{display:flex;height:70px;align-items:center;font-size:62px;line-height:1;margin-bottom:28px;}
.recording{font-size:47px;color:#bd3820;}
.date-symbol{font:700 32px var(--font-site);letter-spacing:-.06em;border:2px solid var(--ink);width:57px;height:57px;margin-block:6px 35px;justify-content:center;}
.retro h3{font-size:clamp(30px,3.3vw,47px);margin-bottom:24px;}
.feature-grid p{font-size:15px;line-height:1.5;max-width:260px;}
.film{background:var(--ink);color:var(--paper);padding:45px 5vw 60px;}
.film-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px;}
.film-heading h2{font-size:clamp(35px,4.8vw,65px);}
.film video{width:100%;max-height:75vh;display:block;background:#111;}
.signup{background:var(--orange);padding:60px 5vw;display:flex;justify-content:space-between;gap:35px;align-items:end;}
.signup h2{margin-top:25px;font-size:clamp(50px,7vw,100px);}
.signup .action:hover{background:var(--paper);}
.social-footer{padding:25px 3vw;display:flex;justify-content:space-between;gap:25px;font-size:11px;align-items:center;}
.social-footer nav{display:flex;gap:28px;flex-wrap:wrap;}
.social-footer a,.topbar>a{padding-block:12px;}
a:hover{text-decoration:underline;text-underline-offset:4px;}.action:hover{text-decoration:none;}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #305bd4;outline-offset:5px;}
.skip-link{position:fixed;z-index:2000;top:8px;left:8px;background:var(--paper);padding:12px;transform:translateY(-180%);}.skip-link:focus{transform:translateY(0);}
@media(min-width:1600px){.intro,.manifesto,.dock,.features,.film,.signup,.social-footer,.topbar{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2));}.wide-media{margin:0;}}
@media(max-width:650px){
.topbar{gap:18px;padding-inline:5vw;font-size:10px;}.topbar .logo-img{height:16px;}.intro{padding:20px 5vw 0;}.intro-meta{font-size:10px;}.intro-meta span:last-child{text-align:right;}
.retro h1{font-size:26vw;padding-block:28px;}.intro-bottom{align-items:start;gap:25px;}.intro-bottom>p{font-size:35px;}.intro-bottom>div{max-width:165px;}.intro-bottom>div>p{font-size:11px;}.intro-bottom>div>p br{display:none;}.action{font-size:11px;padding:12px;gap:26px;}
.wide-media{margin-inline:-5vw;}.wide-media>img{min-height:190px;object-fit:cover;}.media-stamp{top:12px;left:5vw;font-size:8px;}
.manifesto{padding-block:38px 42px;}.manifesto h2{margin-top:28px;}.manifesto-bottom{grid-template-columns:40px 1fr;gap:25px;margin-top:30px;align-items:start;}.asterisk{font-size:48px;}.manifesto-bottom p{font-size:16px;}
.dock{grid-template-columns:1fr;}.dock-copy{padding-block:38px;}.dock h2{margin:28px 0;}.dock p{font-size:14px;}.dock .small-label{margin-top:25px;}.dock figure{border-left:0;border-top:1px solid var(--ink);}.dock figure img{max-height:440px;object-fit:contain;}
.features{padding-block:38px;}.feature-heading h2{margin-block:25px 30px;}.feature-grid{grid-template-columns:1fr;gap:26px;}.feature-grid article{display:grid;grid-template-columns:60px 1fr;column-gap:22px;}.feature-symbol{grid-row:1 / 3;font-size:43px;}.date-symbol{font-size:28px;width:45px;height:45px;margin-top:0;}.retro h3{font-size:30px;margin-bottom:15px;}.feature-grid h3 br{display:none;}.feature-grid p{max-width:none;font-size:14px;}
.film{padding-block:35px;}.film-heading .eyebrow{font-size:9px;white-space:nowrap;}.film-heading h2{font-size:35px;}.signup{padding-block:40px;flex-direction:column;align-items:flex-start;gap:28px;}.signup h2{margin-top:20px;}.social-footer{padding:18px 5vw;flex-wrap:wrap;gap:8px 20px;}.social-footer nav{order:-1;width:100%;justify-content:space-between;gap:20px;}.social-footer>a:last-child{margin-left:auto;}
}
@media(prefers-reduced-motion:reduce){.action{transition:none;}}

/* Render context and proposed specifications. */
.shell-mark-black{width:clamp(100px,18vw,245px);filter:url(#shell-black-ink);}
.intro-actions{display:flex;gap:10px;flex-wrap:wrap;}
.intro-actions .action{gap:28px;}
.action-outline{background:transparent;color:inherit;border-color:currentColor;}
.render-note{font:11px/1.5 var(--font-site);letter-spacing:0;}
.intro>.render-note{padding:12px 0;}
.dock figcaption .render-note{margin-top:7px;}
.film-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:16px;}
.film-bottom .action{gap:28px;white-space:nowrap;}
.specifications{padding:60px 5vw;scroll-margin-top:24px;}
.specs-heading h2{margin:28px 0;font-size:clamp(45px,6vw,85px);}
.specs-heading p{font-size:15px;max-width:500px;line-height:1.6;}
.spec-table-wrap{margin-top:36px;}
.spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6;table-layout:fixed;}
.spec-table caption{text-align:left;font:11px var(--font-site);text-transform:uppercase;padding-bottom:15px;}
.spec-table th,.spec-table td{padding:18px 15px;border-bottom:1px solid #aaa79f;vertical-align:top;overflow-wrap:break-word;}
.spec-table thead{background:var(--ink);color:var(--paper);}
.spec-table thead th{font-weight:500;}
.spec-table tbody th{font-weight:500;padding-left:0;}
.spec-table th:first-child{width:23%;}
.spec-note{font-size:11px;line-height:1.7;max-width:850px;padding-top:22px;}
@media(max-width:650px){
.shell-mark-black{width:70px;}.manifesto-bottom{grid-template-columns:70px 1fr;gap:20px;}
.intro-actions{flex-direction:column;}.intro-actions .action{gap:18px;}
.film-bottom{align-items:flex-start;flex-direction:column;gap:18px;}
.specifications{padding-block:38px;}.specs-heading p{font-size:14px;}
.spec-table{font-size:11px;}.spec-table th,.spec-table td{padding:12px 7px;}.spec-table th:first-child{width:24%;}.spec-table thead th{font-size:10px;}
}

.dock .shape-copy{margin-top:22px;max-width:440px;font-size:14px;line-height:1.6;}

/* Phone rotation, gallery invitation and secondary signup. */
.phone-showcase{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);}
.phone-copy{padding:60px 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.phone-copy h2{margin:35px 0;font-size:clamp(46px,6vw,84px);}
.phone-copy p{font-size:16px;line-height:1.6;}.phone-copy .small-label{margin-top:50px;color:var(--orange);}
.phone-showcase figure{background:#f0f0f0;color:var(--ink);display:flex;flex-direction:column;justify-content:center;}
.phone-loop{display:block;width:100%;aspect-ratio:1;object-fit:contain;}
.phone-showcase figcaption{padding:14px 24px;}
.bts-teaser{background:var(--paper);border-block:1px solid var(--ink);padding-block:65px;}
.bts-teaser .eyebrow{display:inline-block;background:var(--orange);color:var(--ink);padding:8px 12px;}
.bts-actions,.signup-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.returning-member{font-size:12px;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:650px){.phone-showcase{grid-template-columns:1fr;}.phone-copy{padding-block:40px;}.phone-copy p{font-size:14px;}.phone-copy .small-label{margin-top:28px;}.bts-teaser{padding-block:40px;}.bts-teaser .action{white-space:normal;}.intro-meta{gap:14px;}.topbar{gap:14px;}}

/* One invitation, with a clear choice of free or VIP access. */
.bts-teaser.waitlist-invitation{background:var(--orange);padding-block:60px;}
.waitlist-invitation .eyebrow{padding:0;background:none;}
.waitlist-invitation .bts-actions{width:min(100%,370px);flex-shrink:0;gap:24px;}
.waitlist-path{width:100%;}.waitlist-path .action{width:100%;}.waitlist-invitation .waitlist-path p{font-size:12px;line-height:1.5;margin-top:10px;max-width:330px;}
.waitlist-invitation .action:hover{background:var(--paper);}
@media(max-width:800px){.bts-teaser.waitlist-invitation{flex-direction:column;align-items:flex-start;}.waitlist-invitation .bts-actions{width:100%;max-width:430px;}}