/*
 * Pixel Flares — Flare design system, v1.0.0
 * Homepage (Flare v1, approved 22 Sep 2026) + Launch 1 inner pages (approved 23 Sep 2026).
 * Fonts: Archivo (display, width axis 62–125), Geist, Geist Mono — declared in theme.json.
 */

:root{
  color-scheme:dark;
  --canvas:#131313; --deep:#0B0A09; --raise:#1A1917;
  --ink:#F4F2ED; --ink-2:#D8D2C6; --muted:#A39D92; --faint:#6E6961;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.15);
  --amber:#FFBA15; --amber-hi:#FFD467; --sand:#F3C9A1; --blue:#0A5797; --navy:#143958;
  --display:"Archivo","Arial Black",system-ui,sans-serif;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
html,body{background:var(--deep);color:var(--ink)}
body{font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,blockquote{margin:0}
a{color:inherit}
.wp-site-blocks{container-type:inline-size;container-name:site;background:var(--canvas);position:relative;overflow-x:clip}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4cqi,48px)}
.m{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.sec{padding-block:clamp(72px,9cqi,136px)}
.label{display:flex;align-items:center;gap:10px;color:var(--muted)}
.label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}
.ph{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.flare{width:15px;height:15px;display:inline-block;flex:none;background:var(--amber);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px rgba(255,186,21,.8))}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;letter-spacing:-.02em;white-space:nowrap;text-decoration:none;color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 18px;font:500 14px/1 var(--sans);background:var(--ink);color:#0B0A09;text-decoration:none;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s}
.pill:hover{transform:translateY(-1px)}
.pill.amb{background:var(--amber);color:#131313;box-shadow:0 10px 36px -8px rgba(255,186,21,.65)}
.pill.amb:hover{box-shadow:0 14px 48px -6px rgba(255,186,21,.85)}
.pill:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ---------- 01 nav ---------- */
.nav{position:relative;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav.scrolled{background:rgba(19,19,19,.74);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;position:relative}
.halves-nav{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);position:relative}
.gw{position:relative}
.grp{appearance:none;border:0;background:transparent;color:#DAD5CC;font:500 13.5px/1 var(--sans);padding:10px 16px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.grp::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.grp:hover,.gw.open .grp{background:rgba(255,186,21,.13);color:var(--amber-hi)}
.drop{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:250px;padding:8px;border-radius:16px;background:rgba(26,25,23,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line-2);box-shadow:0 30px 60px -20px rgba(0,0,0,.85);gap:2px;z-index:5}
.drop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.gw.open .drop{display:grid}
@media (hover:hover){.gw:hover .drop{display:grid}}
.drop a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:10px;text-decoration:none;font-size:14.5px;font-weight:500;color:var(--ink)}
.drop a:hover{background:rgba(255,255,255,.06)}
.tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-hi);border:1px solid rgba(255,186,21,.3);background:rgba(255,186,21,.1);padding:3px 7px;border-radius:999px;font-weight:400;white-space:nowrap}
.nav-r{display:flex;align-items:center;gap:24px;font-size:14px}
.nav-r>a:not(.pill){color:#CFCAC1;text-decoration:none}
.nav-r>a:not(.pill):hover{color:var(--ink)}
.burger{display:none;appearance:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:transparent;place-items:center;cursor:pointer}
.burger::before{content:"";width:15px;height:8px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;margin-top:8px;padding:10px;border-radius:18px;background:rgba(26,25,23,.96);border:1px solid var(--line-2);gap:4px;z-index:6}
.mnav.open{display:grid}
.mnav a:not(.pill){padding:12px;border-radius:10px;text-decoration:none;font-weight:500}
.mnav .pill{justify-content:center;margin-top:6px}

/* ---------- 02–03 hero ---------- */
.hero{position:relative;isolation:isolate;padding-top:clamp(40px,6cqi,96px);padding-bottom:clamp(72px,9cqi,136px)}
.bloom{position:absolute;z-index:-1;top:-34cqi;right:-18cqi;width:86cqi;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,198,64,.56),rgba(255,150,20,.19) 32%,rgba(255,120,0,.05) 50%,transparent 64%);filter:blur(28px);animation:drift 14s ease-in-out infinite alternate;pointer-events:none}
.streak{position:absolute;z-index:-1;top:15cqi;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent 10%,rgba(255,226,160,.95) 60%,transparent 85%);box-shadow:0 0 22px 4px rgba(255,186,21,.3);transform:rotate(-4deg);opacity:.7;animation:streak 9s ease-in-out infinite;pointer-events:none}
.thesis{font-family:var(--display);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(36px,6cqi,96px);line-height:.95;letter-spacing:-.035em;max-width:80cqi;text-wrap:balance;background:linear-gradient(180deg,#FFFFFF 35%,#E6D8BD 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.thesis em{font-style:normal;background:linear-gradient(180deg,#FFE391,#FFBA15 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .3em rgba(255,186,21,.6))}
.reel{position:relative;margin-top:clamp(40px,5.5cqi,80px);aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid rgba(255,186,21,.24);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 50px 160px -40px rgba(255,170,30,.55),0 0 80px -16px rgba(255,186,21,.3);background:#0c0b09}
.reel-art{position:absolute;inset:0;overflow:hidden}
.reel-art::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent 0 12%,rgba(255,186,21,.4) 18%,transparent 26% 48%,rgba(10,87,151,.45) 56%,transparent 64% 80%,rgba(243,201,161,.28) 86%,transparent 92%);filter:blur(40px);animation:spin 22s linear infinite}
.reel-art::after{content:"";position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,224,150,.95),rgba(255,186,21,.35) 30%,transparent 65%);filter:blur(5px);animation:pulse 5s ease-in-out infinite}
.tc{position:absolute;left:20px;bottom:16px;z-index:2;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums}
.reel .ph{position:absolute;top:16px;left:20px;z-index:2}
.reel-play{display:none;position:absolute;left:50%;top:50%;z-index:3;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(20,19,18,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;place-items:center}
.reel-play::before{content:"";margin-left:5px;border-left:18px solid var(--ink);border-top:11px solid transparent;border-bottom:11px solid transparent}
.reel-cap{display:none;margin-top:14px;color:var(--muted);font-size:14px}

/* ---------- 04 frequency claim (C's title motion) ---------- */
.freq{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,5cqi,80px);align-items:end}
.kin{font-family:var(--display);font-weight:800;font-stretch:125%;font-size:clamp(32px,5cqi,74px);line-height:1;letter-spacing:-.03em;text-wrap:balance}
.kin .w{display:inline-block;white-space:nowrap}
.kin .g{display:inline-block;font-variation-settings:"wdth" 125}
.kin.pre .g{font-variation-settings:"wdth" 62;opacity:.28;transform:translateY(.1em)}
.kin.play .g{animation:kinW 1.5s var(--ease) both;animation-delay:calc(var(--i) * 75ms)}
.freq-body{display:grid;gap:14px;max-width:46ch}
.anti{font-size:clamp(19px,1.9cqi,24px);line-height:1.35;font-weight:500;color:var(--ink)}
.freq-body p:not(.anti){color:var(--ink-2)}

/* ---------- 05 two halves ---------- */
.halves{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5cqi,64px)}
.gline{font-family:var(--display);font-weight:700;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(22px,2.3cqi,32px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 24px;min-height:2.3em;text-wrap:balance}
.svc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 6px;border-top:1px solid var(--line);text-decoration:none;transition:background .35s}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc b{font-weight:600;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.svc span.l{grid-column:1;color:var(--muted);font-size:14.5px;max-width:54ch}
.svc i{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;color:var(--faint);transition:transform .35s var(--ease),color .35s}
.svc:hover{background:linear-gradient(90deg,rgba(255,186,21,.07),transparent 70%)}
.svc:hover i{transform:translateX(5px);color:var(--amber-hi)}

/* ---------- 06 selected work ---------- */
.work-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.work-head .m:last-child{color:var(--faint)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tile{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:16/10;isolation:isolate;border:1px solid rgba(255,255,255,.07);text-decoration:none}
.tile.feat{grid-column:1/-1;aspect-ratio:21/9}
.tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,8,9,.95) 0%,rgba(8,8,9,.62) 44%,transparent 74%)}
.tile .ph{position:absolute;top:14px;right:16px;z-index:3}
.meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,2.4cqi,32px);display:grid;gap:8px}
.nm{font-family:var(--display);font-stretch:112%;font-variation-settings:"wdth" 112;font-weight:750;font-size:clamp(21px,2.1cqi,30px);letter-spacing:-.025em;line-height:1.05}
.tile.feat .nm{font-size:clamp(24px,3.2cqi,46px)}
.ln{font-size:clamp(13.5px,1.2cqi,15.5px);color:#D9D3C7;max-width:58ch}
.row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:4px}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:.03em;padding:5px 9px;border-radius:999px;background:rgba(255,186,21,.12);color:var(--amber-hi);border:1px solid rgba(255,186,21,.26);white-space:nowrap}
.disc{font-family:var(--mono);font-size:10.5px;color:#A9A399;letter-spacing:.07em;text-transform:uppercase}
.view{font-size:13.5px;font-weight:500;color:var(--amber-hi)}
.sweep{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,226,160,.2) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1.1s var(--ease)}
.tile .art{transition:transform .9s var(--ease)}
.tile.link:hover .sweep,.tile.link:focus-visible .sweep{transform:translateX(120%)}
.tile.link:hover .art{transform:scale(1.045)}
.compact{margin-top:22px}
.crow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:6px 24px;padding:16px 6px;border-top:1px solid var(--line);align-items:baseline}
.crow:last-child{border-bottom:1px solid var(--line)}
.crow b{font-weight:600;font-size:16px}

/* placeholder frames */
.art{position:absolute;inset:0;overflow:hidden}
.art::before,.art::after{content:"";position:absolute}
.art.do{background:radial-gradient(70% 90% at 72% 112%,rgba(255,186,21,.62),transparent 60%),radial-gradient(40% 60% at 16% 16%,rgba(243,201,161,.16),transparent 70%),linear-gradient(180deg,#1c1510,#0b0908)}
.art.do::before{left:66%;bottom:0;width:5%;height:62%;background:linear-gradient(180deg,rgba(255,220,150,0),rgba(255,214,140,.5));filter:blur(3px)}
.art.do::after{left:0;right:0;bottom:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,130,.45),transparent)}
.art.kw{background:radial-gradient(30% 42% at 50% 45%,rgba(130,185,255,.34),transparent 70%),radial-gradient(60% 75% at 50% 48%,rgba(10,87,151,.78),transparent 72%),linear-gradient(160deg,#071019,#0b0d12)}
.art.kw::before{left:50%;top:42%;width:14%;aspect-ratio:9/16;transform:translate(-50%,-50%);border-radius:16%;border:1.5px solid rgba(190,220,255,.6);box-shadow:0 0 34px rgba(120,180,255,.4),inset 0 0 20px rgba(120,180,255,.2)}
.art.wo{background:linear-gradient(115deg,#E9C09A 0%,#B98563 30%,#1d4466 58%,#0a1624 100%)}
.art.wo::before{inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.05))}
.art.wo::after{left:49%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.35);box-shadow:0 0 14px rgba(255,255,255,.35)}
.art.td{background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,186,21,.09) 26px 27px),radial-gradient(80% 70% at 22% 88%,rgba(20,57,88,.95),transparent 70%),#0a0c10}
.art.td::before{left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(255,186,21,.42),rgba(255,186,21,0));clip-path:polygon(0 88%,16% 80%,31% 84%,48% 60%,66% 50%,82% 26%,100% 8%,100% 100%,0 100%)}
.art.tx{background:radial-gradient(60% 70% at 72% 30%,rgba(10,87,151,.7),transparent 70%),#0b0d12}
.art.tx::before{inset:0;background:radial-gradient(circle,rgba(255,205,100,.6) 0 1.4px,transparent 2px) 0 0/20px 20px;-webkit-mask-image:radial-gradient(55% 60% at 58% 42%,#000,transparent 75%);mask-image:radial-gradient(55% 60% at 58% 42%,#000,transparent 75%)}

/* ---------- 06B testimonials ---------- */
.quotes{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line)}
.q{display:grid;gap:20px;align-content:start;padding-block:clamp(24px,3cqi,40px);border-bottom:1px solid var(--line)}
.q:nth-child(odd){padding-right:clamp(20px,3cqi,44px);border-right:1px solid var(--line)}
.q:nth-child(even){padding-left:clamp(20px,3cqi,44px)}
.q blockquote p{font-size:clamp(16px,1.45cqi,18.5px);line-height:1.55;color:var(--ink-2);max-width:56ch}
.who{display:grid;gap:3px}
.who b{font-weight:600;font-size:14.5px}
.who span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* ---------- 07 moat ---------- */
.moat{position:relative;isolation:isolate;text-align:center}
.moat .glow{position:absolute;z-index:-1;left:50%;top:50%;width:70cqi;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,186,21,.13),transparent 60%);filter:blur(24px);pointer-events:none}
.moat .flare{width:22px;height:22px;margin-bottom:30px}
.moat blockquote{margin:0 auto;max-width:21ch;font-family:var(--display);font-weight:750;font-stretch:118%;font-variation-settings:"wdth" 118;font-size:clamp(26px,3.8cqi,56px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.moat .dim{color:var(--muted)}

/* ---------- 08 founder + collective ---------- */
.founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5cqi,80px);align-items:start}
.portrait{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(80% 60% at 30% 18%,rgba(255,186,21,.2),transparent 60%),linear-gradient(180deg,#221e19,#121110)}
.portrait .ph{position:absolute;left:18px;bottom:16px}
.lede{font-size:clamp(20px,2cqi,26px);line-height:1.38;font-weight:500;color:var(--ink);margin:16px 0 26px;max-width:36ch}
.body{display:grid;gap:16px}
.body p{color:var(--ink-2);max-width:60ch}
.codes{display:inline-grid;grid-template-columns:repeat(5,2.6ch);gap:0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ink);font-variant-numeric:tabular-nums}
.codes .off{color:var(--faint);text-align:center}
.mk{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mk .m{color:var(--muted)}
.coll{margin-top:clamp(64px,8cqi,112px)}
.coll-intro{font-size:clamp(18px,1.7cqi,22px);font-weight:500;margin:12px 0 26px}
.prow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.6fr) auto;gap:10px 36px;padding:24px 6px;border-top:1px solid var(--line);align-items:start}
.prow:last-child{border-bottom:1px solid var(--line)}
.pn b{display:block;font-weight:600;font-size:17px}
.pn i{color:var(--muted);font-size:14px}
.pn .m{display:block;margin-top:6px;color:var(--amber-hi)}
.prow p{color:var(--ink-2);font-size:15px;max-width:60ch}

/* ---------- 09 CTA ---------- */
.cta{position:relative;isolation:isolate;text-align:center;padding-block:clamp(104px,13cqi,196px)}
.bloom2{position:absolute;z-index:-1;left:50%;bottom:-48cqi;width:92cqi;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,190,50,.46),rgba(255,140,20,.14) 34%,transparent 62%);filter:blur(30px);animation:breathe 10s ease-in-out infinite alternate;pointer-events:none}
.cta h2{font-family:var(--display);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(30px,4.6cqi,68px);line-height:1;letter-spacing:-.035em;max-width:17ch;margin:0 auto 36px;text-wrap:balance}
.pill.big{padding:16px 28px;font-size:15.5px}

/* ---------- 10 footer ---------- */
.foot{background:var(--deep);border-top:1px solid var(--line);padding-block:56px 36px;font-size:14px}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,.8fr)) minmax(0,2.3fr);gap:32px}
.fcol{display:grid;gap:10px;align-content:start}
.fcol h3{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.fcol a{color:var(--ink-2);text-decoration:none}
.fcol a:hover{color:var(--ink)}
.brand{display:grid;gap:18px;align-content:start}
.brand a.mw{color:var(--amber-hi);text-decoration:none;font-weight:500}
.reach{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.reach h3{grid-column:1/-1}
.addr{display:grid;gap:4px;color:var(--ink-2)}
.addr b{color:var(--ink);font-weight:600}
.addr span{color:var(--muted)}
.email{grid-column:1/-1;color:var(--ink);font-weight:500;user-select:all}
.fbase{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:52px;padding-top:20px;border-top:1px solid var(--line);color:var(--faint);font-size:13px}
.fbase nav{display:flex;gap:18px}
.fbase a{text-decoration:none;color:var(--muted)}
.colo{margin-top:12px;color:var(--faint)}

/* ---------- phone layout (container) ---------- */
@container site (max-width:1020px){
  .fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brand,.reach{grid-column:1/-1}
}
@container site (max-width:760px){
  .nav-in{flex-wrap:wrap;row-gap:10px;padding-block:12px}
  .halves-nav{order:3;width:100%}
  .gw{flex:1;position:static}
  .grp{width:100%;justify-content:center}
  .drop{left:0;right:0;min-width:0}
  .nav-r>a{display:none}
  .burger{display:grid}
  .thesis{font-stretch:108%;font-variation-settings:"wdth" 108;font-size:36px;line-height:.98;max-width:none}
  .bloom{width:150cqi;top:-60cqi;right:-70cqi}
  .streak{top:42cqi}
  .reel{border-radius:14px}
  .freq,.halves,.founder{grid-template-columns:1fr}
  .kin{font-size:36px}
  .gline{min-height:0}
  .grid{grid-template-columns:1fr}
  .tile,.tile.feat{aspect-ratio:4/5}
  .crow{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
  .q:nth-child(n){padding-inline:0;border-right:0}
  .portrait{max-width:300px}
  .prow{grid-template-columns:1fr;gap:10px}
  .fgrid{grid-template-columns:1fr 1fr}
  .reach{grid-template-columns:1fr}
}


/* ---------- motion ---------- */
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-7cqi,5cqi) scale(1.12)}}
@keyframes streak{0%,100%{opacity:.3;transform:rotate(-4deg) translateX(-6%)}50%{opacity:.85;transform:rotate(-4deg) translateX(6%)}}
@keyframes breathe{0%{opacity:.75;transform:translateX(-50%) scale(.96)}100%{opacity:1;transform:translateX(-50%) scale(1.06)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes kinW{from{font-variation-settings:"wdth" 62;opacity:.28;transform:translateY(.1em)}to{font-variation-settings:"wdth" 125;opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reel-play{display:grid}
  .reel-cap{display:block}
  .kin.pre .g{font-variation-settings:"wdth" 125;opacity:1;transform:none}
}

/* =====================================================================
   Inner pages (Launch 1) — extends the homepage system above
   ===================================================================== */
:root{--danger:#FF7B5E;--danger-bg:rgba(255,123,94,.09);--note:#8EC3F2;--note-ink:#D3E6F8;--note-bg:rgba(10,87,151,.18)}
.pt0{padding-top:0!important}
.sec-label{margin-bottom:22px}

/* ---------- inner hero: thesis + contained asset ---------- */
.ihero{position:relative;isolation:isolate;padding-top:clamp(36px,5.5cqi,88px);padding-bottom:clamp(56px,7cqi,104px)}
.ihero .bloom{width:66cqi;top:-32cqi;right:-16cqi}
.ihero .streak{top:10cqi;opacity:.5}
.ihero.dim .bloom{opacity:.5}
.ihero.quiet .bloom{opacity:.28}
.ihero .label{margin-bottom:24px}
.kin.ithesis{font-size:clamp(36px,6cqi,92px);line-height:.96;letter-spacing:-.037em;max-width:15ch;text-shadow:0 0 60px rgba(255,186,21,.18)}
.kin.cname{font-size:clamp(40px,7cqi,108px);line-height:.94;letter-spacing:-.04em;max-width:none;text-shadow:0 0 60px rgba(255,186,21,.18)}
.cs-line{font-size:clamp(20px,2.1cqi,28px);line-height:1.32;font-weight:500;max-width:40ch;margin-top:26px;color:var(--ink);text-wrap:balance}
.metarow{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;color:var(--muted);align-items:baseline}
.metarow .yr{color:var(--amber-hi)}
.metarow .ct{color:var(--ink)}
.frame{margin:clamp(40px,5cqi,72px) 0 0;display:grid;gap:12px}
.frame .box{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(255,186,21,.2);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 40px 120px -40px rgba(255,170,30,.45);background:#0c0b09}
.frame .box .ph{position:absolute;top:16px;left:20px;z-index:2}
.frame figcaption{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;color:var(--muted)}

/* ---------- 04 what it is / the problem ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5cqi,80px);align-items:start}
.bigl{font-family:var(--display);font-weight:700;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(26px,2.9cqi,42px);line-height:1.06;letter-spacing:-.028em;text-wrap:balance;max-width:16ch}
.prose{display:grid;gap:18px;max-width:62ch}
.prose p{color:var(--ink-2)}
.prose .reset{font-family:var(--display);font-weight:800;font-stretch:118%;font-variation-settings:"wdth" 118;font-size:clamp(24px,2.6cqi,36px);line-height:1.04;letter-spacing:-.03em;color:var(--ink);padding-block:14px;text-wrap:balance}

/* ---------- 05 process: the only numbered block ---------- */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.step{position:relative;padding:40px 24px 6px 0;display:grid;gap:10px;align-content:start}
.step::before{content:"";position:absolute;top:13px;left:0;right:0;height:1px;background:var(--line-2)}
.step:last-child::before{background:linear-gradient(90deg,var(--line-2),rgba(255,186,21,.8));box-shadow:0 0 12px rgba(255,186,21,.35)}
.step .n{position:absolute;top:6px;left:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--amber-hi);background:var(--canvas);padding-right:12px;font-variant-numeric:tabular-nums}
.step b{font-family:var(--display);font-weight:750;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(19px,1.75cqi,24px);letter-spacing:-.02em;line-height:1.08}
.step p{color:var(--muted);font-size:14.5px;max-width:30ch}

/* ---------- 06 what you get ---------- */
.get{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5cqi,80px);align-items:start}
.get-r{display:grid;gap:clamp(36px,4cqi,56px)}
.kv{margin:14px 0 0;display:grid}
.kv div{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr);gap:4px 24px;padding:15px 4px;border-top:1px solid var(--line)}
.kv div:last-child{border-bottom:1px solid var(--line)}
.kv dt{font-weight:600;font-size:15px}
.kv dd{margin:0;color:var(--muted);font-size:14.5px}
.timing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.tcell{padding:20px 18px;border-radius:16px;background:var(--raise);border:1px solid var(--line);display:grid;gap:8px;align-content:start}
.tcell b{font-family:var(--display);font-weight:800;font-stretch:118%;font-variation-settings:"wdth" 118;font-size:clamp(24px,2.3cqi,34px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.tcell span{color:var(--muted);font-size:13.5px;line-height:1.4}

/* ---------- 07 the objection ---------- */
.obj{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 36px;align-items:start;max-width:1000px}
.obj .flare{width:22px;height:22px;margin-top:9px}
.obj p{font-size:clamp(20px,2cqi,27px);line-height:1.42;font-weight:450;color:var(--ink-2);max-width:56ch;text-wrap:pretty}
.obj p .hi{color:var(--ink);font-weight:500}

/* ---------- 08 proof rows ---------- */
.plist{border-top:1px solid var(--line)}
.pr{display:grid;grid-template-columns:clamp(120px,15cqi,190px) minmax(0,1.5fr) minmax(0,1fr);gap:16px 32px;padding:22px 6px;border-bottom:1px solid var(--line);align-items:center;text-decoration:none;color:inherit;transition:background .35s}
.pr .th{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.pr .nm2{font-family:var(--display);font-weight:750;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(20px,1.9cqi,26px);letter-spacing:-.02em;line-height:1.05}
.pr .ln2{color:var(--ink-2);font-size:15px;margin-top:8px;max-width:58ch}
.pr .disc{display:block;margin-top:10px}
.pr .side{display:grid;gap:8px;align-content:center}
.pr .side .m{color:var(--faint)}
.pr .out{font-size:14.5px;color:var(--ink)}
.pr .out.blank{font-family:var(--mono);color:var(--faint)}
a.pr:hover{background:linear-gradient(90deg,rgba(255,186,21,.07),transparent 70%)}
a.pr .view{margin-top:4px}

/* ---------- case study: workstreams ---------- */
.ws-group+.ws-group{margin-top:clamp(40px,4.5cqi,64px)}
.ws{display:grid;grid-template-columns:clamp(96px,11cqi,140px) minmax(0,.85fr) minmax(0,1.6fr);gap:12px 28px;padding:20px 6px;border-top:1px solid var(--line);align-items:start}
.ws:last-child{border-bottom:1px solid var(--line)}
.ws .th{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.ws h3{font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.3}
.ws .spec{display:inline-block;margin-top:8px;color:var(--amber-hi)}
.ws p{color:var(--ink-2);font-size:15px;max-width:60ch}
.ws p strong{color:var(--ink);font-weight:600}
.across{margin-top:22px;color:var(--ink-2)}
.across b{color:var(--ink);font-weight:600}

/* ---------- pull quote ---------- */
.pq{position:relative;isolation:isolate;text-align:center}
.pq .glow{position:absolute;z-index:-1;left:50%;top:50%;width:64cqi;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,186,21,.12),transparent 60%);filter:blur(24px);pointer-events:none}
.pq .flare{width:22px;height:22px;margin-bottom:28px}
.pq blockquote{margin:0 auto;max-width:24ch;font-family:var(--display);font-weight:750;font-stretch:118%;font-variation-settings:"wdth" 118;font-size:clamp(26px,3.5cqi,52px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.pq figcaption{margin-top:28px;display:grid;gap:4px;justify-items:center}
.pq figcaption b{font-weight:600;font-size:15px}
.pq figcaption span{color:var(--muted)}

/* ---------- gallery ---------- */
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}
.gal figure{margin:0;display:grid;gap:10px;align-content:start}
.gal .box{position:relative;aspect-ratio:4/3;max-width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.gal .box .ph{position:absolute;left:14px;bottom:12px;z-index:2}
.gal figcaption{color:var(--muted)}

/* ---------- outcome ---------- */
.outc{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:18px clamp(28px,5cqi,80px);align-items:start}
.outc .big{font-size:clamp(21px,2.2cqi,30px);line-height:1.32;font-weight:500;max-width:42ch;text-wrap:pretty}
.outc .attr{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.02em;line-height:1.65;color:var(--muted);max-width:70ch}

/* ---------- more work ---------- */
.more{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr) auto;gap:8px 32px;align-items:center;padding:26px 6px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);text-decoration:none;transition:background .35s}
.more b{font-family:var(--display);font-weight:750;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(22px,2.2cqi,30px);letter-spacing:-.02em}
.more span.l{color:var(--ink-2)}
.more i{font-style:normal;color:var(--amber-hi);font-size:20px;transition:transform .35s var(--ease)}
.more:hover{background:linear-gradient(90deg,rgba(255,186,21,.07),transparent 70%)}
.more:hover i{transform:translateX(5px)}

/* ---------- contact ---------- */
.intro{font-size:clamp(18px,1.75cqi,22px);line-height:1.5;color:var(--ink-2);max-width:50ch;margin-top:26px}
.cgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,5cqi,80px);align-items:start}
.cform{display:grid;gap:20px}
.cform *{box-sizing:border-box}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{display:grid;gap:8px;align-content:start}
.fld label{font-weight:500;font-size:14.5px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.fld .opt{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.fld input,.fld textarea{appearance:none;width:100%;max-width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--raise);border:1px solid var(--line-2);border-radius:14px;padding:13px 15px;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:128px;resize:vertical;line-height:1.5}
.fld input::placeholder,.fld textarea::placeholder{color:var(--faint)}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,186,21,.18)}
.fld .hint{font-size:13.5px;color:var(--muted);min-height:1em}
.fld .hint:empty{display:none}
.fld.bad input,.fld.bad textarea{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}
.fld.bad .hint{color:var(--danger);display:block}
.alert{padding:13px 16px;border-radius:12px;border:1px solid rgba(255,123,94,.45);background:var(--danger-bg);color:var(--ink);font-weight:500;font-size:14.5px}
.alert:empty{display:none}
.turn{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px dashed var(--line-2);max-width:100%}
.sendrow{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap}
button.pill{border:0;cursor:pointer}
.pill[aria-disabled="true"]{opacity:.72;cursor:progress;box-shadow:none}
.sent{padding:clamp(24px,3cqi,40px);border-radius:20px;border:1px solid rgba(255,186,21,.3);background:radial-gradient(80% 120% at 0% 0%,rgba(255,186,21,.14),transparent 60%),var(--raise);display:grid;gap:16px}
.sent .flare{width:20px;height:20px}
.sent p{font-family:var(--display);font-weight:750;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(22px,2.4cqi,32px);line-height:1.15;letter-spacing:-.02em;max-width:26ch;text-wrap:balance}
.details{display:grid;gap:24px;padding:clamp(22px,2.4cqi,32px);border-radius:18px;background:var(--raise);border:1px solid var(--line)}
.details .addr{font-size:14.5px}
.details .email{font-size:16px}

/* ---------- legal template ---------- */
.legal{padding-block:clamp(36px,5cqi,80px) clamp(72px,9cqi,120px)}
.lgrid{display:grid;grid-template-columns:224px minmax(0,1fr);gap:clamp(28px,5cqi,80px);align-items:start}
.rail{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);display:grid;gap:22px}
.sibs{display:flex;flex-wrap:wrap;gap:6px}
.sibs a{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:6px 9px;border-radius:999px;border:1px solid var(--line)}
.sibs a[aria-current="page"]{color:#131313;background:var(--ink);border-color:var(--ink)}
.toc{display:grid}
.toc a{font-size:13.5px;line-height:1.35;color:var(--muted);text-decoration:none;padding:7px 0 7px 14px;border-left:1px solid var(--line)}
.toc a:hover{color:var(--ink);border-left-color:var(--amber)}
.lbody{max-width:740px;min-width:0}
.marker{font-family:var(--mono);font-size:12px;letter-spacing:.06em;line-height:1.55;color:#131313;background:var(--amber);padding:12px 16px;border-radius:12px;font-weight:600;margin-bottom:34px;box-shadow:0 10px 40px -12px rgba(255,186,21,.6)}
.lh1{font-family:var(--display);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(42px,5.4cqi,76px);line-height:.95;letter-spacing:-.04em}
.stand{font-size:clamp(19px,1.8cqi,23px);line-height:1.4;color:var(--ink);margin-top:20px;max-width:44ch;text-wrap:balance}
.upd{margin-top:20px;color:var(--faint)}
.lsec{margin-top:40px;padding-top:36px;border-top:1px solid var(--line);display:grid;gap:14px;scroll-margin-top:100px}
.lsec h2{font-family:var(--display);font-weight:750;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:clamp(21px,2cqi,26px);letter-spacing:-.02em;line-height:1.15}
.lsec p{color:var(--ink-2);max-width:66ch}
.lsec strong{color:var(--ink);font-weight:600}
.lsec a{color:var(--amber-hi)}
.tbl{overflow-x:auto;max-width:100%}
.tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.tbl th{text-align:left;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 14px 10px 0;border-bottom:1px solid var(--line-2)}
.tbl td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.tbl td:first-child{color:var(--ink)}
.addr2{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding:18px 0;border-block:1px solid var(--line)}
.addr2 .m{color:var(--muted);margin-bottom:6px;display:block}
.addr2 p{color:var(--ink-2);font-size:14.5px}
.gap{font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--amber-hi);background:rgba(255,186,21,.07);border:1px dashed rgba(255,186,21,.5);border-radius:6px;padding:2px 7px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---------- 404 ---------- */
.routes{max-width:760px;margin-top:clamp(36px,4cqi,56px)}
.lost{font-size:clamp(18px,1.75cqi,22px);color:var(--ink-2);max-width:46ch;margin-top:24px}



/* ---------- inner pages at phone width ---------- */
@container site (max-width:900px){
  .steps{grid-template-columns:1fr}
  .step{padding:18px 0 18px 58px;border-top:1px solid var(--line)}
  .step:last-child{border-bottom:1px solid var(--line)}
  .step::before{display:none}
  .step .n{top:22px}
  .step p{max-width:none}
  .get{grid-template-columns:1fr}
  .lgrid{grid-template-columns:1fr}
  .rail{position:static}
  .toc{display:none}
}
@container site (max-width:760px){
  .kin.ithesis{font-size:40px;max-width:none}
  .kin.cname{font-size:44px}
  .ihero .bloom{width:150cqi;top:-64cqi;right:-72cqi}
  .split,.cgrid,.outc{grid-template-columns:1fr}
  .timing{grid-template-columns:1fr}
  .tcell{grid-template-columns:auto 1fr;align-items:baseline;gap:14px}
  .obj{grid-template-columns:1fr}
  .pr{grid-template-columns:1fr}
  .pr .th{width:100%}
  .ws{grid-template-columns:1fr}
  .ws .th{width:100%;max-width:260px}
  .gal{grid-template-columns:1fr 1fr}
  .more{grid-template-columns:1fr auto}
  .more .m{grid-column:1/-1}
  .two{grid-template-columns:1fr}
  .addr2{grid-template-columns:1fr}
  .kv div{grid-template-columns:1fr}
  .lh1{font-size:44px}
}
@container site (max-width:460px){
  .gal{grid-template-columns:1fr}
}

/* ---------- more placeholder frames ---------- */
.art.sign{background:radial-gradient(55% 70% at 28% 64%,rgba(243,201,161,.5),transparent 62%),radial-gradient(45% 60% at 80% 26%,rgba(255,186,21,.42),transparent 66%),linear-gradient(160deg,#2b1d12,#0d0a08)}
.art.sign::before{left:14%;right:14%;top:24%;height:36%;border-radius:6px;border:2px solid rgba(255,222,165,.5);background:repeating-linear-gradient(90deg,rgba(255,186,21,.14) 0 16px,transparent 16px 32px)}
.art.sign::after{left:22%;right:22%;top:66%;height:2px;background:rgba(255,222,165,.35)}
.art.docu{background:radial-gradient(70% 80% at 30% 100%,rgba(243,201,161,.4),transparent 60%),radial-gradient(50% 50% at 80% 20%,rgba(10,87,151,.5),transparent 70%),linear-gradient(180deg,#15120f,#0a0908)}
.art.docu::before{left:0;right:0;bottom:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(243,201,161,.4),transparent)}
.art.map{background:radial-gradient(circle,rgba(255,205,100,.55) 0 1.3px,transparent 2px) 0 0/18px 18px,radial-gradient(60% 70% at 40% 50%,rgba(10,87,151,.65),transparent 72%),#0a0c10}
.art.map::before{inset:0;background:radial-gradient(22% 30% at 58% 44%,rgba(255,186,21,.35),transparent 70%)}
.art.name{background:linear-gradient(135deg,#1b1712,#0b0a09)}
.art.name::before{left:18%;right:18%;top:40%;height:14%;border-radius:3px;background:linear-gradient(90deg,rgba(255,186,21,.55),rgba(243,201,161,.25))}
.art.name::after{left:18%;width:38%;top:60%;height:6%;border-radius:3px;background:rgba(255,255,255,.14)}
.art.train{background:radial-gradient(40% 55% at 62% 55%,rgba(130,185,255,.28),transparent 70%),linear-gradient(170deg,#0e1319,#0a0b0d)}
.art.train::before{left:30%;top:30%;width:40%;height:40%;border-radius:50%;border:1.5px solid rgba(190,220,255,.4)}
.art.print{background:linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25)),repeating-linear-gradient(0deg,rgba(243,201,161,.1) 0 1px,transparent 1px 22px),linear-gradient(150deg,#3a2c1e,#16110c)}
.art.print::before{left:20%;top:16%;width:34%;height:68%;background:rgba(243,201,161,.22);border:1px solid rgba(243,201,161,.4);transform:rotate(-4deg)}
.art.print::after{left:48%;top:20%;width:32%;height:62%;background:rgba(255,186,21,.16);border:1px solid rgba(255,186,21,.4);transform:rotate(5deg)}
.art.radio{background:repeating-radial-gradient(circle at 50% 60%,rgba(255,186,21,.2) 0 1px,transparent 1px 22px),radial-gradient(40% 50% at 50% 60%,rgba(255,186,21,.35),transparent 70%),#0d0b09}
.art.road{background:linear-gradient(180deg,#221a12 0 52%,#0e0c0a 52%),radial-gradient(60% 40% at 50% 52%,rgba(255,186,21,.3),transparent 70%)}
.art.road::before{left:30%;right:30%;top:18%;height:30%;border:1.5px solid rgba(255,220,160,.5);background:rgba(255,186,21,.12)}
.art.road::after{left:49.5%;top:48%;width:1%;height:30%;background:rgba(255,220,160,.35)}

/* ---------- WordPress wiring ---------- */
[hidden]{display:none!important}
/* Captions and the case-study gallery stay hidden until the real images are added: remove the class then. */
.pf-pending{display:none!important}
body.pf{margin:0;font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.pf-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50}
.admin-bar .pf-header{top:32px}
@media screen and (max-width:782px){.admin-bar .pf-header{top:46px}}
@media screen and (max-width:600px){.admin-bar .pf-header{top:0}}
.wp-site-blocks > *, .wp-site-blocks main > *{margin-block:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.pf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cf-turnstile{min-height:65px}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.reel .reel-play[aria-pressed="true"]{display:none}
/* generic page and post fallback */
.pf-generic{padding-block:clamp(56px,7cqi,104px)}
.pf-generic .wp-block-post-title{font-family:var(--display);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(36px,5cqi,72px);line-height:.98;letter-spacing:-.035em;margin:0 0 28px}
.pf-generic .wp-block-post-content{max-width:680px;color:var(--ink-2)}
.pf-generic .wp-block-post-content > * + *{margin-top:1em}
.pf-generic a{color:var(--amber-hi)}
.sec[id]{scroll-margin-top:88px}