html{scroll-behavior:smooth;scroll-padding-top:100px}
#gate{display:block;min-height:100svh;background:white}
.landing-header{position:sticky;top:0;z-index:5;height:90px;padding:0 clamp(20px,5vw,85px);background:#fffffff2;backdrop-filter:blur(14px)}
.landing-header nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:12px}
.landing-header nav a{text-decoration:none;color:var(--navy)}
.landing-header nav a:hover{color:#ba247a}
.landing-header .access-link{border:1px solid #eed0e1;padding:12px 16px;border-radius:5px}
.access-link span{margin-left:14px}
.intro-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw;padding:70px clamp(24px,7vw,110px) 85px;min-height:calc(100svh - 90px);background:#ecdfed url(watercolor.jpeg) center/cover}
.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{letter-spacing:2px;font-size:11px}
.hero-copy h1{font-size:clamp(36px,4.3vw,70px);font-weight:600;letter-spacing:-2px;line-height:1.13;margin:30px 0 24px}
.hero-copy h1 em,.entry h2 em{font-style:normal;color:#de258d}
.hero-copy p{color:var(--navy);font-size:17px;line-height:1.75;margin:0 0 30px}
.landing-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--navy);color:white;text-decoration:none;padding:18px 22px;border-radius:5px;font-size:13px;line-height:1.4}
.landing-button:hover{background:#393d93}.landing-button span{font-size:19px}
.category-line{font-size:11px;letter-spacing:3px;color:var(--navy);margin-top:35px;display:flex;gap:20px;align-items:center}.category-line span{color:#d5288a;font-size:14px}
.hero-visual{margin:0;justify-self:center;width:min(100%,410px);padding:10px;background:#ffffffb3;transform:rotate(2deg);box-shadow:0 20px 70px #4f255827}
.hero-visual img{display:block;width:100%;max-height:530px;object-fit:cover}.hero-visual figcaption{padding:16px 4px 8px;font-size:8px;letter-spacing:2px;text-align:center;color:var(--navy)}
.hero-foot{position:absolute;left:7%;right:7%;bottom:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--navy)}
.film-section,.collection-section{padding:85px clamp(24px,7vw,110px)}
.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}
.section-intro h2{font-size:clamp(30px,3.2vw,50px);font-weight:500;line-height:1.13;letter-spacing:-1.4px;color:var(--navy);margin:20px 0 0}
.section-intro p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.film-frame{background:#161421;overflow:hidden;border-radius:6px;box-shadow:0 16px 45px #24277716}
.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#161421}
.film-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.5px;color:var(--muted);padding-top:18px}
#film-continue{margin-top:25px}
.collection-section{background:#fbf5fa;border-top:1px solid #f3e6ef;border-bottom:1px solid #f3e6ef}
.collection-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:7vw;align-items:center;margin-top:45px}
.collection-grid figure{margin:0}.collection-grid figure img{display:block;width:100%;border:8px solid white;box-shadow:0 12px 45px #42244810}
.collection-grid figcaption{color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-top:18px}
.metric{font-size:clamp(80px,10vw,155px);letter-spacing:-7px;line-height:1;font-weight:700;color:var(--pink)}.metric span{font-size:.65em;letter-spacing:-4px}
.economics h3{font-size:clamp(25px,3vw,43px);color:var(--pink);font-weight:600;line-height:1.06;text-transform:uppercase;letter-spacing:-.7px;margin:10px 0 25px}
.fine-rule{width:65px;height:2px;background:var(--pink)}.economics p{color:var(--navy);font-size:19px;line-height:1.5}.economics a{font-size:12px;text-underline-offset:6px}.economics a span{margin-left:14px}
.access-section{padding:85px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:#ede2ef url(watercolor.jpeg) center/cover}
.access-visual>img{display:block;width:100%;border:7px solid white;box-shadow:0 18px 50px #42244815}.access-contact{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:var(--navy)}.access-contact a{font-size:12px;letter-spacing:0;text-underline-offset:4px}
.access-section .entry{padding:40px;background:#ffffffed;border-radius:6px}.entry h2{font-size:clamp(30px,3vw,44px);font-weight:500;color:var(--navy);line-height:1.15;letter-spacing:-1.5px;margin:25px 0 15px}.entry>p{font-size:14px;margin:0;line-height:1.75}.access-section .entry form{margin-top:24px}.access-section .private-note{margin-top:10px}.access-section .private-note span{display:inline;float:right}
.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px clamp(24px,5vw,80px);font-size:9px;letter-spacing:1px;color:var(--navy)}.landing-footer div{display:flex;gap:20px}.landing-footer a{font-size:11px;letter-spacing:0;text-decoration:none}
@media(min-width:1800px){.intro-hero{min-height:850px}.hero-visual{width:480px}.hero-visual img{max-height:620px}}
@media(max-width:1000px){.intro-hero{gap:25px;padding-top:55px;padding-bottom:85px;min-height:700px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.landing-header nav{gap:18px}.section-intro{align-items:flex-start;flex-direction:column;gap:20px}.access-section{gap:25px;padding-left:25px;padding-right:25px}.access-section .entry{padding:28px}.entry h2{font-size:32px}.landing-footer{flex-wrap:wrap}}
@media(max-width:650px){html{scroll-padding-top:90px}.landing-header{height:80px;padding:0 16px;gap:10px}.landing-header .brand{width:148px;height:56px}.landing-header .brand img{width:181px;left:-17px;top:-30px}.landing-header nav>a:not(.access-link){display:none}.landing-header .access-link{font-size:11px;padding:10px}.access-link span{margin-left:6px}.intro-hero{grid-template-columns:1fr;padding:45px 25px 70px;gap:35px}.hero-copy h1{font-size:39px;letter-spacing:-1.6px;margin-top:23px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-copy p{font-size:15px}.category-line{margin-top:25px}.hero-visual{width:76%;max-width:320px}.hero-visual img{max-height:390px}.hero-foot{font-size:7px;letter-spacing:1px;left:25px;right:25px}.film-section,.collection-section{padding:50px 20px}.section-intro h2{font-size:31px;letter-spacing:-1px}.film-caption{font-size:7px;letter-spacing:.5px}.collection-grid{grid-template-columns:1fr;gap:35px;margin-top:28px}.economics{padding:0 12px}.metric{font-size:72px;letter-spacing:-4px}.metric span{letter-spacing:-2px}.economics h3{font-size:30px}.access-section{grid-template-columns:1fr;padding:50px 20px;gap:35px}.access-section .entry{padding:28px 22px}.entry h2{font-size:32px}.access-contact{font-size:8px}.landing-footer{padding:25px 20px;gap:20px}.landing-footer div{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refine paragraph typography on the introduction page. */
#gate .hero-copy p,#gate .section-intro p,#gate .economics p,#gate .entry>p{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
#gate .hero-copy p{font-weight:600}


#gate .hero-foot{font-weight:600}

