@font-face{font-family:"DM Sans";src:url('/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#f6f5ef;--ink:#252c26;--green:#254f3e;--orange:#ca613c;--muted:#676d63;--line:#dddfd5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#dfe9ae;color:#173b2b}.wrap{width:min(1232px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;z-index:10;left:16px;top:-80px;padding:12px 18px;background:var(--green);color:white}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.05;letter-spacing:-.6px;font-weight:650}.brand-mark{height:42px;width:42px;color:var(--green)}.brand-period{color:var(--orange)}nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:500}.nav-contact{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--ink);padding-bottom:7px}.nav-contact span{font-size:20px;line-height:1}.nav-approach:hover,.text-link:hover,.email-link:hover{color:var(--orange)}
.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:54px;align-items:center;padding-block:72px 76px}.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.6;text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:10px;margin:0 0 30px}.small-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}h1{font-size:clamp(56px,6.3vw,88px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:0 0 26px}h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1 em{color:var(--green);letter-spacing:-5.5px}.hero-description{font-size:17px;line-height:1.7;max-width:410px;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;background:var(--green);color:var(--paper);padding:17px 22px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#173c2d;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.text-link{font-size:12px;display:flex;gap:15px;align-items:center;transition:color .2s}.text-link span{font-size:18px}.hero-footnote{font-size:11px;letter-spacing:.3px;color:#767b71;margin:43px 0 0}
.studio-art{position:relative;height:478px;background:#e7e9de;overflow:hidden;isolation:isolate}.art-topline,.art-bottomline{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1px;color:#667264;z-index:2}.art-topline{top:24px}.art-bottomline{bottom:23px;font-size:7px;letter-spacing:.9px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#7483690a 1px,transparent 1px),linear-gradient(90deg,#7483690a 1px,transparent 1px);background-size:27px 27px}.art-orbit{position:absolute;inset:0;width:100%;height:100%;color:#9aa88d;opacity:.5}.building-block{position:absolute;width:200px;height:204px;padding:21px;box-shadow:0 12px 18px #1f3d2420;display:flex;flex-direction:column;justify-content:space-between}.block-number{font-size:8px;letter-spacing:1.2px;font-weight:600}.block-title{font-size:39px;font-weight:500;line-height:.96;letter-spacing:-1.5px}.block-idea{left:12%;top:75px;background:#fbfaf4;transform:rotate(-9deg);z-index:1}.block-idea .block-title{margin-top:-2px;font-family:Georgia,serif;font-style:italic;font-size:42px}.orange{color:var(--orange)}.block-idea svg{width:28px;height:28px;color:var(--orange)}.block-product{left:42%;top:148px;background:#c76c49;color:#fffcf1;transform:rotate(8deg);z-index:2}.block-product .block-title{margin-top:-6px}.mini-blocks{display:flex;align-items:end;gap:4px}.mini-blocks i{width:11px;height:11px;background:#eac3a8}.mini-blocks i:nth-child(2){height:17px}.mini-blocks i:nth-child(3){height:24px}.block-audience{left:18%;top:231px;background:var(--green);color:#f6f4e7;transform:rotate(-5deg);z-index:3}.block-audience .block-title{font-size:37px;margin-bottom:17px}.block-audience .block-title span{color:#dfe9ae}.block-arrow{position:absolute;right:22px;bottom:15px;font-size:39px;color:#dfe9ae}.studio-art:hover .block-idea{transform:translate(-3px,-4px) rotate(-11deg)}.studio-art:hover .block-product{transform:translate(5px,-3px) rotate(10deg)}.studio-art:hover .block-audience{transform:translateY(5px) rotate(-3deg)}.building-block{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.approach{border-top:1px solid var(--line);padding-block:57px 70px}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.section-intro .eyebrow{margin-top:8px}h2{font-size:33px;font-weight:450;line-height:1.25;letter-spacing:-1.2px;margin:0}h2 span{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px}.step{padding:0 36px;border-left:1px solid var(--line)}.step:first-child{padding-left:0;border-left:0}.step:last-child{padding-right:0}.step-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;color:var(--green)}.step-number{font-size:10px;font-weight:600;letter-spacing:1px;color:#6d7567}.step-heading svg{width:27px;height:27px}.step h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:0 0 12px}.step p{font-size:13px;line-height:1.8;margin:0;max-width:295px;color:var(--muted)}
.contact{background:var(--green);color:var(--paper)}.contact-inner{padding-block:65px 66px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.contact .eyebrow{color:#cbd7c6;margin-bottom:24px}.contact .small-dot{background:#dbe8ac}.contact h2{font-size:45px;line-height:1.15;letter-spacing:-1.9px}.contact h2 em{color:#dce7b8}.contact-copy>p:first-child{font-size:17px;line-height:1.65;margin:0 0 14px}.contact-audiences{font-size:11px;line-height:1.6;color:#c5d2bf;margin:0 0 25px}.button-light{background:var(--paper);color:var(--green);gap:44px}.button-light:hover{background:#e5eccf}.email-link{display:block;font-size:11px;line-height:1.8;margin-top:17px;color:#d2ddcc;width:fit-content}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px;font-size:10px;color:var(--muted)}.footer-brand{font-size:13px;letter-spacing:-.3px;font-weight:600;color:var(--ink)}.footer-brand span{color:var(--orange)}.site-footer p{margin:0}.copyright{font-size:10px}
@media(min-width:1500px){.hero{padding-block:86px 90px}.studio-art{height:510px}.block-idea{top:88px}.block-product{top:162px}.block-audience{top:245px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:30px;grid-template-columns:1.12fr 1fr}.studio-art{height:430px}.building-block{width:174px;height:183px;padding:18px}.block-title{font-size:34px}.block-idea{left:8%;top:66px}.block-idea .block-title{font-size:37px}.block-product{left:40%;top:128px}.block-audience{left:14%;top:212px}.block-audience .block-title{font-size:33px}.hero-actions{gap:20px}.button{gap:28px}h1{letter-spacing:-3.5px}h1 em{letter-spacing:-4px}.section-intro{grid-template-columns:1fr 2.2fr}.contact-inner{gap:35px}.contact h2{font-size:39px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{padding-block:23px}.hero{grid-template-columns:1fr;gap:42px;padding-block:48px}.hero-copy{max-width:560px}.eyebrow{margin-bottom:24px}h1{font-size:clamp(56px,10vw,78px);letter-spacing:-3.8px}.hero-description{font-size:16px;max-width:410px}.hero-footnote{margin-top:28px}.studio-art{height:400px;width:100%}.building-block{width:190px;height:195px}.block-idea{left:calc(50% - 162px);top:53px}.block-product{left:calc(50% - 7px);top:103px}.block-audience{left:calc(50% - 94px);top:166px}.block-audience .block-title{font-size:37px}.art-orbit{left:50%;transform:translateX(-50%);width:440px}.section-intro{display:block}.section-intro .eyebrow{margin:0 0 18px}h2{font-size:30px}.approach{padding-block:39px 45px}.steps{margin-top:36px}.step{padding-inline:20px}.step p{font-size:12px}.step h3{font-size:25px}.contact-inner{grid-template-columns:1fr;gap:28px;padding-block:45px}.contact h2{font-size:43px}.contact-copy>p:first-child{font-size:16px}.contact-audiences{margin-bottom:23px}.site-footer{flex-wrap:wrap;row-gap:14px}.site-footer p{order:3;width:100%}.copyright{margin-left:auto}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.brand{font-size:15px;gap:8px}.brand-mark{width:35px;height:35px}nav{gap:0;font-size:11px}.nav-approach{display:none}.nav-contact{gap:16px}h1{font-size:58px;letter-spacing:-3.6px}h1 em{letter-spacing:-4px}.hero{padding-top:40px;gap:34px}.hero-description{max-width:315px;font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-actions{gap:22px;margin-top:27px}.button{font-size:12px;padding:16px 19px;gap:29px}.text-link{font-size:11px;gap:8px}.hero-footnote{font-size:10px;margin-top:25px}.studio-art{height:368px}.art-topline,.art-bottomline{left:17px;right:17px;font-size:6px}.building-block{width:164px;height:173px;padding:17px}.block-number{font-size:6.7px;letter-spacing:.85px}.block-idea{left:calc(50% - 142px);top:56px}.block-idea .block-title{font-size:34px}.block-idea svg{width:24px;height:24px}.block-product{left:calc(50% - 15px);top:106px}.block-product .block-title{font-size:31px}.block-audience{left:calc(50% - 93px);top:163px}.block-audience .block-title{font-size:31px}.block-arrow{font-size:30px;right:16px;bottom:13px}.steps{display:block;margin-top:30px}.step{padding:23px 0;border-left:0;border-top:1px solid var(--line)}.step:first-child{border-top:0;padding-top:0}.step:last-child{padding-bottom:0}.step-heading{margin-bottom:13px}.step h3{margin-bottom:9px}.step p{max-width:none;font-size:13px;line-height:1.75}.step-heading svg{width:24px;height:24px}h2{font-size:27px;letter-spacing:-1px}.contact h2{font-size:35px;letter-spacing:-1.5px}.contact .eyebrow{margin-bottom:20px}.contact-inner{padding-block:39px 42px}.contact-copy>p:first-child{font-size:15px}.site-footer{padding-block:24px}.site-footer p{font-size:9px}}
@media(max-width:360px){h1{font-size:50px}.hero-actions{gap:14px}.button{gap:20px}.text-link{font-size:10px}.contact h2{font-size:31px}.brand{font-size:14px}.studio-art{height:356px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep every card's headline readable where the paper layers overlap. */
.block-product .block-title{text-align:right;align-self:flex-end}
.block-audience{left:10%}
@media(max-width:1100px){.block-audience{left:7%}}
@media(max-width:800px){.block-audience{left:calc(50% - 138px)}}
@media(max-width:480px){.block-audience{left:calc(50% - 140px)}}
/* Maintain readable small text, hover states and focus rings. */
.hero-footnote{color:var(--muted)}
.nav-approach:hover,.text-link:hover{color:#a64425}
.email-link:hover{color:#dce7b8}
.contact a:focus-visible{outline-color:#dce7b8}