:root{--bg:#f4f1e9;--ink:#171717;--muted:#66645f;--surface:#dedbd2;--accent:#ff593d;}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.header{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent);position:relative;z-index:3}.logo img{width:205px;max-height:48px;object-fit:contain;object-position:left}.nav{display:flex;gap:26px;align-items:center;font-size:13px}.nav a{opacity:.72}.nav a:hover{opacity:1}.nav-cta{border:1px solid var(--ink);padding:10px 15px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.menu{display:none;background:none;border:0;color:var(--ink);font-size:24px}.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.btn{display:inline-block;padding:14px 18px;background:var(--accent);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.footer{padding:30px 5vw;border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.intro{padding:90px 8vw}.intro h1{font:500 clamp(48px,7vw,100px)/.96 Arial,sans-serif;letter-spacing:-.05em;max-width:1000px;margin:20px 0}.intro p{font-size:18px;max-width:680px;color:var(--muted)}.page-intro{padding:85px 9vw 55px}.page-intro h1{font:500 clamp(48px,7vw,96px)/.96 Arial,sans-serif;letter-spacing:-.05em;max-width:1000px;margin:20px 0}.page-intro p{max-width:700px;color:var(--muted);font-size:18px}.page-body{padding:65px 9vw}.page-body h2{font:500 48px/1.05 Arial,sans-serif}.page-body p{color:var(--muted);max-width:740px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{padding:14px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:transparent;color:var(--ink);font:inherit}.contact-form textarea{min-height:150px}.contact-form button{border:0;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.service-grid article{padding:25px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.service-grid h3{font-size:21px}.service-grid p{font-size:14px;color:var(--muted)}.closing{padding:75px 8vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing h2{font:500 clamp(35px,5vw,62px)/1.02 Arial,sans-serif;max-width:680px;margin:0}

.hero{padding:65px 5vw 80px}.hero h1{font:900 clamp(80px,15vw,210px)/.76 Arial,sans-serif;letter-spacing:-.11em;text-transform:uppercase;margin:45px 0}.hero h1 span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.hero-bottom p{max-width:430px;font-size:18px}.hero-photo{width:38%;height:280px}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.ticker{padding:16px;background:var(--accent);color:white;font-size:13px;font-weight:700;letter-spacing:.16em;white-space:nowrap;overflow:hidden}.work{padding:90px 5vw}.work h2{font:900 clamp(50px,8vw,100px)/.85 Arial,sans-serif;letter-spacing:-.09em}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.work-card{background:var(--surface);padding:14px}.work-card:first-child{margin-top:75px}.work-card img{width:100%;height:340px;object-fit:cover}.work-card h3{font-size:22px;margin:15px 4px}.manifesto{background:var(--ink);color:white;padding:95px 12vw}.manifesto h2{font:900 clamp(42px,7vw,85px)/.9 Arial,sans-serif;letter-spacing:-.08em}.manifesto p{color:#ccc;max-width:600px}.service-area{padding:90px 5vw}.service-area h2{font:900 clamp(45px,7vw,85px)/.9 Arial,sans-serif;letter-spacing:-.08em}.service-grid article{border:2px solid var(--ink);min-height:220px}.closing{background:var(--accent);color:white}.closing .btn{background:var(--ink)}

@media(max-width:800px){.header{padding:16px 5vw}.menu{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:22px 5vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:40px 6vw;gap:28px}.hero-photo{height:330px;order:-1}.hero-copy{padding:0}.hero h1{font-size:clamp(55px,14vw,90px)}.hero-bottom{display:block}.hero-bottom .hero-photo{width:100%;margin-top:25px}.manifesto{padding:65px 8vw}.split{grid-template-columns:1fr}.split img{min-height:300px;max-height:400px}.split-copy{padding:60px 8vw}.service-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-card:first-child{margin-top:0}.work-card img{height:250px}.stats{grid-template-columns:1fr 1fr}.ticker{overflow:hidden;justify-content:flex-start;white-space:nowrap}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card{min-height:220px}.bento-card:first-child{grid-row:auto}.contact-grid{grid-template-columns:1fr}.closing{display:block;padding:40px;margin:30px 5vw}.closing .btn{margin-top:20px}.footer{flex-direction:column;gap:10px}}

/* Improved contact form layout */
.contact-grid{align-items:start;gap:clamp(28px,5vw,76px);max-width:1180px;margin:0 auto}.contact-form{width:100%;min-width:0;padding:clamp(22px,3vw,38px);background:#fff;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);box-shadow:8px 8px 0 var(--surface);gap:20px}.contact-form label{display:block;width:100%;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:8px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:#faf9f6;border-radius:0;font:inherit;font-size:15px;line-height:1.4}.contact-form input{height:52px}.contact-form textarea{min-height:170px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.contact-form button{width:100%;min-height:54px;padding:15px 20px;text-align:left}@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.contact-form{padding:22px;box-shadow:5px 5px 0 var(--surface)}}

/* Responsive safety and form sizing */
img,svg,video,iframe{max-width:100%}
.contact-grid>*{min-width:0}
.contact-form,.contact-form label{min-width:0}
.contact-form input,.contact-form textarea{max-width:100%;box-sizing:border-box}
@media(max-width:760px){
  .contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .contact-form{width:100%;max-width:100%}
  .contact-form input,.contact-form textarea{width:100%}
  .nav{max-width:100vw}
}


/* Expanded creative studio sections */
.extra-section{padding:clamp(58px,8vw,110px) 7vw;background:#f2eee7;color:#171717}
.extra-section.ink{background:#171717;color:#f7f3eb}
.extra-inner{max-width:1200px;margin:0 auto}
.extra-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.extra-section h2{font-size:clamp(38px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 28px;max-width:850px}
.extra-section>div>p{max-width:740px;line-height:1.8;color:#625e58}
.extra-section.ink>div>p{color:#c4c0b9}
.extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:35px}
.extra-card{padding:26px;border:1px solid #c9c2b7;background:#fff;min-width:0}
.extra-section.ink .extra-card{background:#222;border-color:#444}
.extra-card small{font-size:11px;letter-spacing:.14em;color:var(--accent)}
.extra-card h3{font-size:24px;line-height:1.1;margin:20px 0 12px}
.extra-card p{font-size:14px;line-height:1.75;color:#625e58;margin:0}
.extra-section.ink .extra-card p{color:#c4c0b9}
.extra-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:35px}
.extra-steps article{border-top:2px solid var(--accent);padding-top:16px}
.extra-steps b{font-size:12px;color:var(--accent)}
.extra-steps h3{font-size:20px;margin:12px 0}
.extra-steps p{font-size:14px;line-height:1.7;color:#c4c0b9}
.contact-email{display:inline-block;margin-top:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.extra-section{padding:58px 6vw}.extra-grid{grid-template-columns:1fr}.extra-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.extra-steps{grid-template-columns:1fr}}