:root{--bg:#f4f1e9;--ink:#272922;--muted:#606259;--accent:#a83e20;--line:#27292228;--surface:#e8e6db;--small:clamp(.75rem,.73rem + .2vw,.875rem);--body:clamp(1rem,.95rem + .2vw,1.125rem);--title:clamp(2.2rem,1.5rem + 3vw,4rem);--hero:clamp(3.2rem,1.5rem + 5vw,6.7rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--display:'Cabinet Grotesk',sans-serif;--font:'Satoshi',sans-serif}
body{background:var(--bg);color:var(--ink);font:400 var(--body)/1.6 var(--font)}a{text-decoration:none}.wrap{width:min(1280px,90%);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding-block:var(--s8);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s3);font:800 1.8rem/1 var(--display)}.brand svg{width:44px;height:44px;color:var(--accent)}.brand small{display:block;font:700 .7rem/1.5 var(--font);letter-spacing:.2em;margin-top:var(--s1)}nav{display:flex;align-items:center;gap:var(--s8);font-size:var(--small);font-weight:700}nav a{padding-block:var(--s3)}.nav-call{border-bottom:1px solid var(--ink)}.hero{padding-top:var(--s16)}.eyebrow{font-size:var(--small);font-weight:700;letter-spacing:.14em;display:block}.dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:var(--s2)}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--s16);align-items:center;margin-top:var(--s8)}h1,h2,h3,p{margin:0}h1{font:700 var(--hero)/.98 var(--display);letter-spacing:-.055em}h1 span{color:var(--accent)}.intro{color:var(--muted);margin-top:var(--s8);max-width:520px}.actions{display:flex;gap:var(--s8);align-items:center;margin-top:var(--s8);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s8);padding:var(--s4) var(--s6);font-size:var(--small);font-weight:700;min-height:52px;transition:background .2s}.primary{background:var(--accent);color:#fffaf2}.primary:hover{background:#833018}.text-link{font-size:var(--small);font-weight:700;border-bottom:1px solid;padding-block:var(--s3);display:inline-block}.color-card{background:#c4c9b4;aspect-ratio:.94;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s8);transform:rotate(2deg);box-shadow:8px 14px 0 #2729220a;color:#30382c}.sample-top{display:flex;justify-content:space-between;font-size:var(--small);font-weight:700;letter-spacing:.1em}.color-card p{font:700 clamp(2.6rem,4.4vw,4.7rem)/1.08 var(--display);letter-spacing:-.04em}.sample-bottom{display:flex;align-items:end;justify-content:space-between;font-size:var(--small)}.stamp{font:800 4.5rem/1 var(--display)}.hero-bottom{border-top:1px solid var(--line);padding-block:var(--s6);margin-top:var(--s16);display:flex;justify-content:space-between;font-size:var(--small);color:var(--muted)}.hero-bottom a{font-weight:700;color:var(--ink)}.work{background:var(--surface);padding-block:var(--s24)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s8);margin-bottom:var(--s12)}h2{font:700 var(--title)/1.02 var(--display);letter-spacing:-.04em;margin-top:var(--s4)}.section-head p{max-width:320px;color:var(--muted)}.social-feature{display:grid;grid-template-columns:1fr 1fr;background:#343d32;color:#f4f1e9;min-height:380px}.social-left,.social-right{padding:var(--s12);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s8)}h3{font:700 var(--title)/1.05 var(--display);letter-spacing:-.04em}.social-action{border-top:1px solid #ffffff40;padding-top:var(--s6);display:flex;justify-content:space-between;font-size:var(--small)}.social-right{background:#bfc7b0;color:#30382c}.handle,.external-note{font-size:var(--small)}.giant-word{font:800 clamp(3rem,5vw,5.5rem)/1 var(--display);letter-spacing:-.06em}.giant-word span{display:block;font:500 var(--small)/1.5 var(--font);letter-spacing:.5em;margin-top:var(--s4)}.social-feature:hover .social-action{text-decoration:underline}.facebook-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s6)}.facebook-row p{color:var(--muted);font-size:var(--small)}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s24);padding-block:var(--s24)}.contact p{max-width:470px;color:var(--muted);margin-block:var(--s6)}.contact .button{margin-top:var(--s3)}.contact-details{padding-top:var(--s2)}.contact-details>div{padding-block:var(--s6);border-bottom:1px solid var(--line)}.contact-details .eyebrow{color:var(--muted);margin-bottom:var(--s4)}.contact-details a{display:block;font:500 clamp(1.5rem,2.8vw,2.5rem)/1.5 var(--display);padding-block:var(--s1)}.contact-details a.email{font:500 var(--body)/1.7 var(--font);overflow-wrap:anywhere}.contact-details p{color:var(--ink);font-weight:700}.contact-details p span{font-weight:400;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:var(--s6);border-top:1px solid var(--line);padding-block:var(--s8);font-size:var(--small);color:var(--muted)}
.brand-logo{display:block;width:200px;height:auto;background:#000;object-fit:contain}header{padding-block:var(--s4)}
@media(max-width:480px){.brand-logo{width:140px}header nav{gap:var(--s3);font-size:var(--small)}}
@media(prefers-color-scheme:dark){:root{--bg:#20241f;--ink:#f4f1e9;--muted:#b9bdb3;--line:#ffffff28;--surface:#292e27;--accent:#df8867}.primary{color:#251e19}.primary:hover{background:#efaa8c}}
@media(max-width:760px){header{padding-block:var(--s6)}nav{gap:var(--s4)}nav>a:first-child{display:none}.brand{font-size:1.5rem}.brand svg{width:36px}.hero{padding-top:var(--s12)}.hero-grid{grid-template-columns:1fr;gap:var(--s12)}.color-card{aspect-ratio:1.3;transform:rotate(1deg);margin-inline:var(--s2);padding:var(--s6)}.color-card p{font-size:var(--title)}.sample-top{font-size:var(--small)}.hero-bottom{margin-top:var(--s12);gap:var(--s4)}.hero-bottom>span{max-width:55%}.section-head{display:block}.section-head p{margin-top:var(--s6)}.work{padding-block:var(--s16)}.social-feature{grid-template-columns:1fr}.social-left,.social-right{padding:var(--s8)}.social-right{min-height:260px}.facebook-row{align-items:start;gap:var(--s4)}.contact{grid-template-columns:1fr;gap:var(--s8);padding-block:var(--s16)}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}.actions{gap:var(--s4)}}
