:root{--navy:#03111d;--dark:#020911;--gold:#eeb94c;--cream:#f9f5eb;--muted:#c1c5ce}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-width:0;overflow-x:hidden;background:var(--navy);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.skip-link{position:absolute;top:-80px;left:10px;background:var(--gold);padding:8px;color:#000;z-index:30}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(2,10,18,.98);border-bottom:1px solid #a37832}
.header-inner{width:min(100%,1600px);margin:auto;padding:18px clamp(15px,3.5vw,55px);display:flex;align-items:center;justify-content:space-between;gap:20px}

.brand{font:500 clamp(23px,2.6vw,38px)/1.1 'Playfair Display',Georgia,serif;white-space:nowrap;letter-spacing:-.05em}.brand span,.brand sup{color:var(--gold)}.brand sup{font:400 10px Arial,sans-serif;vertical-align:top;margin-left:3px}
nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,34px)}nav a{font-size:clamp(10px,.85vw,13px);font-weight:600;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}nav a:hover{color:var(--gold)}.menu-toggle{display:none}
/*Desktop layout: left 30%, right 70%. */
.hero{background:radial-gradient(ellipse at 75% 25%,#143047 0%,#051421 46%,#020914 100%)}
.hero-inner{width:min(100%,1600px);margin:auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;min-width:0;min-height:570px}
.hero-copy{padding:clamp(40px,6vw,100px) clamp(20px,5vw,80px);min-width:0}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.24em;font-weight:700}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5.1vw,87px);line-height:1.08;letter-spacing:-.03em;margin:18px 0 24px;max-width:730px}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-description{font-size:clamp(16px,1.4vw,20px);max-width:530px;color:var(--muted);line-height:1.8}
.patent{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:10px 18px;letter-spacing:.16em;font-size:12px;margin-top:24px}
.hero-art{min-width:0;display:flex;align-items:center;justify-content:center;padding:20px 24px 20px 0}
.hero-art img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;position:static;transform:none;border:1px solid rgba(238,185,76,.28)}
.section{padding:clamp(64px,7vw,108px) clamp(20px,5vw,75px)}.section-intro{text-align:center;max-width:750px;margin:0 auto 42px}.section h2{font-size:clamp(36px,4vw,60px);line-height:1.18;margin:15px 0 22px}.section p{color:var(--muted)}.features{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.features article{min-width:0;border:1px solid #986d2c;background:#061725;padding:25px;min-height:225px}.features h3{font-size:25px;margin:12px 0}.features p{font-size:14px}.feature-number{color:var(--gold)!important;font-size:13px!important;letter-spacing:.2em;font-weight:700;margin:0}
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,85px);background:#061622}.detail-image{min-width:0}.detail-image img{width:100%;max-height:520px;object-fit:contain;display:block}.detail-copy{max-width:670px;min-width:0}.detail-copy ol{padding-left:24px;color:var(--muted)}.detail-copy li{padding:7px 0}.small-note{font-size:12px}.story{text-align:center;max-width:1000px;margin:auto}.story>p:not(.eyebrow){max-width:670px;margin:0 auto}.crowd{background:#061b2a;border-top:1px solid #805e2a;display:flex;align-items:center;justify-content:space-between;gap:30px}.crowd>div{max-width:710px}.contact-link{border:1px solid var(--gold);color:var(--gold);padding:17px 23px;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.07em}
footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:32px clamp(20px,5vw,75px);border-top:1px solid #84602c;background:#020911}footer .brand{font-size:26px}footer>span,footer>a:not(.brand){font-size:12px;color:var(--gold);letter-spacing:.1em}
@media(max-width:1050px){nav{gap:12px}nav a{font-size:10px;letter-spacing:.04em}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.header-inner{padding:15px 18px}.menu-toggle{display:flex;width:42px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--gold);border-radius:3px;flex-shrink:0;cursor:pointer}.menu-toggle span{display:block;width:21px;height:2px;background:var(--gold)}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:4px 0;background:#051423;box-shadow:0 10px 15px #0007;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px 20px;border-bottom:1px solid #253544;font-size:13px;letter-spacing:.12em}.hero-inner{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy{padding:38px 24px 20px}.hero-art{padding:10px 24px 38px}.hero-art img{width:100%;height:auto;max-width:650px}h1{font-size:clamp(36px,8vw,60px)}.how{grid-template-columns:1fr}.crowd{display:block}.contact-link{display:inline-block;white-space:normal;margin-top:20px}}
@media(max-width:420px){.brand{font-size:clamp(21px,7vw,29px)}.hero-copy{padding:32px 18px 12px}.hero-art{padding:10px 18px 30px}.hero-description{font-size:15px}.section{padding:60px 18px}.features{grid-template-columns:minmax(0,1fr)}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Multi-page refinements: text-only details, no decorative icons. */
nav a[aria-current="page"]{color:var(--gold)}
.text-link{display:inline-block;border-bottom:1px solid var(--gold);color:var(--gold);padding-bottom:4px;font-weight:600;letter-spacing:.03em}.text-link:hover{color:#fff;border-color:#fff}
.text-link-wrap{margin-top:30px}.page-heading{max-width:1120px;margin:0 auto;padding:clamp(68px,9vw,130px) 25px 50px}.page-heading h1{font-size:clamp(40px,6vw,84px);max-width:920px}.page-heading>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:clamp(16px,1.5vw,20px)}
.split-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:center;background:#061622}.split-content>div{min-width:0}.split-content p{max-width:620px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps article{border-top:1px solid #9d7639;padding:15px 8px}.steps h2{font-size:clamp(26px,3vw,40px)}.step-count{color:var(--gold)!important;letter-spacing:.2em;font-weight:700}.story-prose{max-width:920px;margin:auto}.story-prose p{font-size:clamp(17px,1.6vw,21px)}.slim-section{background:#061622;text-align:center}.slim-section p{max-width:650px;margin:0 auto 25px}
@media(max-width:800px){.split-content,.steps{grid-template-columns:minmax(0,1fr)}.page-heading{padding:65px 20px 30px}}

/* INDEX — refined multicolor feature tabs */
.overview{background:linear-gradient(180deg,#03111d 0%,#061521 100%)}
.overview .section-intro{max-width:920px;margin-bottom:44px}
.overview-lead{max-width:630px;margin:0 auto;color:#b8c6d1;font-size:16px}
.feature-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1440px;margin:0 auto}
.feature-tab{--tab-accent:#eeb94c;position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:28px 24px 23px;border:1px solid rgba(196,215,227,.16);border-top:3px solid var(--tab-accent);border-radius:8px;background:linear-gradient(140deg,rgba(20,39,55,.9),rgba(5,20,32,.96));box-shadow:0 12px 28px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.feature-tab:hover,.feature-tab:focus-visible{transform:translateY(-4px);border-color:var(--tab-accent);background:linear-gradient(140deg,#192d3e,#061623)}
.feature-tab .tab-category{color:var(--tab-accent);font-size:11px;font-weight:750;letter-spacing:.19em}
.feature-tab h3{font:400 clamp(22px,1.75vw,29px)/1.17 Georgia,serif;margin:23px 0 13px;letter-spacing:-.02em}
.feature-tab p{color:#bcc7d0;font-size:14px;line-height:1.7;margin:0 0 28px}
.feature-tab .tab-arrow{margin-top:auto;color:var(--tab-accent);font-size:12px;font-weight:700;letter-spacing:.04em}
.tab-cobalt{--tab-accent:#6caafa}.tab-teal{--tab-accent:#55d6c7}.tab-violet{--tab-accent:#b69aff}.tab-amber{--tab-accent:#f5bf66}
/* No decorative icon boxes or numbered indicators */
@media(max-width:1120px){.feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.feature-tabs{grid-template-columns:minmax(0,1fr);gap:12px}.feature-tab{padding:22px}.feature-tab h3{margin-top:15px}.overview .section-intro{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.feature-tab{transition:none}}

/* Benefits-only homepage cards: informational, not clickable */
.benefit-tabs{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px}
.benefit-tabs .feature-tab{cursor:default}
.benefit-tabs .feature-tab:hover{transform:none;border-color:rgba(196,215,227,.16)}
.benefit-tabs .feature-tab h3{margin-top:17px}
.benefit-tabs .feature-tab p{margin-bottom:0}
.benefit-tabs .tab-cyan{--tab-accent:#64c8df}
.benefit-tabs .tab-rose{--tab-accent:#db96a8}
@media(max-width:900px){.benefit-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.benefit-tabs{grid-template-columns:minmax(0,1fr)}}


/* Product page: component styling scoped to product-specific classes */
.product-intro{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,65px);align-items:center;padding:clamp(50px,6vw,92px) clamp(20px,5vw,75px)}
.product-intro-copy{min-width:0}.product-intro h1{font-size:clamp(43px,5.5vw,84px);line-height:1.09}.product-lead{font-size:clamp(17px,1.45vw,21px);line-height:1.8;max-width:690px;color:var(--muted)}
.product-intro-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}.product-intro-art{margin:0;min-width:0}.product-intro-art img{display:block;width:100%;height:auto;border:1px solid rgba(238,185,76,.25);border-radius:5px}.product-intro-art figcaption{text-align:right;color:#90a2b2;font-size:12px;letter-spacing:.08em;margin-top:9px}
.product-section{background:#061622}.product-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1400px;margin:auto}
.product-spec{--tab-accent:#eeb94c;min-width:0;padding:26px 24px;background:linear-gradient(145deg,#112635,#071620);border:1px solid #284151;border-top:3px solid var(--tab-accent);border-radius:8px}
.product-spec .spec-label{color:var(--tab-accent);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 17px}.product-spec h3{font-size:clamp(23px,1.9vw,29px);line-height:1.18;margin:0 0 13px}.product-spec>p:last-child{font-size:16px;line-height:1.75;margin:0;color:#c2ccd5}
.accessibility-feature{background:radial-gradient(ellipse at 90% 45%,#12324a,#03111d 70%);border-top:1px solid #273d4f}.accessibility-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}.accessibility-layout>div{min-width:0}.accessibility-layout p{font-size:17px;line-height:1.85}.accessibility-layout .product-note{font-size:16px;color:#97a7b3}.accessibility-quote{border-left:2px solid var(--gold);padding:28px 0 30px clamp(24px,4vw,60px)}.accessibility-quote>span:first-child{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:700}.accessibility-quote>p{font-family:Georgia,serif;font-size:clamp(27px,3.3vw,49px);line-height:1.2;color:var(--cream);margin:23px 0}.product-ending{text-align:center}.product-ending>p:not(.eyebrow){max-width:670px;margin:0 auto 27px}
@media(max-width:1100px){.product-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.product-intro{grid-template-columns:minmax(0,1fr);padding-top:40px}.product-intro-art{max-width:620px}.accessibility-layout{grid-template-columns:minmax(0,1fr)}.accessibility-quote{padding-top:10px;padding-bottom:10px}}
@media(max-width:580px){.product-spec-grid{grid-template-columns:minmax(0,1fr)}.product-spec{padding:22px 21px}.product-intro{padding:34px 18px 44px}}

/* HOW IT WORKS — three plain-language sections, 16px body copy */
.how-page{font-size:16px}.how-intro{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(46px,6vw,96px) clamp(20px,5vw,75px)}
.how-intro>div{min-width:0}.how-intro h1{font-size:clamp(42px,5.3vw,78px)}.how-lead{max-width:640px;font-size:clamp(17px,1.45vw,21px);line-height:1.8;color:var(--muted)}
.how-intro figure{min-width:0;margin:0}.how-intro img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid rgba(238,185,76,.25);border-radius:5px}.how-intro figcaption{text-align:right;color:#aebbc5;font-size:13px;margin-top:8px}
.how-actions{background:#061622}.how-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1400px;margin:auto}.how-card{--tab-accent:#eeb94c;background:linear-gradient(150deg,#112635,#071620);border:1px solid #2c4656;border-top:4px solid var(--tab-accent);border-radius:8px;padding:clamp(23px,2.6vw,36px);min-width:0}.how-tag{font-size:12px!important;font-weight:700;letter-spacing:.13em;color:var(--tab-accent)!important;margin:0 0 23px}.how-card h3{font-size:clamp(25px,2.4vw,34px);line-height:1.2;margin:0 0 22px}.how-card>p:last-child{font-size:16px;line-height:1.75;margin:0;color:#d3dce3}.how-ending{text-align:center}.how-ending>p:not(.eyebrow){max-width:660px;margin:0 auto 24px;font-size:17px}
@media(max-width:950px){.how-cards{grid-template-columns:minmax(0,1fr)}.how-card{max-width:760px;width:100%;margin:auto}}
@media(max-width:800px){.how-intro{grid-template-columns:minmax(0,1fr)}.how-intro figure{max-width:650px}.how-intro{padding:42px 22px}}

/* Product body copy: never below 16px. Small navigation and category labels remain distinct. */
.product-intro-copy, .product-section, .accessibility-feature, .product-ending{font-size:16px}
.product-spec>p:last-child,.product-ending>p:not(.eyebrow),.accessibility-layout .product-note{font-size:16px}


/* OUR STORY — narrative page with editorial layout */
.story-page{font-size:16px}
.story-heading{padding-bottom:34px}
.story-layout{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.95fr);gap:clamp(24px,4vw,44px);align-items:start}
.story-panel,.story-callout,.story-ending-card,.story-points article{min-width:0;border:1px solid #274050;border-radius:10px;background:linear-gradient(150deg,#0b1d2a,#071420);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.story-panel{padding:clamp(26px,3vw,40px)}
.story-panel-alt{background:linear-gradient(150deg,#0d2230,#071622)}
.story-panel p,.story-ending-card p,.story-callout p,.story-points p{font-size:16px;line-height:1.85;color:#c3ccd5;margin:0 0 18px}
.story-panel p:last-child,.story-ending-card p:last-child,.story-callout p:last-child,.story-points p:last-child{margin-bottom:0}
.story-kicker,.callout-label{display:inline-block;margin-bottom:18px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.19em}
.story-callout,.story-ending-card{padding:clamp(24px,3vw,34px);position:relative;overflow:hidden}
.story-callout::before,.story-ending-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),rgba(238,185,76,.08))}
.story-callout p{font-size:clamp(22px,2.3vw,31px);line-height:1.45;font-family:Georgia,serif;color:var(--cream);margin-bottom:18px}
.story-points{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.story-points article{padding:22px 22px 20px;border-top:3px solid var(--gold)}
.story-points h3{font-size:23px;line-height:1.2;margin:0 0 10px}
.story-quote-band{padding-top:6px;padding-bottom:6px}
.story-quote-wrap{max-width:1080px;margin:0 auto;padding:clamp(22px,3vw,30px) 0;border-top:1px solid rgba(238,185,76,.28);border-bottom:1px solid rgba(238,185,76,.28)}
.story-quote{margin:0;font-family:Georgia,serif;font-size:clamp(30px,3.6vw,48px);line-height:1.24;color:var(--cream);max-width:980px}
.story-final-band{padding-top:14px}
.story-ending-card h3{font-size:clamp(28px,2.6vw,38px);line-height:1.2;margin:0 0 14px}
.story-ending-card .text-link{margin-top:14px}
@media(max-width:900px){.story-layout{grid-template-columns:minmax(0,1fr)}.story-heading{padding-bottom:24px}.story-quote{font-size:clamp(26px,7vw,38px)}}

/* Our Story — image columns */
.story-intro-band{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}
.story-intro-band .story-callout{grid-column:1 / -1;}
.story-development-side,.story-finale-side{display:flex;flex-direction:column;gap:18px;min-width:0;}
@media(max-width:900px){.story-intro-band{grid-template-columns:minmax(0,1fr)}.story-intro-band .story-callout{grid-column:auto}}

/* Real story photography: show complete image without any cropping. */
.story-photo{margin:0;min-width:0;width:100%;border:1px solid rgba(238,185,76,.35);border-radius:10px;overflow:hidden;background:#0a1722}
.story-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.story-page .story-layout{width:100%;max-width:1300px;min-width:0}
.story-page .story-layout>*{min-width:0}
.story-page .story-panel h2{overflow-wrap:break-word}
@media (max-width:900px){.story-page .story-layout{grid-template-columns:minmax(0,1fr)}.story-photo{max-width:100%}}


/* CanStalker Kickstarter page + reusable share ribbon.
   Intended to be appended to the original /css/styles.css.
   Uses the site's existing --navy, --dark, --gold, --cream, --muted variables. */

/* Reserve space on the left so the share ribbon never obscures page copy. */
@media (min-width:901px) {
  body.has-social-share main {padding-left:70px}
}

/* The campaign page is a single, easy-to-read announcement. */
.kickstarter-page {
  background:radial-gradient(ellipse at 75% 18%,#102c40 0%,var(--navy) 57%,var(--dark) 120%);
  min-height:690px;
}
.kickstarter-announcement {
  max-width:1450px;
  margin:0 auto;
  padding:clamp(82px,9vw,130px) clamp(24px,5vw,76px) clamp(88px,9vw,125px);
}
.kickstarter-announcement__content {max-width:790px;margin:0 auto}
.kickstarter-announcement__eyebrow {
  margin:0 0 27px;
  color:var(--gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
}
.kickstarter-announcement h1 {
  margin:0 0 30px;
  max-width:780px;
  color:var(--cream);
  font:400 clamp(43px,5.5vw,74px)/1.13 'Playfair Display',Georgia,serif;
  letter-spacing:-.034em;
}
.kickstarter-announcement h1 em {color:var(--gold);font-style:normal}
.kickstarter-announcement__intro,
.kickstarter-announcement__feedback {
  max-width:710px;
  margin:0;
  color:var(--muted);
  font-size:clamp(17px,1.45vw,19px);
  line-height:1.85;
}
.kickstarter-announcement__feedback {
  margin-top:30px;
  border-left:3px solid var(--gold);
  padding-left:23px;
}
.kickstarter-announcement__feedback strong {color:var(--cream);font-weight:700}
.kickstarter-announcement__button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:32px;
  padding:15px 22px;
  background:var(--gold);
  border:1px solid var(--gold);
  border-radius:4px;
  color:var(--dark);
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.015em;
  transition:background-color .2s ease,transform .2s ease;
}
.kickstarter-announcement__button:hover {background:#ffcf6c;transform:translateY(-2px)}
.kickstarter-announcement__button span {font-size:21px;line-height:1}
.kickstarter-announcement__note {margin:21px 0 0;color:#aeb9c3;font-size:13px}

/* Social ribbon styles work on ANY page that includes the ribbon markup. */
.share-ribbon {
  position:fixed;
  z-index:15;
  top:50%;left:12px;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:11px 6px;
  background:rgba(3,17,29,.97);
  border:1px solid rgba(238,185,76,.48);
  border-radius:30px;
  box-shadow:0 10px 30px #0005;
}
.share-ribbon__label {
  display:block;
  color:var(--gold);
  margin:4px 0 5px;
  font-size:9px;
  letter-spacing:.1em;
  font-weight:700;
}
.share-ribbon__item {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  width:42px;height:42px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--cream);
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  line-height:1;
  font-weight:600;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}
.share-ribbon__item:hover {background:var(--gold);color:var(--dark)}
.share-ribbon__item:focus-visible,.kickstarter-announcement__button:focus-visible {
  outline:2px solid var(--gold);outline-offset:3px;
}
.share-ribbon__facebook{font-weight:800;font-size:24px}
.share-ribbon__linkedin{font-weight:800;font-size:16px;letter-spacing:-.08em}
.share-ribbon__x{font-size:19px;font-weight:400}
.share-ribbon .sr-only {
  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;
}
@media (max-width:900px) {
  /* Mobile: ribbon is in normal flow after main so it never covers a CTA. */
  .share-ribbon {
    position:relative;
    top:auto;bottom:auto;left:auto;
    transform:none;
    width:max-content;
    max-width:calc(100% - 32px);
    margin:-28px auto 38px;
    flex-direction:row;
    gap:5px;
    padding:6px 9px;
    border-radius:35px;
  }
  .share-ribbon__label {display:none}
  .kickstarter-page {min-height:0}
}
@media (max-width:600px) {
  .kickstarter-announcement {padding:65px 22px 82px}
  .kickstarter-announcement h1 {font-size:clamp(39px,10.4vw,57px)}
  .kickstarter-announcement__intro,.kickstarter-announcement__feedback {font-size:17px;line-height:1.78}
  .kickstarter-announcement__feedback {padding-left:18px;margin-top:27px}
  .kickstarter-announcement__button {max-width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce) {
  .kickstarter-announcement__button,.share-ribbon__item {transition:none}
}

/* Feedback contact options — brand colors and responsive layout. */
.kickstarter-announcement__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}
.kickstarter-announcement__actions .kickstarter-announcement__button{margin-top:0}
.kickstarter-announcement__button--secondary{background:transparent;color:var(--gold)}
.kickstarter-announcement__button--secondary:hover{background:rgba(238,185,76,.12);color:var(--cream)}
.kickstarter-announcement__email{margin:17px 0 0;color:var(--muted);font-size:14px}
.kickstarter-announcement__email a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(238,185,76,.45);text-underline-offset:4px;overflow-wrap:anywhere}
.kickstarter-announcement__email a:hover{color:var(--cream)}
@media(max-width:480px){.kickstarter-announcement__actions{align-items:stretch;flex-direction:column}.kickstarter-announcement__actions .kickstarter-announcement__button{width:100%}}
