:root{--teal:#075f62;--deep:#063d43;--ink:#143b3e;--gold:#ffdf80;--orange:#dc7038;--cream:#f7f0da;--line:rgba(20,59,62,.22);font-family:'Manrope',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.skip{position:absolute;top:-80px;left:20px;padding:15px;background:var(--cream);z-index:10}.skip:focus{top:12px}header{max-width:1600px;margin:auto;min-height:105px;padding:20px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:'Newsreader',serif;font-size:28px;line-height:1;display:inline-flex;flex-direction:column;gap:7px}.wordmark span{font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.42em;text-align:center}nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:700}nav>a:not(.nav-pill):hover{text-decoration:underline;text-underline-offset:6px}.nav-pill{border:1px solid var(--ink);border-radius:30px;padding:13px 19px;display:flex;gap:26px}.nav-pill:hover{background:var(--gold)}.hero{background:var(--teal);color:var(--cream);display:grid;grid-template-columns:1fr 1.1fr;min-height:680px;overflow:hidden}.hero-copy{padding:74px 0 55px 10.4%;align-self:center;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin:0 0 28px;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(255,223,128,.1)}h1,h2{font-family:'Newsreader',serif;font-weight:400;letter-spacing:-.025em;line-height:1.12;margin:0}h1{font-size:clamp(48px,5.7vw,88px)}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:20px;line-height:1.6;max-width:360px;margin:25px 0 30px}.button{display:inline-flex;align-items:center;gap:38px;border-radius:5px;padding:17px 22px;font-size:14px;font-weight:700;min-height:52px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 rgba(0,0,0,.2)}.gold{background:var(--gold);color:var(--ink)}.dark{background:var(--ink);color:var(--cream)}.micro{font-size:9px;font-weight:700;letter-spacing:.13em;margin-top:29px;opacity:.8}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:lighten}.art-caption{display:flex;align-items:center;justify-content:center;gap:23px;position:absolute;bottom:38px;left:0;right:0;font-size:9px;letter-spacing:.13em;font-weight:700;color:var(--gold)}.art-caption>span:nth-child(2){font-size:25px}.stripe{display:flex;justify-content:space-around;align-items:center;gap:35px;overflow:hidden;white-space:nowrap;background:var(--orange);color:var(--ink);padding:21px 15px;font-family:'Newsreader',serif;font-size:18px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.stripe b{font-size:25px;font-weight:400}.section{padding:100px 7.5%}h2{font-size:clamp(30px,3.5vw,53px)}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;max-width:1600px;margin:auto}.about h2 span{color:var(--teal)}.about-copy{padding-top:38px;font-size:17px;line-height:1.8}.about-copy p{margin:0 0 20px}.about-copy .lead{font-size:25px;font-weight:600;line-height:1.4}.about-copy .signoff{font-weight:700;margin:27px 0 0}.curiosity{background:#e7e5cc;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:1360px;margin:auto}.section-top>p{font-size:16px;line-height:1.8;margin:0 0 3px}.questions{max-width:1360px;margin:55px auto 0;border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:20px;padding:29px 0;cursor:pointer;font-family:'Newsreader',serif;font-size:clamp(17px,2vw,27px)}summary::-webkit-details-marker{display:none}.number{font:500 13px 'Manrope',sans-serif}.toggle{position:relative;width:24px;height:24px}.toggle:before,.toggle:after{content:'';position:absolute;background:var(--ink);width:18px;height:2px;top:11px;left:3px}.toggle:after{transform:rotate(90deg)}details[open] .toggle:after{transform:rotate(0)}.answer{max-width:720px;padding:0 35px 30px 80px;font-size:17px;line-height:1.75}.launch{background:var(--gold);display:flex;align-items:center;justify-content:center;gap:13%;border-top:2px solid var(--ink)}.launch-stamp{width:290px;height:290px;border:3px solid var(--ink);border-radius:50%;box-shadow:0 0 0 8px var(--gold),0 0 0 10px var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);font-family:'Newsreader',serif;font-size:28px;line-height:1.15;background:var(--orange);flex-shrink:0}.launch-stamp span{font-family:'Manrope',sans-serif;font-size:65px;line-height:1.1}.launch h2 span{color:var(--teal)}.launch p:not(.eyebrow){font-size:18px;line-height:1.7;margin:25px 0}.launch .eyebrow{margin-bottom:20px}footer{padding:42px 5.2%;display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:var(--deep);color:var(--cream)}footer p{font-size:14px;margin-left:20px}footer>a:last-of-type{margin-left:auto;font-size:13px}footer small{flex-basis:100%;font-size:11px;opacity:.7;border-top:1px solid #ffffff33;padding-top:22px;margin-top:12px}@media(min-width:1600px){.hero{padding-inline:calc((100vw - 1600px)/2)}.hero-copy{padding-left:80px}}@media(max-width:800px){header{min-height:88px;padding-inline:6%}.wordmark{font-size:23px}nav{gap:20px;font-size:12px}.nav-pill{padding:10px 13px;gap:8px}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:54px 7% 0}.hero h1{font-size:clamp(49px,10vw,78px)}.intro{max-width:420px}.hero-art{max-width:590px;margin:auto;width:100%}.hero-art img{margin-top:-8px}.art-caption{bottom:20px}.micro{margin-bottom:0}.section{padding:65px 7%}.about{grid-template-columns:1fr;gap:0}.about-copy{padding-top:28px}.section-top{align-items:start;flex-direction:column;gap:18px}.questions{margin-top:35px}.launch{gap:50px;flex-direction:column-reverse;align-items:start}.launch-stamp{width:190px;height:190px;font-size:20px;align-self:center;margin:20px 0}.launch-stamp span{font-size:40px}footer p{margin-left:0}footer .wordmark{margin-right:20px}}@media(max-width:450px){nav>a:nth-child(2){display:none}nav{gap:15px}.nav-pill{font-size:11px}.wordmark{font-size:21px}.wordmark span{font-size:8px}.eyebrow{font-size:10px}summary{grid-template-columns:24px 1fr 22px;gap:12px;padding:24px 0}.answer{padding-left:36px;padding-right:12px;font-size:16px}.stripe{font-size:15px;gap:22px}.art-caption{font-size:8px;gap:17px}footer{padding:35px 7%}footer p{flex-basis:100%}footer>a:last-of-type{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact h2{font-size:clamp(26px,3vw,44px)}.contact p:not(.eyebrow){font-size:17px;line-height:1.7}.contact-email{font-weight:700;text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}.contact-email:hover{color:var(--teal)}@media(max-width:800px){.contact{grid-template-columns:1fr;gap:12px}nav{gap:15px}nav>a:nth-child(2){display:none}}@media(max-width:450px){nav>a:first-child{display:none}}

/* Centered animated logo opening. The original lettering remains stationary. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.logo-hero{display:flex;position:relative;min-height:660px;height:calc(100svh - 105px);max-height:1050px;align-items:center;justify-content:center;padding:35px 24px 90px;background:#087579}
.animated-brand{width:clamp(250px,43vw,540px);position:relative;isolation:auto}
.blink-logo{display:block;width:100%;height:auto;mix-blend-mode:lighten}
.blinking-eye{transform-origin:396px 466px;animation:eye-blink 5.8s ease-in-out infinite}
@keyframes eye-blink{0%,43%,49%,100%{transform:scaleY(1)}45.5%,46.5%{transform:scaleY(.025)}}
.logo-subtitle{font-family:'Newsreader',serif;font-size:clamp(15px,2vw,24px);letter-spacing:.38em;text-align:center;color:var(--gold);margin:-12% 0 0;padding-left:.38em;position:relative}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.04em;text-align:center;display:flex;flex-direction:column;gap:13px;white-space:nowrap;color:var(--cream)}
.hero-scroll span{font-size:24px}.motion-control{position:absolute;right:25px;bottom:29px;background:transparent;border:1px solid #f7f0da66;border-radius:25px;color:var(--cream);padding:10px 14px;font:12px 'Manrope',sans-serif;cursor:pointer;display:flex;gap:12px;align-items:center}.motion-control:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.motion-paused .blinking-eye{animation:none}
@media(max-width:800px){.hero.logo-hero{height:calc(90svh - 88px);min-height:530px;max-height:800px;padding-bottom:125px}.animated-brand{width:clamp(260px,76vw,480px)}.motion-control{bottom:20px;right:20px;font-size:10px;padding:8px 11px}.hero-scroll{bottom:74px}}
@media(prefers-reduced-motion:reduce){.blinking-eye{animation:none}}

/* Blend the original teal image into the hero rather than an isolated logo box. */
.hero.logo-hero{isolation:isolate}

/* Full-screen opening: no navigation, with the logo's empty image margins cropped. */
.hero.logo-hero{height:100svh;min-height:540px;max-height:none;padding:30px 20px 100px}
.animated-brand{width:min(95vw, calc((100svh - 160px) * 1.47), 1500px)}
.logo-subtitle{margin:14px 0 0;font-size:clamp(18px,2.5vw,34px)}
@media(max-width:800px){.hero.logo-hero{height:100svh;min-height:480px;padding:25px 10px 110px}.animated-brand{width:min(97vw, calc((100svh - 165px) * 1.47))}.logo-subtitle{margin-top:15px}.hero-scroll{bottom:74px}}

/* The iris moves independently, clipped inside the stationary eye. */
.gazing-iris{animation:eye-gaze 4s ease-in-out infinite}
@keyframes eye-gaze{0%,12%,88%,100%{transform:translateX(0)}24%,40%{transform:translateX(-28px)}58%,74%{transform:translateX(28px)}}
.motion-paused .gazing-iris{animation:none}
@media(prefers-reduced-motion:reduce){.gazing-iris{animation:none}}

/* Mission: the second screen, inspired by the supplied editorial layout. */
.mission{background:#b7c1b3;color:#143b3e;min-height:90svh;display:flex;align-items:center;padding:100px 6%}
.mission-inner{max-width:1400px;width:100%;margin:0 auto}
.mission h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(38px,6.5vw,96px);letter-spacing:-.045em;line-height:1.3;margin:0 0 42px}
.mission mark{background:var(--gold);color:inherit;padding:.02em .16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mission-copy{max-width:1100px;font-size:clamp(23px,2.6vw,38px);line-height:1.55;letter-spacing:-.015em}
.mission-copy p{margin:0 0 26px}.mission-copy p:last-child{margin-bottom:0}
@media(max-width:800px){.mission{padding:75px 7%;min-height:80svh}.mission h2{margin-bottom:30px}.mission-copy{font-size:clamp(22px,4.6vw,32px)}}

/* Selected site-wide type pairing: Newsreader headings, Manrope supporting text. */
h1,h2,h3,.wordmark,.logo-subtitle,summary,.launch-stamp{font-family:'Newsreader',serif;font-weight:500}
.mission h2{font-family:'Newsreader',serif;font-weight:500;letter-spacing:-.025em}
body,p,a,button,small,.eyebrow,.number{font-family:'Manrope',sans-serif}
a.wordmark{font-family:'Newsreader',serif;font-weight:500}
.wordmark span{font-family:'Manrope',sans-serif}

/* Bungee's native weight is 400. Manrope remains the supporting typeface. */
h1,h2,h3,.wordmark,a.wordmark,.logo-subtitle,summary,.launch-stamp,.mission h2{font-weight:400}
.mission h2{font-size:clamp(34px,5.5vw,80px);letter-spacing:-.025em;overflow-wrap:anywhere}

/* Editorial pairing selected from the first preview. */
h1,h2,h3,.wordmark,a.wordmark,.logo-subtitle,summary,.launch-stamp,.mission h2{font-family:'Newsreader',serif;font-weight:500;font-optical-sizing:auto}
.mission h2{font-size:clamp(38px,5.5vw,80px);line-height:1.12;letter-spacing:-.025em;margin-bottom:32px}
.mission-copy{font-family:'Manrope',sans-serif;font-size:clamp(22px,2.6vw,38px);line-height:1.6}

/* Host portraits beside the mission, matching the supplied photo-and-text reference. */
.mission-with-portraits{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(35px,5vw,85px);align-items:center}
.host-portraits{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.host-photo{margin:0;position:relative;overflow:hidden;aspect-ratio:3/5;border-radius:30px;background:#98aa9c}
.host-photo:nth-child(2){margin-top:65px}
.host-photo img{display:block;width:100%;height:100%;object-fit:cover}
.katia-photo img{object-position:48% 56%}
.cohost-photo img{object-position:54% 80%;transform:scale(1.32);transform-origin:54% 76%}
.mission-with-portraits h2{font-size:clamp(38px,4.3vw,68px)}
.mission-with-portraits .mission-copy{font-size:clamp(19px,1.75vw,27px);line-height:1.65}
@media(max-width:900px){.mission-with-portraits{grid-template-columns:1fr;gap:45px}.host-portraits{max-width:650px;width:100%;margin:auto}.host-photo{aspect-ratio:3/4}.host-photo:nth-child(2){margin-top:35px}.mission-with-portraits .mission-copy{font-size:22px}.mission-with-portraits h2{font-size:48px}}
@media(max-width:450px){.host-portraits{gap:12px}.host-photo{border-radius:20px;aspect-ratio:3/5}.host-photo:nth-child(2){margin-top:28px}.mission-with-portraits h2{font-size:38px}.mission-with-portraits .mission-copy{font-size:20px}}


/* Custom logo-inspired lettering; simple photography and readable mission text. */
.mission{background:#f4e9ce}
.portrait-journal{min-width:0}
.photo-window{height:100%;width:100%;overflow:hidden;border-radius:inherit}
.mission h2.custom-lettered-heading{display:block;width:100%;margin:0 0 22px;line-height:0}
.custom-lettered-heading img{display:block;width:100%;height:auto}

/* Footer social links */
footer .social-links{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:0;padding:12px 0;background:transparent;color:var(--cream)}footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;color:inherit;transition:opacity .2s}footer .social-links a:hover{opacity:.65;text-decoration:none}footer .social-links svg{display:block;width:32px;height:32px}footer .social-links a:nth-child(2){display:inline-flex}@media(max-width:450px){footer .social-links{gap:24px}}

/* Contact artwork matches the About the Show lettering. */
.contact .custom-lettered-heading{line-height:0;margin:0}
.contact .custom-lettered-heading img{mix-blend-mode:multiply}

.contact h2.contact-lettered-heading{width:min(100%,420px);margin:0 0 20px;line-height:0}.contact-lettered-heading img{display:block;width:100%;height:auto}

.creators{background:#f4e9ce;color:#174d4e;padding-top:35px;padding-bottom:85px}
.creators-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,5vw,80px);border-top:1px solid #174d4e44;padding-top:55px}
.creators h2{font-family:'Newsreader',serif;font-size:clamp(34px,3.6vw,54px);font-weight:500;line-height:1.15}
.creators-copy{font-family:'Manrope',sans-serif;font-size:clamp(18px,1.65vw,24px);line-height:1.75}
.creators-copy p{margin:0 0 24px}.creators-copy p:last-child{margin-bottom:0}
@media(max-width:800px){.creators{padding-top:10px;padding-bottom:65px}.creators-inner{grid-template-columns:1fr;gap:26px;padding-top:40px}}

.creators h2.creators-lettered-heading{margin:0;line-height:0}.creators-lettered-heading img{display:block;width:100%;height:auto;max-width:520px}

/* Match visible ink height rather than the transparent image canvas. */
:root{--lettered-heading-height:clamp(42px,5vw,74px)}
.matched-lettering{display:block;height:var(--lettered-heading-height);width:calc(var(--lettered-heading-height) * var(--heading-ratio));max-width:100%;overflow:visible}
.mission h2.custom-lettered-heading,.creators h2.creators-lettered-heading,.contact h2.contact-lettered-heading{width:100%;line-height:0}
.creators-inner{grid-template-columns:1fr 1.3fr}
@media(max-width:900px){.creators-inner{grid-template-columns:1fr}}

.instagram-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.instagram-link:hover{color:#a84e29}