.nav { display:flex; align-items:center; justify-content:space-between; padding:20px max(24px,calc((100vw - var(--max))/2)); position:absolute; z-index:4; width:100%; color:var(--cream); }
      .wordmark { display:flex; align-items:center; gap:10px; font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.06em; font-size:20px; }
      .mark { width:38px; height:38px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; font-family:"DM Serif Display"; font-size:24px; }
      .nav-links { display:flex; align-items:center; gap:27px; font-size:14px; font-weight:600; }
      .nav-links a:not(.nav-cta) { opacity:.9; } 
      .nav-cta, .button { border:1px solid currentColor; border-radius:999px; padding:12px 18px; display:inline-flex; align-items:center; gap:11px; font-weight:700; font-size:14px; transition:transform .2s ease, background .2s ease, color .2s ease; }
      .hero { min-height:840px; overflow:hidden; background:var(--berry); color:var(--cream); position:relative; padding:160px max(24px,calc((100vw - var(--max))/2)) 70px; display:grid; grid-template-columns:1.1fr .9fr; align-items:end; }
      .hero::before { content:""; width:48vw; height:48vw; min-width:590px; min-height:590px; border:1px solid rgba(255,255,255,.25); border-radius:50%; position:absolute; right:-9vw; top:7vh; }
      .hero-copy { position:relative; z-index:2; }.eyebrow { margin:0 0 22px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:12px; }
      h1,h2,h3,p { margin-top:0; }.hero h1 { font-family:"Space Grotesk"; font-size:clamp(64px,9vw,150px); letter-spacing:-.1em; line-height:.77; margin:0 0 36px; max-width:820px; }.hero h1 em { color:var(--sun); font-family:"DM Serif Display"; font-weight:400; letter-spacing:-.08em; }
      .hero-summary { max-width:430px; font-size:18px; line-height:1.45; margin:0 0 29px; }.button.primary { background:var(--sun); border-color:var(--sun); color:var(--ink); }.button.ghost { color:var(--cream); margin-left:10px; }.button .arrow { font-size:20px; line-height:0; }
      .hero-art { position:relative; z-index:2; height:560px; }.portrait { position:absolute; overflow:hidden; }.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,75,59,.1),rgba(116,19,63,.16));mix-blend-mode:multiply}.portrait-main { height:91%; width:72%; bottom:0; right:0; background:var(--cobalt); border-radius:210px 210px 0 0; }.portrait-main .figure { width:79%; height:93%; bottom:-5%; left:10%; position:absolute; border-radius:49% 49% 2% 2%; background:linear-gradient(135deg,#4c2e22 0 13%,#f1a078 14% 29%,#083e35 30% 60%,#e1a283 61% 65%,#c96955 66% 100%); transform:rotate(-2deg); }.portrait-main .figure::before { content:""; position:absolute; width:64%; aspect-ratio:1; background:#3a201c; border-radius:55% 45% 50% 42%; top:3%; left:18%; box-shadow:30px 70px 0 -18px #eeb098; }.portrait-main .figure::after { content:""; position:absolute; width:75%; height:46%; bottom:3%; left:9%; background:repeating-linear-gradient(62deg,#0b4c40 0 13px,#f4c84a 13px 18px,#e85a4e 18px 26px); border-radius:54% 53% 4% 5%; }.portrait-small { left:0; top:14%; width:41%; aspect-ratio:1; background:var(--coral); transform:rotate(-8deg); }.portrait-small::before{content:"EVERY\A GIRL.";white-space:pre;position:absolute;left:17%;top:22%;font:700 clamp(23px,3vw,49px)/.82 "Space Grotesk";letter-spacing:-.09em;color:var(--cream)} .portrait-small::after{content:"";position:absolute;border:1px solid var(--cream);inset:12px}
      .sticker { position:absolute; right:4%; top:8%; background:var(--sun); color:var(--ink); border-radius:50%; width:112px; height:112px; display:grid; place-items:center; font:700 16px/1 "Space Grotesk"; text-align:center; transform:rotate(13deg); border:1px solid var(--ink); }
      .hero-foot { position:absolute; bottom:25px; left:max(24px,calc((100vw - var(--max))/2)); right:max(24px,calc((100vw - var(--max))/2)); display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.3); padding-top:14px; font-size:12px; font-weight:700; }
      .section { padding:clamp(80px,10vw,150px) max(24px,calc((100vw - var(--max))/2)); }.section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 19px}.section-title{font:400 clamp(48px,6vw,96px)/.85 "DM Serif Display";letter-spacing:-.07em;max-width:960px;margin-bottom:42px}.section-title strong {font-family:"Space Grotesk";font-weight:700}.intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;align-items:end}.intro-grid p{font-size:clamp(20px,2vw,29px);line-height:1.25;letter-spacing:-.04em;max-width:660px;margin:0}.impact-row{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:24px 18px 24px 0;border-right:1px solid var(--line)}.stat+ .stat{padding-left:22px}.stat:last-child{border:0}.stat b{font:700 clamp(42px,6vw,90px)/.8 "Space Grotesk";letter-spacing:-.1em;display:block;color:var(--berry)}.stat span{font-size:13px;font-weight:600;display:block;margin-top:15px;max-width:150px}
      .work { background:var(--forest); color:var(--cream); }.work .section-title{max-width:760px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:16px}.work-card{position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease}.work-card h3{font:700 clamp(28px,3.2vw,54px)/.86 "Space Grotesk";letter-spacing:-.08em;max-width:300px;margin:0}.work-card span{font-size:13px;font-weight:700;align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:3px}.work-card:nth-child(1){grid-column:span 7;grid-row:span 2;background:var(--coral)}.work-card:nth-child(2){grid-column:span 5;background:var(--lilac);color:var(--ink)}.work-card:nth-child(3){grid-column:span 5;grid-row:span 2;background:var(--sun);color:var(--ink)}.work-card:nth-child(4){grid-column:span 7;background:var(--berry)}.card-shape{position:absolute;right:-6%;bottom:-23%;width:55%;aspect-ratio:1;background:rgba(255,248,239,.25);border-radius:50%;border:1px solid rgba(255,248,239,.6)}
      .campaign { display:grid;grid-template-columns:1.04fr .96fr;gap:0;padding:0;background:var(--cobalt);color:var(--cream)}.campaign-copy{padding:clamp(55px,7vw,110px) max(24px,calc((100vw - var(--max))/2));padding-right:clamp(32px,8vw,130px)}.campaign-copy h2{font:700 clamp(58px,7.5vw,120px)/.75 "Space Grotesk";letter-spacing:-.11em;margin-bottom:33px}.campaign-copy h2 em{font:400 1em "DM Serif Display";color:var(--sun)}.campaign-copy p{font-size:18px;line-height:1.5;max-width:460px}.campaign-visual{min-height:590px;background:var(--sun);position:relative;overflow:hidden;color:var(--ink)}.campaign-visual::before{content:"DIGNITY\A BOX";white-space:pre;position:absolute;z-index:1;font:700 clamp(70px,9vw,150px)/.75 "Space Grotesk";letter-spacing:-.12em;top:11%;left:-3%;color:var(--coral)}.box{position:absolute;width:59%;height:40%;left:20%;top:38%;background:var(--berry);transform:rotate(-10deg);box-shadow:22px 24px 0 #e56f50;z-index:2;padding:26px;color:var(--cream);font:700 clamp(27px,3vw,47px)/.85 "Space Grotesk";letter-spacing:-.09em}.box::after{content:"periods should never stand between a girl and her education";position:absolute;left:27px;bottom:24px;font:500 12px/1.3 "DM Sans";letter-spacing:0;max-width:190px}.tape{position:absolute;width:150px;height:42px;background:rgba(255,248,239,.75);z-index:3;right:10%;top:30%;transform:rotate(17deg)}
      .stories { background:#f2e9dd; }.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{border-top:1px solid var(--ink);padding-top:14px}.story-image{aspect-ratio:4/4.6;margin:0 0 18px;position:relative;overflow:hidden}.story:nth-child(1) .story-image{background:var(--berry)}.story:nth-child(2) .story-image{background:var(--coral)}.story:nth-child(3) .story-image{background:var(--forest)}.story-image::before{content:"";position:absolute;width:70%;height:76%;left:15%;bottom:-3%;border-radius:46% 46% 0 0;background:linear-gradient(130deg,#e2a17a 0 20%,#3c221b 21% 45%,#e8bb83 46% 55%,#2d7562 56% 100%)}.story:nth-child(2) .story-image::before{border-radius:50% 50% 0 0;transform:rotate(9deg);background:linear-gradient(120deg,#3e231b 0 26%,#d9946d 27% 49%,#f5d7c0 50% 57%,#523322 58% 100%)}.story:nth-child(3) .story-image::before{background:repeating-linear-gradient(70deg,#f3c84a 0 13px,#f7eee1 13px 22px,#ea6252 22px 32px);border-radius:44% 44% 0 0}.story h3{font:700 clamp(27px,3vw,45px)/.86 "Space Grotesk";letter-spacing:-.07em;margin:0 0 10px}.story p{font-size:15px;line-height:1.45;max-width:350px;margin-bottom:13px}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px}
      .join { background:var(--sun);padding-bottom:100px}.join-inner{border-top:1px solid var(--ink);padding-top:25px;display:grid;grid-template-columns:1fr .85fr;gap:8vw}.join h2{font:700 clamp(56px,7vw,118px)/.75 "Space Grotesk";letter-spacing:-.11em;margin:0}.join h2 em{font-family:"DM Serif Display";font-weight:400}.join p{font-size:19px;line-height:1.45;max-width:460px}.join-options{margin-top:36px;display:grid;gap:10px}.join-option{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:15px 0;font:700 21px "Space Grotesk";letter-spacing:-.06em}.join-option span{font:400 28px "DM Serif Display"}
      footer{background:var(--ink);color:var(--cream);padding:45px max(24px,calc((100vw - var(--max))/2)) 25px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:80px}.footer-top h2{font:400 clamp(48px,6vw,94px)/.82 "DM Serif Display";letter-spacing:-.08em;margin:0}.footer-top .button{color:var(--ink);background:var(--cream)}.footer-bottom{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:25px;border-top:1px solid rgba(255,255,255,.3);padding-top:17px;font-size:13px}.footer-bottom p{margin:0;line-height:1.5}.footer-bottom a{display:block;margin-bottom:7px}.copyright{margin-top:45px;font-size:11px;opacity:.65}