/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
@font-face { font-family:"Bebas Neue"; src:url("/assets/fonts/BebasNeue-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Lilita One"; src:url("/assets/fonts/LilitaOne-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Jost"; src:url("/assets/fonts/Jost-VariableFont_wght.ttf") format("truetype"); font-weight:100 900; font-display:swap; }
.orange-panel h1 em,.orange-panel h2 em{color:var(--ink)}
html{overflow-x:clip!important}html body{overflow-x:clip!important}body a{color:inherit}body h1,body h2,body h3{min-width:0;overflow-wrap:anywhere}.grid-3.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card.card h2{line-height:1}.card h2.card-title-long{font-size:clamp(39px,4.1vw,64px);line-height:1.02}.button.button,.desktop-nav a,.mobile-menu a,.site-footer a{white-space:nowrap}.article.article{grid-template-columns:90px minmax(0,1fr) auto;color:var(--ink)}.article.article:visited{color:var(--ink)}@media(max-width:900px){.grid-3.grid-3{grid-template-columns:minmax(0,1fr)}.article.article{grid-template-columns:minmax(0,1fr)}}
:root{--ink:#111111;--ink2:#1a1a18;--orange:#e85d26;--cream:#f0ece5;--muted:#aaa79f;--line:#33332f;--display:"Bebas Neue",Impact,sans-serif;--body:"Jost",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:hidden}.skip-link{position:absolute;top:-50px;left:10px;background:var(--cream);color:var(--ink);padding:10px;z-index:99}.skip-link:focus{top:10px}.site-header{min-height:88px;padding:14px clamp(20px,4vw,64px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:30;background:rgba(17,17,17,.9);backdrop-filter:blur(14px)}.brand{display:inline-flex;flex:0 0 auto}.brand img{display:block;height:46px;width:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,25px)}.desktop-nav a,.mobile-menu a{color:var(--cream);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.desktop-nav a:hover,.mobile-menu a:hover{color:var(--orange)}.desktop-nav .nav-contact{border:1px solid rgba(240,236,229,.7);padding:10px 12px}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;list-style:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:20px;top:70px;min-width:220px;display:grid;gap:14px;background:var(--orange);padding:20px;border:1px solid var(--ink)}.mobile-menu nav a{color:var(--ink)}.page-hero{padding:clamp(80px,13vw,170px) clamp(20px,4vw,64px) clamp(65px,9vw,120px);border-bottom:1px solid var(--line);position:relative}.eyebrow{margin:0;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow span{padding:0 7px;color:inherit}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em;text-transform:uppercase}h1{font-size:clamp(76px,13vw,190px);line-height:.82;margin:20px 0 32px;max-width:1050px}h1 em,h2 em{font-style:normal;color:var(--orange)}.page-intro{max-width:620px;font-size:clamp(19px,2.2vw,28px);line-height:1.32;margin:0;color:var(--ink)}.section{padding:clamp(60px,9vw,130px) clamp(20px,4vw,64px);border-bottom:1px solid #cfc9bd}.section-title{font-size:clamp(52px,8vw,126px);line-height:.84;margin:18px 0 50px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.card{min-height:300px;padding:20px clamp(18px,2.5vw,40px) 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.card:not(:first-child){padding-left:clamp(18px,2.5vw,40px)}.card:last-child{border-right:0}.card .num{margin:0;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.12em}.card h2{font-size:clamp(47px,5vw,76px);line-height:.85;margin:42px 0 15px}.card p:last-child{max-width:310px;margin:auto 0 0;color:var(--muted);line-height:1.45}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.copy{font-size:clamp(18px,2vw,27px);line-height:1.35}.copy p{margin-top:0}.copy p:not(:last-child){margin-bottom:24px}.orange-panel{background:var(--orange);color:var(--ink)}.cream-panel{background:var(--cream);color:var(--ink)}.cream-panel .section-title{color:var(--ink)}
.cream-panel .copy p,.cream-panel .page-intro,.cream-panel details p,.cream-panel .card p:last-child{color:#4a463f}
.cream-panel .copy strong,.cream-panel .copy a{color:var(--ink)}
.cream-panel .list{border-top-color:#cfc9bd}
.cream-panel .list li{border-bottom-color:#cfc9bd;color:var(--ink)}
.cream-panel .card{border-right-color:#cfc9bd}
.cream-panel .grid-3{border-top-color:#cfc9bd}
.cream-panel .faq-list{border-top-color:#cfc9bd}
.cream-panel details{border-bottom-color:#cfc9bd}
.cream-panel summary{color:var(--ink)}
.cream-panel .article{border-bottom-color:#cfc9bd;color:var(--ink)}
.cream-panel .article h2{color:var(--ink)}
.cream-panel .article time,.cream-panel .article span{color:#6b675f}
.cream-panel .num{color:var(--orange)}
.cream-panel .button{background:var(--ink);color:var(--cream)}
.cream-panel .button.dark{background:var(--orange);color:var(--ink)}
/* 10XF Stories: cream is the page, black is the frame, orange is an accent. */
.ink-panel{background:var(--ink);color:var(--cream)}
.ink-panel .section-title,.ink-panel h2,.ink-panel summary,.ink-panel .article h2{color:var(--cream)}
.ink-panel .copy p,.ink-panel .page-intro,.ink-panel details p,.ink-panel .card p:last-child,.ink-panel .article time,.ink-panel .article span{color:var(--muted)}
.ink-panel .copy strong,.ink-panel .copy a{color:var(--cream)}
.ink-panel .eyebrow,.ink-panel .eyebrow span{color:var(--orange)}
.ink-panel .list,.ink-panel .grid-3,.ink-panel .faq-list,.ink-panel details,.ink-panel .article,.ink-panel .card{border-color:var(--line)}
.ink-panel .list li{color:var(--cream)}
.ink-panel .num{color:var(--orange)}
.ink-panel .button{background:var(--orange);color:var(--ink)}

/* cream-mode form: dark boxes on a cream page look wrong, so the form follows the paper */
.cream-panel .field input,.cream-panel .field textarea,.cream-panel .field select{background:#fbf9f6;border-color:#cfc9bd;color:var(--ink)}
.cream-panel .field label{color:#6b675f}
.cream-panel .form-note{color:#6b675f}
.cream-panel .form-note a{color:var(--ink)}
.cream-panel .contact-form a{color:var(--ink)}
/* legal copy on cream */
.cream-panel .copy p,.cream-panel .copy li{color:#4a463f}
.cream-panel .copy h2,.cream-panel .copy h3{color:var(--ink)}
.cream-panel .copy blockquote{color:var(--ink);border-left-color:var(--orange)}
.cream-panel .legal-table-wrap td{border-color:#cfc9bd;color:#4a463f}
/* the orange band is an accent, so it stays short */
.orange-panel.section{padding-top:clamp(30px,4.5vw,58px);padding-bottom:clamp(30px,4.5vw,58px)}

/* black bands keep the light defaults overridden */
.ink-panel .article,.ink-panel .article:visited,.ink-panel .article h2{color:var(--cream)}
.ink-panel .page-intro{color:var(--muted)}
.ink-panel .eyebrow span{color:var(--orange)}
.ink-panel .legal-draft .copy p,.ink-panel .legal-draft .copy li{color:var(--muted)}
.ink-panel .legal-draft .copy strong,.ink-panel .legal-draft .copy a{color:var(--cream)}
/* the mobile menu sits on the black header, so it must not inherit ink */
.site-header .mobile-menu summary,.site-header .mobile-menu a{color:var(--cream)}
/* small print on cream needs more weight than the grey used on black */
.article time,.article span,.cream-panel .article time,.cream-panel .article span{color:#6b675f}
.cream-panel .eyebrow span{color:inherit}
/* 10XF Stories palette: cream 60, black 30, orange 10 percent as accents.
   Cream is the page. Black is the frame and the bands. Orange marks, never fills. */.cream-panel .eyebrow,.cream-panel .eyebrow span,.cream-panel .page-intro{color:var(--ink)}.cream-panel h1 em,.cream-panel h2 em{color:var(--orange)}.cream-panel .text-link{color:var(--ink)}/*
  10XF Stories: cream as a surface, orange only for punctuation. Added for the Stories site;
  the production site keeps its own copy of this file. */.orange-panel .eyebrow,.orange-panel .eyebrow span{color:var(--ink)}.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.list li{padding:19px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,2vw,26px);line-height:1.25}.list li::before{content:"/";color:var(--orange);padding-right:12px;font-weight:800}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:0 20px;background:var(--orange);color:var(--ink);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .2s}.button:hover{transform:translate(-4px,-4px)}.button.dark{background:var(--ink);color:var(--cream)}.button.large{min-height:64px;font-size:13px;padding:0 28px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.work-tile{min-height:300px;padding:24px;background:var(--ink2);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.work-tile:nth-child(1),.work-tile:nth-child(4){grid-column:span 7;background:var(--orange);color:var(--ink)}.work-tile:nth-child(2),.work-tile:nth-child(3){grid-column:span 5}.work-tile p{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.work-tile h2{margin:20px 0 0;font-size:clamp(42px,5vw,74px);line-height:.85}.article-list{border-top:1px solid var(--line)}.article{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none}.article:hover h2{color:var(--orange)}.article time,.article span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.article h2{font-size:clamp(34px,4vw,62px);line-height:.86;margin:0;transition:color .2s}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:clamp(19px,2vw,29px);line-height:1.15}summary::-webkit-details-marker{display:none}summary span{font-size:28px;line-height:.6;color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{max-width:700px;margin:0;padding:0 30px 25px 0;color:var(--muted);line-height:1.5}.contact-form{max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:0;background:var(--ink2);padding:14px;color:var(--cream);font:500 16px var(--body)}textarea{min-height:150px;resize:vertical}.form-note{font-size:13px;color:var(--muted);line-height:1.5}.form-status{grid-column:1/-1;margin:0;color:var(--orange);font-weight:650}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;padding:34px clamp(20px,4vw,64px);color:var(--muted);font-size:11px;letter-spacing:.04em}.site-footer .brand img{height:40px}.site-footer p{margin:0;text-align:center}.site-footer div{justify-self:end;display:flex;gap:18px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--orange)}[data-reveal]{opacity:1;transform:none}.reveal-enabled [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-enabled [data-reveal].is-visible{opacity:1;transform:none}@media(max-width:900px){.desktop-nav{display:none}.mobile-menu{display:block}.split{grid-template-columns:1fr;gap:35px}.grid-3{grid-template-columns:1fr}.card,.card:not(:first-child){min-height:220px;padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.card:last-child{border-bottom:0}.work-tile,.work-tile:nth-child(n){grid-column:span 12}.article{grid-template-columns:1fr;gap:10px}.article span{display:none}.site-footer{grid-template-columns:1fr}.site-footer p{text-align:left}.site-footer div{justify-self:start}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
.demo-draft-banner{margin:0 0 38px;padding:18px 20px;border:1px solid var(--orange);background:rgba(232,93,38,.11);color:var(--cream);font-size:15px;line-height:1.5}.legal-draft .copy{max-width:900px}.legal-draft .copy h2{font-size:clamp(34px,4vw,62px);line-height:.9;margin:52px 0 18px}.legal-draft .copy h3{font-family:var(--body);font-size:18px;letter-spacing:.04em;text-transform:none;margin:32px 0 10px}.legal-draft .copy p,.legal-draft .copy li{font-size:clamp(16px,1.35vw,20px);line-height:1.6;color:#4a463f}.legal-draft .copy strong,.legal-draft .copy a{color:var(--ink)}.legal-draft .copy a{text-decoration:underline;text-underline-offset:4px}.legal-draft .copy ul,.legal-draft .copy ol{padding-left:24px}.legal-draft .copy li{margin:8px 0}.legal-draft .copy blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--orange);color:var(--cream)}.legal-table-wrap{overflow-x:auto;margin:26px 0}.legal-table-wrap table{width:100%;min-width:620px;border-collapse:collapse}.legal-table-wrap td{padding:13px;border:1px solid var(--line);vertical-align:top;color:var(--muted);line-height:1.45}.legal-table-wrap tr:first-child td{color:var(--cream);font-weight:700}.booking-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.booking-card{padding:clamp(24px,4vw,56px);border:1px solid var(--line);background:var(--ink2)}.booking-card h2{font-size:clamp(42px,5vw,78px);line-height:.88;margin:26px 0 18px}.booking-card>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:18px;line-height:1.5}.booking-card .button{margin-top:20px;border:0;cursor:pointer}.booking-card .button:disabled{opacity:.65;cursor:default;transform:none}.calendar-frame-wrap{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.calendar-frame-wrap iframe{display:block;max-width:100%;background:#fff}.calendar-frame-wrap .form-note{font-size:13px;color:var(--muted);line-height:1.5}.calendar-frame-wrap .form-note a{color:var(--cream)}@media(max-width:900px){.booking-compare{grid-template-columns:1fr}.booking-card h2{font-size:clamp(48px,13vw,76px)}}
.google-button-target{display:block;margin-top:22px;min-height:22px}.google-button-target button{font-family:var(--body)!important}

/* ------------------------------------------------------------------
   10XF Stories final overrides. The base file was written for a black
   page, so every pale-grey or cream text rule is re-stated here for the
   cream page. Anything cream/ink-context gets ink; black bands keep the
   original pale colours.
   ------------------------------------------------------------------ */
.article time,.article span,.card p:last-child,.copy p,.list li,summary,details p{color:#4a463f}
.article.article,.article.article:visited,.article h2,.card h2,.section-title,h2,h3,strong{color:var(--ink)}
.eyebrow span{color:inherit}
.legal-draft .copy p,.legal-draft .copy li{color:#4a463f}
.legal-draft .copy strong,.legal-draft .copy a{color:var(--ink)}
.page-intro{color:var(--ink)}
.ink-panel .article,.ink-panel .article:visited,.ink-panel .article h2,.ink-panel .card h2,.ink-panel .section-title,.ink-panel h2,.ink-panel h3,.ink-panel strong{color:var(--cream)}
.ink-panel .article time,.ink-panel .article span,.ink-panel .card p:last-child,.ink-panel .copy p,.ink-panel .list li,.ink-panel summary,.ink-panel details p,.ink-panel .page-intro{color:var(--muted)}
.ink-panel .legal-draft .copy p,.ink-panel .legal-draft .copy li{color:var(--muted)}
.ink-panel .legal-draft .copy strong,.ink-panel .legal-draft .copy a{color:var(--cream)}
.ink-panel .eyebrow span{color:var(--orange)}
.site-header .mobile-menu summary,.site-header .mobile-menu a{color:var(--cream)}
.orange-panel .button,.orange-panel .button.dark{background:var(--ink);color:var(--cream)}
.orange-panel .button:hover{background:var(--cream);color:var(--ink)}


/* Episode/watch pages */
.episode-player-shell{position:relative;max-width:1180px;margin:34px 0 18px;background:#0a0a0a;border:1px solid #2d2d29;overflow:hidden;aspect-ratio:16/9}
.episode-player-shell .episode-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.episode-player-shell .play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(17,17,17,.05),rgba(17,17,17,.32));border:0;color:var(--cream);cursor:pointer}
.episode-player-shell .play-badge{display:inline-grid;place-items:center;width:92px;height:92px;border:3px solid var(--orange);border-radius:50%;background:rgba(17,17,17,.86);font:700 13px var(--body);letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 0 8px rgba(17,17,17,.25)}
.episode-player-shell .play-badge span{margin-left:4px}
.video-frame,.video-frame iframe{width:100%;height:100%;border:0}.video-frame{position:absolute;inset:0}
.video-privacy-note{max-width:780px;color:#6b675f;font-size:13px;line-height:1.5}.video-privacy-note a{text-underline-offset:3px}
.episode-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cfc9bd;margin-top:38px}.episode-fact{padding:18px 20px 18px 0;border-right:1px solid #cfc9bd}.episode-fact:not(:first-child){padding-left:20px}.episode-fact:last-child{border-right:0}.episode-fact strong{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6b675f}.episode-fact span,.episode-fact a{font-size:17px;color:var(--ink)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #cfc9bd}.topic-grid article{padding:26px 26px 26px 0;border-bottom:1px solid #cfc9bd}.topic-grid article:nth-child(even){padding-left:26px;border-left:1px solid #cfc9bd}.topic-grid h3{margin:0 0 9px;font-size:clamp(32px,4vw,54px);line-height:.95}.topic-grid p{margin:0;color:#4a463f;line-height:1.55}
.episode-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr);gap:clamp(25px,4vw,58px);align-items:center;padding:34px 0;border-bottom:1px solid #cfc9bd}.episode-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.episode-card-media img{width:100%;height:100%;object-fit:cover;display:block}.episode-card-body h2{font-size:clamp(42px,5vw,72px);line-height:.92;margin:10px 0 16px}.episode-card-body p{font-size:18px;line-height:1.5;color:#4a463f}.episode-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:800px){.episode-facts{grid-template-columns:1fr 1fr}.episode-fact:nth-child(2){border-right:0}.episode-fact:nth-child(3),.episode-fact:nth-child(4){border-top:1px solid #cfc9bd}.topic-grid{grid-template-columns:1fr}.topic-grid article:nth-child(even){padding-left:0;border-left:0}.episode-card{grid-template-columns:1fr}.episode-player-shell .play-badge{width:76px;height:76px;font-size:11px}}

/* footer social links are logos, not words */
.social-row{display:flex!important;gap:16px;align-items:center;margin-top:4px}
.social-row a{display:inline-flex;line-height:0;transform:none}
.social-row svg{width:22px;height:22px;color:var(--cream);fill:currentColor;transition:color .18s ease}
.social-row a:hover svg,.social-row a:focus-visible svg{color:var(--orange)}
@media(max-width:800px){.social-row svg{width:24px;height:24px}}

/* the Productions footer styles append " / LINK TO ADD" to any span in the footer nav */
.site-footer .footer-links span.social-row::after,.site-footer .footer-links .social-row::after{content:none!important}
.site-footer .footer-links .social-row{margin-top:2px}