@font-face{
      font-family:"DM Sans";
      src:url("../fonts/dm-sans.woff2") format("woff2");
      font-style:normal;
      font-weight:100 1000;
      font-display:swap;
    }
    :root{
      --cream:#FBF1DB;
      --pink:#FADBDB;
      --orange:#F44210;
      --orange-dark:#CC3508;
      --orange-text:#B82F08;
      --green:#93A33F;
      --green-text:#4F5E10;
      --green-light:#C6D66F;
      --green-dark:#66751D;
      --blue:#D2DEF2;
      --burgundy:#7F0A32;
      --line:2px solid var(--burgundy);
      --font:"DM Sans",Arial,sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--burgundy);font-family:var(--font);font-size:17px;line-height:1.5;overflow-x:hidden}
    img{display:block;max-width:100%;height:auto}
    a{color:inherit;text-decoration:none}
    button,a{-webkit-tap-highlight-color:transparent}
    .skip{position:absolute;left:-1000px;top:15px;background:var(--burgundy);color:var(--cream);padding:12px 18px;z-index:100;border-radius:100px}.skip:focus{left:15px}
    .announcement{height:34px;background:var(--orange-dark);color:var(--cream);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;border-bottom:var(--line)}
    nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);position:sticky;top:0;z-index:30;background:rgba(251,241,219,.94);backdrop-filter:blur(16px);border-bottom:var(--line)}
    .brand-small{width:112px;height:66px;object-fit:contain}
    .nav-right{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .nav-right a:not(.pill):hover{color:var(--orange-text)}
    .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:var(--burgundy);color:var(--cream);border:2px solid var(--burgundy);border-radius:100px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;transition:.18s ease}
    .pill::after{content:"↗";font-size:16px;line-height:1}.pill:hover{background:var(--orange-dark);border-color:var(--orange-dark)}
    .pill.light{background:var(--cream);color:var(--burgundy)}.pill.light:hover{background:var(--blue);border-color:var(--burgundy)}
    .hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:790px;border-bottom:var(--line)}
    .hero-copy{padding:clamp(68px,8vw,118px) clamp(30px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;border-right:var(--line);position:relative;overflow:hidden}
    .hero-copy::after{content:"";position:absolute;width:430px;height:95px;background:var(--pink);border:var(--line);border-radius:50%;right:-90px;bottom:-54px;transform:rotate(-6deg)}
    .kicker{display:flex;align-items:center;gap:13px;text-transform:uppercase;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.17em;margin-bottom:34px}.kicker::before{content:"";width:42px;height:2px;background:currentColor}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(62px,7.7vw,126px);line-height:.84;letter-spacing:-.075em;margin:0 0 38px;font-weight:900;max-width:880px;text-wrap:balance}
    h1 span{color:var(--orange)}
    .hero-text{font-size:clamp(19px,1.8vw,25px);line-height:1.44;max-width:640px;font-weight:500;margin-bottom:34px}
    .hero-meta{display:flex;align-items:center;gap:20px;margin-top:30px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:2}.hero-meta span{display:flex;align-items:center;gap:9px}.hero-meta span::before{content:"";width:8px;height:8px;background:var(--green);border-radius:50%;border:1px solid var(--burgundy)}
    .hero-panel{background:var(--pink);position:relative;overflow:hidden;display:grid;place-items:center;padding:70px}
    .hero-panel::before{content:"SIT • STAY • STRETCH •";position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.18em}
    .hero-panel::after{content:"";position:absolute;width:560px;height:560px;background:var(--cream);border:var(--line);border-radius:47% 53% 39% 61% / 56% 39% 61% 44%;transform:rotate(8deg)}
    .hero-paw{position:relative;z-index:2;width:min(34vw,440px);height:auto;aspect-ratio:686/720;filter:drop-shadow(0 12px 0 rgba(127,10,50,.06));animation:drift 5s ease-in-out infinite}
    @keyframes drift{50%{transform:translateY(-10px) rotate(1deg)}}
    .roundel{position:absolute;z-index:4;right:7%;bottom:7%;width:142px;height:142px;border-radius:50%;background:var(--green-dark);color:var(--cream);border:var(--line);display:grid;place-items:center;text-align:center;text-transform:uppercase;font-weight:900;line-height:1.12;letter-spacing:.08em;font-size:13px;transform:rotate(8deg)}
    .roundel::before{content:"✦";display:block;color:var(--pink);font-size:21px;margin-bottom:-33px}
    .identity{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);border-bottom:var(--line)}
    .identity-logo{min-height:620px;background:var(--blue);border-right:var(--line);display:grid;place-items:center;padding:70px;position:relative;overflow:hidden}
    .identity-logo::before{content:"";position:absolute;left:-70px;bottom:-90px;width:270px;height:270px;border:40px solid var(--pink);border-radius:50%}
    .logo-large{width:min(100%,510px);position:relative;z-index:2}
    .identity-copy{padding:clamp(70px,8vw,126px) clamp(34px,7vw,112px);display:flex;flex-direction:column;justify-content:center}
    .section-no{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--green-text);margin-bottom:34px}
    h2{font-size:clamp(46px,5.8vw,86px);font-weight:900;line-height:.94;letter-spacing:-.06em;margin-bottom:32px;text-wrap:balance}
    .lede{font-size:clamp(20px,2vw,27px);line-height:1.45;max-width:780px;font-weight:500}
    .editorial-note{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-top:50px;padding-top:24px;border-top:var(--line);font-weight:700}.editorial-note b{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange-text)}
    .method{background:var(--burgundy);color:var(--cream);padding:clamp(80px,9vw,136px) clamp(26px,6vw,94px);border-bottom:var(--line)}
    .method-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:70px}.method-top h2{margin:0;color:var(--pink)}.method-top .lede{justify-self:end;max-width:570px;margin:0}
    .method .section-no{color:var(--green-light)}
    .method-grid{border-top:2px solid rgba(251,241,219,.45)}
    .method-row{display:grid;grid-template-columns:110px minmax(220px,.75fr) minmax(0,1.25fr);gap:34px;align-items:center;padding:34px 0;border-bottom:2px solid rgba(251,241,219,.45);transition:.2s ease}
    .method-row:hover{padding-left:16px;background:rgba(251,241,219,.04)}
    .method-row .number{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--pink)}
    .method-row h3{font-size:clamp(32px,4vw,56px);line-height:1;font-weight:900;letter-spacing:-.05em;margin:0;color:var(--cream)}
    .method-row p{margin:0;font-size:17px;max-width:620px;color:rgba(251,241,219,.82)}
    .services{padding:clamp(80px,9vw,138px) clamp(26px,6vw,94px);background:var(--cream);border-bottom:var(--line)}
    .services-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:64px}.services-head h2{max-width:820px;margin:0}.services-head .small{max-width:360px;font-size:15px;font-weight:600;margin:0}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);border:var(--line)}
    .card{min-height:510px;padding:38px 34px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:var(--line);transition:.25s ease}.card:last-child{border-right:0}.card:nth-child(2){background:var(--pink)}.card:nth-child(3){background:var(--orange-dark);color:var(--cream)}
    .card:hover{padding-top:30px}.card-index{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:100px}.card h3{font-size:clamp(35px,3.8vw,52px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;font-weight:900}.card p{font-size:16px;max-width:430px}.card-link{margin-top:auto;padding-top:30px;border-top:2px solid currentColor;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;display:flex;justify-content:space-between}.card-link::after{content:"↗";font-size:17px}.card-shape{position:absolute;width:170px;height:65px;border:var(--line);border-radius:50%;right:-50px;top:85px;transform:rotate(-20deg);background:var(--blue);opacity:.9}.card:nth-child(2) .card-shape{background:var(--green)}.card:nth-child(3) .card-shape{background:var(--pink);border-color:var(--cream)}
    .manifesto{display:grid;grid-template-columns:.72fr 1.28fr;min-height:650px;border-bottom:var(--line)}
    .manifesto-side{background:var(--green);border-right:var(--line);display:grid;place-items:center;padding:60px}.manifesto-side .hero-paw{width:min(100%,360px)}
    .manifesto-copy{background:var(--blue);padding:clamp(76px,8vw,128px) clamp(34px,7vw,120px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.manifesto-copy::after{content:"";position:absolute;width:220px;height:220px;border:35px solid rgba(127,10,50,.08);border-radius:50%;right:-100px;bottom:-90px}
    .manifesto-copy h2{font-size:clamp(64px,8.5vw,132px);line-height:.84;margin-bottom:38px}.manifesto-copy h2 span{color:var(--orange)}
    .manifesto-copy p{font-size:20px;font-weight:600;max-width:590px}
    .cta{background:var(--pink);padding:clamp(86px,10vw,150px) clamp(26px,7vw,112px);text-align:center;position:relative;overflow:hidden}.cta::before,.cta::after{content:"✦";position:absolute;color:var(--orange);font-size:70px}.cta::before{left:8%;top:20%}.cta::after{right:9%;bottom:15%;color:var(--green);font-size:50px}
    .cta-inner{max-width:1080px;margin:auto;position:relative;z-index:2}.cta h2{font-size:clamp(62px,9vw,140px);line-height:.85;margin-bottom:35px}.cta p{font-size:21px;max-width:620px;margin:0 auto 34px}.cta .pill{padding:17px 26px}
    footer{background:var(--burgundy);color:var(--cream);padding:46px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px}.footer-logo{width:126px;filter:brightness(0) invert(1)}.footer-tag{text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footer-social{text-align:right;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.footer-social a:hover{color:var(--pink)}
    .js .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.js .reveal.on{opacity:1;transform:none}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-paw{animation:none}.js .reveal{opacity:1;transform:none;transition:none}}
    @media(max-width:980px){
      .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:690px;border-right:0;border-bottom:var(--line)}.hero-panel{min-height:590px}.hero-paw{width:390px}
      .identity{grid-template-columns:1fr}.identity-logo{min-height:500px;border-right:0;border-bottom:var(--line)}
      .method-top{grid-template-columns:1fr}.method-top .lede{justify-self:start}.method-row{grid-template-columns:70px .8fr 1.2fr}
      .cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.card:nth-child(3){grid-column:1/-1;border-right:0;border-top:var(--line);min-height:400px}
      .manifesto{grid-template-columns:1fr}.manifesto-side{min-height:500px;border-right:0;border-bottom:var(--line)}
    }
    @media(max-width:650px){
      body{font-size:16px}.announcement{font-size:9px;letter-spacing:.11em;height:30px}nav{height:74px;padding:0 18px}.brand-small{width:90px}.nav-right{gap:8px}.nav-right>a:not(.pill){display:none}.pill{padding:10px 13px;font-size:10px}
      .hero-copy{padding:58px 22px 66px;min-height:610px}.kicker{margin-bottom:27px}.hero-copy h1{font-size:60px;line-height:.86;margin-bottom:28px}.hero-text{font-size:18px}.hero-meta{display:block;line-height:2.2;margin-top:20px}
      .hero-panel{min-height:430px;padding:45px 28px}.hero-panel::after{width:340px;height:340px}.hero-paw{width:270px}.roundel{width:104px;height:104px;font-size:10px;right:4%;bottom:5%}
      .identity-logo{min-height:390px;padding:50px 28px}.identity-copy{padding:72px 22px}.identity-copy h2{font-size:48px}.lede{font-size:19px}.editorial-note{grid-template-columns:1fr;gap:10px}
      .method{padding:76px 22px}.method-top{margin-bottom:45px}.method-top h2{font-size:50px}.method-row{grid-template-columns:42px 1fr;gap:15px;padding:27px 0}.method-row p{grid-column:2}.method-row h3{font-size:37px}
      .services{padding:76px 22px}.services-head{display:block;margin-bottom:42px}.services-head h2{font-size:49px;margin-bottom:24px}.cards{grid-template-columns:1fr}.card,.card:nth-child(2),.card:nth-child(3){grid-column:auto;border-right:0;border-bottom:var(--line);border-top:0;min-height:410px;padding:30px 25px}.card:last-child{border-bottom:0}.card-index{margin-bottom:70px}.card h3{font-size:40px}
      .manifesto-side{min-height:390px;padding:45px}.manifesto-copy{padding:78px 22px}.manifesto-copy h2{font-size:67px}.manifesto-copy p{font-size:18px}
      .cta{padding:90px 22px}.cta h2{font-size:68px}.cta p{font-size:18px}.cta::before{left:2%;top:9%;font-size:40px}.cta::after{right:4%;bottom:8%;font-size:34px}
      footer{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-social{text-align:center}
    }
