/* Unfrozen design system, scoped under .uf. Built by build.py from parts/head.html; a page opts in with post meta _uf_raw=1 and the plugin wraps it in <div class="uf">. */
.uf{--bone:#F7F3ED; --bone-2:#EFEAE1;
  --iron:#0E1B26; --iron-2:#152531; --iron-3:#1D3341;
  --ember:#DC6B2A; --ember-lo:#A34C13; --ember-hi:#F4955A; --ember-deep:#6E3210;
  --ice:#D9E7ED; --mid:#B9CCD5; --dim:#8AA4B1; --thaw:#5E93A8; --teal:#356B82;
  --ink:#2B3946; --ink-2:#0E1B26; --muted:#5B6B76;
  --line:rgba(14,27,38,.14); --line-dark:rgba(217,231,237,.14);
  --max:1200px; --gut:24px;
  --pad-band:48px; --pad:72px; --pad-dark:88px;
  --measure:620px;
  --font-body:'Archivo',system-ui,sans-serif; --font-display:'Fraunces',Georgia,serif;
  --ease:cubic-bezier(.2,.7,.2,1);}
@media (max-width:900px){.uf{--pad-band:32px; --pad:48px; --pad-dark:56px; --gut:20px;}
 }
.uf *,.uf *::before,.uf *::after{box-sizing:border-box;}
.uf{margin:0; background:var(--bone); color:var(--ink); font:400 17px/1.6 var(--font-body);}
.uf img,.uf video,.uf svg{display:block; max-width:100%;}
.uf [hidden]{display:none!important;}
.uf a{color:inherit; text-decoration:none;}
.uf :focus-visible{outline:3px solid var(--ember); outline-offset:3px; border-radius:2px;}
.uf .on-dark :focus-visible{outline-color:var(--ice);}
.uf ::selection{background:var(--ember); color:var(--iron);}
.uf .wrap{width:min(var(--max),calc(100% - 2*var(--gut))); margin-inline:auto;}
.uf .grid{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:32px; align-items:start;}
.uf .narrow{width:min(1040px,calc(100% - 2*var(--gut))); margin-inline:auto;}
.uf p{margin:0 0 1em; max-width:var(--measure); text-wrap:pretty;}
.uf p:last-child{margin-bottom:0;}
.uf .measure{max-width:var(--measure);}
.uf .center{text-align:center;}
.uf .center p{margin-inline:auto;}
.uf h1,.uf h2,.uf h3{font-family:var(--font-display); font-weight:400; color:var(--ink-2); margin:0; letter-spacing:-.005em;}
.uf h1{font-size:clamp(56px,7.6vw,112px); line-height:.96; font-variation-settings:'opsz' 144; letter-spacing:-.015em;}
.uf h2{font-size:clamp(30px,3vw,42px); line-height:1.1; font-variation-settings:'opsz' 96; margin-bottom:20px; max-width:26ch; text-wrap:balance;}
.uf h3{font-size:20px; line-height:1.25; font-variation-settings:'opsz' 24; text-wrap:balance;}
.uf .lead{font-size:19px; line-height:1.55;}
.uf .small{font-size:15px;}
.uf .italic{font-family:var(--font-display); font-style:italic; font-weight:400;}
.uf .eyebrow{display:flex; align-items:center; gap:12px; font:700 12px/1 var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:var(--ember-lo); margin:0 0 18px;}
.uf .eyebrow::before{content:""; width:28px; height:2px; background:var(--ember); flex:none;}
.uf .on-dark,.uf .on-dark h1,.uf .on-dark h2,.uf .on-dark h3{color:var(--bone);}
.uf .on-dark{color:var(--ice);}
.uf .on-dark .eyebrow{color:var(--ember-hi);}
.uf .on-dark .muted{color:var(--mid);}
.uf .muted{color:var(--muted);}
.uf .btn{display:inline-flex; align-items:center; gap:10px; background:var(--ember); color:var(--iron); font:600 16px/1 var(--font-body); padding:17px 26px; border-radius:3px; border:0; cursor:pointer; transition:background .2s var(--ease), transform .2s var(--ease);}
.uf .btn .arr{transition:transform .25s var(--ease);}
.uf .btn.ghost{background:transparent; color:var(--ink-2); box-shadow:inset 0 0 0 1.5px var(--ink-2);}
.uf .on-dark .btn.ghost{color:var(--bone); box-shadow:inset 0 0 0 1.5px var(--ice);}
.uf .link{display:inline-flex; align-items:center; gap:8px; font-weight:600; color:var(--ember-lo); font-size:16px; border-bottom:1.5px solid transparent; transition:border-color .2s;}
.uf .link .arr{transition:transform .25s var(--ease);}
.uf .on-dark .link{color:var(--ember-hi);}
.uf .actions{display:flex; flex-wrap:wrap; gap:14px 18px; align-items:center; margin-top:28px;}
.uf section{position:relative; padding-block:var(--pad);}
.uf .sec-head{display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:start; margin-bottom:8px;}
.uf .sec-head h2{margin-bottom:0;}
.uf .sec-head .lead{max-width:none; margin:0; padding-top:8px;}
.uf .sec-head > div > .lead{margin-bottom:14px;}
.uf .sec-head > div > p{max-width:none;}
.uf .note{margin:44px auto 0; max-width:70ch; text-align:center; text-wrap:balance; font-family:var(--font-display); font-style:italic; font-weight:400; font-size:20px; line-height:1.45; color:var(--ink-2); padding-top:28px; border-top:1px solid var(--line);}
.uf .on-dark .note{color:var(--bone); border-top-color:var(--line-dark);}
@media (max-width:900px){.uf .sec-head{grid-template-columns:1fr; gap:0;}
.uf .sec-head h2{margin-bottom:20px;}
.uf .note{text-align:left; font-size:18px; margin-top:32px;}
 }
.uf section.band{padding-block:var(--pad-band);}
.uf section.dark{background:var(--iron); padding-block:var(--pad-dark);}
.uf .hairline{border-top:1px solid var(--line);}
.uf .mark{width:30px; height:24px; color:var(--ember);}
.uf .mark line,.uf .mark path{stroke:currentColor;}
.uf .rv{opacity:0; transform:translateY(14px); transition:opacity .6s var(--ease), transform .6s var(--ease);}
.uf .rv.in{opacity:1; transform:none;}
.uf .rv.d1{transition-delay:.08s}
.uf .rv.d2{transition-delay:.16s}
.uf .rv.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.uf .rv{opacity:1; transform:none; transition:none;}
.uf{scroll-behavior:auto;}
.uf *{animation:none!important; transition:none!important;}

}
.uf .nav{position:sticky; top:0; z-index:50; background:rgba(14,27,38,.92); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line-dark);}
.uf .nav .wrap{display:flex; align-items:center; gap:32px; height:68px;}
.uf .brand{display:flex; align-items:center; gap:10px; font:700 14px/1 var(--font-body); letter-spacing:.16em; text-transform:uppercase; color:var(--bone);}
.uf .nav ul{list-style:none; margin:0 0 0 auto; padding:0; display:flex; gap:28px;}
.uf .nav ul a{color:var(--ice); font-size:15px; font-weight:500; padding:8px 0; border-bottom:2px solid transparent; transition:border-color .2s;}
.uf .nav .btn{padding:12px 18px; font-size:15px;}
.uf .nav-toggle{display:none;}
@media (max-width:900px){.uf .nav .wrap{gap:14px;}
.uf .nav ul{display:none;}
.uf .nav .btn{margin-left:auto; padding:11px 14px; font-size:14px; white-space:nowrap;}
.uf .nav-toggle{display:flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; margin-right:-10px; padding:0; background:none; border:0; cursor:pointer; flex:none;}
.uf .nav-toggle span{display:block; width:22px; height:2px; margin:0 auto; background:var(--ice); border-radius:2px; transition:transform .2s var(--ease), opacity .2s var(--ease);}
.uf .nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.uf .nav.open .nav-toggle span:nth-child(2){opacity:0;}
.uf .nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.uf .nav.open ul{display:flex; flex-direction:column; gap:0; position:absolute; left:0; right:0; top:100%; margin:0; padding:8px 0 14px; background:var(--iron); border-bottom:1px solid var(--line-dark); box-shadow:0 18px 30px rgba(14,27,38,.25);}
.uf .nav.open ul a{display:block; padding:15px var(--gut); font-size:18px; border-bottom:0; border-left:3px solid transparent;}
.uf .nav.open ul a[aria-current]{border-left-color:var(--ember); color:var(--bone);}

}
.uf .hero{position:relative; padding:0; --wrapW:min(var(--max), 100% - 2*var(--gut)); background:
  radial-gradient(ellipse 60% 55% at 100% 100%, rgba(53,107,130,.55), transparent 70%),
  linear-gradient(120deg, var(--iron) 0%, var(--iron) 50%, #1F3A48 100%); overflow:hidden;}
.uf .hero .grid{min-height:min(80vh, 760px); align-items:stretch; gap:0;}
.uf .hero-copy{grid-column:1 / span 7; display:flex; flex-direction:column; justify-content:center; padding:64px 48px 64px 0;}
.uf .hero-media{position:absolute; top:0; bottom:0; right:0; left:calc((100% - var(--wrapW))/2 + var(--wrapW)*7/12 + 16px); border-radius:4px 0 0 4px; overflow:hidden;}
.uf .hero-media video,.uf .hero-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.02);}
.uf .hero-media::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(14,27,38,.55) 0%, rgba(14,27,38,0) 30%);}
.uf .hero h1{color:var(--bone);}
.uf .hero .strap{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:clamp(20px,1.8vw,25px); line-height:1.35; color:var(--bone); margin:32px 0 14px; max-width:38ch;}
.uf .hero .where{font-size:15px; font-weight:500; color:var(--mid); letter-spacing:.01em; max-width:none;}
.uf .hero .actions{margin-top:34px;}
@media (max-width:900px){.uf .hero .grid{min-height:0; display:block;}
.uf .hero-copy{padding:56px 0 40px;}
.uf .hero-media{position:relative; top:auto; transform:none; left:auto; right:auto; margin:0 calc(-1 * var(--gut)); aspect-ratio:16/9; max-height:none; border-radius:0;}
.uf .hero-media::after{background:linear-gradient(180deg, var(--iron) 0%, rgba(14,27,38,0) 30%);}

  }
.uf .symptoms h2{margin-inline:auto; text-align:center; max-width:16ch;}
.uf .symptom-cols{display:grid; grid-template-columns:repeat(3,1fr); gap:0 40px; margin:44px 0 40px; text-align:left;}
.uf .symptom-cols > div{border-left:2px solid var(--ember); padding-left:20px;}
.uf .symptom-cols h3{font-size:19px; margin-bottom:14px; color:var(--ember-lo);}
.uf .symptom-cols ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
.uf .symptom-cols li{font-size:16.5px; line-height:1.5; color:var(--ink);}
.uf .symptoms .close{text-align:center;}
.uf .symptoms .close p{margin-inline:auto;}
@media (max-width:900px){.uf .symptom-cols{grid-template-columns:1fr; gap:24px;}
 }
.uf .progression{background:
  radial-gradient(ellipse 55% 50% at 92% 100%, rgba(53,107,130,.55), transparent 70%),
  radial-gradient(ellipse 50% 45% at 6% 20%, rgba(220,107,42,.28), transparent 70%),
  linear-gradient(90deg, #241811 0%, var(--iron) 48%, #172933 72%, #24404E 100%);}
.uf .stages{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative; margin-top:48px; padding-top:22px;}
.uf .stages::before{content:""; position:absolute; left:6px; right:6px; top:5px; height:2px; background:linear-gradient(90deg, var(--ember), #9B7A5A 50%, #7FA6B8);}
.uf .stage .dot{width:12px; height:12px; border-radius:50%; background:var(--ember); margin:-28px 0 18px; box-shadow:0 0 0 4px rgba(220,107,42,.18);}
.uf .stage:nth-child(2) .dot{background:#A9805C; box-shadow:0 0 0 4px rgba(169,128,92,.18);}
.uf .stage:nth-child(3) .dot{background:#9BC3D6; box-shadow:0 0 0 4px rgba(155,195,214,.2);}
.uf .stage h3{color:var(--bone); margin-bottom:8px;}
.uf .stage p{color:var(--ice); font-size:16px;}
@media (max-width:900px){.uf .stages{grid-template-columns:1fr; gap:28px; padding-top:0;}
.uf .stages::before{display:none;}
.uf .stage .dot{margin:0 0 12px;}
 }
.uf .wall{background:var(--iron); padding:0; overflow:hidden; --wrapW:min(var(--max), 100% - 2*var(--gut));}
.uf .wall .grid{gap:0; align-items:stretch;}
.uf .wall-copy{grid-column:1 / span 6; padding:var(--pad-dark) 56px var(--pad-dark) 0; position:relative; z-index:2; min-height:560px;}
.uf .wall-tex{position:absolute; inset:0; z-index:0; opacity:.9;}
.uf .wall .quote{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:22px; line-height:1.45; color:var(--bone); border-left:3px solid var(--ember); padding-left:20px; margin:28px 0 0; max-width:40ch;}
.uf .crack{position:absolute; left:calc((100% - var(--wrapW))/2 + var(--wrapW)*0.6); top:0; height:100%; width:auto; z-index:1; pointer-events:none; opacity:.95;}
.uf .wall::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(53,107,130,0) 55%, rgba(53,107,130,.28) 80%, rgba(94,147,168,.42) 100%); z-index:0; pointer-events:none;}
@media (max-width:900px){.uf .wall .grid{display:block;}
.uf .wall-copy{padding:var(--pad-dark) 40px var(--pad-dark) 0; min-height:0;}
.uf .crack{left:auto; right:-30px; opacity:.6;}
.uf .wall::after{background:linear-gradient(180deg, rgba(53,107,130,0) 60%, rgba(53,107,130,.3) 100%);}

  }
.uf .watch{position:relative; border-radius:4px; overflow:hidden; background:var(--iron); aspect-ratio:16/10; display:grid; place-items:center;}
.uf .watch .poster{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; filter:saturate(.7); transition:opacity .4s var(--ease);}
.uf .watch::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(14,27,38,.55) 0%, rgba(14,27,38,.25) 50%, rgba(14,27,38,.6) 100%); pointer-events:none;}
.uf .watch .play-btn{position:relative; z-index:2; display:inline-flex; align-items:center; gap:14px; background:rgba(14,27,38,.72); color:var(--bone); border:1px solid rgba(217,231,237,.35); border-radius:100px; padding:10px 22px 10px 10px; font:600 16px/1 var(--font-body); cursor:pointer; backdrop-filter:blur(6px); transition:background .2s var(--ease), transform .2s var(--ease);}
.uf .watch .play-btn i{width:44px; height:44px; border-radius:50%; background:var(--ember); display:grid; place-items:center; transition:background .2s;}
.uf .watch video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000;}
.uf .watch.playing .poster,.uf .watch.playing::before,.uf .watch.playing .play-btn{display:none;}
.uf .process .grid{align-items:start;}
.uf .process-copy{grid-column:1 / span 7;}
.uf .process-media{grid-column:8 / span 5; position:sticky; top:96px; margin-top:30px;}
.uf .steps{list-style:none; margin:36px 0 0; padding:0; counter-reset:step;}
.uf .steps li{display:grid; grid-template-columns:64px 1fr; gap:16px; padding:22px 0; border-top:1px solid var(--line);}
.uf .steps li:last-child{border-bottom:1px solid var(--line);}
.uf .steps .n{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:40px; line-height:1; color:var(--ember-lo); font-variation-settings:'opsz' 72;}
.uf .steps h3{margin-bottom:6px;}
.uf .steps p{font-size:16px; max-width:52ch;}
@media (max-width:900px){.uf .process-media{grid-column:1 / -1; position:static; margin-top:36px;}
.uf .process-copy{grid-column:1 / -1;}
.uf .steps li{grid-template-columns:48px 1fr;}
 }
.uf .outcomes{background:radial-gradient(ellipse 60% 55% at 20% 10%, rgba(220,107,42,.14), transparent 65%), linear-gradient(155deg, #B0CCD8 0%, #CDDFE7 40%, #E4EEF1 78%, #F1F5F5 100%);}
.uf .outcomes-copy{grid-column:1 / span 6;}
.uf .outcomes .eyebrow{color:var(--ember-deep);}
.uf .outcomes-panel{grid-column:8 / span 5; background:rgba(255,255,255,.62); border-radius:4px; padding:36px 40px; position:relative; align-self:start; margin-top:30px;}
.uf .outcomes-panel .eyebrow{color:var(--ember-deep); margin-bottom:14px;}
.uf .outcomes-panel .honest{margin:0; max-width:none; font-family:var(--font-display); font-style:italic; font-weight:400; font-size:23px; line-height:1.4; color:var(--ink-2);}
.uf .outs{list-style:none; margin:30px 0 0; padding:0; display:flex; flex-direction:column; gap:22px;}
.uf .outs h3{margin-bottom:6px;}
.uf .outs p{font-size:16px;}
@media (max-width:900px){.uf .outcomes-copy,.uf .outcomes-panel{grid-column:1 / -1;}
.uf .outcomes-panel{margin-top:32px; padding:28px;}
 }
.uf .photo-band{padding:0; height:clamp(260px,34vw,420px); position:relative; overflow:hidden;}
.uf .photo-band img{width:100%; height:100%; object-fit:cover; object-position:50% 45%; filter:saturate(.7) contrast(1.03);}
.uf .photo-band::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(247,243,237,0) 60%, var(--bone) 100%);}
.uf .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
.uf .card{border:1px solid var(--line); border-radius:4px; padding:26px 26px 28px; background:rgba(255,255,255,.4);}
.uf .card h3{margin-bottom:8px; min-height:2.5em;}
.uf .card h3::before{content:""; display:block; width:24px; height:2px; background:var(--ember); margin-bottom:14px;}
.uf .card p{font-size:16px;}
@media (max-width:1100px){.uf .cards{grid-template-columns:repeat(2,1fr);}
 }
@media (max-width:640px){.uf .cards{grid-template-columns:1fr;}
.uf .card h3{min-height:0;}
 }
.uf .dates{overflow:hidden;}
.uf .dates .bg{position:absolute; inset:0; background:radial-gradient(ellipse 50% 60% at 100% 0%, rgba(53,107,130,.35), transparent 70%);}
.uf .dates .wrap{position:relative;}
.uf .formats{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
.uf .format{background:var(--iron-2); border:1px solid var(--line-dark); border-radius:4px; padding:26px 26px 24px; display:flex; flex-direction:column; gap:10px; min-height:230px;}
.uf .format .kind{font:700 11px/1 var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:var(--mid);}
.uf .format h3{font-size:24px; color:var(--bone);}
.uf .format p{color:var(--ice); font-size:16px; flex:1;}
.uf .format .link{margin-top:6px;}
.uf .formats.also{grid-template-columns:1fr 1fr; margin-top:24px;}
.uf .formats.also .format{min-height:0;}
.uf .next{margin-top:32px; padding:18px 18px 18px 24px; border:1px dashed var(--line-dark); border-radius:4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px; color:var(--ice); font-size:16px;}
.uf .next .l{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px;}
.uf .next strong{color:var(--bone); font-weight:600;}
@media (max-width:900px){.uf .formats,.uf .formats.also{grid-template-columns:1fr;}
 }
.uf .reviews{overflow:hidden; padding-block:var(--pad);}
.uf .reviews .wm{position:absolute; right:3%; top:50%; transform:translateY(-50%); width:min(380px,26vw); height:auto; color:var(--ember); opacity:.07; pointer-events:none;}
.uf .reviews .wrap{position:relative;}
.uf .review-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px;}
.uf .review{border:1px solid var(--line); border-radius:4px; padding:26px 26px 24px; background:rgba(255,255,255,.45); display:flex; flex-direction:column; gap:14px;}
.uf .review blockquote{margin:0; font-family:var(--font-display); font-style:italic; font-weight:400; font-size:20px; line-height:1.4; color:var(--ink-2); flex:1;}
.uf .review .by{font-size:14px; color:var(--muted); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.uf .review .by a{color:var(--ember-lo); font-weight:600;}
.uf .review-empty{margin-top:36px; padding:28px; border:1px dashed var(--line); border-radius:4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 32px;}
.uf .review-empty p{margin:0; max-width:none; flex:1 1 420px;}
@media (max-width:1100px){.uf .reviews .wm{display:none;}
.uf .review-grid{grid-template-columns:1fr 1fr;}
 }
@media (max-width:640px){.uf .review-grid{grid-template-columns:1fr;}
 }
.uf .faq-cols{display:grid; grid-template-columns:1fr 1fr; gap:0 48px; margin-top:32px;}
.uf details{border-top:1px solid var(--line);}
.uf .faq-cols > div > details:last-child{border-bottom:1px solid var(--line);}
.uf summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; font-weight:600; font-size:16.5px; color:var(--ink-2);}
.uf summary::-webkit-details-marker{display:none;}
.uf summary .pm{width:22px; height:22px; flex:none; position:relative;}
.uf summary .pm::before,.uf summary .pm::after{content:""; position:absolute; background:var(--ember); left:50%; top:50%; transform:translate(-50%,-50%); transition:transform .25s var(--ease);}
.uf summary .pm::before{width:14px; height:2px;}
.uf summary .pm::after{width:2px; height:14px;}
.uf details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(90deg);}
.uf details .a{padding:0 0 20px; font-size:16px; color:var(--ink); max-width:52ch;}
.uf .believe{margin-top:36px; padding:26px 28px; border:1px solid var(--line); border-radius:4px; background:rgba(255,255,255,.4); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 40px;}
.uf .believe > div{flex:1 1 520px;}
.uf .believe p{max-width:none;}
.uf .believe .italic{font-size:22px; color:var(--ink-2); display:block; margin-bottom:8px;}
.uf .believe p{font-size:16px;}
@media (max-width:800px){.uf .faq-cols{grid-template-columns:1fr; gap:0;}
.uf .faq-cols > div:first-child > details:last-child{border-bottom:0;}
 }
.uf .about-media{grid-column:1 / span 5; align-self:stretch;}
.uf .about-media img{width:100%; height:100%; min-height:520px; object-fit:cover; object-position:50% 30%; border-radius:4px; filter:saturate(.85);}
.uf .about-copy{grid-column:7 / span 6;}
.uf .about-copy .sig{margin-top:26px;}
@media (max-width:900px){.uf .about-media,.uf .about-copy{grid-column:1 / -1;}
.uf .about-media img{min-height:0; aspect-ratio:4/3; object-position:50% 58%;}
.uf .about-copy{margin-top:32px;}
 }
.uf .page-hero{position:relative; padding:72px 0 64px; background:
  radial-gradient(ellipse 60% 55% at 100% 100%, rgba(53,107,130,.55), transparent 70%),
  linear-gradient(120deg, var(--iron) 0%, var(--iron) 50%, #1F3A48 100%);}
.uf .page-hero h1{font-size:clamp(36px,4.3vw,62px); line-height:1.06; max-width:30ch; color:var(--bone); text-wrap:balance;}
.uf .page-hero .lead{color:var(--ice); margin:22px 0 0; max-width:var(--measure);}
.uf .page-hero .actions{margin-top:30px;}
@media (max-width:900px){.uf .page-hero{padding:44px 0 40px;}
.uf .page-hero h1{font-size:clamp(34px,9vw,48px);}
 }
.uf .page-hero.with-media{padding:0; --wrapW:min(var(--max), 100% - 2*var(--gut));}
.uf .page-hero.with-media .grid{min-height:min(60vh, 560px); align-items:stretch; gap:0;}
@media (max-width:900px){.uf .page-hero.with-media .grid{min-height:0; display:block;}

}
.uf .prose{max-width:700px;}
.uf .prose p{max-width:none;}
.uf .prose h2{max-width:none;}
.uf .prose h3{font-size:22px; margin:36px 0 10px;}
.uf .prose h3:first-child{margin-top:0;}
.uf .prose .quote{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:22px; line-height:1.45; color:var(--ink-2); border-left:3px solid var(--ember); padding-left:20px; margin:28px 0;}
.uf .prose + .prose{margin-top:48px;}
.uf .prose-row{display:flex; gap:64px; align-items:center;}
.uf .prose-row .prose{flex:0 1 700px;}
.uf .prose-row .quote{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:22px; line-height:1.45; color:var(--ink-2); border-left:3px solid var(--ember); padding-left:20px; margin:0; flex:1 1 0; max-width:34ch;}
@media (max-width:900px){.uf .prose-row{display:block;}
.uf .prose-row .quote{max-width:none; margin:28px 0 0;}

}
.uf .alignfull,.uf .alignwide{margin-left:0!important; margin-right:0!important; max-width:none!important; width:auto!important;}
.uf .rows{margin-top:8px;}
.uf .row{display:grid; grid-template-columns:5fr 7fr; gap:48px; padding:44px 0; border-top:1px solid var(--line);}
.uf .rows .row:last-child{border-bottom:1px solid var(--line);}
.uf .row h2{margin-bottom:0; font-size:clamp(26px,2.4vw,34px);}
.uf .row p{max-width:none;}
@media (max-width:900px){.uf .row{grid-template-columns:1fr; gap:14px; padding:32px 0;}
 }
.uf .faq-list{margin-top:24px;}
.uf .faq-list details:last-child{border-bottom:1px solid var(--line);}
.uf .faq-list details .a{max-width:60ch;}
.uf .nav ul a[aria-current]{border-bottom-color:var(--ember); color:var(--bone);}
.uf .cta{background:radial-gradient(ellipse 80% 60% at 70% 100%, rgba(53,107,130,.45), transparent 70%), linear-gradient(135deg, var(--iron), #2B5A6D); background-size:140% 140%; animation:drift 18s ease-in-out infinite alternate; text-align:center; padding-block:var(--pad-dark);}
@keyframes drift{ from{ background-position:0% 0% } to{ background-position:100% 100% } }
.uf .cta h2{margin-inline:auto; text-align:center; max-width:28ch; margin-bottom:6px;}
.uf .cta .pay{font-family:var(--font-display); font-style:italic; font-weight:400; font-size:clamp(26px,2.6vw,32px); line-height:1.3; color:var(--ember-hi); margin:0 0 22px;}
.uf .cta p{margin-inline:auto;}
.uf .cta .pay{max-width:none;}
.uf .cta p.line{color:var(--ice); margin:0 auto 28px;}
.uf .cta h2 + p.line{margin-top:16px;}
@media (max-width:900px){.uf .rv{opacity:1; transform:none; transition:none;}
.uf .photo-band,.uf .wall-tex,.uf .crack,.uf .reviews .wm{display:none;}
.uf .wall::after{display:none;}
.uf .hero-copy{padding:44px 0 32px;}
.uf h1{font-size:clamp(46px,13vw,60px);}
.uf .cards{gap:0; margin-top:24px; border-top:1px solid var(--line);}
.uf .card{border:0; border-bottom:1px solid var(--line); border-radius:0; padding:16px 0; background:none;}
.uf .card:last-child{border-bottom:0;}
.uf .card h3::before{display:none;}
.uf .card h3{font-size:18px; line-height:1.3; margin-bottom:4px;}
.uf .formats{gap:12px; margin-top:24px;}
.uf .format{padding:18px 18px 16px; min-height:0; gap:6px;}
.uf .format h3{font-size:21px;}
.uf .steps li{padding:16px 0;}
.uf .outcomes-panel{padding:22px;}
.uf .believe{padding:20px;}
.uf .next{padding:16px;}
.uf .safety{padding-top:var(--pad)!important;}

}
.uf footer{background:var(--iron-2); color:var(--ice); padding:56px 0 32px; font-size:15px;}
.uf footer .top{display:flex; flex-wrap:wrap; gap:32px 64px; justify-content:space-between; align-items:flex-start;}
.uf footer .brand{margin-bottom:14px;}
.uf footer p{max-width:52ch; margin:0 0 8px; color:var(--mid);}
.uf footer ul{list-style:none; margin:0; padding:0; display:flex; gap:24px; flex-wrap:wrap;}
.uf footer ul a{color:var(--ice); font-weight:500;}
.uf footer .bottom{margin-top:40px; padding-top:20px; border-top:1px solid var(--line-dark); display:flex; flex-wrap:wrap; gap:12px 32px; justify-content:space-between; color:var(--mid); font-size:14px;}
.uf footer .bottom a{color:var(--ice);}
.uf footer .bottom a + a{margin-left:14px;}
@media (hover:hover){.uf a:hover{text-decoration:none;}
.uf .btn:hover{background:#E8823F;}
.uf .btn:hover .arr{transform:translateX(4px);}
.uf .btn.ghost:hover{background:var(--ink-2); color:var(--bone);}
.uf .on-dark .btn.ghost:hover{background:var(--bone); color:var(--iron);}
.uf .link:hover{border-bottom-color:currentColor;}
.uf .link:hover .arr{transform:translateX(4px);}
.uf .nav ul a:hover{border-bottom-color:var(--ember); color:var(--bone);}
.uf .watch .play-btn:hover{background:var(--ember); color:var(--iron); border-color:var(--ember); transform:scale(1.03);}
.uf .watch .play-btn:hover i{background:var(--iron);}
.uf .watch .play-btn:hover i svg{fill:var(--bone);}
.uf footer ul a:hover{color:var(--bone); border-bottom:1.5px solid var(--ember);}

}

/* WordPress context. Logged-in admin bar: the sticky nav sits below it. */
.admin-bar .uf .nav{top:32px}
@media (max-width:782px){.admin-bar .uf .nav{top:46px}}


/* Signs-of-burnout page (added 2026-09-24): lets .about-media/.about-copy swap
   sides so a second image-row can sit image-right instead of image-left. The
   default puts .about-media at columns 1-5 and .about-copy at 7-12 (column 6
   empty as the gap); .flip mirrors that, copy at 1-6 and media at 8-12, gap at
   column 7. Both elements in a flipped row need the class, not just the image. */
.uf .about-media.flip{grid-column:8 / span 5;}
.uf .about-copy.flip{grid-column:1 / span 6;}
@media (max-width:900px){
  .uf .about-media.flip,.uf .about-copy.flip{grid-column:1 / -1;}
}

/* Signs-of-burnout page (added 2026-09-24, revised after design review): the
   sitewide .about-media/.about-copy pairing (see /about/) is built for ONE photo
   matched against a long, page-length narrative -- align-self:stretch plus a
   520px floor on the image so it can grow with a very tall text column. This
   page pairs the same components with much shorter text (an h2 + 4 short signs
   per row), so that stretch behaviour was leaving the rows looking sparse: a
   reserved-but-empty gutter column between image and text, and an image forced
   to a height that didn't match its actual content. Scoped to just these two
   rows -- /about/ and every other page keep the original behaviour untouched.
   Closes the reserved gutter (image and text sit on a normal 32px gap, text
   gets the extra column's width) and lets the image sit at its own natural
   aspect ratio instead of stretching. Desktop only; the sitewide mobile
   breakpoint already stacks and sizes these sensibly. */
@media (min-width:901px){
  #signs .about-copy{grid-column:6 / span 7;}
  #emotional-behavioural .about-copy.flip{grid-column:1 / span 7;}
  #signs .about-media img,
  #emotional-behavioural .about-media img{height:auto; min-height:0; aspect-ratio:512/687;}
}

/* Signs-of-burnout page (added 24 Sep, second design pass): the sitewide .prose
   class (max-width:700px; margin-inline:auto) centres a narrow reading column --
   right for a long, dense passage, but on this page it's used for short 2-4
   paragraph sections sandwiched between the full-width hero and the asymmetric
   image+text rows. Centring made those sections read as disconnected islands
   with dead space on both sides, unrelated to the left-aligned hero above them
   or the left-aligned row text below. Left-aligning them instead lines their
   left edge up with .wrap's edge -- the same edge the hero text and every row's
   copy already sit on -- so the page reads as one consistent left-weighted
   column with pull-quotes and images breaking it up, not alternating
   centred/left sections. Kept the 700px cap (still a good reading measure);
   only the centring is removed. Scoped to this page's three prose blocks by
   section id -- every other page's .prose (e.g. /about/'s biography copy)
   keeps centring untouched. No media query needed: below ~750px the 700px cap
   rarely binds against .wrap anyway, so centred vs left-aligned is a no-op. */
#stress-vs-burnout .prose,
#try-first .prose,
#what-shifts-it .prose{
  margin-inline:0;
}