/* Home v12 (Federico on v11a, 2026-10-18): the cloud poster with three fixes, three skies and three layouts.
   Fixes: backers on a cream torn paper label pasted on the grass; the words placed on the composition, not floating;
   the sun's hazy rim trimmed to a clean edge. On <html>: data-v12-sky a airy (pale blue to warm cream),
   b dawn (peach, soft blue above), c paper (cream ground, only the art in colour); data-v12-lay grid (words on the
   left column, level with the sun's crown), center (words centred over the sun) or caption (words low left on the
   horizon, backers bottom right). Loaded after edge-kit-home-v11.css on data-v11=a. */
[data-v12]{--v12-ink:#16251e;--v12-muted:#46544c;--v12-paper:#f6f0e1;
 --v12-dots:radial-gradient(circle,#1d4b7016 .7px,transparent 1.15px) 0 0/5px 5px,radial-gradient(circle,#1d4b7016 .7px,transparent 1.15px) 2.5px 2.5px/5px 5px}
[data-v12-sky=a] .v2 .v2-hero::before{background:var(--v11-grain-l),var(--v12-dots),linear-gradient(180deg,#8fbbdc 0%,#b3d2e6 38%,#dbe6e4 68%,#f1e8d3 100%)}
[data-v12-sky=b] .v2 .v2-hero::before{background:var(--v11-grain-l),var(--v12-dots),linear-gradient(180deg,#9dbcd8 0%,#cfd2d6 30%,#efcfb4 62%,#f6e2c8 100%)}
[data-v12-sky=c] .v2 .v2-hero::before{background:var(--v11-grain-l),var(--v12-dots),linear-gradient(180deg,#f4efe2,#f1ebdc)}

/* ink on the light print: nav and words, small and calm */
[data-v12] .v2 .v2-brand,[data-v12] .v2 .v2-nav .v2-link{color:var(--v12-ink)}
[data-v12] .v2 .v2-brand img{filter:none}
[data-v12] .v2 .v2-hero h1{color:var(--v12-ink);font-size:44px;line-height:47px;font-weight:450;letter-spacing:-.045em}
[data-v12] .v2 .v2-hero .v2-sub{color:var(--v12-muted);font-size:16.5px;line-height:25px;margin-top:12px}
[data-v12] .v2 .v2-hero .v2-cta{margin-top:22px}
[data-v12] .v2 .v2-hero .v2-hint{color:var(--v12-muted)}
[data-v12] .v2 .v2-hero .v2-hint img{filter:none}

/* the sun's rim: v12-globe*.webp are the sun art with its pale halftone haze ring trimmed off (home.py swaps them in) */
[data-v12] .v7-scene .v4-l--globe:not(.v9-globe-clouds){filter:brightness(1.08) saturate(.85)}

/* backers: a cream torn paper label pasted on the grass, ink logos at full size */
[data-v12] .v2 .v2-proof{position:relative;z-index:6;width:fit-content;max-width:calc(100% - 32px);min-height:0;height:auto;
 margin:-104px auto 46px;padding:12px 26px;gap:6px 26px;flex-wrap:wrap;justify-content:center;align-items:center;
 background:var(--v11-grain-l),var(--v12-paper);color:var(--v12-ink);rotate:-.6deg;pointer-events:none;
 box-shadow:none;filter:drop-shadow(0 2px 3px #0b1a0a59);
 clip-path:polygon(0 9%,1.6% 0,24% 5%,51% 0,77% 4%,98.4% 0,100% 7%,99.2% 38%,100% 70%,98.9% 100%,72% 94%,46% 100%,21% 95%,1.3% 100%,0 92%,.8% 55%)}
[data-v12] .v2 .v2-proof .ed-proof-label{color:var(--v12-muted);font-size:12.5px;opacity:1;text-shadow:none}
[data-v12] .v2 .v2-proof .ed-logos{gap:0 24px}
[data-v12] .v2 .v2-proof .ed-logo,[data-v12] .v2 .v2-proof .ed-logo.is-square{filter:brightness(0);opacity:.86}
[data-v12] .v2 .v2-proof .ed-logo{height:16px}[data-v12] .v2 .v2-proof .ed-logo.is-square{height:20px}[data-v12] .v2 .v2-proof .v9-a16z{height:22px}

/* ---- grid: the words hold the left column, the headline level with the sun's crown; two towers flank the sun ---- */
@media(min-width:701px){
 [data-v12-lay=grid] .v7-scene .v4-l--globe{--R:760px;--cx:calc(50% + 330px);--cy:calc(100% + 185px)}
 [data-v12-lay=grid] .v2 .v2-hero-copy{position:absolute;top:auto;bottom:calc(100% - 482px);max-width:440px;padding-top:0}
 [data-v12-lay=grid] .v7-scene::before{width:560px;left:calc(50% - 300px);bottom:96px}
 [data-v12-lay=grid] .v7-scene::after{width:640px;left:calc(50% + 258px);bottom:96px}
 [data-v12-lay=grid] .v2 .v4-scout-home{left:calc(50% + 40px);top:auto;bottom:520px}
}
@media(min-width:701px) and (max-height:820px){
 [data-v12-lay=grid] .v7-scene .v4-l--globe{--R:600px;--cx:calc(50% + 360px);--cy:calc(100% + 100px)}
 [data-v12-lay=grid] .v2 .v2-hero-copy{bottom:calc(100% - 410px)}
 [data-v12-lay=grid] .v7-scene::before{width:480px;bottom:112px}
 [data-v12-lay=grid] .v7-scene::after{width:560px;left:calc(50% + 300px);bottom:112px}
 [data-v12-lay=grid] .v2 .v4-scout-home{bottom:440px}
}

/* ---- center: a symmetric poster. Words centred above the sun, the sun rising between two towers, the label centred ---- */
[data-v12-lay=center] .v2 .v2-hero-copy{position:absolute;left:0;right:0;top:clamp(36px,5vh,52px);max-width:none;padding:0 var(--g);
 display:flex;flex-direction:column;align-items:center;text-align:center}
[data-v12-lay=center] .v2 .v2-hero .v2-cta{display:flex;flex-direction:column;align-items:center}
[data-v12-lay=center] .v2 .v2-hero .v2-hint{justify-content:center}
@media(min-width:701px){
 [data-v12-lay=center] .v7-scene .v4-l--globe{--R:740px;--cx:50%;--cy:calc(100% + 250px)}
 [data-v12-lay=center] .v7-scene::before{width:560px;left:calc(50% - 790px);bottom:96px}
 [data-v12-lay=center] .v7-scene::after{width:560px;left:calc(50% + 30px);bottom:96px}
 [data-v12-lay=center] .v2 .v4-scout-home{left:calc(50% + 400px);top:auto;bottom:420px}
}
@media(min-width:701px) and (max-height:820px){
 [data-v12-lay=center] .v2 .v2-hero-copy{top:26px}
 [data-v12-lay=center] .v2 .v2-hero h1{font-size:40px;line-height:43px}
 [data-v12-lay=center] .v7-scene .v4-l--globe{--R:600px;--cy:calc(100% + 200px)}
 [data-v12-lay=center] .v7-scene::before{width:520px;left:calc(50% - 720px);bottom:112px}
 [data-v12-lay=center] .v7-scene::after{width:540px;left:calc(50% + 10px);bottom:112px}
 [data-v12-lay=center] .v2 .v4-scout-home{bottom:360px}
}

/* ---- caption: the words sit low left on the horizon like a poster caption; the sun and towers hold the upper right;
   the backers' label is pasted bottom right ---- */
@media(min-width:701px){
 [data-v12-lay=caption] .v7-scene .v4-l--globe{--R:760px;--cx:calc(50% + 230px);--cy:calc(100% + 70px)}
 [data-v12-lay=caption] .v2 .v2-hero-copy{position:absolute;top:auto;bottom:300px;max-width:440px;padding-top:0}
 [data-v12-lay=caption] .v7-scene::before{width:560px;left:calc(50% - 120px);bottom:96px}
 [data-v12-lay=caption] .v7-scene::after{width:660px;left:calc(50% + 140px);bottom:90px}
 [data-v12-lay=caption] .v2 .v4-scout-home{left:calc(50% - 260px);top:auto;bottom:560px}
 [data-v12-lay=caption] .v2 .v2-proof{margin:-100px var(--g) 42px auto;flex-direction:column;gap:7px;padding:12px 22px;rotate:.8deg}
 [data-v12-lay=caption] .v2 .v2-hero .v2-sub{max-width:24em}
}
@media(min-width:701px) and (max-height:820px){
 [data-v12-lay=caption] .v7-scene .v4-l--globe{--R:620px;--cy:calc(100% + 60px)}
 [data-v12-lay=caption] .v2 .v2-hero-copy{bottom:260px}
 [data-v12-lay=caption] .v2 .v2-hero h1{font-size:40px;line-height:43px}
 [data-v12-lay=caption] .v7-scene::before{width:480px;bottom:112px}
 [data-v12-lay=caption] .v7-scene::after{width:580px;left:calc(50% + 150px);bottom:108px}
 [data-v12-lay=caption] .v2 .v4-scout-home{bottom:470px}
}

/* phone: grid and caption stack the words at the top left; center keeps them centred. The sun rises between the towers */
@media(max-width:700px){
 [data-v12] .v2 .v2-hero-copy{position:relative;top:auto;bottom:auto;padding-top:22px}
 [data-v12] .v2 .v2-hero h1{font-size:31px;line-height:34px}
 [data-v12] .v2 .v2-hero .v2-sub{font-size:15.5px;line-height:23px}
 [data-v12-lay=center] .v2 .v2-hero-copy{position:absolute;top:22px}
 [data-v12] .v7-scene .v4-l--globe{--R:400px;--cx:50%;--cy:calc(100% + 60px)}
 [data-v12] .v7-scene::before,[data-v12] .v7-scene::after{width:240px;bottom:110px}
 [data-v12] .v7-scene::before{left:calc(50% - 250px)}
 [data-v12] .v7-scene::after{left:calc(50% + 8px);right:auto}
 [data-v12] .v2 .v4-scout-home{left:28px;top:auto;bottom:300px}
 [data-v12] .v2 .v2-proof{flex-direction:column;gap:8px;margin:-128px auto 40px;padding:12px 20px;rotate:-.6deg}
}