:root{--panel:#0b1220ed;--panel-line:#8eafd838}
.space-scene::after{background:linear-gradient(90deg,#0b122035,transparent 65%),linear-gradient(0deg,#0b122038,transparent 35%)}
.site-header{background:#0b1220d9;backdrop-filter:blur(12px)}
.scroll-cue{width:fit-content;max-width:100%;padding:10px 15px;background:#0b1220ed;border:1px solid var(--panel-line);border-radius:4px}
nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.hero-content,.section-intro,.example-copy,.audience>div,.audience-copy,.contact-content,.faq>div:first-child,.faq-list{background:var(--panel);border:1px solid var(--panel-line);padding:clamp(24px,3vw,42px);border-radius:18px;box-shadow:0 20px 60px #03091818}
.hero-content{max-width:700px;border-top:2px solid var(--accent);background:linear-gradient(135deg,#14243aed,var(--panel) 65%)}
.hero h1{font-size:clamp(3rem,5.4vw,5.7rem)}
.hero{padding-top:170px;padding-bottom:120px;min-height:100svh}
.hero-description,.section-intro>p:not(.eyebrow),.example-copy>p:not(.eyebrow),.audience-copy>p,.contact p:not(.eyebrow){color:#c8d5e8}
.offer,.audience,.story-example,.contact,.faq{background:transparent}
.process{background:transparent;color:var(--paper);color-scheme:dark}
.process .section-intro,.process .steps{background:#f2f6fff5;color:var(--ink)}
.process .section-intro>p:not(.eyebrow){color:#4b5e79}
.process .steps{border-radius:18px;padding:24px 32px}
.contact-content{max-width:720px}
.contact-orbit{display:none}
.faq-list details{padding-block:21px}
.faq-list p{color:#c8d5e8}
.scene-window{position:relative;min-height:65svh;margin:0;display:flex;align-items:flex-end;padding:50px 8%;border-block:1px solid #ffffff24}
.scene-window figcaption{display:flex;flex-direction:column;gap:9px;max-width:410px;padding:20px 24px;background:#0b1220e8;border:1px solid var(--panel-line);border-radius:4px}
.scene-window span,.page-number{font:.65rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.scene-window strong{font-family:var(--display);font-size:1.15rem;font-weight:500;letter-spacing:-.02em}
.page-discovery{background:#0b1220e8}
.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
.discovery-heading h2{max-width:650px}
.page-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.page-link{position:relative;display:flex;flex-direction:column;min-height:250px;padding:28px;border:1px solid var(--panel-line);background:linear-gradient(145deg,#172b47,#101c30);border-radius:14px;transition:transform .2s,border-color .2s}
.page-link:hover{border-color:var(--accent);transform:translateY(-5px)}
.page-link h3{font-size:1.6rem;letter-spacing:-.04em;margin:28px 0 12px}
.page-link p{font-size:.84rem;color:var(--muted);max-width:240px}
.page-link .link-arrow{position:absolute;right:23px;top:22px;font-size:1.5rem;color:var(--accent)}
.footer-nav{font-size:.74rem;gap:20px}
.photo-journey .space-scene{background:#0b1220}
.photo-journey #stars{display:none}
.photo-journey .planet-position{inset:0;width:100%;transform-origin:center}
.photo-journey .planet-arrival{width:100%;height:100%;animation:none}
.photo-journey .planet{width:100%;height:100%;object-fit:cover;border-radius:0;object-position:var(--scene-position,center)}
.photo-journey .descent-layer img{object-position:var(--scene-position,center)}
.photo-journey .hero{display:flex;align-items:center;padding:155px 8% 105px}
.photo-journey .hero-content{max-width:650px;animation:none}
.photo-journey .hero h1{font-size:clamp(3.1rem,5.3vw,5.8rem)}
.photo-journey .hero-bottom{left:8%;right:8%;bottom:32px}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:.7rem;color:var(--muted);margin-bottom:28px}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span[aria-current]{color:var(--paper)}
.editorial-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;background:transparent}
.reading-panel{background:var(--panel);border:1px solid var(--panel-line);padding:clamp(24px,3vw,42px);border-radius:18px}
.reading-panel h2{font-size:clamp(2.3rem,3.8vw,4rem)}
.reading-panel h3{font-size:1.4rem;letter-spacing:-.03em;margin-bottom:13px}
.reading-panel>p:not(.eyebrow){color:#c8d5e8;font-size:.94rem;margin-top:24px;max-width:490px}
.reading-panel>.text-link,.reading-panel>.button{margin-top:28px}
.detail-list{list-style:none;padding:0;margin:0}
.detail-list li{padding:24px 0;border-bottom:1px solid #ffffff28}
.detail-list li:first-child{padding-top:0}
.detail-list li:last-child{border-bottom:0;padding-bottom:0}
.detail-list p{font-size:.9rem;color:#c8d5e8;max-width:450px}
.detail-list .page-number{display:block;margin-bottom:12px}
.section-heading{max-width:690px;margin-bottom:38px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;overflow:hidden}
.service-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}
.service-card-body{padding:28px}
.service-card h3{font-size:1.7rem;letter-spacing:-.035em;margin:18px 0}
.service-card p{font-size:.9rem;color:#c8d5e8}
.service-card ul{padding-left:18px;margin:22px 0 0;font-size:.83rem;color:#c8d5e8}
.service-card li+li{margin-top:8px}
.wide-panel{max-width:1000px;margin-inline:auto}
.checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}
.checklist li{padding-left:27px;position:relative;font-size:.9rem;color:#c8d5e8}
.checklist li::before{content:'↗';position:absolute;left:0;color:var(--accent)}
.page-outro{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:center;background:#0b1220ef}
.page-outro h2{font-size:clamp(2.8rem,5vw,5rem)}
.page-outro p:not(.eyebrow){max-width:420px;color:#c8d5e8;margin-bottom:26px}
.inspiration-filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.inspiration-filters button,.copy-email{background:#132137;border:1px solid #456187;padding:12px 18px;border-radius:4px;font-size:.8rem;min-height:44px}
.inspiration-filters button:hover,.inspiration-filters button[aria-pressed="true"]{background:var(--accent);color:#081323;border-color:var(--accent)}
.filter-status,.copy-status{font-size:.8rem;color:#c8d5e8;min-height:1.6em}
.ideas-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.idea-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:16px}
.idea-card[hidden]{display:none}
.idea-card .example-media{border:0;padding:0;background:transparent}
.idea-card-body{padding:24px 12px 12px}
.idea-card-body h3{font-size:1.65rem;letter-spacing:-.03em;margin:12px 0 16px}
.idea-card-body p{color:#c8d5e8;font-size:.9rem}
.idea-card-body .idea-format{color:var(--accent);font-size:.74rem;margin-top:22px}
.contact-address{display:block;margin-block:26px;font-size:clamp(1rem,2.2vw,1.5rem);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}
.contact-actions .button{min-height:46px}
.copy-email:hover{border-color:var(--accent);color:var(--accent)}
#fb-open{display:inline-flex;align-items:center;gap:16px}
.motion-off .photo-journey .planet-position{transform:none}
@media(min-width:1100px){.hero-content{width:60%}.photo-journey .hero-content{width:57%}.hero{padding-right:0}.photo-journey .hero{padding-right:0}}
@media(max-width:1100px){.page-links{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:.8fr 1fr}.service-card img{height:100%;aspect-ratio:auto;min-height:270px}.footer-nav{gap:12px}.site-footer{flex-wrap:wrap}.hero h1{font-size:clamp(3rem,6vw,5rem)}}
@media(max-width:1000px){
 .site-header{flex-wrap:wrap}
 .menu-toggle:not([hidden]){display:inline-flex;gap:18px}
 #site-nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:16px}
 .js #site-nav{display:none}
 .js #site-nav.is-open{display:flex;background:#132137;padding:18px;border:1px solid var(--line);border-radius:4px}
}
@media(max-width:700px){
 .site-header{background:#0b1220ed}
 .hero{min-height:100svh;padding:300px 6% 100px}
 .js .hero{min-height:100svh;padding-top:300px}
 .hero-content{padding:26px 22px}
 .hero h1,.photo-journey .hero h1{font-size:clamp(2.55rem,9vw,3.7rem)}
 .space-scene::after{background:linear-gradient(0deg,#0b122028,transparent 65%)}
 .photo-journey .hero,.js .photo-journey .hero{padding:170px 6% 180px;min-height:100svh;align-items:flex-end}
 .photo-journey .hero-bottom{left:6%;right:6%;bottom:115px}
 .photo-journey .hero-content{padding:25px 22px}
 .photo-journey .planet,.photo-journey .descent-layer img{object-position:var(--mobile-scene-position,center)}
 .scene-window{min-height:60svh;padding:30px 6%}
 .scene-window figcaption{padding:15px 18px;max-width:85%}
 .scene-window strong{font-size:1rem}
 .editorial-section,.page-outro,.ideas-grid{grid-template-columns:1fr;gap:26px}
 .section-intro,.example-copy,.audience>div,.contact-content,.faq>div:first-child,.faq-list,.reading-panel{padding:26px 22px}
 .process .steps{padding:10px 22px}
 .page-links{grid-template-columns:1fr 1fr;gap:12px}
 .page-link{padding:20px;min-height:250px}
 .page-link h3{font-size:1.35rem}
 .page-link p{font-size:.8rem}
 .page-link .link-arrow{right:16px;top:15px}
 .discovery-heading{display:block}
 .service-card{display:block}
 .service-card img{height:auto;aspect-ratio:1.5;min-height:0}
 .service-card-body{padding:24px}
 .breadcrumb{margin-bottom:22px}
 .site-footer{grid-template-columns:1fr 1fr;padding-bottom:140px}
 .footer-nav,.js .footer-nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:start;gap:20px;padding:0;width:auto}
 .site-footer>span{grid-row:3}
 .site-footer>a:last-child{grid-row:3}
 .contact-address{font-size:1.1rem}
}
@media(max-width:380px){.page-links{grid-template-columns:1fr}.hero-actions .button{max-width:100%;gap:12px}.journey-controls{gap:5px}.journey-stage{font-size:.5rem}.journey-controls .motion-toggle{font-size:.5rem}}
