/* KYND FUEL — original lettering, Sora, approved palette only */
:root{--ivory:#F6F2EA;--ink:#1C1C1C;--sage:#8AA57A;--cacao:#6B4E3D;--blue:#AAB7C2;--saffron:#D46A1F}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Sora',sans-serif;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}.skip{position:absolute;top:-100px;left:10px;background:var(--ivory);padding:12px;z-index:50}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
.site-header{height:86px;padding:0 clamp(22px,5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(28,28,28,.13);position:relative;z-index:10;background:var(--ivory)}.brand img{width:104px;height:66px;object-fit:contain;object-position:left center}.navigation{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:500}.navigation a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-invite{font-size:11px;font-weight:600;white-space:nowrap;background:var(--cacao);color:var(--ivory);padding:15px 23px;border-radius:999px;display:flex;align-items:center;gap:16px;transition:transform .2s}.nav-invite:hover,.pill:hover,.submit:hover{transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;background:var(--ivory);isolation:isolate}.hero:after{content:'';position:absolute;pointer-events:none;inset:0 0 auto;bottom:235px;opacity:.18;background-image:radial-gradient(rgba(28,28,28,.18) .45px,transparent .5px);background-size:5px 5px;mix-blend-mode:multiply;z-index:-1}.hero-arc{position:absolute;z-index:-1;pointer-events:none}.hero-arc-sage{width:500px;height:420px;top:-210px;right:-156px;background:var(--sage);border-radius:49% 51% 42% 58% / 65% 64% 36% 35%;transform:rotate(24deg);opacity:.77}.hero-arc-blue{width:250px;height:310px;top:32%;left:-195px;border-radius:50%;background:var(--blue);opacity:.62}.hero-body{text-align:center;max-width:1440px;margin:0 auto;padding:110px 30px 98px;position:relative}.overline{display:flex;justify-content:center;align-items:center;gap:22px;font-size:10px;letter-spacing:.2em;font-weight:500;margin:0 0 54px}.overline strong{color:var(--saffron);font-weight:700;letter-spacing:.13em}.overline-rule{width:31px;height:1px;background:var(--ink);opacity:.45}.hero h1{margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.17em;font-weight:300;font-size:clamp(56px,6.6vw,118px);letter-spacing:-.078em;line-height:1.25;white-space:nowrap}.opening-words{white-space:nowrap}.kynd-heading{position:relative;display:inline-flex;align-items:center;gap:.015em;padding:.07em .02em .12em;flex:0 0 auto}.kynd-in-headline{width:3.93em;height:auto;display:block;filter:none}.brand-period{font-size:.86em;font-weight:500;letter-spacing:-.05em;margin-left:-.03em;line-height:1}.highlight{position:absolute;bottom:.04em;left:-.035em;width:99%;height:.095em;z-index:-1;background:var(--saffron);transform:rotate(-2deg);border-radius:46% 5% 51% 7% / 53% 42% 48% 50%;opacity:.94}.hero-tagline{font-weight:400;font-size:clamp(15px,1.55vw,23px);letter-spacing:-.035em;line-height:1.6;margin:28px auto 32px}.small-break{display:none}.hero-actions{display:flex;align-items:center;gap:32px;justify-content:center}.pill{display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:999px;padding:20px 29px;font-size:13px;font-weight:600;white-space:nowrap;transition:transform .2s}.pill-cacao{background:var(--cacao);color:var(--ivory)}.quiet-link{font-size:12px;font-weight:500;white-space:nowrap;border-bottom:1px solid var(--cacao);padding:5px 0;display:inline-flex;gap:15px}.under-cta{font-size:10px;letter-spacing:.15em;font-weight:600;margin:35px 0 0}.under-cta span{color:var(--saffron);margin:0 8px}
.hero-photo{height:255px;max-width:100%;position:relative;background-image:linear-gradient(to bottom,rgba(28,28,28,0),rgba(28,28,28,.3)),url('assets/first-serve-field.jpg');background-size:cover;background-position:center 52%;overflow:hidden}.hero-photo:before{content:'';display:block;position:absolute;top:-83px;left:-8%;width:116%;height:117px;background:var(--ivory);border-radius:0 0 50% 50% / 0 0 65% 65%;transform:rotate(.8deg)}.hero-photo-label{position:absolute;bottom:27px;left:clamp(24px,6vw,100px);display:flex;gap:14px;align-items:center;color:var(--ivory);font-size:11px;letter-spacing:.09em;text-shadow:0 1px 3px rgba(28,28,28,.5)}.hero-photo-label strong{border-right:1px solid rgba(246,242,234,.8);padding-right:15px}.hero-photo-label small{font-size:10px;font-weight:400}
.principles{background:var(--ivory);display:grid;grid-template-columns:repeat(3,1fr);padding:35px clamp(28px,8vw,140px) 42px;border-bottom:1px solid rgba(28,28,28,.14)}.principles>div{display:flex;align-items:center;justify-content:center;gap:19px;font-size:10px;letter-spacing:.105em;font-weight:600;line-height:1.7;min-height:74px}.principles>div:not(:last-child){border-right:1px solid rgba(28,28,28,.2)}.symbol{font-family:'Sora',sans-serif;font-size:41px;line-height:1;color:var(--sage);font-weight:300}.symbol-circle{color:var(--cacao);font-size:53px}.symbol-arrow{color:var(--blue);font-size:42px}
.section-space{padding:110px clamp(25px,7vw,112px)}.section-meta{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.16em;font-weight:600}.section-meta>span:first-child{color:var(--cacao)}.thin-rule{width:45px;height:1px;background:var(--ink);opacity:.35}.idea-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:end;gap:8vw;margin-top:62px}.idea h2,.invite-grid h2{font-size:clamp(54px,6vw,94px);font-weight:400;letter-spacing:-.085em;line-height:1.1;margin:0}.idea h2 em,.invite-grid h2 em{font-style:normal;font-weight:300;color:var(--cacao)}.idea-copy{max-width:490px}.idea-copy p,.invite-grid p{font-size:15px;line-height:1.95;margin:0 0 16px}.idea-copy .small-signature{font-size:10px;font-weight:700;letter-spacing:.12em;margin:34px 0 0;color:var(--saffron)}
.field{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:var(--cacao);color:var(--ivory)}.field-image{position:relative;background-image:url('assets/first-serve-field.jpg');background-size:cover;background-position:50% center;min-height:490px}.field-image span{position:absolute;bottom:33px;left:42px;font-size:10px;letter-spacing:.16em;font-weight:600;background:rgba(28,28,28,.50);padding:14px 18px}.field-content{padding:clamp(56px,6vw,105px);display:flex;flex-direction:column;justify-content:center}.field-issue,.section-stamp{font-size:10px;letter-spacing:.15em;font-weight:700}.field-issue{color:var(--blue)}.field h2{font-size:clamp(57px,5.5vw,87px);font-weight:400;letter-spacing:-.08em;line-height:1.12;margin:33px 0 24px}.field-circle{font-size:.54em;color:var(--sage);margin-left:10px}.field-content p{max-width:520px;font-size:14px;line-height:1.95;margin:0 0 12px}.field-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ivory);align-self:flex-start;display:inline-flex;gap:28px;padding:13px 0 9px;margin-top:21px}
.invite-intro{background:var(--ivory)}.invite-grid{display:grid;grid-template-columns:1fr .85fr;gap:11vw;align-items:center;margin-top:70px}.invite-grid>div{max-width:480px}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:88px}.benefit-row>div{border-top:1px solid var(--cacao);padding-top:17px}.benefit-row>div>span{color:var(--saffron);font-size:10px;font-weight:700}.benefit-row h3{font-size:17px;letter-spacing:-.03em;margin:22px 0 8px;font-weight:600}.benefit-row p{font-size:12px;line-height:1.8;margin:0;max-width:260px}
.join{background:var(--sage);color:var(--ink);padding:110px clamp(25px,6vw,105px) 120px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .92fr;align-items:start;gap:9vw}.join-shape{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--blue);bottom:-360px;left:-150px;opacity:.42;pointer-events:none}.join-intro{position:relative;z-index:1}.join h2{font-weight:400;letter-spacing:-.085em;line-height:1.1;font-size:clamp(55px,5.4vw,89px);margin:62px 0 27px}.join h2 em{font-style:normal;color:var(--cacao);font-weight:300}.join-intro>p{font-size:15px;line-height:1.9;max-width:450px}.join-note{margin-top:100px;padding-top:23px;display:flex;align-items:center;gap:20px;border-top:1px solid rgba(28,28,28,.30);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.7}.join-note img{width:52px;mix-blend-mode:multiply}.signup-wrap{background:var(--ivory);padding:42px 48px 47px;border-radius:22px;box-shadow:0 18px 50px rgba(28,28,28,.10);position:relative;z-index:1}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(28,28,28,.22);padding-bottom:19px;font-size:10px;letter-spacing:.12em;gap:10px}.signup-wrap h3{font-size:36px;letter-spacing:-.06em;font-weight:500;margin:26px 0 7px}.signup-wrap>p{font-size:13px;line-height:1.7;margin:0 0 33px}.fields>label{display:block;font-weight:700;font-size:10px;letter-spacing:.09em;margin:18px 0 10px}.fields>label span{font-weight:400;opacity:.65}.fields label b{color:var(--saffron)}.fields>input{display:block;width:100%;border:1px solid rgba(28,28,28,.28);border-radius:11px;background:var(--ivory);color:var(--ink);font-size:14px;padding:16px 17px;outline:none;min-height:54px}.fields>input:focus{border:2px solid var(--cacao);padding-left:16px}.interest{margin:28px 0 23px;padding:0;border:0;display:flex;gap:8px;flex-wrap:wrap}.interest legend{width:100%;font-size:10px;letter-spacing:.09em;font-weight:700;margin-bottom:13px}.interest legend span{font-weight:400;opacity:.65}.interest label{position:relative;cursor:pointer}.interest label input{position:absolute;opacity:0;pointer-events:none}.interest label span{display:block;border:1px solid rgba(28,28,28,.25);font-size:11px;padding:10px 12px;border-radius:99px;transition:background .18s}.interest label input:checked+span{background:var(--blue);border-color:var(--cacao)}.interest label input:focus-visible+span{outline:3px solid var(--saffron)}.consent{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.consent>input{appearance:auto;width:18px;height:18px;accent-color:var(--cacao);flex:0 0 18px;margin:2px 0}.consent span{font-size:11px;line-height:1.8}.consent a{text-decoration:underline;text-underline-offset:3px}.submit{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;background:var(--cacao);color:var(--ivory);border:none;border-radius:999px;font-size:14px;font-weight:600;margin-top:24px;padding:18px 24px;transition:transform .2s}.submit span{font-size:21px;font-weight:400}.form-footnote{margin:15px 0 0;text-align:center;font-size:9px;letter-spacing:.07em;font-weight:500}.honeypot{position:absolute;left:-9999px}
.footer{padding:48px clamp(25px,6vw,105px);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;line-height:1.8}.footer>a img{width:94px}.footer>div:nth-child(2){font-weight:700;letter-spacing:.09em}.footer small{font-weight:400;color:var(--cacao)}.footer-links{display:flex;gap:25px;align-items:center;font-size:11px}
@media(max-width:1100px){.navigation{gap:17px;font-size:10px}.hero h1{font-size:clamp(53px,6.1vw,84px)}.hero-body{padding:90px 24px 85px}.field-content{padding:55px}.join{gap:35px}.signup-wrap{padding:35px}}
@media(max-width:780px){.site-header{height:76px;padding:0 23px}.brand img{width:85px;height:60px}.navigation{display:none}.nav-invite{font-size:10px;padding:13px 18px}.hero-arc-sage{width:265px;height:260px;top:-139px;right:-154px}.hero-arc-blue{width:150px;height:190px;left:-128px;top:26%}.hero-body{padding:78px 20px 76px}.overline{font-size:8px;gap:10px;letter-spacing:.13em;margin-bottom:48px}.overline-rule{width:17px}.hero h1{font-size:clamp(51px,10vw,78px);display:flex;flex-direction:column;gap:.04em;line-height:1.12}.kynd-heading{margin-top:5px}.kynd-in-headline{width:4.55em}.highlight{height:.10em;bottom:0}.hero-tagline{font-size:16px;margin-top:27px;margin-bottom:32px}.small-break{display:block}.hero-actions{gap:21px;flex-direction:column}.pill{padding:17px 25px;font-size:12px;gap:25px}.quiet-link{font-size:11px}.under-cta{font-size:8px;line-height:1.75;letter-spacing:.1em}.hero-photo{height:230px}.hero-photo:before{top:-43px;height:67px}.hero-photo-label{bottom:17px;left:22px;gap:10px;font-size:9px}.hero-photo-label small{font-size:8px}.principles{grid-template-columns:1fr;padding:20px 30px}.principles>div{justify-content:flex-start;min-height:74px;gap:22px}.principles>div:not(:last-child){border-right:0;border-bottom:1px solid rgba(28,28,28,.12)}.principles>div>span:last-child{font-size:10px}.section-space{padding:85px 25px}.section-meta{font-size:9px;gap:12px}.idea-grid,.invite-grid{display:block;margin-top:47px}.idea h2,.invite-grid h2{font-size:clamp(50px,11vw,78px)}.idea-copy{margin-top:35px}.idea-copy p,.invite-grid p{font-size:14px}.field{display:flex;flex-direction:column}.field-image{min-height:260px}.field-image span{left:20px;bottom:20px;font-size:8px}.field-content{padding:67px 25px 74px}.field h2{font-size:clamp(53px,10.8vw,78px)}.field-content p{font-size:14px}.invite-grid>div{margin-top:30px}.benefit-row{grid-template-columns:1fr;gap:19px;margin-top:60px}.benefit-row>div{padding-top:13px}.benefit-row h3{margin:10px 0 4px}.benefit-row p{max-width:none}.join{padding:76px 23px 83px;display:flex;flex-direction:column;gap:45px}.join h2{margin:31px 0 19px;font-size:clamp(53px,11.5vw,78px)}.join-intro>p{font-size:14px}.join-note{margin-top:39px}.signup-wrap{width:100%;padding:32px 25px;border-radius:17px}.signup-wrap h3{font-size:31px}.footer{padding:42px 25px;flex-wrap:wrap;justify-content:flex-start}.footer-links{width:100%;justify-content:space-between}}
@media(max-width:365px){.nav-invite{font-size:9px;padding:11px 13px}.hero h1{font-size:47px}.overline{font-size:7px}.hero-tagline{font-size:15px}.hero-body{padding-left:16px;padding-right:16px}.hero-photo-label small{display:none}.signup-wrap{padding:26px 19px}.form-top{font-size:8px}.interest label span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}


/* KYND Colour Study 03 — approved colours only; intentional light/dark rhythm. */
/* Warm editorial introduction: ivory is the protagonist, not a coloured wallpaper. */
.site-header{background:var(--ivory);border-bottom-color:rgba(107,78,61,.22)}
.navigation a:hover{color:var(--cacao)}
.nav-invite{box-shadow:0 8px 22px rgba(107,78,61,.10)}
.hero{background:var(--ivory)}
.hero:after{opacity:.09;mix-blend-mode:normal}
.hero-arc-sage{width:540px;height:440px;top:-246px;right:-175px;opacity:.73}
.hero-arc-blue{width:240px;height:290px;left:-199px;top:30%;opacity:.45}
.overline strong{color:var(--cacao)}
.overline-rule{background:var(--cacao)}
.hero-body{padding-top:101px;padding-bottom:91px}
.highlight{height:.105em;background:var(--saffron);opacity:1;transform:rotate(-1.8deg);bottom:.035em}
.hero-tagline{color:var(--cacao);font-weight:400}
.pill-cacao{background:var(--cacao);color:var(--ivory);box-shadow:0 10px 24px rgba(107,78,61,.12)}
.pill-cacao:hover{background:var(--ink)}
.quiet-link{color:var(--cacao)}
.under-cta{color:var(--cacao);letter-spacing:.13em}
.hero-photo{background-image:linear-gradient(to bottom,transparent 35%,rgba(28,28,28,.48)),url('assets/first-serve-field.jpg')}
.hero-photo:before{height:104px;top:-74px}
.hero-photo-label strong{color:var(--ivory)}
.principles{background:var(--ivory);border-bottom-color:rgba(107,78,61,.2)}
.principles>div:not(:last-child){border-color:rgba(107,78,61,.22)}
.symbol-circle{color:var(--saffron)}
/* Soft blue-grey is a barely-there counterweight, never text colour on ivory. */
.idea{background:var(--ivory);position:relative;overflow:hidden}
.idea:before{content:'';position:absolute;right:-260px;top:-230px;width:430px;height:430px;background:var(--blue);border-radius:48% 52% 60% 40%;opacity:.25;pointer-events:none}
.idea>*{position:relative}
.idea h2 em{color:var(--cacao)}
.idea-copy{border-left:3px solid var(--sage);padding-left:30px}
.idea-copy .small-signature{color:var(--cacao)}
.section-meta>span:first-child{color:var(--cacao)}
/* Cinematic dark interlude makes the real first-serve photo feel like an event. */
.field{background:var(--ink);color:var(--ivory)}
.field-content{background:var(--ink);position:relative;overflow:hidden}
.field-content:before{content:'';position:absolute;width:400px;height:400px;background:var(--sage);opacity:.09;right:-260px;top:-190px;border-radius:50%;pointer-events:none}
.field-content>*{position:relative}
.field-issue{color:var(--ivory)}
.field-issue:before{content:'';display:inline-block;width:24px;height:5px;background:var(--saffron);vertical-align:middle;margin-right:14px;border-radius:5px}
.field-circle{color:var(--saffron)}
.field-link{border-bottom:2px solid var(--saffron);transition:color .2s}
.field-link:hover{color:var(--sage)}
.field-image{box-shadow:inset -1px 0 0 rgba(246,242,234,.12)}
.field-image span{background:var(--ink);color:var(--ivory)}
/* A breath before conversion. */
.invite-intro{background:var(--ivory)}
.invite-grid h2 em{color:var(--cacao)}
.benefit-row>div{border-top:2px solid var(--sage)}
.benefit-row>div>span{color:var(--cacao)}
.benefit-row h3{color:var(--ink)}
/* Sage surrounds the ivory paper form; the saffron button is the visual endpoint. */
.join{background:var(--sage);color:var(--ink)}
.join:before{content:'';position:absolute;top:-165px;right:-175px;width:360px;height:360px;border-radius:50%;background:var(--ivory);opacity:.18;pointer-events:none}
.join-shape{background:var(--blue);width:510px;height:510px;left:-280px;bottom:-375px;opacity:.5}
.join h2 em{color:var(--ink);text-decoration:underline;text-decoration-thickness:.10em;text-decoration-color:var(--saffron);text-underline-offset:.14em}
.join-note{border-top-color:rgba(28,28,28,.45)}
.signup-wrap{background:var(--ivory);border:1px solid rgba(107,78,61,.3);box-shadow:0 19px 45px rgba(28,28,28,.14)}
.form-top strong{color:var(--cacao)}
.fields>input{background:var(--ivory);border-color:rgba(107,78,61,.47)}
.fields>input:focus{border-color:var(--cacao)}
.interest label input:checked+span{background:var(--sage);color:var(--ink);border-color:var(--ink)}
.submit{background:var(--saffron);color:var(--ink);font-weight:700;box-shadow:0 7px 20px rgba(212,106,31,.14)}
.submit:hover{background:var(--cacao);color:var(--ivory)}
.footer{background:var(--ivory);border-top:1px solid rgba(107,78,61,.20)}
@media(max-width:780px){
 .hero-arc-sage{width:265px;height:255px;right:-170px;top:-137px;opacity:.65}
 .hero-arc-blue{width:158px;height:170px;left:-136px;top:29%;opacity:.4}
 .hero-body{padding-top:75px;padding-bottom:72px}
 .hero-photo:before{height:67px;top:-45px}
 .idea:before{right:-220px;top:-200px;width:320px;height:320px;opacity:.17}
 .idea-copy{padding-left:19px}
 .field-content:before{right:-320px;top:-170px}
 .join:before{right:-230px;top:-250px}
 .join-shape{left:-350px}
}

/* Preserve intentional word spacing in the editorial display line. */
.opening-words{letter-spacing:-.045em;word-spacing:.065em}
@media(max-width:780px){.opening-words{letter-spacing:-.045em;word-spacing:.07em}}


/* KYND / Visual refinement 04: applied from the Extended Contrast Palette.
   The content, layout, brand artwork, and form logic are unchanged.
   1. Warm Ivory anchors the composition.
   2. Deep Forest replaces the heavy dark-brown story panel.
   3. Cacao stays as a warm material accent, not a wall of colour.
   4. Pistachio Wash and Butter Cream add quiet sensory light.
   5. Saffron is reserved for the headline underscore and conversion.
*/
:root{--forest:#2F4A35;--pistachio:#DDE8CC;--butter:#FFF1C6}
.hero{background:radial-gradient(ellipse at 49% 48%,rgba(255,241,198,.31),transparent 50%),var(--ivory)}
.hero-arc-sage{background:var(--sage);opacity:.68}
.hero-arc-blue{opacity:.36}
.hero:after{opacity:.06}
.highlight{background:var(--saffron);height:.094em;transform:rotate(-1.6deg)}
.pill-cacao{background:var(--cacao);box-shadow:0 9px 22px rgba(107,78,61,.10)}
.pill-cacao:hover{background:var(--forest)}
.hero-photo{background-image:linear-gradient(to bottom,transparent 40%,rgba(47,74,53,.52)),url('assets/first-serve-field.jpg')}
.principles{background:linear-gradient(105deg,var(--ivory) 64%,rgba(221,232,204,.52) 100%)}
.symbol-circle{color:var(--cacao)}
.idea{background:linear-gradient(110deg,var(--ivory) 71%,rgba(221,232,204,.34) 100%)}
.idea:before{background:var(--pistachio);opacity:.38}
.idea-copy{border-left:2px solid var(--sage)}
.idea h2 em{color:var(--cacao)}
.idea-copy .small-signature{color:var(--forest)}
.field,.field-content{background:var(--forest);color:var(--ivory)}
.field-content:before{background:var(--sage);opacity:.105}
.field-issue{color:var(--pistachio)}
.field-issue:before{background:var(--saffron)}
.field-circle{color:var(--butter)}
.field-link{border-bottom-color:var(--saffron)}
.field-link:hover{color:var(--pistachio)}
.field-image{box-shadow:inset -1px 0 0 rgba(246,242,234,.14)}
.invite-intro{background:var(--ivory)}
.invite-grid h2 em{color:var(--cacao)}
.benefit-row>div{border-top:2px solid var(--sage)}
.benefit-row>div>span{color:var(--forest)}
.join{background:var(--sage)}
.join:before{background:var(--pistachio);opacity:.6}
.join-shape{background:var(--blue);opacity:.34}
.join h2 em{color:var(--forest);text-decoration-color:var(--saffron)}
.join-note{border-top-color:rgba(47,74,53,.38)}
.signup-wrap{border-color:rgba(47,74,53,.20);box-shadow:0 18px 42px rgba(47,74,53,.16)}
.form-top strong{color:var(--forest)}
.fields>input{background:var(--ivory);border-color:rgba(47,74,53,.42)}
.fields>input:focus{border-color:var(--forest)}
.interest label input:checked+span{background:var(--pistachio);color:var(--forest);border-color:var(--forest)}
.submit{background:var(--saffron);color:var(--ink);box-shadow:0 7px 17px rgba(212,106,31,.13)}
.submit:hover{background:var(--forest);color:var(--ivory)}
@media(max-width:780px){
 .hero{background:radial-gradient(ellipse at 48% 40%,rgba(255,241,198,.33),transparent 56%),var(--ivory)}
 .hero-arc-sage{opacity:.61}
 .hero-arc-blue{opacity:.31}
 .idea{background:linear-gradient(150deg,var(--ivory) 78%,rgba(221,232,204,.26))}
 .join:before{opacity:.43}
}


/* KYND / Colour Balance 05 — warm/cool editorial rhythm.
   Primary original palette + approved contrast palette.
   No changes to content, layout, original vector logos or data capture.
   Colour sequence: Ivory → Oat warmth → Charcoal → Cream → Blue-grey → Ivory. */
:root{--soft-oat:#E8DFD0;--rose-clay:#B76E5C;--deep-teal:#245A5A;--turmeric:#E2A93B;--slate:#2E3941}
/* Introduction: mostly ivory, with the original minimal sage/blue gestures. */
.hero{background:radial-gradient(ellipse at 53% 48%,rgba(255,241,198,.20),transparent 55%),var(--ivory)}
.hero-arc-sage{opacity:.42}
.hero-arc-blue{opacity:.33}
.hero-tagline{color:var(--ink)}
.pill-cacao{background:var(--cacao)}
.pill-cacao:hover{background:var(--ink)}
.principles{background:linear-gradient(105deg,var(--ivory) 52%,rgba(232,223,208,.53) 100%)}
/* Philosophy: whisper of warm oat and rose, not another green panel. */
.idea{background:linear-gradient(132deg,var(--ivory) 18%,rgba(232,223,208,.68) 100%)}
.idea:before{background:var(--rose-clay);right:-275px;top:-250px;opacity:.12}
.idea-copy{border-left-color:var(--rose-clay)}
.idea h2 em{color:var(--cacao)}
.idea-copy .small-signature{color:var(--cacao)}
/* First Serve: near-black cinema, uninterrupted real event photography. */
.field,.field-content{background:var(--ink);color:var(--ivory)}
.field-content:before{background:var(--blue);opacity:.11}
.field-issue{color:var(--blue)}
.field-circle{color:var(--turmeric)}
.field-link:hover{color:var(--butter)}
.field-image{box-shadow:inset -1px 0 0 rgba(246,242,234,.13)}
/* Editorial breathing room: very pale butter-cream, with blue details. */
.invite-intro{background:linear-gradient(142deg,var(--ivory) 12%,rgba(255,241,198,.82) 87%)}
.invite-grid h2 em{color:var(--cacao)}
.benefit-row>div{border-top-color:var(--blue)}
.benefit-row>div>span{color:var(--cacao)}
/* Conversion: blue-grey is the refreshing colour shift, saffron owns the action. */
.join{background:var(--blue);color:var(--ink)}
.join:before{background:var(--ivory);opacity:.24}
.join-shape{background:var(--rose-clay);opacity:.18}
.join h2 em{color:var(--cacao);text-decoration-color:var(--saffron)}
.join-note{border-top-color:rgba(28,28,28,.30)}
.signup-wrap{background:var(--ivory);border-color:rgba(28,28,28,.16);box-shadow:0 24px 55px rgba(28,28,28,.13)}
.form-top strong{color:var(--cacao)}
.fields>input{border-color:rgba(28,28,28,.30)}
.fields>input:focus{border-color:var(--cacao)}
.interest label input:checked+span{background:var(--soft-oat);color:var(--ink);border-color:var(--cacao)}
.submit{background:var(--saffron);color:var(--ink)}
.submit:hover{background:var(--cacao);color:var(--ivory)}
.footer{background:var(--ivory)}
@media(max-width:780px){
 .hero{background:radial-gradient(ellipse at 45% 43%,rgba(255,241,198,.24),transparent 55%),var(--ivory)}
 .hero-arc-sage{opacity:.38}
 .hero-arc-blue{opacity:.3}
 .idea{background:linear-gradient(155deg,var(--ivory) 10%,rgba(232,223,208,.68) 100%)}
 .idea:before{opacity:.085}
 .join:before{opacity:.24}
 .join-shape{opacity:.16}
}