/*
Theme Name: iEarth Welcome Party
Author: D'Orlean
Description: The iEarth Welcome Party funnel.
Version: 1.1.0
Text Domain: iearth-welcome-party
*/
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300;1,9..144,400&family=IBM+Plex+Mono:wght@400;500&family=Newsreader:ital,wght@0,300;0,400;1,300&display=swap');
:root{--ink:#141d33;--ink2:#18223c;--cream:#d5def1;--dim:#9aa6c6;--grey:#73809f;--line:#2b3654;--signal:#aebfe2;--red:#9b3d4a;--display:'Fraunces',Georgia,serif;--body:'Newsreader',Georgia,serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.grid-field{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(205,215,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(205,215,238,.04) 1px,transparent 1px);background-size:78px 78px;mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000,transparent 85%)}
.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand,.on-air,.eyebrow,.section-number,.topic-row,.step,.fine-print,footer{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:11px}.brand{letter-spacing:.34em}.on-air{display:flex;align-items:center;color:var(--grey)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(155,61,74,.95);margin-right:10px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}
.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;padding-block:70px;position:relative}.hero-copy{position:relative;z-index:6;max-width:700px}.eyebrow{color:var(--signal);margin:0 0 25px}.hero h1,.square-hero h1{font:300 clamp(3.6rem,7vw,7rem)/.94 var(--display);letter-spacing:-.045em;margin:0;max-width:950px}.hero h1 em,.square-hero h1 em,.closing-cta em,.thank-you em{font-weight:300;color:var(--signal)}.lede{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.55;color:var(--dim);max-width:600px}.actions{display:flex;align-items:center;gap:28px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cream);background:var(--cream);color:var(--ink);padding:16px 24px;font:500 11px var(--mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.25s}.button:hover{background:transparent;color:var(--cream);transform:translateY(-2px)}.button.light{background:transparent;color:var(--cream)}.button.light:hover{background:var(--cream);color:var(--ink)}.text-link{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:5px}
.fixed-portrait{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:clamp(440px,48vw,680px);height:min(76vh,720px);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;z-index:4;overflow:hidden}.fixed-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 78%,var(--ink));z-index:3}.fixed-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.72) contrast(1.06);position:relative;z-index:2}.fixed-orbit{position:absolute;left:15%;bottom:14%;width:70%;aspect-ratio:1;border:1px solid rgba(205,215,238,.14);transform:rotate(15deg);z-index:1}.fixed-orbit-two{left:25%;bottom:23%;width:50%;transform:rotate(-10deg)}.manifesto>*,.offer-grid,footer{position:relative;z-index:6}
.manifesto{padding-block:130px;position:relative}.section-number{color:var(--grey);border-bottom:1px solid var(--line);padding-bottom:18px}.manifesto blockquote{font:300 clamp(2.3rem,5vw,5rem)/1.08 var(--display);letter-spacing:-.025em;max-width:1050px;margin:70px 0 100px}.manifesto-grid,.record-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.manifesto-grid h2,.record-grid h2{font:300 2.8rem/1.1 var(--display);margin:0}.manifesto-grid p,.record-grid p{color:var(--dim);font-size:1.25rem}.topic-row{margin-top:80px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-row span{padding:20px 10px;border-right:1px solid var(--line);display:grid;gap:8px}.topic-row b{color:var(--red);font-weight:400}
.offer-band,.closing-cta{background:var(--ink2);border-block:1px solid var(--line);padding:110px 0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.offer-grid h2,.closing-cta h2{font:300 clamp(4rem,8vw,8rem)/.85 var(--display);margin:0}.offer-copy>p{font-size:1.5rem;color:var(--dim)}.offer-copy ul,.checkout-copy ul{list-style:none;padding:0;margin:28px 0 38px}.offer-copy li,.checkout-copy li{border-top:1px solid var(--line);padding:12px 0;color:var(--dim)}footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:var(--grey)}
.square-hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:100px}.square-hero .lede{max-width:700px}.square-hero .button{margin-top:24px}.record{padding-block:120px}.record-grid{margin-top:65px}.principles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:130px}.principles article{padding:36px 26px;border-right:1px solid var(--line)}.principles article:last-child{border-right:0}.principles span{font:11px var(--mono);color:var(--red)}.principles h3{font:300 2rem var(--display);margin:55px 0 12px}.principles p{color:var(--dim);font-size:1rem}.closing-cta{text-align:center}.closing-cta h2{font-size:clamp(3.6rem,7vw,7rem)}.closing-cta p:not(.eyebrow){color:var(--grey);font:11px var(--mono);text-transform:uppercase;letter-spacing:.15em;margin:35px 0}
.checkout-bg{min-height:100vh;background:linear-gradient(rgba(20,29,51,.85),rgba(20,29,51,.93)),url('assets/portrait.png') center 25%/cover fixed no-repeat}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding-block:80px}.checkout-copy h1{font:300 clamp(2.6rem,5vw,4.8rem)/1 var(--display);margin:0}.checkout-copy h1 em{color:var(--signal)}.checkout-copy>p{color:var(--dim);max-width:500px}.price{font:300 4.8rem var(--display);margin-top:30px}.price span{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}.checkout-form{background:rgba(20,29,51,.93);border:1px solid var(--line);padding:42px}.step{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--grey)}.checkout-form h2{font:italic 300 2.8rem var(--display)}.checkout-form label{display:block;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:20px 0}.checkout-form small{float:right;color:var(--grey)}.checkout-form input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--cream);padding:13px 0;font:1.2rem var(--body);outline:0}.checkout-form input:focus{border-color:var(--signal)}.checkout-form .button{width:100%;margin-top:20px}.button:disabled{opacity:.6}.fine-print{text-align:center;color:var(--grey);line-height:1.5;letter-spacing:.08em!important;font-size:9px!important}
.thank-you{min-height:100vh}.thank-you section{min-height:calc(100vh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative}.diamond{width:12px;height:12px;background:var(--cream);transform:rotate(45deg);box-shadow:0 0 20px rgba(205,215,238,.6);margin:10px}.thank-you h1{font:italic 300 clamp(5rem,14vw,10rem)/.9 var(--display);margin:35px 0}.thank-you section>p:not(.eyebrow){color:var(--dim);max-width:620px;font-size:1.25rem}.thank-you .pause{margin:35px 0 50px;color:var(--cream)!important}
@media(max-width:850px){.shell{width:min(100% - 30px,700px)}.hero,.offer-grid,.checkout,.manifesto-grid,.record-grid{grid-template-columns:1fr}.hero{padding-top:60px}.fixed-portrait{width:min(100vw,560px);height:min(60vh,520px)}.hero h1,.square-hero h1{font-size:clamp(3.2rem,15vw,5.5rem)}.manifesto{padding-block:85px}.topic-row{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr 1fr}.principles article{border-bottom:1px solid var(--line)}.checkout{padding-block:50px}.checkout-copy{padding-top:20px}footer{height:auto;flex-direction:column;align-items:flex-start;gap:10px;padding-block:30px}}
@media(max-width:520px){body{font-size:17px}.site-header{height:62px}.on-air{font-size:9px;letter-spacing:.1em}.brand{font-size:10px}.hero{min-height:calc(100vh - 62px);align-items:flex-start;padding-top:70px}.fixed-portrait{width:100vw;height:48vh}.actions{align-items:flex-start;flex-direction:column}.offer-band,.closing-cta{padding:80px 0}.principles{grid-template-columns:1fr}.principles article{border-right:0}.checkout-form{padding:28px 22px}.thank-you h1{font-size:5rem}}