:root{--reveal:0}
@view-transition{navigation:auto}
::view-transition-old(root){animation:beacon-out .24s ease both}
::view-transition-new(root){animation:beacon-in .38s ease both}
@keyframes beacon-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes beacon-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.brand{gap:10px;flex-shrink:0}.brand .brand-mark{width:56px;height:56px;object-fit:contain}.brand .wordmark{font:700 30px/1 var(--display);letter-spacing:-1.3px;display:block;white-space:nowrap}.brand .wordmark small{font-size:13px;font-weight:500;letter-spacing:-.3px;margin-left:6px}.brand .beacon-o{position:relative;display:inline;font:inherit;letter-spacing:inherit;color:#f3cf8a;text-shadow:0 0 10px #edbd7270,0 0 24px #edbd7260}.brand .beacon-o:after{content:'';position:absolute;left:45%;top:46%;width:28px;height:2px;background:linear-gradient(90deg,#ffe6b0b0,transparent);transform:rotate(-20deg);pointer-events:none}
.header-tools{display:flex;align-items:center;gap:22px}.theme-toggle{font:11px/1.4 inherit;background:#11243099;border:1px solid #8d999580;color:#eee8da;cursor:pointer;padding:8px 12px;min-height:38px}
.cinema-scene img{filter:brightness(calc(.7 + var(--reveal)*.3))}
.cinema-scene .scene-haze{background:none}
.fog-bank{position:absolute;inset:6% -18% -6%;pointer-events:none;opacity:calc(.62 - var(--reveal)*.48);background:radial-gradient(ellipse at 64% 37%,#b7c8c755,transparent 46%),radial-gradient(ellipse at 77% 54%,#c0cecc55,transparent 45%),radial-gradient(ellipse at 20% 78%,#b8c9c33b,transparent 53%);animation:fog-drift 20s ease-in-out infinite alternate}
.fog-bank.fog-far{inset:-5% -24% 5%;opacity:calc(.38 - var(--reveal)*.25);animation-duration:29s;animation-direction:alternate-reverse;mix-blend-mode:screen}
@keyframes fog-drift{from{transform:translate3d(-3%,1%,0)}to{transform:translate3d(5%,-2%,0)}}
.motion-paused .fog-bank{animation-play-state:paused}.scene-footer{gap:24px}.motion-toggle{min-height:40px}.scene-location{font-size:8px}
.lighthouse-finale{position:relative;isolation:isolate;min-height:630px;display:flex;align-items:end;padding:90px 0;overflow:hidden;color:var(--paper)}
.lighthouse-finale>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:74% 50%;z-index:-2}
.lighthouse-finale:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071620d9,transparent 80%),linear-gradient(0deg,#0a151b,transparent 65%);z-index:-1}
.lighthouse-finale h2{font-size:clamp(50px,6vw,86px)}.lighthouse-finale p:not(.eyebrow){max-width:360px;color:#d0d9d5}.lighthouse-finale .underlink{display:inline-block;margin-top:10px}
.audience-page .header,.music-page .header,.studio-page .header{position:relative;z-index:2}
.audience-hero{position:relative;isolation:isolate;padding:85px 0 65px;min-height:640px;color:var(--paper)}
.audience-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--audience-image) center/cover}
.audience-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081923f2 10%,#0a2025b8 50%,#0a202542),linear-gradient(0deg,#0a151b,transparent 60%)}
.business-page{--audience-image:url('assets/workshop.jpg')}.churches-page{--audience-image:url('assets/church.jpg')}
.churches-page .audience-hero:after{background:linear-gradient(90deg,#112c28f2 10%,#0e2922c2 50%,#0e27255a),linear-gradient(0deg,#0a151b,transparent 60%)}
.audience-hero h1{font-size:clamp(64px,7vw,100px);max-width:850px}.audience-hero .hero-lede{max-width:550px;font-size:18px;color:#e3e5dc}.audience-hero .journey span{background:#0a151b80;border-color:#70858288}.audience-hero .breadcrumb{margin-bottom:30px}
.example-section{padding-block:85px}.example-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:32px}.example-intro p{color:var(--muted)}.example-intro h2{margin:0}.browser-frame{display:block;border:1px solid #53666c;background:#eae8df;border-radius:12px;overflow:hidden}.browser-chrome{background:#25373e;color:#bdc9c9;font:10px/1.5 monospace;padding:14px 20px;display:flex;gap:22px;align-items:center}.browser-chrome i{font-style:normal;letter-spacing:4px;color:#b8b8a2}.sample-mini{min-height:390px;position:relative;padding:32px 45px;color:#fff;background:linear-gradient(90deg,#102720e8,#10272040),url('assets/church.jpg') center 45%/cover}.business-page .sample-mini{background:linear-gradient(90deg,#17242be8,#17242b50),url('assets/workshop.jpg') center/cover}.sample-mini header{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:56px}.sample-mini header span{font-size:11px}.sample-mini h3{font-family:var(--serif);font-size:clamp(40px,5vw,68px);font-weight:400;letter-spacing:-1px;line-height:1.02;max-width:620px;margin:0 0 18px}.sample-mini p{font-size:13px;max-width:380px}.sample-mini .sample-action{display:inline-block;border-bottom:1px solid #fff;padding-bottom:4px;font-size:12px}.browser-frame:hover{border-color:var(--gold)}.example-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.example-footer .caption{max-width:700px}
.music-hero{padding-block:75px;background:radial-gradient(ellipse at 80% 0,#604629,transparent 65%)}.music-hero .hero-lede{max-width:670px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.hub-card{border-top:1px solid var(--line);padding-top:25px}.hub-card p{font-size:14px;color:var(--muted)}.hub-card .eyebrow{font-size:9px;color:var(--gold)}.hub-card h3{font-size:29px}.hub-note{border-left:2px solid var(--gold);padding:10px 0 10px 24px;margin-top:35px;max-width:780px}.hub-note p{margin:0;color:var(--muted)}
.contact-receipt{padding:28px;border:1px solid #8caa9b;background:#192f35;margin-top:25px}.contact-receipt h3{font-size:25px}.contact-receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 'Instrument Sans',Arial,sans-serif;color:#d3dcd8}.contact-receipt .receipt-note{font-size:13px;color:#d0d8c6}.form-status{font-size:12px;color:var(--muted);max-width:520px;min-height:22px}.hp{display:none}.contact-section input,.contact-section textarea{font-size:16px}.contact-section button:disabled{opacity:.65;cursor:wait}.contact-section .form-column{min-width:0}
html[data-theme=day] body:not(.review-body){background:#e7e9e0;color:#162b35}
html[data-theme=day] .cinema-hero{color:#f2eee5}html[data-theme=day] .cinema-scene img{filter:none}html[data-theme=day] .cinema-scene .scene-shade{background:linear-gradient(90deg,#092239c9,#0922397d 40%,#09223905 90%),linear-gradient(0deg,#e7e9e0,transparent 18%)}
html[data-theme=day] .fog-bank{opacity:.23}html[data-theme=day] .fog-far{opacity:.13}html[data-theme=day] .cinematic>.header{color:#f2eee5}html[data-theme=day] .cinematic>.header .brand{color:#f2eee5}html[data-theme=day] .scene-footer{color:#142f3e}html[data-theme=day] .motion-toggle{background:#e7e9e0e6;color:#163441}html[data-theme=day] .credibility,html[data-theme=day] .caption,html[data-theme=day] .section-heading>p,html[data-theme=day] .service-grid p,html[data-theme=day] .fit-note p:not(.eyebrow),html[data-theme=day] .contact-section>div>p:not(.eyebrow),html[data-theme=day] .form-status,html[data-theme=day] .example-intro p,html[data-theme=day] .note,html[data-theme=day] .hub-card p,html[data-theme=day] .hub-note p{color:#475c60}
html[data-theme=day] .service-number,html[data-theme=day] .hub-card .eyebrow,html[data-theme=day] .footer>span,html[data-theme=day] h2 em{color:#805629}html[data-theme=day] .manifesto-section,html[data-theme=day] .contact-receipt{color:var(--paper)}html[data-theme=day] .manifesto-section h2 em,html[data-theme=day] .lighthouse-finale h2 em{color:var(--gold)}html[data-theme=day] .header nav a{color:#43575d}html[data-theme=day] .cinematic .header nav a{color:#f2eee5}html[data-theme=day] .header nav a.active{color:inherit;border-bottom-color:#9d713c}html[data-theme=day] .beacon-o{color:#aa7436;text-shadow:0 0 12px #edbd7280}html[data-theme=day] .cinematic>.header .beacon-o{color:#ffe3a3}
html[data-theme=day] .lighthouse-finale:after{background:linear-gradient(90deg,#071620bf,transparent 85%),linear-gradient(0deg,#09233199,transparent 75%)}html[data-theme=day] .footer small{color:#475c60}html[data-theme=day] .music-hero{background:radial-gradient(ellipse at 80% 0,#d7bb8d,transparent 70%)}html[data-theme=day] .music-hero .hero-lede{color:#475c60}html[data-theme=day] .music-hero h1 em{color:#805629}
@media(max-width:1100px){.brand .wordmark{font-size:26px}.brand .wordmark small{display:block;margin:4px 0 0;font-size:11px}.brand .brand-mark{width:48px;height:48px}.header nav{gap:15px}.header-tools{gap:15px}.example-intro{gap:35px}}
@media(max-width:760px){.brand .wordmark{font-size:24px}.brand .brand-mark{width:45px;height:45px}.header-tools{gap:12px}.theme-toggle{font-size:10px;padding:7px 9px}.nav-cta{font-size:12px}.cinema-hero{padding-top:265px;min-height:920px}.scene-footer{gap:14px}.motion-toggle{font-size:10px;padding-inline:8px}.scroll-cue{font-size:10px}.audience-hero{padding:55px 0;min-height:680px}.audience-hero h1{font-size:clamp(52px,9vw,76px)}.audience-hero .hero-lede{font-size:16px}.audience-hero:after{background:linear-gradient(90deg,#081923eb,#08192390),linear-gradient(0deg,#0a151b,transparent 70%)}.churches-page .audience-hero:after{background:linear-gradient(90deg,#112c28e8,#112c2890),linear-gradient(0deg,#0a151b,transparent 70%)}.example-intro{grid-template-columns:1fr;gap:22px}.example-section{padding-block:55px}.sample-mini{padding:24px;min-height:410px}.sample-mini header{margin-bottom:55px}.sample-mini header span{display:none}.sample-mini h3{font-size:43px}.example-footer{display:block}.hub-grid{grid-template-columns:1fr}.music-hero{padding-block:50px}.music-hero h1{font-size:60px}.lighthouse-finale{min-height:600px;padding-block:55px}.lighthouse-finale>img{object-position:72%}.lighthouse-finale h2{font-size:49px}.lighthouse-finale p:not(.eyebrow){max-width:260px}.contact-receipt{padding:20px}.browser-chrome{padding:12px;font-size:9px;gap:10px}.header nav{font-size:11px}}
@media(max-width:360px){.brand{gap:5px}.brand .brand-mark{width:39px;height:39px}.brand .wordmark{font-size:22px}.header-tools{gap:8px}.theme-toggle{padding-inline:6px}.nav-cta{font-size:10px}.header nav{font-size:10px}.cinema-hero{min-height:980px}.scene-footer{flex-wrap:wrap}.audience-hero h1{font-size:52px}.sample-mini h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.fog-bank{animation:none!important;opacity:.12}.cinema-scene img{filter:none}html{scroll-behavior:auto}}

html[data-theme=day] .scene-footer .scroll-cue{background:#e7e9e0de;padding:6px 10px;border-bottom:0}html[data-theme=day] .scene-location{background:#e7e9e0de;padding:5px 8px}
