/* Clearing: homepage only. Needs clearing.css (fonts, tokens, scoped reset, buttons, header, footer).
   Loaded only by the "Clearing Home" template, where the theme's own stylesheets are removed. */

:root{--tree:color-mix(in srgb, var(--bg) 38%, #060a07);--dusk:0;--day:0;interpolate-size:allow-keywords}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.clearing-home{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:color .45s ease}

@property --reveal { syntax: '<number>'; inherits: false; initial-value: 0; }

/* atmosphere */
.atmo{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(95% 62% at 50% 118%, rgba(233,136,52,calc(var(--dusk)*.4)) 0%, rgba(233,136,52,0) 72%),
    radial-gradient(60% 55% at 90% -14%, rgba(255,210,130,calc(var(--day)*.5)) 0%, rgba(255,210,130,0) 70%),
    radial-gradient(70% 50% at 8% 108%, rgba(214,226,190,calc(var(--day)*.28)) 0%, rgba(214,226,190,0) 70%)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:120;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .45  0 0 0 0 .35  0 0 0 1.2 -.1'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.clearing-main{position:relative;z-index:1}
.clearing-main>section{overflow-x:clip}

/* layout primitives */
.sec{position:relative;padding-block:clamp(80px,8.5vw,132px)}
.display{font-family:var(--font-display);font-weight:320;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.022em;margin:0 0 .42em;font-variation-settings:"SOFT" 30,"WONK" 0;text-wrap:balance}
.display em,.soft{font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1}
.lede{font-size:clamp(1.12rem,1.4vw,1.28rem);line-height:1.62;color:var(--fg-soft);max-width:46ch;margin:0 0 1.6em}
.eyebrow{font:600 12.5px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin:0 0 20px}
.chapter{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,128px);align-items:start}
.chapter-side{position:sticky;top:112px}
@media (max-width:960px){.chapter{grid-template-columns:1fr}.chapter-side{position:static}}

/* sunmark: the chapter glyph — the sun sits higher each chapter */
.sunmark{--h:.2;display:block;position:relative;width:58px;height:30px;margin:0 0 26px;overflow:hidden;border-bottom:1px solid var(--line)}
.sunmark::before{content:"";position:absolute;left:4px;right:4px;bottom:-26px;height:50px;border:1px dashed rgba(var(--fg-rgb),.22);border-radius:50%}
.sunmark::after{content:"";position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;bottom:calc(var(--h)*24px - 9px);border-radius:50%;background:radial-gradient(circle,#fff1cc 0 30%,#eeb24c 56%,rgba(227,167,63,0) 72%)}

/* cta row */
.cta-pair{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:10px}

/* reveals (only hidden once JS is confirmed running) */
html.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
html.js .rv.in{opacity:1;transform:none}
html.js .rv-light{opacity:0;transform:translateY(56px);filter:blur(8px);transition:opacity 1.5s var(--ease),transform 1.5s var(--ease),filter 1.5s var(--ease)}
html.js .rv-light.in{opacity:1;transform:none;filter:none}

/* ---------- hero */
.hero{--fg:#efe7d6;--fg-rgb:239,231,214;--fg-soft:rgba(239,231,214,.84);--line:rgba(239,231,214,.2);--btn-bg:#e3a73f;--btn-fg:#14201a;--btn-dot:#14201a;--accent-text:#f0c270;color:var(--fg);position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:clip;--sx:60%;--sy:58%}
.hero-media{position:absolute;inset:0;overflow:hidden}
.kb{position:absolute;inset:0;isolation:isolate;transform-origin:var(--sx) var(--sy);animation:kb 36s ease-in-out infinite alternate;will-change:transform}
.kb img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.15) rotate(.4deg)}}
.rays{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}
.rays i{position:absolute;left:-40%;top:-40%;width:180%;height:180%;--cx:calc((var(--sx) + 40%) / 1.8);--cy:calc((var(--sy) + 40%) / 1.8);transform-origin:var(--cx) var(--cy)}
.rays i:nth-child(1){background:conic-gradient(from 0deg at var(--cx) var(--cy),transparent 0deg,rgba(255,222,160,.0) 60deg,rgba(255,222,160,.34) 66deg,transparent 72deg,transparent 88deg,rgba(255,214,150,.26) 94deg,transparent 101deg,rgba(255,226,170,.18) 112deg,transparent 118deg,transparent 132deg,rgba(255,214,150,.3) 139deg,transparent 146deg,transparent 162deg,rgba(255,230,180,.2) 168deg,transparent 172deg,transparent 196deg,rgba(255,214,150,.28) 204deg,transparent 212deg,rgba(255,226,170,.16) 224deg,transparent 229deg,transparent 246deg,rgba(255,214,150,.3) 254deg,transparent 262deg,transparent 280deg,rgba(255,222,160,.2) 287deg,transparent 293deg,transparent 360deg);
  -webkit-mask-image:radial-gradient(circle at var(--cx) var(--cy),#000 0,rgba(0,0,0,.6) 16%,transparent 40%);mask-image:radial-gradient(circle at var(--cx) var(--cy),#000 0,rgba(0,0,0,.6) 16%,transparent 40%);filter:blur(7px);animation:sway 17s ease-in-out infinite alternate}
.rays i:nth-child(2){background:conic-gradient(from 12deg at var(--cx) var(--cy),transparent 0deg,transparent 70deg,rgba(255,236,190,.22) 80deg,transparent 90deg,transparent 122deg,rgba(255,236,190,.2) 131deg,transparent 140deg,transparent 185deg,rgba(255,236,190,.24) 192deg,transparent 200deg,transparent 232deg,rgba(255,236,190,.2) 241deg,transparent 250deg,transparent 360deg);
  -webkit-mask-image:radial-gradient(circle at var(--cx) var(--cy),#000 0,rgba(0,0,0,.4) 22%,transparent 46%);mask-image:radial-gradient(circle at var(--cx) var(--cy),#000 0,rgba(0,0,0,.4) 22%,transparent 46%);filter:blur(16px);animation:sway 24s ease-in-out -9s infinite alternate-reverse}
.rays i:nth-child(3){background:radial-gradient(circle at var(--cx) var(--cy),rgba(255,244,214,.55) 0,rgba(255,214,140,.2) 5%,rgba(255,214,140,0) 14%);animation:breathe 9s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-2.4deg)}to{transform:rotate(2.6deg)}}
@keyframes breathe{from{opacity:.65}to{opacity:1}}
.motes{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(11,18,13,.72) 0%,rgba(11,18,13,0) 20%),
  linear-gradient(90deg,rgba(11,18,13,.95) 0%,rgba(11,18,13,.86) 28%,rgba(11,18,13,.45) 46%,rgba(11,18,13,0) 62%),
  linear-gradient(0deg,rgb(11,18,13) 0%,rgba(11,18,13,.7) 12%,rgba(11,18,13,0) 32%)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:118px var(--gut) 0}
.hero-copy{max-width:640px}
.hero .eyebrow{margin-bottom:26px}
.h1{font-family:var(--font-display);font-weight:300;line-height:.94;letter-spacing:-.028em;margin:0 0 28px}
.h1-a{display:block;font-size:clamp(3rem,6.4vw,6rem);font-variation-settings:"SOFT" 40,"WONK" 0}
.h1-b{display:block;margin-top:.3em;font-size:clamp(1.65rem,3vw,2.85rem);line-height:1.08;font-style:italic;font-weight:300;letter-spacing:-.012em;font-variation-settings:"SOFT" 100,"WONK" 1;color:#f3dcb0}
.h1-b em{color:#efb24e}
.hero-sub{font-family:var(--font-display);font-weight:350;font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.35;margin:0 0 18px;max-width:30ch;font-variation-settings:"SOFT" 50}
.hero-body{font-size:clamp(1.02rem,1.2vw,1.1rem);color:var(--fg-soft);max-width:54ch;margin:0 0 30px}
.play{position:absolute;z-index:3;left:60%;top:58%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;color:#fff7e6}
.play-disc{position:relative;width:92px;height:92px;border-radius:50%;background:rgba(10,16,12,.8);border:1px solid rgba(255,226,160,.75);display:grid;place-items:center;transition:transform .5s var(--ease),background-color .4s}
.play-disc svg{width:24px;height:24px;margin-left:4px;fill:#f7e3b5}
.play-disc::before,.play-disc::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255,230,170,.7);animation:halo 4s var(--ease) infinite}
.play-disc::after{animation-delay:2s}
@keyframes halo{from{transform:scale(1);opacity:.85}to{transform:scale(2.1);opacity:0}}
.play:hover .play-disc{transform:scale(1.07);background:rgba(10,16,12,.92)}
.play-label{font:600 12px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;padding:9px 14px;border-radius:999px;background:rgba(10,16,12,.74)}
.creds{position:relative;z-index:2;list-style:none;width:100%;max-width:var(--max);margin:34px auto 0;padding:22px var(--gut) 28px;display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:center;font:600 11px/1.55 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:rgba(239,231,214,.86)}
.creds::before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);height:1px;background:linear-gradient(90deg,rgba(239,231,214,.28),rgba(239,231,214,.06))}
.creds li{padding:2px clamp(12px,1.6vw,24px);border-left:1px solid rgba(239,231,214,.16)}
.creds li:nth-child(2){border-left:0}
.creds .cred-logo{border-left:0;padding-left:0;max-width:none}
.cred-logo img{height:34px;width:auto;border-radius:7px;background:#fff;padding:4px 7px}
@media (max-width:900px){
  .hero{justify-content:flex-start}
  .hero-media{bottom:auto;height:70svh;height:70vh}
  .hero-shade{background:linear-gradient(180deg,rgba(11,18,13,.7) 0%,rgba(11,18,13,0) 22%),linear-gradient(0deg,rgb(11,18,13) 0%,rgba(11,18,13,.82) 22%,rgba(11,18,13,0) 50%)}
  .hero-inner{padding-top:calc(58vh)}
  .hero-copy{max-width:none}
  .play{top:32%}
  .creds{grid-template-columns:1fr 1fr;gap:14px 0;margin-top:36px}
  .creds li{max-width:none;padding:4px 14px 4px 0;border-left:0}
  .creds li:nth-child(even){padding-left:14px;border-left:1px solid rgba(239,231,214,.16)}
  .creds .cred-logo{grid-column:1/-1;border-left:0!important;padding-left:0!important}
  .creds li:last-child{grid-column:1/-1;border-left:0;padding-left:0}
}

/* ---------- trust strip */
.trust{position:relative;padding:clamp(56px,6vw,88px) 0}
.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.trust-item{display:flex;gap:22px;align-items:flex-start;padding:8px clamp(18px,3vw,44px);border-left:1px solid var(--line)}
.trust-item:first-child{border-left:0;padding-left:0}
.glyph{width:44px;height:44px;flex:none;color:var(--c-gold);fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.trust-item h3{font-family:var(--font-display);font-size:1.6rem;font-weight:350;letter-spacing:-.01em;margin:2px 0 6px}
.trust-item p{margin:0;color:var(--fg-soft);font-size:17px}
@media (max-width:860px){.trust-row{grid-template-columns:1fr;gap:28px}.trust-item{border-left:0;padding:0 0 26px;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}}

/* ---------- impact / tree rings */
.impact-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:end;margin-bottom:clamp(48px,6vw,88px)}
.impact-head .display{margin:0;font-size:clamp(2.1rem,4.2vw,3.9rem)}
.rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);list-style:none}
.ring{margin:0;text-align:center}
.ring-vis{position:relative;width:100%;max-width:250px;margin:0 auto;aspect-ratio:1;container-type:inline-size}
.ring-vis svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring-vis svg path{fill:none;stroke:#e3a73f;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2s var(--ease) var(--d,0s)}
html.js .ring:not(.in) .ring-vis svg path{stroke-dashoffset:1}
.ring-vis::before{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,rgba(240,190,100,.16),rgba(240,190,100,0) 70%)}
.num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:330;font-size:15cqi;letter-spacing:-.03em;font-variation-settings:"SOFT" 60;font-variant-numeric:lining-nums}
.ring figcaption{margin-top:18px;font:600 12.5px/1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft)}
@media (max-width:900px){.impact-head{grid-template-columns:1fr;gap:12px}.rings{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}}

/* ---------- why clients trust me */
.impact{padding-top:clamp(24px,3vw,48px);padding-bottom:clamp(56px,6vw,96px)}
.why{padding-top:clamp(24px,3vw,48px);padding-bottom:clamp(48px,5vw,80px)}
.members{padding-bottom:clamp(8px,2vw,32px)}
.why-list{list-style:none;border-top:1px solid var(--line)}
.why-item{display:grid;grid-template-columns:34px 1fr;gap:6px 22px;padding:clamp(36px,4vw,56px) 0;border-bottom:1px solid var(--line);transition:opacity .7s var(--ease)}
html.js .why-item:not(.on){opacity:.7}
.lantern{grid-row:span 2;width:22px;height:22px;margin-top:10px;border-radius:50%;border:1px solid rgba(227,167,63,.7);position:relative;transition:box-shadow .8s var(--ease)}
.lantern::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#e3a73f;transform:scale(.25);transition:transform .8s var(--ease)}
.why-item.on .lantern{box-shadow:0 0 28px 6px rgba(240,180,80,.35)}
.why-item.on .lantern::after,html:not(.js) .lantern::after{transform:scale(1)}
.why-item h3{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:340;letter-spacing:-.015em;line-height:1.1}
.why-item p{margin:0;color:var(--fg-soft)}
.note{margin-top:clamp(40px,5vw,64px);padding:clamp(28px,3.4vw,44px);border-radius:28px;border:1px solid rgba(227,167,63,.35);background:radial-gradient(120% 110% at 0% 0%,rgba(227,167,63,.16),rgba(227,167,63,0) 60%)}
.note p{margin:0 0 .4em}
.note .note-a{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.2;font-variation-settings:"SOFT" 100,"WONK" 1;margin-bottom:.55em}
.note strong{color:var(--accent-text);font-weight:600}
.note p:last-child{margin:0;color:var(--fg-soft)}

/* ---------- struggles: six paths */
.paths{position:relative;overflow-x:clip;padding-top:clamp(40px,6vw,80px)}
.paths-sticky{padding-block:0 clamp(80px,9vw,140px)}
.paths-intro{margin-bottom:48px}
.paths-intro .display{max-width:12ch}
.paths-intro .display{font-size:clamp(2.4rem,5.4vw,5rem)}
.paths-progress{display:none}
.paths-track{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}
.path-card{position:relative;isolation:isolate;overflow:hidden;padding:36px 32px 32px;border-radius:30px;background:linear-gradient(180deg,rgba(239,231,214,.06),rgba(239,231,214,.015) 70%);border:1px solid rgba(239,231,214,.12);display:flex;flex-direction:column}
.path-card .trail{position:absolute;inset:0;width:100%;height:100%;z-index:-1;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.2) 34%,#000 62%);mask-image:linear-gradient(0deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.2) 34%,#000 62%)}
.trail .e{fill:none;stroke:rgba(227,167,63,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.trail .m{fill:none;stroke:rgba(236,184,90,.38);stroke-width:1.3;stroke-dasharray:2 8;stroke-linecap:round;vector-effect:non-scaling-stroke}
.glyph-wrap{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(227,167,63,.45);background:radial-gradient(circle,rgba(227,167,63,.16),rgba(227,167,63,0) 70%)}
.glyph-wrap .glyph{width:28px;height:28px}
.path-card h3{font-family:var(--font-display);font-size:clamp(1.55rem,2.1vw,1.95rem);font-weight:350;line-height:1.12;letter-spacing:-.012em;margin:26px 0 26px;max-width:16ch}
.path-card ul{list-style:none;margin-top:auto}
.path-card li{padding:13px 0;border-top:1px solid rgba(239,231,214,.12);font-size:17px;line-height:1.5;color:var(--fg-soft)}
.emo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.paths.is-pinned .paths-sticky{position:sticky;top:0;height:100vh;padding:0;display:grid;grid-template-columns:minmax(300px,31%) minmax(0,1fr);align-items:center;overflow:hidden}
.paths.is-pinned .paths-intro{padding-left:var(--gut);padding-right:40px;margin:0;max-width:none}
.paths.is-pinned .paths-intro .display{font-size:clamp(2.4rem,4.3vw,4.4rem)}
.paths.is-pinned .paths-progress{display:block;position:relative;height:1px;background:rgba(239,231,214,.18);margin-top:40px;max-width:280px}
.paths-progress i{position:absolute;inset:0;background:linear-gradient(90deg,#e3a73f,#f6d48f);transform-origin:left;transform:scaleX(0)}
.paths-progress b{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:#0c130e;border:1px solid rgba(227,167,63,.8)}
.paths.is-pinned .paths-view{height:100vh;display:flex;align-items:center;overflow:hidden;max-width:none;padding:0;margin:0 var(--gut) 0 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 72px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 72px),transparent 100%)}
.paths.is-pinned .paths-track{display:flex;gap:26px;width:max-content;padding:0 76px 0 44px;will-change:transform}
.paths.is-pinned{padding-top:0}
.paths.is-pinned .paths-intro{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(239,231,214,.1)}
.paths.is-pinned .path-card{width:clamp(360px,30vw,440px);height:min(660px,76vh)}

/* ---------- does this sound familiar */
.familiar-head{text-align:center;max-width:820px;margin:0 auto}
.familiar-head .lede{margin-inline:auto;max-width:40ch}
.thoughts{list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(20px,2.8vw,38px);margin:clamp(56px,7vw,104px) 0}
.thoughts li{--lit:1;font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(1.45rem,2.7vw,2.5rem);line-height:1.18;letter-spacing:-.012em;opacity:calc(.6 + .4*var(--lit));color:color-mix(in oklab,#f4c56c calc(var(--lit)*62%),var(--fg))}
html.js .thoughts li{--lit:0}
.t-a{grid-column:1/span 8}.t-b{grid-column:5/span 8;text-align:right}.t-c{grid-column:3/span 8;text-align:center}.t-d{grid-column:2/span 9}
.familiar-close{position:relative;font-family:var(--font-display);font-weight:340;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.28;max-width:28ch;margin:0 auto;text-align:center;letter-spacing:-.01em}
.familiar-close::before{content:"";position:absolute;inset:-60% -30%;z-index:-1;background:radial-gradient(closest-side,rgba(233,140,52,.22),rgba(233,140,52,0))}
@media (max-width:760px){.thoughts li{grid-column:1/-1!important;text-align:left!important}.thoughts li:nth-child(even){padding-left:12vw}}

/* ---------- dawn (validation band / the pivot) */
.dawn{position:relative;overflow-x:clip}
.dawn-pin{position:relative;height:150vh}
.dawn .ls{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.dawn-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;text-align:center;padding:0 var(--gut) 14vh}
.dawn .sun{--p:0;position:absolute;left:50%;bottom:0;width:min(150vmax,2100px);aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate(-50%,calc(66% - var(--p)*42%)) scale(calc(.5 + var(--p)*.68));background:radial-gradient(closest-side,#fff6e0 0%,#ffe7b0 12%,rgba(246,196,108,.8) 28%,rgba(232,150,62,.28) 52%,rgba(232,150,62,0) 100%)}
.dawn-text{position:relative;z-index:3}
.dawn-lead{font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.2;margin:0 auto .6em;max-width:24ch}
.dawn h2{font-family:var(--font-display);font-weight:300;font-size:clamp(2.7rem,6.6vw,6.8rem);line-height:.98;letter-spacing:-.03em;max-width:14ch;margin:0 auto;text-wrap:balance;font-variation-settings:"SOFT" 40}
.dawn .trees{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(140px,26vh,290px);z-index:2;color:var(--tree)}
.dawn .trees path{fill:currentColor}
.dawn .trees .far{opacity:.55}
.dawn-cta{display:flex;justify-content:center;padding:6vh var(--gut) clamp(88px,10vw,150px)}
.dawn-cta .cta-pair{justify-content:center}

/* ---------- about */
.about .chapter{align-items:start}
.leak{position:relative;margin:0;border-radius:30px;overflow:hidden;aspect-ratio:2/3;max-height:calc(100vh - 150px);width:100%;background:#e9cf9e}
.leak img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
html.js .leak img{-webkit-mask-image:radial-gradient(150% 125% at 14% 0%,#000 calc(var(--reveal)*78% - 8%),transparent calc(var(--reveal)*108% + 6%));mask-image:radial-gradient(150% 125% at 14% 0%,#000 calc(var(--reveal)*78% - 8%),transparent calc(var(--reveal)*108% + 6%));transition:--reveal 2.6s var(--ease)}
.leak.in img{--reveal:1}
.leak-flare{position:absolute;inset:-25%;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(38% 30% at 22% 18%,rgba(255,196,120,.95),rgba(255,128,84,.4) 45%,rgba(255,128,84,0) 72%),linear-gradient(118deg,rgba(255,220,160,.5),rgba(255,220,160,0) 42%)}
.leak.in .leak-flare{animation:flare 3.6s var(--ease) forwards}
@keyframes flare{0%{opacity:0;transform:translate(-10%,-8%)}35%{opacity:1}100%{opacity:.4;transform:none}}
html:not(.js) .leak-flare{opacity:.35}
.cred-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:8px 0 48px}
.cred-list li{padding:15px 18px 15px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45;display:flex;gap:12px;align-items:baseline}
.cred-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:0 50% 0 50%;background:#d8962c;transform:translateY(-2px)}
.hello{font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 .55em}
.about-copy p:not(.hello){font-size:clamp(1.05rem,1.3vw,1.15rem);color:var(--fg-soft)}
@media (max-width:960px){.leak{max-height:none;max-width:520px}}
@media (max-width:560px){.cred-list{grid-template-columns:1fr}}

/* ---------- memberships */
.members-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
.members-head .display{margin:0;font-size:clamp(2rem,3.6vw,3.2rem)}
.logos{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.logos li{aspect-ratio:16/10;display:grid;place-items:center;padding:18px 22px;border-radius:20px;background:#fdfaf2;border:1px solid rgba(27,42,32,.08);box-shadow:0 22px 44px -34px rgba(110,70,20,.5);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.logos li:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(110,70,20,.55)}
.logos img{max-height:66px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
@media (max-width:1000px){.logos{gap:10px}.logos li{padding:12px 14px;border-radius:16px}}
@media (max-width:700px){.logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logos li{padding:14px}}

/* ---------- what you can expect: the sun's arc */
.expect-stage{padding-block:clamp(72px,8vw,120px)}
.expect-pin.is-pinned{height:175vh}
.expect-pin.is-pinned .expect-stage{position:sticky;top:0;height:100vh;padding:64px 0 0;display:flex;align-items:center}
.expect-stage>.wrap{width:100%}
.arc{position:relative;width:min(100%,1000px);margin:100px auto 0;aspect-ratio:2/1;--sa:180deg;--ap:0}
.expect-pin.is-pinned .arc{width:min(calc(100% - 300px),1000px,calc((100vh - 230px) * 2));margin-top:92px}
.arc-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.arc-line path{fill:none;vector-effect:non-scaling-stroke}
.arc-line .base{stroke:rgba(var(--fg-rgb),.22);stroke-dasharray:2 7}
.arc-line .lit{stroke:#d9982f;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ap))}
.arc-line .horizon{stroke:rgba(var(--fg-rgb),.28)}
.arc-sun{position:absolute;z-index:0;width:48px;height:48px;left:calc(50% + 45% * cos(var(--sa)));top:calc(98% - 88% * sin(var(--sa)));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff7e2 0 24%,#f7cb6c 46%,rgba(227,167,63,.3) 62%,rgba(227,167,63,0) 72%);pointer-events:none}
.arc-items{list-style:none}
.arc-items li{position:absolute;z-index:1;left:calc(50% + 45% * cos(var(--a)));top:calc(98% - 88% * sin(var(--a)));width:0;height:0;transition:opacity .8s var(--ease)}
/* labels sit radially outside the arc, so neither the path nor the sun ever crosses them */
.arc-items li span{position:absolute;width:max-content;max-width:11ch;font-family:var(--font-display);font-weight:340;font-size:clamp(1.25rem,2vw,1.95rem);line-height:1.06;letter-spacing:-.015em}
.al-t span{left:0;bottom:24px;transform:translateX(-50%);text-align:center}
.al-ul span{right:14px;bottom:14px;text-align:right}
.al-ur span{left:14px;bottom:14px;text-align:left}
.al-l span{right:24px;top:50%;transform:translateY(-50%);text-align:right}
.al-r span{left:24px;top:50%;transform:translateY(-50%);text-align:left}
.arc-items li::after{content:"";position:absolute;left:-5.5px;top:-5.5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid #c98a25;transition:background-color .6s,box-shadow .6s}
.arc-items li.lit::after,html:not(.js) .arc-items li::after{background:#e3a73f;box-shadow:0 0 18px 4px rgba(240,180,80,.5)}
html.js .arc-items li:not(.lit){opacity:.66}
.arc-center{position:absolute;left:0;right:0;bottom:6%;margin-inline:auto;width:min(640px,58%);text-align:center}
.arc-center .display{font-size:clamp(2.1rem,4vw,3.7rem);margin-bottom:.3em}
.arc-center p{margin:0 auto;color:var(--fg-soft);max-width:36ch}
@media (max-width:900px){
  .arc{aspect-ratio:auto;width:auto;margin-top:0;display:grid;gap:36px}
  .arc-line,.arc-sun{display:none}
  .arc-center{position:static;width:auto;margin:0;text-align:left}
  .arc-items{display:grid;gap:0;border-left:1px solid var(--line);margin-left:6px}
  .arc-items li{position:relative;left:auto;top:auto;width:auto;height:auto;padding:14px 0 14px 30px;opacity:1!important}
  .arc-items li span{position:static;transform:none;max-width:none;text-align:left}
  .arc-items li::after{left:-6px;top:50%;margin-top:-5.5px}
}

/* ---------- services */
.svc{padding:clamp(40px,4.4vw,60px) 0;border-top:1px solid var(--line)}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc h3{font-family:var(--font-display);font-weight:340;font-size:clamp(1.75rem,2.8vw,2.55rem);line-height:1.06;letter-spacing:-.018em;margin-bottom:12px}
.svc-desc{font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.4;color:var(--fg-soft);margin-bottom:22px}
.svc-label{font:600 12px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px}
.svc ul{list-style:none;columns:2;column-gap:36px}
.svc li{break-inside:avoid;padding:8px 0 8px 22px;position:relative;font-size:17px;line-height:1.45}
.svc li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:8px;border-radius:0 50% 0 50%;background:#d8962c}
@media (max-width:560px){.svc ul{columns:1}}

/* ---------- approach + specialist */
.approach .chapter{align-items:start}
.statement{font-family:var(--font-display);font-weight:330;font-size:clamp(1.35rem,2.25vw,2.05rem);line-height:1.36;letter-spacing:-.01em;max-width:40ch;margin:0}
.statement em{font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--accent-text)}
.spec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);padding:clamp(30px,4.5vw,64px);border-radius:34px;border:1px solid var(--line);background:var(--surface)}
.spec .display{font-size:clamp(1.9rem,3.2vw,3rem)}
.spec-intro{color:var(--fg-soft)}
.spec-label{font:600 12px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin-bottom:10px}
.spec ul{list-style:none;border-top:1px solid var(--line);margin-bottom:28px}
.spec li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);position:relative}
.spec li::before{content:"";position:absolute;left:2px;top:1.35em;width:14px;height:1px;background:currentColor;opacity:.6}
.spec-strong{font-family:var(--font-display);font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:420;line-height:1.3}
@media (max-width:900px){.spec{grid-template-columns:1fr}}

/* ---------- process */
.process-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:end}
.trail-wrap{position:relative;max-width:1100px;margin:clamp(40px,5vw,72px) auto clamp(40px,4vw,64px);padding-top:70px}
.trail-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tr-base{fill:none;stroke:rgba(var(--fg-rgb),.3);stroke-width:1.5;stroke-dasharray:1.5 9;stroke-linecap:round}
.tr-lit{fill:none;stroke:#d9982f;stroke-width:2.2;stroke-linecap:round}
.trail-dot{position:absolute;left:0;top:0;z-index:1;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffaf0 0 32%,#f7cf7a 58%,rgba(240,180,80,0) 74%);box-shadow:0 0 38px 14px rgba(245,190,90,.5);will-change:transform}
html:not(.js) .trail-dot{display:none}
.steps{list-style:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}
html:not(.js) .steps::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(var(--fg-rgb),.3)}
.step{position:relative;grid-column:1;text-align:right;padding-top:14px}
.step-r{grid-column:3;text-align:left}
.step:nth-child(1){grid-row:1}.step:nth-child(2){grid-row:2}.step:nth-child(3){grid-row:3}.step:nth-child(4){grid-row:4}
.step{min-height:176px}
.step+.step{margin-top:14px}
.step-body{max-width:430px}
.step-l .step-body{margin-left:auto}
.step-sun{position:absolute;top:0;z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:30px;font-weight:330;border:1px solid rgba(201,138,37,.55);background:var(--bg);color:var(--fg);transition:background .9s var(--ease),box-shadow .9s var(--ease),color .6s,border-color .6s}
.step-l .step-sun{right:calc(-85px - 38px)}
.step-r .step-sun{left:calc(-85px - 38px)}
.step:nth-child(1) .step-sun{background:radial-gradient(circle,rgba(240,190,100,.3),var(--bg) 70%)}
.step:nth-child(2) .step-sun{background:radial-gradient(circle,rgba(246,200,110,.6),rgba(240,190,100,.2) 55%,var(--bg) 75%);box-shadow:0 0 22px rgba(240,180,80,.25)}
.step:nth-child(3) .step-sun{background:radial-gradient(circle,#fbe4ae,#f1c574 55%,rgba(240,190,100,.4) 80%);box-shadow:0 0 36px 4px rgba(240,180,80,.35);color:#1b2a20}
.step:nth-child(4) .step-sun{background:radial-gradient(circle,#fff6de,#f6cf7c 45%,#e7a93e);box-shadow:0 0 60px 14px rgba(245,185,80,.5);color:#1b2a20;border-color:transparent}
html.js .step:not(.reached) .step-sun{background:var(--bg);box-shadow:none;color:var(--fg);border-color:rgba(201,138,37,.55)}
.step h3{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:360;line-height:1.14;letter-spacing:-.01em;margin-bottom:10px;padding-top:14px}
.step-sub{font:600 12px/1.3 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px}
.step p{font-size:17px;color:var(--fg-soft)}
.step-l p{margin-left:auto}
.process .cta-pair{justify-content:center}
@media (max-width:760px){
  .process-head{grid-template-columns:1fr;gap:0}
  .trail-wrap{padding-top:40px}
  .steps{grid-template-columns:76px minmax(0,1fr)}
  .step,.step-r{grid-column:2;text-align:left;padding-top:4px}
  .step{min-height:0}
  .step+.step{margin-top:44px}
  .step-l .step-sun,.step-r .step-sun{left:-70px;right:auto;width:64px;height:64px;font-size:26px}
  .step h3{padding-top:12px}
  .step-l .step-body{margin-left:0}
  html:not(.js) .steps::before{left:38px}
}

/* ---------- benefits */
.benefits-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid var(--line)}
.benefits-grid li{padding:34px clamp(18px,2vw,32px) 10px 0}
.benefits-grid li+li{padding-left:clamp(18px,2vw,32px);border-left:1px solid var(--line)}
.benefits-grid .glyph{width:40px;height:40px;color:#c98a25;margin-bottom:22px}
.benefits-grid h3{font-family:var(--font-display);font-style:italic;font-weight:320;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(1.45rem,1.9vw,1.75rem);line-height:1.12;margin-bottom:8px}
.benefits-grid p{font-size:17px;color:var(--fg-soft);margin:0}
@media (max-width:900px){.benefits-grid{grid-template-columns:1fr 1fr}.benefits-grid li:nth-child(3){padding-left:0;border-left:0}.benefits-grid li{padding-bottom:30px;border-bottom:1px solid var(--line)}}
@media (max-width:560px){.benefits-grid{grid-template-columns:1fr}.benefits-grid li,.benefits-grid li+li{padding-left:0;border-left:0}}

/* ---------- testimonials */
.quotes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(48px,6vw,96px) clamp(24px,3vw,56px);margin:clamp(56px,6vw,96px) 0}
.q{margin:0;position:relative;isolation:isolate}
.q::before{content:"";position:absolute;left:-12%;top:-35%;width:70%;height:110%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(247,196,100,.34),rgba(247,196,100,0));opacity:0;transition:opacity 2.4s var(--ease) .5s}
.q.in::before,html:not(.js) .q::before{opacity:1}
.q blockquote{margin:0}
.q p{font-family:var(--font-display);font-weight:330;letter-spacing:-.012em;max-width:none;margin:0 0 24px;text-wrap:pretty}
.q-lg p{font-size:clamp(1.8rem,3.6vw,3.35rem);line-height:1.1;font-weight:300}
.q-lg p em{font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--accent-text)}
.q-md p{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.3}
.q-sm p{font-size:clamp(1.1rem,1.35vw,1.28rem);line-height:1.6}
.q figcaption{display:flex;align-items:center;gap:14px;font:600 12.5px/1.3 var(--font-body);letter-spacing:.18em;text-transform:uppercase}
.q figcaption::before{content:"";width:34px;height:1px;background:#c98a25}
.q-role{font-weight:500;color:var(--fg-soft)}
.q-1{grid-column:1/span 11}.q-2{grid-column:1/span 6}.q-3{grid-column:7/span 6;margin-top:140px}.q-4{grid-column:2/span 10}.q-5{grid-column:1/span 6}.q-6{grid-column:7/span 6;margin-top:90px}
@media (max-width:900px){.q{grid-column:1/-1!important;margin-top:0!important}}

/* ---------- pricing: clearings */
.plans{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:end;margin-top:clamp(48px,5vw,80px)}
.plan{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;color:#1b2a20;padding:clamp(96px,9vw,130px) clamp(22px,2.6vw,40px) clamp(28px,3vw,40px);border-radius:999px 999px 30px 30px/300px 300px 30px 30px;border:1px solid rgba(27,42,32,.1);box-shadow:0 40px 70px -50px rgba(110,70,20,.6)}
.plan::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(var(--gr) at 50% 0%,rgba(255,247,226,.98),rgba(246,206,120,.7) 38%,rgba(246,206,120,0) 78%)}
.plan-1{background:#e3e1d0;--gr:60% 38%;min-height:520px}
.plan-2{background:#ecdcb4;--gr:95% 62%;min-height:560px}
.plan-3{background:#f1d596;--gr:150% 105%;min-height:600px}
.plan-3::after{content:"";position:absolute;inset:-30% -30% 30%;z-index:-1;background:conic-gradient(from 150deg at 50% 0%,transparent 0deg,rgba(255,250,235,.55) 8deg,transparent 16deg,transparent 26deg,rgba(255,250,235,.45) 32deg,transparent 40deg,transparent 50deg,rgba(255,250,235,.5) 56deg,transparent 64deg);-webkit-mask-image:radial-gradient(circle at 50% 0%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 0%,#000,transparent 70%);filter:blur(4px)}
.plan h3{font:600 12.5px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}
.plan .price{max-width:none;color:#1b2a20;font-family:var(--font-display);font-weight:300;font-size:clamp(3rem,5vw,4.6rem);line-height:1;letter-spacing:-.03em;margin:0 0 20px}
.plan-1 .plan .price,.plan-1 .price{font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1}
.plan p{font-size:17px;color:rgba(27,42,32,.82);max-width:26ch}
.plan .btn{margin-top:auto;--btn-bg:#1b2a20;--btn-fg:#f7f1e4;background:#1b2a20;color:#f7f1e4}
.plan .btn::before{background:radial-gradient(circle at 35% 35%,#fff4d6,#f0b54c 60%,#c9831f)}
.plans-note{margin:36px auto 0;text-align:center;color:var(--fg-soft);font-size:16px;max-width:62ch}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.plan-1,.plan-2,.plan-3{min-height:0}.plan .btn{margin-top:18px}}
@media (max-width:560px){.plan{padding-inline:16px}.plan .btn{font-size:15px;padding:13px 18px 13px 16px;gap:10px;white-space:nowrap}}

/* ---------- first step */
.first{text-align:center;position:relative}
.first::before{content:"";position:absolute;left:50%;top:50%;width:min(1100px,120vw);aspect-ratio:1.6;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(247,200,110,.42),rgba(247,200,110,0));pointer-events:none;z-index:-1}
.first .display{font-size:clamp(2.4rem,5.4vw,5rem);max-width:14ch;margin-inline:auto}
.first p{margin-inline:auto;max-width:56ch;color:var(--fg-soft);font-size:clamp(1.05rem,1.3vw,1.18rem)}
.first .cta-pair{justify-content:center;margin-top:32px}

/* ---------- faq */
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;font-family:var(--font-display);font-weight:350;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.25;letter-spacing:-.008em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover .pm{background:rgba(227,167,63,.18)}
.pm{flex:none;position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);transition:transform .5s var(--ease),background-color .3s}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;margin:-.75px 0 0 -6.5px;background:currentColor;transition:transform .5s var(--ease)}
.pm::after{transform:rotate(90deg)}
.faq-item[open] .pm{transform:rotate(180deg);background:#e3a73f;border-color:#e3a73f;color:#1b2a20}
.faq-item[open] .pm::after{transform:rotate(0)}
.faq-item::details-content{block-size:0;overflow-y:clip;transition:block-size .55s var(--ease),content-visibility .55s allow-discrete}
.faq-item[open]::details-content{block-size:auto}
.faq-a{padding:0 60px 30px 0;color:var(--fg-soft);overflow-wrap:anywhere}
.faq-a p{font-size:17px}
.faq-a a{color:var(--fg);text-decoration-color:rgba(var(--fg-rgb),.4);text-underline-offset:4px}

/* ---------- connect */
.connect{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,104px);align-items:center}
.connect .display{font-size:clamp(3rem,7.4vw,7.2rem);line-height:.92;margin-bottom:.35em}
.connect .lede{max-width:40ch;color:var(--fg);font-family:var(--font-display);font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.35;font-weight:340}
.sig{font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.2rem;color:var(--accent-text);margin:24px 0 34px}
.connect-media{position:relative;margin:0}
.connect-media::before{content:"";position:absolute;left:-40%;right:-40%;top:-28%;bottom:10%;background:conic-gradient(from 0deg at 50% 45%,transparent 0deg,rgba(246,200,110,.45) 7deg,transparent 14deg,transparent 30deg,rgba(246,200,110,.35) 36deg,transparent 43deg,transparent 64deg,rgba(246,200,110,.4) 70deg,transparent 77deg,transparent 100deg,rgba(246,200,110,.3) 106deg,transparent 113deg,transparent 140deg,rgba(246,200,110,.4) 147deg,transparent 154deg,transparent 180deg,rgba(246,200,110,.35) 187deg,transparent 194deg,transparent 220deg,rgba(246,200,110,.4) 227deg,transparent 234deg,transparent 262deg,rgba(246,200,110,.3) 268deg,transparent 275deg,transparent 300deg,rgba(246,200,110,.42) 307deg,transparent 314deg,transparent 336deg,rgba(246,200,110,.3) 342deg,transparent 350deg);-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 10%,transparent 58%);mask-image:radial-gradient(circle at 50% 45%,#000 10%,transparent 58%);animation:spin 120s linear infinite;pointer-events:none}
.connect-media::after{content:"";position:absolute;left:50%;top:40%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,236,190,.9),rgba(247,200,110,.35) 45%,rgba(247,200,110,0));z-index:-1}
@keyframes spin{to{transform:rotate(360deg)}}
.arch{position:relative;z-index:1;border-radius:999px 999px 30px 30px/340px 340px 30px 30px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 50px 90px -50px rgba(120,76,20,.6)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
@media (max-width:900px){.connect{grid-template-columns:1fr}.connect-media{max-width:440px;width:100%;margin:0 auto}}


/* ---------- spacing before the footer */
.connect-sec{padding-bottom:clamp(72px,8vw,120px)}

/* ---------- video lightbox */
.vdlg{width:min(1120px,92vw);max-width:none;padding:0;border:0;background:transparent;color:#efe7d6;overflow:visible}
.vdlg::backdrop{background:rgba(6,10,7,.9)}
.vbox{aspect-ratio:16/9;width:100%;border-radius:22px;overflow:hidden;background:#050806;box-shadow:0 40px 140px -30px rgba(227,167,63,.45)}
.vbox iframe{width:100%;height:100%;border:0;display:block}
.vclose{position:absolute;top:-56px;right:0;background:none;border:1px solid rgba(239,231,214,.35);color:#efe7d6;border-radius:999px;padding:10px 18px;font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

/* ---------- no-JS fallback: daylight sections get their own light background */
html:not(.js) .tone-l{background:#f5efe2;--fg:#1b2a20;--fg-rgb:27,42,32;--fg-soft:rgba(27,42,32,.8);--line:rgba(27,42,32,.15);--accent-text:#7a4a0c;--btn-bg:#1b2a20;--btn-fg:#f7f1e4;color:var(--fg)}

/* ---------- reduced motion */
@media (prefers-reduced-motion:reduce){
  .kb,.rays i,.play-disc::before,.play-disc::after,.connect-media::before,.leak.in .leak-flare{animation:none!important}
  .motes{display:none}
  html.js .rv,html.js .rv-light{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  html.js .ring .ring-vis svg path{stroke-dashoffset:0!important;transition:none!important}
  html.js .leak img{-webkit-mask-image:none;mask-image:none}
  .leak-flare{opacity:.3}
  .dawn-pin{height:auto}
  .dawn-sticky{position:relative;height:auto;min-height:92vh;padding:22vh var(--gut) 34vh}
  .dawn .sun{transform:translate(-50%,58%) scale(.8)}
  .logos li{transition:none}
}

/* links from the service cards to the service pages (added 5 Oct 2026) */
.svc .svc-more{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.92rem}
.svc .svc-more a{color:var(--accent-text,inherit);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.svc .svc-more a:is(:hover,:focus-visible){opacity:.75}

/* one plain line under each principle (6 Oct 2026) */
.arc-items li span small{display:block;margin-top:7px;font-family:var(--font-body);font-size:.95rem;font-weight:400;line-height:1.35;letter-spacing:0;opacity:.85}
.arc-items li span{max-width:19ch}