:root{
  --paper:#f4efe6;--ink:#101010;--black:#070707;--red:#c9161e;--yellow:#f5bc18;
  --cream:#d8d0c3;--grey:#817a70;--line:rgba(16,16,16,.16);--white-line:rgba(255,255,255,.15);
  --sans:'Poppins',Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.scroll-line{position:fixed;top:0;left:0;height:4px;background:var(--red);width:0;z-index:100}
.cursor-dot{position:fixed;width:12px;height:12px;border-radius:50%;background:var(--red);pointer-events:none;z-index:200;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .2s,height .2s}
.header{height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.logo{width:150px;height:100px;display:flex;align-items:center}.logo img{width:100%;height:100%;object-fit:contain}
.header nav{display:flex;gap:34px;margin-left:auto;margin-right:42px}.header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.header nav a:hover{color:var(--red)}
.nav-cta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:#fff;padding:15px 21px}
.menu{display:none;background:none;border:0}.menu span{display:block;width:28px;height:2px;background:var(--ink);margin:7px}

.hero{min-height:calc(100vh - 94px);display:grid;grid-template-columns:54% 46%;position:relative;background:var(--paper);overflow:hidden}
.hero-left{padding:8vh 6vw 150px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}
.stamp{position:absolute;top:34px;left:6vw;font-size:10px;letter-spacing:.2em;color:#777}
.kicker,.section-index{font-size:11px;letter-spacing:.2em;font-weight:700;color:#777;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:35px;height:2px;background:var(--red)}
.hero h1{font-size:clamp(60px,7.3vw,116px);line-height:.91;letter-spacing:-.065em;margin:25px 0 30px;font-weight:700}
.hero h1 i,.manifesto h2 em,.section-top h2 em,.huge i,.creative-card h2 i,.proof-quote em,.contact h2 i{font-style:normal;color:var(--red)}
.hero-copy{max-width:680px;font-size:18px;line-height:1.9;color:#625d55;margin:0 0 36px}
.hero-link{display:flex;align-items:center;gap:20px;width:max-content;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;border-bottom:1px solid #777;padding-bottom:12px}.hero-link b{font-size:17px;color:var(--red)}
.hero-right{position:relative;overflow:hidden;background:#151515;min-height:750px}
.hero-photo{position:absolute;inset:0;background:linear-gradient(140deg,rgba(0,0,0,.15),rgba(0,0,0,.62)),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=90') center/cover;filter:grayscale(100%)}
.red-shape{position:absolute;width:65%;height:75%;right:-13%;top:12%;background:var(--red);clip-path:polygon(24% 0,100% 0,75% 100%,0 100%);mix-blend-mode:multiply;opacity:.92}
.yellow-card{position:absolute;left:8%;bottom:12%;background:var(--yellow);width:210px;height:210px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.yellow-card strong{font-size:72px;line-height:.8}.yellow-card span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.vertical-type{position:absolute;right:28px;top:35%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.28em;color:#fff;opacity:.75}
.floating-pill{position:absolute;border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);padding:12px 15px;font-size:9px;letter-spacing:.12em}.pill-ig{top:15%;left:9%}.pill-meta{right:10%;bottom:26%}
.hero-footer{position:absolute;bottom:0;left:0;right:0;height:65px;background:var(--ink);color:#aaa;display:flex;align-items:center;justify-content:space-around;font-size:10px;letter-spacing:.16em;text-transform:uppercase;z-index:5}
.hero-footer span:nth-child(1){color:var(--yellow)}

.manifesto{padding:145px 7vw;display:grid;grid-template-columns:100px 1.35fr .65fr;gap:4vw;background:var(--paper)}
.manifesto-number{font-size:12px;font-weight:700;color:var(--red);padding-top:12px}.kicker.dark{color:#7b756c}.kicker.dark:before{background:var(--red)}
.manifesto h2{font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.045em;margin:25px 0 0;font-weight:600}
.manifesto-side{padding-top:40px}.manifesto-side p{font-size:17px;line-height:1.9;color:#69635a;margin:0 0 22px}

.services{padding:125px 7vw;background:var(--black);color:#fff}
.section-top{display:grid;grid-template-columns:1fr .55fr;gap:10vw;padding-bottom:70px}.section-top h2{font-size:clamp(46px,5.2vw,80px);line-height:1;letter-spacing:-.05em;margin:25px 0 0;font-weight:600}.section-top>p{font-size:17px;line-height:1.9;color:#989189;align-self:end;margin:0}
.service-bento{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(260px,auto);gap:1px;background:var(--white-line)}
.service{background:#111;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s,background .35s}.service:hover{background:#181818;transform:translateY(-4px);z-index:2}
.service>span{font-size:10px;color:var(--yellow);font-weight:700;letter-spacing:.15em}.service h3{font-size:31px;line-height:1.02;letter-spacing:-.04em;margin:28px 0 14px}.service p{font-size:14px;line-height:1.75;color:#8f8980;margin:0;max-width:500px}.service a{margin-top:auto;padding-top:25px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#fff;border-bottom:1px solid #4a4741;width:max-content;padding-bottom:8px}
.hero-service{grid-row:span 2;background:#151515;padding:42px}.hero-service h3{font-size:57px}.hero-service p{font-size:16px;line-height:1.85;max-width:570px}
.service.red{background:var(--red)}.service.red p,.service.red a{color:#fff}.service.red>span{color:#ffe16c}
.service.yellow{background:var(--yellow);color:#111}.service.yellow p{color:#373329}.service.yellow a{color:#111;border-color:#5c4c20}.service.yellow>span{color:var(--red)}
.service.image-service{background:linear-gradient(150deg,rgba(0,0,0,.4),rgba(0,0,0,.9)),url('https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=1000&q=85') center/cover}
.service.wide{grid-column:2/4;display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center}.service.wide h3{margin:0}.service.wide a{margin:0}.service.wide>span{align-self:start;padding-top:7px}

.growth{min-height:850px;position:relative;overflow:hidden;background:#090909;color:#fff}
.growth-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(201,22,30,.3),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.75) 50%,rgba(0,0,0,.3)),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2200&q=90') center/cover;filter:saturate(.55)}
.growth-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:10vw;padding:135px 7vw}.growth-copy{max-width:750px}.huge{font-size:clamp(52px,6.2vw,94px);line-height:.96;letter-spacing:-.055em;margin:25px 0 35px;font-weight:600}.body-copy{font-size:17px;line-height:1.9;color:#b3ada5;max-width:680px;margin-bottom:34px}.light-link{display:inline-block;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.13em;border-bottom:1px solid #777;padding-bottom:10px}
.growth-dashboard{align-self:center;background:rgba(7,7,7,.72);border:1px solid var(--white-line);backdrop-filter:blur(14px);padding:25px}.dash-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#888;margin-bottom:22px}.dash-head b{color:var(--yellow)}
.dash-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:17px 0;border-top:1px solid var(--white-line);font-size:12px}.dash-row span{color:#8f8980}.dash-row strong{font-weight:500;color:#fff}.dash-row i{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--red) 78%,#343434 78%)}.dash-row:nth-child(4) i{background:linear-gradient(90deg,var(--yellow) 91%,#343434 91%)}.dash-bottom{padding-top:25px;font-size:9px;letter-spacing:.18em;color:#68625a}

.creative{min-height:780px;position:relative;overflow:hidden;background:#e8e0d4}.creative-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=2200&q=90') center/cover;filter:saturate(.7)}
.creative-card{position:relative;z-index:3;background:var(--paper);width:min(620px,82vw);padding:65px;margin:110px 0 0 7vw}.creative-card h2{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.05em;margin:25px 0}.creative-card p{font-size:17px;line-height:1.9;color:#676158}.creative-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.creative-tags span{font-size:9px;letter-spacing:.15em;border:1px solid #c7bfb2;padding:8px 10px}.creative-card>a{display:inline-block;text-transform:uppercase;font-size:10px;letter-spacing:.13em;border-bottom:1px solid #555;padding-bottom:10px;font-weight:600}
.social-float{position:absolute;z-index:4;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--red);font-size:11px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25)}.sf1{right:13%;top:17%}.sf2{right:24%;bottom:18%;background:var(--yellow);color:#111}.sf3{right:8%;bottom:30%;background:#111}

.process{padding:140px 7vw;background:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.process-title h2{font-size:clamp(45px,5vw,75px);line-height:1.02;letter-spacing:-.05em;margin:25px 0}.process-title h2 em{color:var(--red);font-style:normal}
.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:15px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.process-item b{font-size:11px;color:var(--red)}.process-item h3{font-size:23px;margin:0}.process-item p{font-size:14px;color:#777067;line-height:1.75;margin:0}

.proof{padding:150px 7vw;background:var(--red);color:#fff}.proof-inner{max-width:1300px;margin:auto}.proof .section-index{color:#ffd0d0}.proof-quote{font-size:clamp(40px,5vw,74px);line-height:1.05;letter-spacing:-.045em;max-width:1000px;margin:35px 0 90px}.proof-quote em{color:#ffe07a}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.3)}.proof-grid div{padding:30px;border-right:1px solid rgba(255,255,255,.3)}.proof-grid div:first-child{padding-left:0}.proof-grid strong{display:block;font-size:50px;color:#ffe07a;line-height:1;margin-bottom:12px}.proof-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#f4d1d1}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;padding:145px 7vw;background:var(--black);color:#fff}.contact-side h2{font-size:clamp(50px,5.6vw,84px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.contact-side h2 i{color:var(--yellow)}.contact-side>p{font-size:17px;line-height:1.9;color:#99938a;max-width:540px}.contact-mark{font-size:75px;font-weight:800;line-height:.75;letter-spacing:-.08em;color:#1b1b1b;margin-top:70px}.contact-mark span{font-size:25px;letter-spacing:.05em;color:#2b2b2b}
form{border-top:1px solid var(--white-line);display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.field{padding:24px 0;border-bottom:1px solid var(--white-line)}.field.full{grid-column:1/-1}.field label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#77736c;margin-bottom:12px}.field input,.field select,.field textarea{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:17px}.field select{appearance:none}.field option{color:#111}.field input::placeholder,.field textarea::placeholder{color:#57534e}
form button{margin-top:30px;border:0;background:var(--yellow);color:#111;padding:19px 26px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;width:max-content;cursor:pointer}form button span{margin-left:25px;font-size:16px}#formNote{color:var(--yellow);font-size:12px;margin-top:45px}

footer{background:#030303;color:#fff;padding:80px 7vw 25px}.footer-main{display:grid;grid-template-columns:1.6fr .8fr .9fr .6fr;gap:55px;padding-bottom:65px}.footer-logo{width:135px;height:90px;object-fit:contain}.footer-main p{font-size:14px;line-height:1.8;color:#77736c;max-width:400px}.footer-main b{display:block;color:var(--yellow);font-size:10px;letter-spacing:.18em;margin:8px 0 20px}.footer-main a{display:block;font-size:12px;color:#77736c;margin-bottom:10px}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--white-line);padding-top:20px;display:flex;justify-content:space-between;color:#55514b;font-size:10px;letter-spacing:.1em;text-transform:uppercase}

.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .header nav{gap:18px;margin-right:20px}.service-bento{grid-template-columns:1fr 1fr}.hero-service{grid-row:auto}.service.wide{grid-column:1/-1}.growth-inner{grid-template-columns:1fr}.process{grid-template-columns:1fr}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/-1}
}
@media(max-width:760px){
  .header{height:78px}.logo{width:95px;height:75px}.header nav,.nav-cta{display:none}.menu{display:block}
  .header nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 7vw;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-left{padding:100px 7vw 150px}.hero-right{min-height:620px}.hero-footer{font-size:7px;height:54px}
  .manifesto{grid-template-columns:1fr;padding:100px 7vw;gap:20px}.manifesto-number{display:none}.manifesto-side{padding-top:10px}
  .section-top{grid-template-columns:1fr;gap:30px}.services{padding:100px 7vw}.service-bento{grid-template-columns:1fr}.service.wide{grid-column:auto;display:block}.service.wide a{margin-top:25px}
  .growth-inner{padding:100px 7vw}.growth-dashboard{margin-top:20px}.creative-card{margin:75px 7vw 0;padding:40px}.process{padding:100px 7vw}.process-item{grid-template-columns:45px 1fr}.process-item p{grid-column:2}.proof{padding:100px 7vw}.proof-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.3);padding:25px 0}
  .contact{grid-template-columns:1fr;padding:100px 7vw;gap:70px}.contact-mark{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:12px}
}
@media(max-width:480px){
  .hero h1{font-size:57px}.hero-copy{font-size:16px}.yellow-card{width:170px;height:170px}.yellow-card strong{font-size:58px}.service h3{font-size:28px}.hero-service h3{font-size:48px}.huge{font-size:52px}.floating-pill{font-size:8px}.creative{min-height:700px}.creative-card{width:86vw}.process-item h3{font-size:20px}.contact form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-main>div:last-child{grid-column:auto}
}