@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#171715;--muted:#77766f;--paper:#f7f6f2;--white:#fff;--line:#deddd5;--accent:#a58b65;--dark:#20201d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:auto;min-height:82px;padding:18px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,246,242,.96);position:sticky;top:0;z-index:20}.brand{font-size:18px;letter-spacing:.16em;font-weight:700;display:flex;flex-direction:column;line-height:1.05}.brand span{font-weight:400;letter-spacing:.24em;font-size:12px}.brand small{font-size:8px;letter-spacing:.22em;color:var(--muted);margin-top:7px}.nav{display:flex;gap:30px}.nav a{font-size:12px;color:#5c5b55;letter-spacing:.05em;padding:8px 0}.nav a:hover,.nav a.active{color:var(--ink);border-bottom:1px solid var(--accent)}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{padding:90px 9% 95px;min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--accent);margin:0 0 22px}.hero h1,.page-hero h1{font-size:clamp(43px,6.4vw,82px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;font-weight:500}.hero h1 em,.page-hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:520px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;min-height:46px}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.secondary{border:1px solid var(--line)}.light{background:var(--paper);color:var(--ink);margin-top:24px}.micro{font-size:10px;color:#99968e;margin-top:28px;letter-spacing:.05em}.hero-art{height:390px;position:relative;background:#e9e5dc;overflow:hidden}.art-card{position:absolute;width:55%;height:68%;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 45px #0001}.art-card span{font-size:9px;letter-spacing:.18em}.art-card strong{font-size:clamp(28px,4vw,48px);line-height:.95;letter-spacing:-.04em}.art-one{background:#c8b9a2;left:8%;top:10%;transform:rotate(-7deg)}.art-two{background:#292a26;color:#f7f6f2;right:8%;bottom:8%;transform:rotate(7deg)}.art-stamp{position:absolute;top:42%;left:43%;background:var(--paper);border-radius:50%;width:76px;height:76px;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.4;letter-spacing:.1em;border:1px solid var(--accent)}.intro-strip{display:flex;justify-content:space-around;gap:18px;padding:22px 7%;background:#e9e5dc;font-size:10px;letter-spacing:.2em;flex-wrap:wrap}.section{padding:85px 9%}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.section h2{font-size:clamp(32px,4vw,50px);font-weight:500;line-height:1.12;margin:0}.body-copy{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 18px}.text-link{font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--accent);padding-bottom:8px;display:inline-block;margin-top:12px}.dark-band{background:var(--dark);color:var(--paper);text-align:center;padding:85px 20px}.dark-band h2{font-size:clamp(34px,5vw,58px)}.page-hero{padding:90px 9% 55px}.page-hero .lead{max-width:620px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px}.values article,.service-card{border-top:1px solid var(--line);padding:25px 10px 15px 0}.values span,.service-card>span{font-size:11px;color:var(--accent);letter-spacing:.1em}.values h3{font-size:23px;font-weight:500;margin:28px 0 10px}.values p,.service-card p{font-size:13px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 28px;padding-top:20px}.service-card h2{font-size:23px;margin:24px 0 10px}.tools{background:#ece9e1}.tools h2{margin-bottom:18px}.tool-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tool-tags span{border:1px solid #c9c5ba;padding:10px 14px;font-size:11px;color:#57564f}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.notice{background:#eeeae1;border-left:3px solid var(--accent);padding:16px 18px;font-size:12px;line-height:1.7;color:#5e5b54;margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.placeholder{height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;position:relative;overflow:hidden}.placeholder span{font-size:9px;letter-spacing:.18em}.placeholder b{font-size:42px;line-height:.95;letter-spacing:-.04em}.p1{background:#d7c9b6}.p2{background:#343630;color:#f7f6f2}.p3{background:#c5c2b7}.p4{background:#b6a28a}.work-meta{padding:15px 0}.work-meta h3{font-size:16px;margin:0 0 6px;font-weight:600}.work-meta p{font-size:12px;color:var(--muted);margin:0}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;padding-top:30px}.contact-layout h2{margin-bottom:18px}.contact-list{margin-top:35px}.contact-list>div,.contact-list>a{display:block;padding:18px 0;border-top:1px solid var(--line)}.contact-list small{display:block;font-size:9px;letter-spacing:.18em;color:var(--accent);margin-bottom:8px}.contact-list strong{font-size:15px;font-weight:500}.small-note{font-size:11px;color:var(--muted);margin:8px 0 0}.contact-note{background:#e9e5dc;padding:35px;align-self:start}.contact-note>span{font-size:11px;letter-spacing:.2em;color:var(--accent)}.contact-note h3{font-family:'Playfair Display',serif;font-size:34px;font-weight:500;margin:35px 0 12px}.contact-note p{font-size:13px;line-height:1.8;color:#69675f;margin-bottom:28px}footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer p{font-size:10px;color:var(--muted)}.footer-brand{font-size:15px}.footer-brand span{font-size:10px}code{font-size:11px;background:#fff;padding:2px 5px}
@media(max-width:760px){.site-header{padding:16px 6%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:15px 7% 22px;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:10px 0}.hero{padding:65px 7%;grid-template-columns:1fr;gap:45px}.hero-art{height:300px}.section{padding:65px 7%}.split,.contact-layout{grid-template-columns:1fr;gap:30px}.page-hero{padding:65px 7% 35px}.service-grid{grid-template-columns:1fr 1fr;gap:20px}.values{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.placeholder{height:260px}.cta-row{align-items:flex-start;flex-direction:column}.intro-strip{justify-content:center}.contact-note{padding:26px}footer{padding:28px 7%;flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:420px){.service-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:44px}.hero-art{height:260px}.placeholder{height:230px}}