:root{--navy:#062f55;--blue:#07557b;--teal:#0798b8;--gold:#ffb51b;--cream:#fbf9f4;--ink:#002e58;--line:#d8e3e8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif}.top{height:43px;background:#073a5c;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:14px}.top b{font-size:12px}header{height:101px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#062f55}.brand img{width:56px;height:66px;object-fit:contain}.brand strong{font-size:29px;letter-spacing:3px}.brand small{display:block;font-size:11px;letter-spacing:5px;font-weight:800;margin-top:5px}nav{display:flex;align-items:center;gap:32px}nav a{color:#001f42;text-decoration:none;font-weight:800;font-size:14px}.active{color:#008daf}.donate,.btn.gold{background:var(--gold);border-radius:30px;padding:17px 31px}.menu{display:none}.hero{min-height:755px;background:#064d73;color:#fff;display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden}.hero-copy{padding:68px 6% 55px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:2px}.eyebrow:before{content:'';display:inline-block;width:36px;height:2px;background:var(--gold);vertical-align:middle;margin-right:14px}.hero h1,.inside h2,.who h2,.how h2{font-family:'Playfair Display',serif}.hero h1{font-size:74px;line-height:.97;margin:26px 0}.hero h1 em,.inside h2 em,.who h2 em{font-style:normal;color:var(--gold)}.hero p{font-size:17px;line-height:1.65;max-width:620px}.buttons{display:flex;gap:14px;margin:26px 0 42px}.btn{text-decoration:none;color:#001f42;font-weight:900;display:inline-block}.btn.white{background:#fff;border-radius:30px;padding:17px 31px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.benefits div{border-right:1px solid #4d7a94}.benefits div:last-child{border:0}.benefits span{font-size:28px;color:var(--gold);display:block}.benefits b{font-size:12px}.hero-visual img{width:100%;height:100%;object-fit:cover}.script{font-family:Caveat,cursive}.hero-script{position:absolute;right:7%;bottom:18px;color:#07659b;font-size:40px;transform:rotate(-4deg)}.wrap{padding:80px 6%}.section-head,.who-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end}.section-head h2,.who h2{font-size:54px;line-height:1;margin:22px 0}.section-head h2 em,.who h2 em{color:#0798b8}.section-head>p,.who-heading>p{font-size:16px;line-height:1.6;max-width:600px}.kit-story{margin-top:42px;display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;background:var(--cream);border-radius:28px;overflow:hidden}.kit-photo{position:relative}.kit-photo img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;left:28px;bottom:26px;background:#fff;padding:11px 16px;font-size:11px;font-weight:900;letter-spacing:1.5px;border-radius:999px}.kit-list{padding:35px 42px;display:flex;flex-direction:column;justify-content:center}.kit-list article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid #ccdadd}.kit-list article:last-child{border:0}.num,.audience-no{font-family:'Playfair Display',serif;color:#08a0bd;font-size:30px}.product-kicker{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#587184}.kit-list h3{font-size:25px;margin:7px 0}.kit-list p{line-height:1.55;margin:0}.patch-showcase{display:grid;grid-template-columns:30% 70%;gap:4%;margin-top:85px;align-items:center}.patch-copy h2{font-size:44px;margin:20px 0}.patch-copy p{line-height:1.6}.patch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.patch-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px 12px 16px;box-shadow:0 14px 30px #00335512}.patch-grid img{width:100%;aspect-ratio:1/1;object-fit:contain}.patch-grid figcaption{text-align:center;font-weight:800;font-size:12px;margin-top:6px}.how{background:#07557b;color:#fff;padding:65px 0;position:relative}.how .wrap{padding-top:0;padding-bottom:0}.how h2{font-size:48px;margin:18px 0 35px}.how h2 em{font-style:normal;color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.steps article{padding:0 32px;border-right:1px solid #6690a6}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.steps i{font-style:normal;background:var(--gold);color:#06385c;width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;font-weight:900}.steps span{font-size:25px;margin-left:25px}.steps p{font-size:13px;line-height:1.55}.how-script{position:absolute;right:6%;top:20px;color:var(--gold);font-size:35px}.who{padding-top:85px;padding-bottom:95px}.audience-editorial{margin-top:42px;display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-template-rows:auto auto;border-top:1px solid #bfd1da;border-left:1px solid #bfd1da}.audience-editorial article{min-height:210px;padding:30px;border-right:1px solid #bfd1da;border-bottom:1px solid #bfd1da;position:relative;background:#fff}.audience-editorial article:nth-child(4){grid-column:2}.audience-editorial article:nth-child(5){grid-column:3}.audience-editorial .audience-feature{grid-row:1/3;background:#063f63;color:#fff;padding:42px}.audience-editorial .audience-feature .audience-no{color:var(--gold)}.audience-editorial h3{font-family:'Playfair Display',serif;font-size:27px;margin:20px 0 10px}.audience-editorial p{line-height:1.55}.audience-feature strong{display:block;color:#ffd063;margin-top:30px;max-width:300px;line-height:1.5}.cta{background:linear-gradient(90deg,#063b60,#075c82);color:#fff;padding:36px 6%}.cta-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1px 1fr;gap:70px}.cta-block{display:flex;gap:24px;align-items:center}.cta-block>span{font-size:40px;color:var(--gold)}.cta-block h3{margin:0;font-size:23px}.cta-block p{margin:5px 0 12px}.small{padding:12px 22px!important;font-size:12px}.divider{background:#7aa0b5}footer{background:#052f54;color:#fff;padding:60px 6% 20px}.footer-main{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr;gap:70px}.footer-logo{color:#fff}.footer-logo img{background:#fff}.footer-main h4{font-size:18px}.footer-main a{color:#fff;text-decoration:none;display:block;margin:10px 0}.footer-main p{line-height:1.6}.footer-bottom{border-top:1px solid #42617b;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}@media(max-width:900px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.hero h1{font-size:54px}.hero-visual{min-height:440px}.section-head,.who-heading,.kit-story,.patch-showcase{grid-template-columns:1fr}.patch-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;gap:30px}.audience-editorial{grid-template-columns:1fr}.audience-editorial .audience-feature,.audience-editorial article:nth-child(4),.audience-editorial article:nth-child(5){grid-column:auto;grid-row:auto}.footer-main{grid-template-columns:1fr 1fr}.cta-inner{grid-template-columns:1fr}.divider{display:none}}

 

/* Patch collection labels */

.patch-grid figcaption{min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:4px 6px}

.patch-grid figcaption strong{font-size:13px;color:#062f55}

.patch-grid figcaption span{font-size:10px;line-height:1.35;color:#587184;font-weight:600}

\n/* 2026-09-24 FINAL SITE-SCALE STANDARD — Donation page reference */

@media(min-width:901px){

  .top{height:34px;padding-left:max(3%,calc((100vw - 1180px)/2));padding-right:max(3%,calc((100vw - 1180px)/2));font-size:12px}

  header{height:76px;padding-left:max(3%,calc((100vw - 1180px)/2));padding-right:max(3%,calc((100vw - 1180px)/2))}

  .brand{gap:12px}.brand img{width:50px;height:58px}.brand strong{font-size:29px}.brand small{font-size:10px;letter-spacing:4px}

  nav{gap:25px}nav a{font-size:12px}.donate{padding:14px 30px}

  .wrap{width:min(1180px,94%);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}

  .cta{padding-left:0;padding-right:0}.cta-inner{width:min(1180px,94%);max-width:1180px}

  footer{padding-left:0;padding-right:0}.footer-main,.footer-bottom{width:min(1180px,94%);margin-left:auto;margin-right:auto}

}