:root{
  --orange:#f36b12;
  --orange-deep:#d75408;
  --ink:#17110e;
  --brown:#6a4733;
  --sand:#f3eee8;
  --warm:#fbf8f4;
  --line:rgba(23,17,14,.13);
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--warm);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.section-shell,.site-header,.footer{width:min(1380px,calc(100% - 56px));margin-inline:auto}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand img{width:174px;height:auto;object-fit:contain}
.header-link{font:600 13px/1 "Manrope",sans-serif;letter-spacing:.02em;border-bottom:1px solid currentColor;padding-bottom:4px}
.hero{min-height:740px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:7vw;padding-block:74px 96px}
.eyebrow,.kicker{font:700 11px/1.2 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--brown)}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow span{width:28px;height:2px;background:var(--orange)}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.045em}
h1{font-size:clamp(54px,6.2vw,96px);line-height:.96;font-weight:700;max-width:840px}
h1 em{font-style:normal;color:var(--orange)}
.hero-intro{font-size:19px;max-width:610px;color:#5f554e;margin:30px 0 32px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 13px/1 "Manrope",sans-serif}.button.primary{min-height:52px;padding:0 23px;background:var(--ink);color:#fff;border-radius:2px}.button.primary:hover{background:var(--orange)}.button.text{border-bottom:1px solid var(--ink);padding-bottom:5px}.button.text span{font-size:17px}
.launch-note{display:flex;align-items:center;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);width:min(440px,100%)}.launch-note .pulse{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(243,107,18,.12)}.launch-note div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.launch-note strong{font:700 13px "Manrope"}.launch-note small{color:#7b7069}
.hero-visual{position:relative;min-height:580px}.image-main{margin:0;position:absolute;inset:0 64px 0 0;overflow:hidden;border-radius:2px}.image-main:after,.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,10,5,.68))}.image-float{position:absolute;width:43%;height:42%;right:0;bottom:7%;margin:0;border:9px solid var(--warm);z-index:2;overflow:hidden}.impact-stamp{position:absolute;right:8%;top:7%;z-index:3;width:118px;height:118px;border-radius:50%;background:var(--orange);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);text-align:center}.impact-stamp strong{font:800 17px "Manrope"}.impact-stamp span{font-size:11px;margin-top:2px}
.statement{padding-block:120px;border-top:1px solid var(--line)}.kicker{color:var(--orange);margin:0 0 27px}.statement-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.statement h2,.section-heading h2,.closing h2{font-size:clamp(40px,4.8vw,72px);line-height:1.03;max-width:820px}.statement-copy{font-size:17px;color:#5d534d;max-width:560px;padding-top:8px}.meaning{padding-top:22px;margin-top:26px;border-top:1px solid var(--line)}.meaning strong{color:var(--ink)}
.work{padding-block:80px 126px}.section-heading{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;margin-bottom:44px}.section-heading>p{color:#6a6059;margin:0}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:320px 320px;gap:16px}.work-card{position:relative;margin:0;overflow:hidden;background:#ddd}.work-card.large{grid-row:1/3}.work-card img{transition:transform .7s cubic-bezier(.2,.6,.2,1)}.work-card:hover img{transform:scale(1.035)}.card-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;color:#fff;padding:30px}.card-overlay span{font:700 10px "Manrope";letter-spacing:.15em;text-transform:uppercase;color:#ffd0b2}.card-overlay h3{font-size:24px;line-height:1.15;margin-top:7px;letter-spacing:-.025em}.card-overlay p{font-size:13px;margin:6px 0 0;color:rgba(255,255,255,.78)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:130px}.pillar{padding:46px 40px 54px 0}.pillar+.pillar{border-left:1px solid var(--line);padding-left:40px}.pillar span{font:700 11px "Manrope";color:var(--orange)}.pillar h3{font-size:27px;margin:48px 0 14px}.pillar p{margin:0;color:#6d625b;font-size:15px;max-width:360px}
.closing{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink);color:white;min-height:570px;margin-bottom:50px}.closing-image{min-height:500px;overflow:hidden}.closing-image img{filter:saturate(.88)}.closing-copy{padding:74px 7vw;display:flex;flex-direction:column;justify-content:center}.closing .kicker{color:#ff9a5f}.closing h2{max-width:620px}.closing-copy>p:not(.kicker){color:#c8bdb6;max-width:570px;font-size:17px;margin:24px 0 30px}.button.primary.light{background:white;color:var(--ink);align-self:flex-start}.button.primary.light:hover{background:var(--orange);color:white}.contact-line{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#d5cbc4}
.footer{min-height:150px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px;border-top:1px solid var(--line);font-size:12px;color:#766b64}.footer img{width:150px;height:auto}.footer p{margin:0}.legal{font-weight:600}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:900px){.section-shell,.site-header,.footer{width:min(100% - 32px,760px)}.site-header{height:86px}.brand img{width:145px}.header-link{display:none}.hero{grid-template-columns:1fr;gap:54px;padding-block:58px 80px}.hero-visual{min-height:520px}.statement,.work{padding-block:84px}.statement-grid,.section-heading{grid-template-columns:1fr;gap:30px}.section-heading>p{max-width:560px}.work-grid{grid-template-columns:1fr;grid-template-rows:460px 300px 300px}.work-card.large{grid-row:auto}.pillars{grid-template-columns:1fr;margin-bottom:85px}.pillar,.pillar+.pillar{padding:32px 0;border-left:0;border-top:1px solid var(--line)}.pillar:first-child{border-top:0}.pillar h3{margin-top:20px}.closing{grid-template-columns:1fr}.closing-image{min-height:360px}.closing-copy{padding:58px 32px}.footer{grid-template-columns:1fr;gap:14px;padding-block:36px}}
@media(max-width:560px){.section-shell,.site-header,.footer{width:calc(100% - 24px)}h1{font-size:48px}.hero{padding-top:44px}.hero-intro{font-size:17px}.hero-visual{min-height:430px}.image-main{inset:0 28px 0 0}.image-float{width:48%;height:38%;border-width:6px}.impact-stamp{width:92px;height:92px;right:3%;top:5%}.impact-stamp strong{font-size:14px}.statement h2,.section-heading h2,.closing h2{font-size:39px}.statement{padding-block:74px}.work{padding-top:46px}.work-grid{grid-template-rows:410px 270px 270px}.card-overlay{padding:22px}.closing{width:100%;margin-bottom:0}.footer{border-top:0}.footer img{width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.work-card img{transition:none}}
