/* Contemporary cut-paper identity. Screen-only: educational exports keep their clean print layout. */
@media screen {
  :root {
    --ink:#23475b;--muted:#50616a;--paper:#f6f3eb;--white:#fffdf7;
    --primary:#b4ceca;--primary-hover:#9ebfba;--aqua:#e0e9e2;--sky:#e1eaf0;
    --ice:#f0ebdf;--blue:#dce4ea;--line:#d5d7cc;--coral:#c88e79;
    --heading:'Trebuchet MS','Segoe UI',sans-serif;--hand:'Segoe Print','Comic Sans MS',cursive;
    --grain:url('../illustrations/paper-grain.webp');
    --paper-shadow:0 4px 8px #49403105,0 13px 35px -21px #49403135;
  }
  body{background-color:var(--paper);background-image:var(--grain);font-size:16px}
  h1,h2,h3{font-family:var(--heading);font-weight:700;letter-spacing:-.045em}
  h1,h2{line-height:1.14}h3{letter-spacing:-.025em}
  em{font-family:var(--hand);color:#477873;letter-spacing:-.06em;font-style:normal;font-weight:700}
  .handwritten,.photo-caption,.family-band .family-motto{font-family:var(--hand);transform:none;letter-spacing:0}
  a:hover{color:#356c68}:focus-visible{outline-color:#356c68}
  .site-header{background-color:#f9f6ee;background-image:var(--grain);border-bottom:1px solid #d7d8ce}
  .header-inner{min-height:82px}.brand-logo{width:132px}.site-nav{gap:25px}
  .site-nav>a{font-size:13px;font-weight:600}.site-nav>a[aria-current="page"]:not(.button)::after{background:#749d99;height:3px;border-radius:40% 30% 20% 45%}
  .button,.button.primary,.button.warm{background-image:var(--grain);border:1px solid #7d9b943f;box-shadow:0 3px 7px #324c4810;border-radius:9px 13px 10px 12px;font-weight:700;color:var(--ink)}
  .button.primary,.button.warm{background-color:var(--primary)}
  .button.primary:hover,.button.warm:hover{background-color:var(--primary-hover);box-shadow:0 5px 12px #324c4817;transform:translateY(-1px);color:var(--ink)}
  .button.secondary,.button.light{background-color:var(--white);border-color:#bbc9c1}
  .button.secondary:hover,.button.light:hover{background-color:#ecefe5}
  .eyebrow{font-size:11px;letter-spacing:.15em;color:#426d6b;font-weight:700}
  .hero-copy .eyebrow{background:none;border-radius:0;transform:none;padding:0;max-width:400px;line-height:1.8}
  .home-hero{grid-template-columns:.9fr 1.1fr;gap:50px;padding-block:76px 86px;isolation:isolate}
  .home-hero h1{font-size:clamp(3.2rem,5.4vw,4.8rem);line-height:1.08;letter-spacing:-.055em}
  .home-hero h1 em{font-size:.78em;margin-top:12px;line-height:1.16}
  .hero-copy .lead{font-size:16px;line-height:1.85;max-width:435px;margin-top:30px}
  .hero-footnote{font-size:12px;letter-spacing:.01em;color:#52675f}
  .hero-footnote::before{content:'';width:24px;height:3px;background:#c2936e;border-radius:40% 25% 30% 15%;display:block}
  .home-family{position:relative;isolation:isolate;padding:12px 0}
  .home-family::before,.home-family::after{content:'';position:absolute;z-index:-1;pointer-events:none;background-image:var(--grain)}
  .home-family::before{inset:5% -2% 1% 2%;background-color:#dce5e7;transform:rotate(3deg);border-radius:40% 36% 25% 27% / 30% 30% 23% 22%}
  .home-family::after{width:21%;height:17%;left:-4%;bottom:0;background-color:#e1c5ae;transform:rotate(-11deg);clip-path:polygon(4% 5%,95% 0,100% 94%,5% 100%,0 65%);opacity:.7}
  .home-family img{position:relative;aspect-ratio:1;object-fit:cover;clip-path:polygon(2% 2%,30% 0,69% 1%,98% 0,100% 29%,99% 66%,98% 99%,66% 100%,32% 99%,0 100%,1% 62%,0 29%);border-radius:14% 10% 15% 9% / 11% 13% 9% 14%}
  .section{padding-block:88px}.section-heading{margin-bottom:42px}
  .home-projects{position:relative;isolation:isolate;background:none}
  .home-projects::before{content:'';position:absolute;inset:0;z-index:-1;background-color:#e4ebed;background-image:var(--grain);clip-path:polygon(0 1%,8% .4%,18% 1%,30% 0,42% .7%,57% .2%,74% 1%,89% .1%,100% .7%,100% 99%,86% 99.7%,70% 99.2%,54% 100%,34% 99.6%,18% 100%,0 99.3%)}
  .home-project-grid{gap:28px}
  .home-project,.home-project:nth-last-child(-n+2),.home-donation-grid article,.home-donation-grid article+article{
    --card-paper:#fffdf6;--card-tilt:-.55deg;
    position:relative;isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;
    padding:36px;filter:drop-shadow(0 7px 7px #49403112);
  }
  /* Shape only the paper: text, links and focus outlines remain level and unclipped. */
  .home-project::before,.home-donation-grid article::before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-color:var(--card-paper);background-image:var(--grain);
    border-radius:30px 23px 32px 24px;
    -webkit-mask:url('../illustrations/paper-card.svg') center / 100% 100% no-repeat;
    mask:url('../illustrations/paper-card.svg') center / 100% 100% no-repeat;
    transform:rotate(var(--card-tilt));
  }
  .home-project:nth-child(even),.home-donation-grid article:nth-child(even){--card-tilt:.65deg}
  .home-project:nth-child(2){--card-paper:#edf0e4}.home-project:nth-child(3){--card-paper:#f1e5dc}.home-project:nth-child(4){--card-paper:#e8eeeb}.home-project:nth-child(5){--card-paper:#eee9d9}
  .home-project h3{font-size:24px;margin-top:22px}.home-project p{font-size:15px;line-height:1.8}
  .home-project .project-icon{width:72px;height:72px;filter:drop-shadow(1px 3px 2px #253b3214);transform:rotate(-3deg)}
  .home-project:nth-child(even) .project-icon{transform:rotate(3deg)}
  .project-icon [fill="#0bb4ba"]{fill:#77a59d}.project-icon [stroke="#0bb4ba"]{stroke:#6c9591}
  .project-icon [fill="#bfe7ec"]{fill:#c0d6dc}.project-icon [stroke="#49aebc"]{stroke:#789ca2}
  .project-icon [fill="#fbfeff"]{fill:#fff9eb}.project-icon [fill="#dff6f5"]{fill:#dbe6dc}
  .project-icon [fill="#f47760"]{fill:#c9947f}.project-icon [stroke="#d76551"]{stroke:#b87f6b}
  .project-icon [stroke="#88cdd7"]{stroke:#a7bcc2}.project-icon{stroke:#23475b}
  .project-card,.resource-card,.resource-link,.document-card,.tool-feature,.notice-card,.science-card,.rarity-card,.story-form,.story-output-panel {
    background-image:var(--grain);border:1px solid #c9cfc2;border-radius:10px 15px 12px 9px;box-shadow:var(--paper-shadow);
  }
  .project-card:nth-child(2n){border-radius:14px 10px 9px 15px}.project-card:hover{box-shadow:0 10px 27px -18px #38463a50}
  .sage{background-color:#e0e8df}.peach{background-color:#f0e1d6}.butter{background-color:#f0e9d5}.lavender{background-color:#e1e7ed}
  .icon-box,.project-card .icon-box{background-color:#fffaf0;background-image:var(--grain);border:1px solid #cdd1c3;border-radius:9px 12px 8px 14px;box-shadow:0 3px 8px #51492c0c;transform:rotate(-4deg)}
  .card-number{font-family:var(--hand);font-size:13px}.tag{border-color:#bfcac1;background:#faf8f0;color:#50616a}.tag.available{background:#dce6d9;color:#365c51}.tag.available::before{background:#547f70}
  .home-giving,.soft,.soft-blue,.soft-green,.tools-section,.family-band{position:relative;background-color:#e9e6da;background-image:var(--grain);border:0}
  .home-giving{background:none;padding-block:100px}.home-giving .section-heading{max-width:780px}
  .home-donation-grid{gap:28px}.home-donation-grid article{--card-paper:#eeeadf}
  .home-donation-grid article:nth-child(2){--card-paper:#e4ebe7}.home-donation-grid article:nth-child(3){--card-paper:#ece2d8}
  .donation-symbol{color:#507e78}.home-donation-grid h3{font-size:24px}.home-donation-grid p{font-size:15px}
  .page-hero{position:relative;isolation:isolate;background:none;border:0;padding-block:38px 76px}
  .page-hero::before{content:'';position:absolute;inset:0;z-index:-1;background-color:#e0e9ec;background-image:var(--grain);clip-path:polygon(0 0,100% 0,100% 98%,90% 99%,74% 97.5%,63% 100%,48% 98.5%,33% 99.5%,17% 98%,0 100%)}
  .page-hero::after{content:'';position:absolute;width:clamp(100px,20vw,290px);height:clamp(100px,20vw,290px);right:5%;top:16%;z-index:-1;background-color:#eee1c9;background-image:var(--grain);border-radius:48% 51% 44% 56% / 42% 57% 46% 51%;opacity:.52;transform:rotate(-18deg)}
  .page-hero h1{font-size:clamp(2.8rem,5vw,4.6rem);max-width:1000px}.page-hero h1 em{line-height:1.2;font-size:.9em}
  .page-hero .lead{max-width:760px;line-height:1.85}.breadcrumb{font-size:12px}
  .section-links a,.science-index a{background-color:#ebece2;background-image:var(--grain);border-color:#c7d0c7;border-radius:7px 11px 8px 12px}
  .section-links a:hover,.science-index a:hover{background-color:#dfe8dc}.section-links{gap:10px;margin-bottom:62px}
  .activity-list{gap:72px}.activity-row{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;padding:0 0 68px;border-bottom:1px solid #d5d7cc}
  .activity-marker,.activity-row:nth-child(even) .activity-marker{display:block;position:relative;width:100%;height:auto;background:none;border:0;border-radius:0;isolation:isolate;margin:5px 0 0}
  .activity-marker::before{content:'';position:absolute;inset:4% -1% -3% 3%;background-color:#dbe4e2;background-image:var(--grain);z-index:-1;transform:rotate(3deg);border-radius:10% 9% 13% 6%}
  .activity-row:nth-child(even) .activity-marker::before{background-color:#e6d4c4;transform:rotate(-3deg)}
  .activity-illustration{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8% 11% 7% 10%;clip-path:polygon(1% 0,25% 1%,52% 0,78% 1%,99% 0,100% 29%,99% 53%,100% 80%,99% 99%,70% 100%,43% 99%,17% 100%,0 98%,1% 68%,0 35%)}
  .activity-marker .activity-number{left:12px;top:-16px;width:43px;height:43px;border:1px solid #c1cabe;border-radius:9px 12px 10px 13px;background-color:#fff9e9;background-image:var(--grain);box-shadow:0 3px 9px #5a483315;font-size:15px;transform:rotate(-6deg)}
  .activity-row h2{font-size:clamp(2rem,3vw,2.6rem);margin-top:4px}.activity-row h3{font-size:21px}.activity-row p{font-size:15px;line-height:1.85}
  .activity-row:nth-child(even) .activity-marker{grid-column:2;grid-row:1}.activity-row:nth-child(even)>div{grid-column:1;grid-row:1}
  .activity-row:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}
  .story-visual>img{border-radius:12% 8% 11% 7%;box-shadow:var(--paper-shadow)}
  .story-visual::before{content:'';position:absolute;inset:3% -1% 4% 2%;background-color:#e4cdbc;background-image:var(--grain);transform:rotate(-4deg);z-index:-1;border-radius:8% 13% 9% 12%}.story-visual{isolation:isolate}
  .about-hero .lead{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.65;max-width:820px;color:var(--ink)}
  .about-narrative .story-split{align-items:start}.about-narrative .story-copy p{font-size:1rem;line-height:1.85}.about-narrative .story-copy p:last-child{margin-bottom:0}
  .about-copy p,.about-directions{font-size:1rem;line-height:1.85}.about-copy strong,.about-narrative strong{color:var(--ink)}
  .about-directions{padding-left:24px;color:var(--muted);margin:0 0 30px}.about-directions li{padding-left:7px;margin-bottom:12px}.about-directions li::marker{color:#527e73}
  .about-copy .name-note{margin-top:0}.about-copy .name-note p{margin-bottom:20px}.about-copy .name-note p:last-child{margin-bottom:0}.about-outlook{padding-top:0}
  .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px;margin-top:50px}
  .team-card{padding:13px 13px 23px;background-color:#fffaf0;background-image:var(--grain);border:1px solid #d6d4c5;border-radius:8px 12px 9px 13px;box-shadow:var(--paper-shadow);min-width:0}
  .team-card:nth-child(3n+2){background-color:#ede7dc}.team-card:nth-child(3n){background-color:#e8ede4}
  .team-photo{position:relative;margin:0 0 20px;isolation:isolate}
  .team-photo::before{content:'';position:absolute;top:-18px;left:34%;width:31%;height:27px;background:#e6d9b9cc;background-image:var(--grain);transform:rotate(-5deg);z-index:1;clip-path:polygon(3% 0,96% 5%,100% 91%,4% 100%,0 48%);pointer-events:none}
  .team-photo img{width:100%;aspect-ratio:5/6;height:auto;object-fit:cover;object-position:center;border-radius:7px 11px 9px 6px}
  .team-photo-label{position:absolute;left:10px;right:10px;bottom:15px;text-align:center;font-size:11px;letter-spacing:.05em;color:#50665c;background:#f9f6ecdd;padding:5px 8px;border-radius:4px}
  .team-card h3{font-size:20px;margin:0 7px 6px;line-height:1.3}.team-card .team-role{font-size:12px;font-weight:600;color:#496e61;margin:0 7px 10px}.team-card .team-description{font-size:13px;margin:0 7px;line-height:1.7}
  .name-note,.support-banner{background-color:#e0e8de;background-image:var(--grain);border:1px solid #becabb;border-radius:13px 19px 11px 17px;box-shadow:var(--paper-shadow)}
  .support-banner .banner-spark{color:#c8b990;opacity:.22}.quote-panel{background-color:#355767;background-image:var(--grain);border-radius:10px 16px 12px 15px;box-shadow:var(--paper-shadow)}
  .quote-panel p{color:#f0f0e4}.quote-panel .icon{color:#ccdbbd}.family-band .container{background:none;border-radius:0}.family-band .family-motto{color:#4b7264}
  .support-dialog{width:max-content;max-width:calc(100% - 32px);background-color:var(--paper);background-image:var(--grain);border:1px solid #bdc8bc;border-radius:12px 19px 13px 17px;box-shadow:0 18px 80px #293a3a3d}
  .support-dialog::backdrop{background:#263b46a6}.dialog-close{background-color:#fffaf0;border-radius:9px 12px 10px 13px}.dialog-campaign{background:#e4e9dc;border-color:#cad2bf;border-radius:9px 13px 10px 12px}
  .donation-illustration{display:block;width:140px;height:140px;object-fit:contain;margin:-8px auto 12px;border-radius:35% 40% 32% 37%;mix-blend-mode:multiply}
  .support-dialog h2{text-align:center;padding:0;margin:0 0 10px;font-size:1.65rem;line-height:1.25}
  .support-dialog .support-tagline{text-align:center;font-size:1rem;line-height:1.55;color:var(--muted);margin:0 0 24px}
  .support-dialog .dialog-campaign{padding:0;margin:0 0 9px;border:0;border-radius:0;background:none}
  .support-dialog .dialog-campaign .button{margin-top:0}
  .support-dialog .dialog-continue{margin-top:4px}
  .site-footer{position:relative;background-color:#dfe6e5;background-image:var(--grain);border-top:0;padding-top:65px}
  .site-footer::before{content:'';position:absolute;height:16px;left:0;right:0;top:-10px;background-color:#dfe6e5;background-image:var(--grain);clip-path:polygon(0 30%,8% 60%,20% 15%,35% 50%,50% 0,68% 45%,80% 12%,93% 60%,100% 10%,100% 100%,0 100%)}
  .footer-bottom{border-color:#bdcbc8}.footer-grid>div:not(:first-child)>a,.footer-support{font-size:12px}.footer-intro p{font-size:13px}.footer-intro .small{font-size:11px}
  .science-number{background-color:#e4e9dc;border:1px solid #b9c9bd;border-radius:9px 14px 10px 12px}.science-card,.science-flow>li,.science-change,.analogy-intro,.chromosome-card,.science-sources article,.science-hero-note span:not([aria-hidden]){background-image:var(--grain);border-color:#c7d0c5;border-width:1px;border-radius:10px 15px 12px 9px;box-shadow:var(--paper-shadow)}
  .science-drawing{filter:saturate(.65)}.science-hero-note span:not([aria-hidden]){background-color:#faf8ed}.rarity-card{background-color:#e1e8dc}
  .instruction-strip,.cul4b-id,.analogy-intro,.recycling-flow>li:nth-child(2){background-color:#e0e8dc;background-image:var(--grain);border:1px solid #aebfb0;border-radius:10px 15px 11px 13px}
  .gene-stamp{background-color:#fffaf0;background-image:var(--grain);border:1px solid #7b978a;box-shadow:0 4px 12px #3e4d3414;border-radius:9px 13px 10px 12px}
  .impact-flow li{background-color:#e1e8eb;background-image:var(--grain);border-color:#bccbc6}.rarity-groups span{background:#fffdf7;border-color:#bac9c3}.science-facts article{border-color:#85a39b}
  .science-card,.science-flow>li,.science-change,.science-sources article{background-color:#fffdf7}.dna-letters mark{background:#e4cb91;outline-color:#62796e}.resource-card:target{outline-color:#527e73}
  .preview-timer{background-color:#e0e8dd}.preview-match{background-color:#dce5ea}.matching-cards span{border-color:#b2c4bf;box-shadow:0 5px 11px #47534916;background-image:var(--grain)}
  .timer-dial{background:conic-gradient(#6a9a92 0 270deg,#cbded7 270deg 360deg)}
  input,textarea{border-color:#becbc1!important;background-color:#fffdf7!important;color:#23475b!important}
  .filter-button{border-radius:8px 13px 10px 11px}.filter-button.is-active{background-color:#355767;color:#fffdf7}
  .story-page{background-color:#fffdf7;border-color:#c4cfc2}.info-table dd{background-color:#e5ebe5}.info-table dt{background-color:#e5ebe5}
}
@media screen and (max-width:1050px){
  .header-inner{min-height:72px}.site-nav{background-color:#f9f6ee;background-image:var(--grain);gap:0;border-color:#d5d7cc}.nav-toggle{border-color:#b9c8bd;border-radius:8px 11px 9px 12px}
  .home-hero{gap:25px;padding-block:52px 65px}.home-hero h1{font-size:clamp(2.8rem,5.5vw,4.1rem)}
  .home-family::before{inset:7% 0 1%}.home-family::after{left:0}
  .activity-row,.activity-row:nth-child(even){gap:35px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}
  .activity-row:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
}
@media screen and (max-width:700px){
  .home-hero{grid-template-columns:1fr;padding-block:38px 48px;gap:28px}.home-hero h1{font-size:clamp(2.7rem,9vw,3.7rem)}.home-hero h1 em{font-size:.78em}
  .hero-copy .eyebrow{font-size:10px;max-width:340px}.hero-copy .lead{font-size:15px;max-width:100%;margin-top:22px}.home-family{width:100%;max-width:480px;padding:0;margin-inline:auto}
  .home-family::after{display:none}.home-family::before{inset:5% 0 0;transform:rotate(1deg)}
  .section{padding-block:54px}.section-heading{margin-bottom:30px}.home-project-grid{gap:20px}.home-project,.home-project:nth-last-child(-n+2){padding:30px}.home-project h3{font-size:23px}
  .home-giving{padding-block:58px}.home-donation-grid{gap:20px}.home-donation-grid article,.home-donation-grid article+article{padding:30px;border:0}
  .home-project::before,.home-donation-grid article::before{transform:none}
  .page-hero{padding-block:28px 48px}.page-hero h1{font-size:clamp(2.25rem,8vw,3rem)}.page-hero::after{display:none}.page-hero .lead{font-size:15px}
  .activity-list{gap:42px}.activity-row,.activity-row:nth-child(even){grid-template-columns:1fr;gap:30px;padding-bottom:38px}
  .activity-row:nth-child(even) .activity-marker,.activity-row:nth-child(even)>div{grid-column:auto;grid-row:auto}
  .activity-marker,.activity-row:nth-child(even) .activity-marker{max-width:450px;margin:0 auto}.activity-marker::before{inset:5% 0 -1% 2%;transform:rotate(1deg)}
  .activity-row h2{font-size:2rem}.activity-row p{font-size:15px}.section-links{margin-bottom:44px}
  .site-footer{padding-top:42px}.brand-logo{width:124px}.header-inner{min-height:68px}.site-nav{max-height:calc(100dvh - 68px)}
  .donation-illustration{width:110px;height:110px;margin:-4px auto 10px}
  .story-visual::before{inset:4% 0 5% 3%;transform:rotate(-2deg)}
}
@media screen and (prefers-reduced-motion:reduce){.button:hover{transform:none}}
@media screen and (max-height:650px){.donation-illustration{width:80px;height:80px;margin:-5px auto 8px}}
@media screen and (max-width:440px){.team-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.team-card{max-width:350px;width:100%;margin-inline:auto}.team-photo img{max-height:350px}.team-card h3{font-size:22px}}
@media print{.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.team-card{break-inside:avoid}.team-photo{margin:0}.team-photo img{width:100%;height:auto}.team-photo-label{display:none}}

/* Research invitation: editorial copy alongside a tactile map of families. */
@media screen {
  .support-dialog{box-sizing:border-box;width:min(1160px,calc(100vw - 44px));max-width:calc(100vw - 44px);max-height:calc(100dvh - 36px);padding:0;overflow:auto;border:1px solid #c5d0c8;border-radius:30px 34px 29px 33px;background-color:#fffdf7;box-shadow:0 22px 80px #19333c55}
  .support-dialog::backdrop{background:#1d3444b8}
  .support-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:min(720px,calc(100dvh - 38px))}
  .support-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,58px);position:relative;z-index:1}
  .support-brand{display:block;width:clamp(175px,17vw,235px);height:auto;margin:0 0 clamp(20px,3vw,38px)}
  .support-dialog h2{max-width:590px;padding:0;margin:0 0 24px;text-align:left;font-family:var(--heading);font-size:clamp(2.2rem,3.5vw,3.65rem);line-height:1.08;letter-spacing:-.06em}
  .support-dialog h2 span,.support-dialog h2 em{display:block}
  .support-dialog h2 span:nth-child(2),.support-dialog h2 em{white-space:nowrap}
  .support-dialog h2 em{font-family:var(--hand);font-size:.78em;line-height:1.28;letter-spacing:-.065em;color:#477873;margin-top:4px}
  .support-dialog .support-tagline{max-width:480px;margin:0 0 25px;text-align:left;color:var(--ink);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}
  .support-dialog .dialog-campaign{width:min(100%,470px);margin:0 0 14px}
  .support-dialog .dialog-campaign .button{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;min-height:60px;margin:0;padding:12px 20px;border:1px solid #264c5a;border-radius:23px 26px 22px 25px;background-color:#23475b;background-image:var(--grain);color:#fffdf7;box-shadow:0 7px 16px #25455828;font-family:var(--heading);font-size:1.15rem;text-align:center}
  .support-dialog .dialog-campaign .button:hover{background-color:#355f70;color:#fffdf7;box-shadow:0 9px 18px #25455830}
  .support-dialog .dialog-campaign .button span:first-child{font-size:1.35em;line-height:1}
  .support-goal{margin:0;color:#587078;font-size:.85rem;line-height:1.5}
  .support-seed{display:flex;flex-direction:column;align-items:flex-start;margin-top:11px}
  .support-seed-label{font-size:.78rem;font-weight:700;color:#456a73}
  .support-seed-link{display:block;width:143px;height:78px;overflow:hidden;border-radius:7px}
  .support-seed-link img{display:block;width:100%;height:100%;object-fit:cover}
  .support-seed-credit{color:#6a777b;font-size:.63rem;line-height:1.4}
  .support-seed-credit a{color:inherit;text-underline-offset:2px}
  .support-dialog .dialog-continue{align-self:flex-start;width:auto;min-height:44px;margin:17px 0 0;padding:0;border:0;background:none;color:#315f66;font-weight:700;text-decoration:underline;text-underline-offset:4px}
  .support-art{min-width:0;position:relative;overflow:hidden;background:#eaf3ef}
  .support-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .support-dialog .dialog-close{position:absolute;right:18px;top:18px;z-index:3;width:45px;height:45px;border:1px solid #c9d5d3;border-radius:50%;background:#fffdf7e8;color:var(--ink);box-shadow:0 3px 10px #23475b16}
}
@media screen and (max-width:900px){
  .support-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:21px 24px 20px 23px}
  .support-layout{display:flex;flex-direction:column;min-height:0}
  .support-copy{padding:29px 28px 17px;display:block}
  .support-brand{width:150px;margin:0 0 14px}
  .support-dialog h2{font-size:clamp(2rem,6.3vw,2.65rem);margin-bottom:12px;padding-right:8px}
  .support-dialog h2 em{font-size:.72em;margin-top:2px}
  .support-dialog .support-tagline{font-size:.95rem;line-height:1.55;margin-bottom:18px}
  .support-dialog .dialog-campaign{width:100%;margin-bottom:8px}
  .support-dialog .dialog-campaign .button{min-height:54px;font-size:1rem;border-radius:17px 19px 17px 20px}
  .support-goal{font-size:.78rem}
  .support-seed{margin-top:7px}
  .support-seed-link{width:120px;height:65px}
  .support-dialog .dialog-continue{display:inline-block;margin:8px 0 0;font-size:.86rem}
  .support-art{height:190px;flex:none;background:#f8fbf8}
  .support-art img{height:100%;object-fit:contain}
  .support-dialog .dialog-close{right:12px;top:12px;width:42px;height:42px}
}
@media screen and (max-width:360px){
  .support-copy{padding:22px 20px 13px}
  .support-brand{width:142px;margin-bottom:12px}
  .support-dialog h2{font-size:1.82rem}
  .support-dialog .support-tagline{font-size:.88rem}
  .support-art{height:150px}
}
