:root{
  color-scheme:dark;
  --ink:#F5F0E6;--paper:#173D32;--surface:#20493D;--surface-soft:#102A23;
  --accent:#C4A56B;--muted:#D0D8CF;--line:#547467;--serif:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;--sans:"Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 var(--sans)}
img{max-width:100%;height:auto;display:block}
p,h1,h2,h3{margin:0 0 20px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.button:focus-visible,.skip-link:focus-visible{outline-color:var(--ink)}
::selection{background:var(--accent);color:var(--paper)}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto;min-width:0}
.skip-link{position:absolute;left:16px;top:-150px;z-index:10;padding:12px 18px;background:var(--accent);color:var(--paper)}
.skip-link:focus{top:12px}.header-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}
.wordmark{display:block;width:176px;max-width:65%;text-decoration:none;flex-shrink:0}
.wordmark img{width:100%;height:auto;display:block}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;width:100%;font-size:14px}
.site-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}
.nav-contact{color:var(--accent)}.menu-toggle{display:none}
.js .menu-toggle{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--muted);border-radius:6px;min-height:44px;padding:8px 12px;color:var(--ink);font-size:14px;cursor:pointer}
.menu-icon{width:14px;height:7px;border-block:1px solid currentColor}
.js .site-nav{display:none;padding-top:6px}.js .site-nav.is-open{display:flex}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.65;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.03em;line-height:1.17}
h1{font-size:clamp(36px,7.8vw,70px);margin-bottom:24px}
h2{font-size:clamp(32px,6.7vw,48px)}h3{font-size:25px}
h1 em,h2 em{font-weight:400;color:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:45px 52px}
.hero-copy{min-width:0}.hero .eyebrow{max-width:28em}
.hero-lead{font-size:18px;color:var(--muted);max-width:38em}
.host-line{font-size:16px;max-width:32em;color:var(--ink);margin-bottom:25px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;padding:14px 22px;background:var(--accent);color:var(--paper);border:1px solid var(--accent);border-radius:6px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.5}
.button:hover{background:var(--accent);color:var(--paper);border-color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:6px;font-size:14px;text-decoration:none;border-bottom:1px solid var(--line)}
.hero-offer{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px 24px;min-width:0}
.hero-offer .eyebrow{font-size:10px;margin-bottom:12px;color:var(--ink)}
.offer-price{font-family:var(--serif);font-size:40px;line-height:1.2;letter-spacing:-.03em;margin-bottom:18px}
.offer-price span{display:inline-block;font:14px var(--sans);letter-spacing:0;color:var(--muted);margin-left:5px}
.offer-description{font-size:17px;line-height:1.7;margin-bottom:22px}
.offer-divider{height:1px;background:var(--line);margin-bottom:22px}
.offer-detail{font-size:14px;color:var(--muted);margin-bottom:15px}
.offer-note{font-size:13px;color:var(--ink);margin-bottom:0}
.section{padding-block:54px}.work{border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:28px}
.section-heading>p{font-size:17px;color:var(--muted);max-width:36em}
.work-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 14px;border-top:1px solid var(--line);padding-block:24px}
.row-number{font-size:11px;color:var(--accent);padding-top:6px}
.work-row h3{font-size:24px;margin:0}.work-row p{grid-column:2;font-size:16px;color:var(--muted);margin:0}
.section-note{color:var(--muted);font-size:13px;margin-top:15px;margin-bottom:0}
.sessions{background:var(--surface-soft);border-block:1px solid var(--line)}
.session-steps{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:0;margin:0}
.session-steps li{padding-top:20px;border-top:1px solid var(--line);min-width:0}
.step-number{display:block;font-size:12px;color:var(--accent);margin-bottom:16px}
.session-steps h3{font-size:28px;margin-bottom:16px}.session-steps p{font-size:16px;color:var(--muted);margin:0}
.session-boundary{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:14px;color:var(--muted)}
.session-boundary p:last-child{margin-bottom:0}.session-boundary strong{color:var(--ink);font-weight:500}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.story-heading>p:last-child{font-size:14px;color:var(--muted)}
.story-copy{max-width:64ch;min-width:0}
.story-copy p{font-size:17px;line-height:1.85;color:var(--ink);margin-bottom:24px;white-space:pre-line;overflow-wrap:break-word}
.story-copy p:last-child{color:var(--accent);font-size:20px;margin-bottom:0}
.questions{border-top:1px solid var(--line)}
.faq-list{max-width:780px;margin-left:auto}
details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:64px;list-style:none;cursor:pointer;padding-block:18px;font-size:16px;line-height:1.5}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent);font-size:25px;flex-shrink:0}
details[open] summary:after{content:"−"}details p{font-size:16px;color:var(--muted);max-width:65ch;margin-bottom:24px}
.contact{background:var(--surface);border-top:1px solid var(--line)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:35px}
.contact-lead{font-size:17px;color:var(--muted);max-width:34em}
.contact-card{border-top:1px solid var(--line);padding-top:28px;min-width:0}.contact-card h3{font-size:24px}
.contact-label{font-size:14px;color:var(--muted);margin:20px 0 8px}
.email-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;font-size:clamp(20px,5.3vw,26px);text-decoration:none;overflow-wrap:anywhere}
.email-link span{flex-shrink:0;color:var(--accent)}
.copy-email{display:block;min-height:44px;margin-top:12px;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}
.copy-status{font-size:13px;color:var(--accent);margin:8px 0}.copy-status:empty{margin:0}
.contact .eyebrow,.contact .copy-status{color:var(--ink)}
.hero-offer .text-link:hover,.contact .text-link:hover,.contact .email-link:hover{color:var(--ink)}
.contact-note{font-size:13px;color:var(--muted);max-width:38em;margin-top:22px;margin-bottom:0}
.site-footer{padding-block:30px}
.footer-top{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:22px;padding-bottom:25px}
.footer-top .wordmark{width:165px}.footer-top p{font-size:13px;color:var(--muted);margin:0}
.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.privacy-header .header-inner{flex-wrap:wrap}.privacy-header .text-link{font-size:13px}
.privacy-content{padding-block:42px 70px;max-width:850px}
.privacy-content h1{font-size:clamp(34px,7vw,54px)}
.privacy-content h2{font-size:30px;margin-top:36px}
.privacy-content p{color:var(--muted)}
[hidden]{display:none!important}
@media(min-width:600px){.container{width:min(1160px,calc(100% - 64px))}.hero{gap:38px}.hero-offer{max-width:520px}.section{padding-block:68px}.story-copy p{font-size:18px}.work-row{grid-template-columns:30px minmax(0,1fr);gap:12px 22px}}
@media(min-width:821px){
.header-inner{flex-wrap:nowrap;padding-block:25px}.wordmark{width:205px}
.js .menu-toggle{display:none}.site-nav,.js .site-nav{display:flex;width:auto;padding:0;gap:28px}
.hero{grid-template-columns:minmax(0,1fr) minmax(285px,340px);align-items:center;gap:55px;padding-block:78px 85px}
.hero h1{font-size:clamp(50px,5.2vw,70px)}.hero-offer{padding:30px}
.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:end;margin-bottom:40px}
.section-heading>p{margin-bottom:4px}.section-steps{gap:34px}
.session-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.section{padding-block:85px}
.work-row{grid-template-columns:35px minmax(0,1fr) minmax(0,1.2fr);gap:25px;padding-block:30px}
.work-row p{grid-column:auto}.story-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:70px}
.story-heading{position:sticky;top:35px;align-self:start}.story-copy p{font-size:18px}
.contact-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:75px}
.contact-card{border:0;padding-top:8px}
}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero-actions .button{width:100%}.hero-offer{padding:22px 18px}.offer-price{font-size:36px}.eyebrow{letter-spacing:.09em}.header-inner{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* After Hours Journal: quiet editorial hierarchy, mobile first. */
body{background:var(--paper)}
.hero{padding-block:48px 60px;gap:30px}
.hero h1{font-size:clamp(36px,6.4vw,65px);line-height:1.13;max-width:19ch;letter-spacing:-.035em}
.hero h1 em{color:var(--accent);font-style:normal}
.hero-lead{font-size:17px;max-width:35em}
.journal-note{border-radius:8px;padding:30px 26px;border-top:3px solid var(--accent);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.journal-note blockquote{font:normal 29px/1.4 var(--serif);letter-spacing:-.015em;margin:12px 0 26px;color:var(--ink)}
.journal-note .text-link{align-self:flex-start}
.story-copy{max-width:68ch}
.section{padding-block:60px}
.session-steps h3{color:var(--accent)}
.contact-card{border-radius:8px}
body{overflow-wrap:break-word}
@media(min-width:821px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:65px;padding-block:70px 80px}.journal-note{padding:38px}.hero h1{font-size:61px}}
@media(max-width:359px){.hero h1{font-size:34px}.hero-actions{gap:14px}.journal-note{padding:25px 21px}.journal-note blockquote{font-size:26px}}
.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:920px}
@font-face{font-family:"TikTok Sans";src:url('/fonts/TikTokSans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.brand-wordmark{display:inline-block;font-family:"TikTok Sans","Segoe UI",Arial,sans-serif;font-size:clamp(32px,4vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:var(--ink)}.footer-top .brand-wordmark{font-size:32px}

h1 em,h2 em{font-style:normal}h1,h2,h3{text-wrap:balance}
h1,h2,h3,.note-number,.offer-price,.aside-price,.price{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif}