/* Shared inner pages use the homepage palette, type and generous spacing. */
.atmo-pages{--page-muted:#514b60;--page-line:#aaa0c3;background:var(--atmo-dark)}
.atmo-pages main{background:var(--atmo-lavender);color:var(--atmo-dark)}
.atmo-pages .page-hero{padding-block:30px 80px}
.page-back{display:inline-block;padding-block:10px;margin-block-end:58px;font-size:14px}
.page-back:hover{text-decoration:underline;text-underline-offset:4px}
.page-eyebrow{font:500 12px/1.5 var(--atmo-font);letter-spacing:.1em;text-transform:uppercase}
html[dir=rtl] .page-eyebrow{letter-spacing:0}
.atmo-pages h1{font-size:clamp(40px,6.4vw,88px);margin-block:20px 28px;line-height:1.15}
.atmo-pages h2{font-size:clamp(28px,3.1vw,44px);line-height:1.2}
.atmo-pages h3{font-size:24px;line-height:1.3}
.page-lead{font-size:20px;line-height:1.8;max-width:650px;color:#433b53}
.page-about-intro{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:72px}
.page-about-intro>div{min-width:0}
.page-about-intro .atmo-button{margin-block-start:30px;background:var(--atmo-dark);color:var(--atmo-white)!important}
.page-orbit-art{min-height:390px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;isolation:isolate;overflow:hidden;border-radius:48% 48% 44% 44%;background:#22202a;color:var(--atmo-white);transform:rotate(4deg)}
.page-orbit-art:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--atmo-stars) center / cover no-repeat;opacity:.8}
.page-art-type{font-family:var(--atmo-heading);font-size:56px;line-height:1}
.page-art-location{font-size:12px;letter-spacing:.05em}
.page-background{padding-block:80px 100px;background:var(--atmo-light)}
.page-background-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}
.page-background-grid>div,.page-facts{min-width:0}
.page-background h2{margin-block:20px 28px}
.page-background p:not(.page-eyebrow){font-size:18px;line-height:1.9;color:#514b53;max-width:580px}
.page-facts{margin:0}
.page-facts>div{padding-block:24px;border-top:1px solid #cec8d2;display:grid;grid-template-columns:100px 1fr;gap:24px}
.page-facts dt{font-size:13px;color:#625869}
.page-facts dd{margin:0;font-size:17px;line-height:1.7}
.page-facts dd>span:not(.page-toolkit span){display:block;font-size:14px;color:#625869;margin-block-start:6px}
.page-toolkit{display:flex;flex-wrap:wrap;gap:8px}
.page-toolkit span{font-size:12px;padding:6px 12px;background:#e4dff0;border-radius:999px}
.page-services{padding-block:88px 100px;background:var(--atmo-dark);color:var(--atmo-white)}
.page-services h2{margin-block:20px 48px}
.page-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.page-service{border-top:1px solid #51495e;padding-block-start:26px;min-width:0}
.page-service-icon{display:grid;place-items:center;width:80px;height:80px;margin-block-end:28px}.page-service-icon img{display:block;width:64px;height:64px;object-fit:contain}
.page-service h3{margin-block-end:18px}
.page-service p{color:#c6becf;font-size:16px;line-height:1.85;max-width:340px}
.page-cta{background:var(--atmo-lavender);color:var(--atmo-dark);padding-block:64px}
.page-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}
.page-cta>.container>div{min-width:0;flex:1}
.page-cta h2{margin-block-start:16px}
.page-cta .atmo-button{background:var(--atmo-dark);color:var(--atmo-white)!important;flex-shrink:0}
/* Contact: a direct contact panel beside the existing Netlify form. */
.page-contact-section{padding-block:0 96px}
.page-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}
.page-contact-info{background:var(--atmo-dark);color:var(--atmo-white);padding:44px 36px;border-radius:24px;position:relative;isolation:isolate;overflow:hidden;min-width:0}
.page-contact-info h2{margin-block:24px}
.page-contact-info>p:not(.page-eyebrow){font-size:17px;line-height:1.8;color:#c6becf;max-width:300px}
.page-email{display:flex;flex-direction:column;gap:12px;margin-block-start:48px;padding-block:22px;border-block:1px solid #51495e;overflow-wrap:anywhere}
.page-email>span:first-child{font-size:12px;color:#c6becf}
.page-email>span:last-child{font-size:clamp(13px,1.4vw,18px)}
.page-socials{display:flex;flex-wrap:wrap;gap:24px;margin-block-start:24px;font-size:14px;position:relative;z-index:1}
.page-socials a:hover,.page-email:hover{text-decoration:underline;text-underline-offset:5px}
.page-contact-info::before{content:"";position:absolute;inset:0;background:var(--atmo-stars) center / cover no-repeat;opacity:.26;z-index:-1}
.page-form-panel{padding:44px;background:var(--atmo-light);border-radius:24px;min-width:0}
.page-form-panel h2{margin-block:20px 32px}
.page-form-panel form{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
.page-form-panel form>*{grid-column:1 / -1;min-width:0}
.page-form-panel .field:has(#name),.page-form-panel .field:has(#email){grid-column:auto}
.page-form-panel .field label{display:block;font-size:13px;margin-block-end:10px;color:#51465e}
.page-form-panel input:not([type=checkbox]),.page-form-panel textarea{width:100%;border:1px solid #c7bfce;border-radius:10px;padding:12px 14px;min-height:48px;background:#fffdfa;color:var(--atmo-dark);font:16px/1.6 var(--atmo-font)}
.page-form-panel textarea{min-height:136px;resize:vertical}
.page-form-panel :is(input,textarea):focus-visible{outline:2px solid #786393;outline-offset:2px}
.page-form-panel .consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.9;color:#625869}
.page-form-panel input[type=checkbox]{accent-color:#4b365e;width:18px;height:18px;margin:3px 0 0;flex-shrink:0}
.page-form-panel .consent a,.page-form-panel .status a{text-decoration:underline;text-underline-offset:3px}
.page-form-panel .button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;min-height:50px;padding:14px 28px;background:var(--atmo-dark);color:var(--atmo-white);font:500 14px/1.4 var(--atmo-font);cursor:pointer}
.page-form-panel .button:hover{background:#34283e}
.page-form-panel .button:disabled{opacity:.6;cursor:wait}
.page-form-panel .status{display:none;font-size:14px;line-height:1.8;border-radius:10px;padding:16px}
.page-form-panel .status.show{display:block}
.page-form-panel .success{background:#d9ebdf;color:#23432d}
.page-form-panel .error{background:#f4dcda;color:#782f2f}
.atmo-pages .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Policies: short navigation on the left, a comfortable reading column on the right. */
.page-legal-hero{border-bottom:1px solid var(--page-line)}
.page-legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:100px;padding-block:64px 96px}
.page-policy-nav{position:sticky;top:32px;align-self:start;font-size:13px;line-height:1.7;min-width:0}
.page-policy-nav nav{display:flex;flex-direction:column;gap:14px;margin-block:24px 32px}
.page-policy-nav a{color:#51465e;display:block}
.page-policy-nav a:hover{color:#111;text-decoration:underline;text-underline-offset:4px}
.page-policy-other{border-top:1px solid var(--page-line);padding-block-start:24px}
.page-policy-content{min-width:0}
.page-policy-section{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding-block:32px;border-top:1px solid var(--page-line);scroll-margin-top:32px}
.page-policy-section:first-child{padding-block-start:0;border-top:0}
.page-policy-number{font-size:12px;line-height:2.5;color:#61516e}
.page-policy-section h2{font-size:26px;margin-block-end:22px}
.page-policy-section p{font-size:16px;line-height:1.9;color:#453e50}
.page-policy-section p+p{margin-block-start:16px}
.page-policy-section a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.atmo-pages .atmo-footer{padding-block:36px;color:#c6becf}
@media(max-width:1050px){
 .page-about-intro{gap:40px;grid-template-columns:1.2fr 1fr}
 .page-orbit-art{min-height:300px}
 .page-background-grid{gap:48px}
 .page-service-grid{gap:24px}
 .page-contact-grid{grid-template-columns:.8fr 1.2fr}
 .page-contact-info,.page-form-panel{padding:32px 24px}
 .page-legal-layout{grid-template-columns:200px minmax(0,1fr);gap:48px}
}
@media(max-width:680px){
 .atmo-pages .page-hero{padding-block:16px 44px}
 .page-back{margin-block-end:32px;font-size:12px}
 .page-eyebrow{font-size:11px}
 .atmo-pages h1{font-size:42px;margin-block:18px 22px}
 .atmo-pages h2{font-size:30px}
 .atmo-pages h3{font-size:24px}
 .page-lead{font-size:16px;line-height:1.85}
 .page-about-intro{grid-template-columns:1fr;gap:36px}
 .page-orbit-art{min-height:260px;width:min(100%,320px);justify-self:center}
 .page-art-type{font-size:44px}
 .page-background,.page-services{padding-block:48px}
 .page-background-grid,.page-service-grid{grid-template-columns:1fr;gap:36px}
 .page-background p:not(.page-eyebrow){font-size:16px}
 .page-facts>div{grid-template-columns:80px 1fr;gap:16px;padding-block:20px}
 .page-facts dd{font-size:15px}
 .page-service-icon{margin-block-end:24px}
 .page-service p{max-width:none}
 .page-cta{padding-block:40px}
 .page-cta>.container{align-items:start;flex-direction:column;gap:28px}
 .page-cta>.container>div{width:100%}
 .page-contact-section{padding-block-end:48px}
 .page-contact-grid{grid-template-columns:1fr;gap:20px}
 .page-contact-info,.page-form-panel{padding:30px 22px;border-radius:18px}
 .page-contact-info>p:not(.page-eyebrow){max-width:none;font-size:16px}
 .page-email{margin-block-start:28px}
 .page-form-panel form{grid-template-columns:1fr}
 .page-form-panel .field:has(#name),.page-form-panel .field:has(#email){grid-column:1 / -1}
 .page-form-panel .actions .button{width:100%}
 .page-legal-layout{grid-template-columns:1fr;gap:36px;padding-block:32px 48px}
 .page-policy-nav{position:static;font-size:12px;padding-block-end:28px;border-bottom:1px solid var(--page-line)}
 .page-policy-nav nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 18px;margin-block:18px}
 .page-policy-other{border-top:0;padding-block-start:0}
 .page-policy-section{grid-template-columns:20px minmax(0,1fr);gap:12px;padding-block:28px}
 .page-policy-section h2{font-size:24px;margin-block-end:18px}
 .page-policy-section p{font-size:15px;line-height:1.9}
}

/* Reuse the uploaded star field subtly on inner-page hero surfaces. */
.atmo-pages .page-hero{position:relative;isolation:isolate}
.atmo-pages .page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--atmo-stars) center / cover no-repeat;opacity:.09;pointer-events:none}

/* More space around About, and a soft fade out of the page-header texture. */
.atmo-pages .page-hero::before{mask-image:linear-gradient(#000 55%,transparent 100%)}
.atmo-pages .page-about-hero{padding-block-end:0}
.page-cap-art{height:520px;display:flex;align-items:end;justify-content:center;min-width:0}
.page-cap-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.page-background{padding-block:120px 140px;background:linear-gradient(var(--atmo-lavender),var(--atmo-light) 150px)}
.page-services{padding-block:120px 136px}
.page-services h2{margin-block-end:64px}
.page-cta{padding-block:88px}
.page-contact-section{padding-block-start:32px}
/* Darker policy headers are distinct from the reading surface, with a curved edge. */
.atmo-pages .page-legal-hero{background:#272331;color:var(--atmo-white);border:0;border-radius:0 0 40px 40px;padding-block-end:96px}
.atmo-pages .page-legal-hero::before{opacity:.3}
.page-legal-hero .page-lead{color:#d3cbdf}
.page-legal-layout{padding-block:80px 120px}
.atmo-pages .atmo-footer{padding-block:56px 28px}
@media(max-width:1050px){
 .page-cap-art{height:420px}
}
@media(max-width:680px){
 .atmo-pages .page-about-hero{padding-block-end:0}
 .page-cap-art{height:340px;width:min(100%,300px);justify-self:center}
 .page-background{padding-block:80px 84px;background:linear-gradient(var(--atmo-lavender),var(--atmo-light) 90px)}
 .page-services{padding-block:80px 88px}
 .page-services h2{margin-block-end:40px}
 .page-service-grid{gap:48px}
 .page-cta{padding-block:56px}
 .page-contact-section{padding-block-start:12px}
 .atmo-pages .page-legal-hero{border-radius:0 0 24px 24px;padding-block-end:52px}
 .page-legal-layout{padding-block:40px 64px}
 .atmo-pages .atmo-footer{padding-block:36px 24px}
}

.page-cap-art{position:relative;isolation:isolate}
.page-cap-art img{mask-image:linear-gradient(#000 54%,rgba(0,0,0,.65) 66%,transparent 88%)}
