:root{--paper:#f7f5ef;--ink:#252d27;--muted:#666c62;--copper:#a94e32;--line:#d7d9cf;--green:#e5e8dc;--white:#fffef9;--radius:4px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--copper);outline-offset:5px}::selection{background:#e5bfa8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1{overflow-wrap:anywhere;font-size:clamp(2.8rem,5.5vw,5.6rem);line-height:1.04;letter-spacing:-.065em;margin-bottom:28px}h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.12;letter-spacing:-.045em}h3{font-size:1.5rem;letter-spacing:-.03em}p{line-height:1.7}main{max-width:1440px;margin:auto}em{font-family:Georgia,serif;color:var(--copper);font-weight:400}.preview-bar{text-align:center;background:#e6e7df;color:#53594d;padding:8px 20px;font-size:.72rem;letter-spacing:.025em}.site-header{max-width:1440px;margin:auto;padding:32px 5.55%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;font-size:1.6rem;font-weight:800;letter-spacing:-.085em;white-space:nowrap}.brand span{font-weight:400}.brand b{color:var(--copper);font-size:2rem}nav{display:flex;gap:34px;align-items:center}nav a{text-decoration:none;font-size:.88rem;padding:10px 0}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--copper)}.nav-contact{border:1px solid var(--line);padding:12px 18px;display:flex;gap:25px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:5%;padding:58px 5.55% 76px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700;margin-bottom:26px;line-height:1.6}.hero h1{font-size:clamp(3.2rem,5.75vw,5.8rem)}.lead{font-size:1.12rem;max-width:620px;line-height:1.7;color:var(--muted)}.hero .lead{max-width:460px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding:15px 20px;background:var(--ink);color:white;border:1px solid var(--ink);text-decoration:none;border-radius:var(--radius);font-size:.84rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#3c493d;transform:translateY(-2px)}.button span{font-size:1.2rem;line-height:1}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:hover{background:var(--green)}.button:disabled{opacity:.6;cursor:wait;transform:none}.hero-footnote{font-size:.73rem;color:var(--muted);margin:34px 0 0}.studio{position:relative;aspect-ratio:1/1.06;background:#e5e7dc;border-radius:100px 4px 4px 4px;overflow:hidden;isolation:isolate}.studio-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd0c355 1px,transparent 1px),linear-gradient(90deg,#cbd0c355 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(145deg,black,transparent 90%)}.studio-caption{position:absolute;top:8%;left:12%;font-size:.56rem;letter-spacing:.17em;color:#5a6254}.orbit{position:absolute;border:1px solid #c5cbbb;border-radius:50%;width:400px;height:400px;right:-160px;bottom:-160px}.orbit-two{width:500px;height:500px;right:-210px;bottom:-210px}.browser-art{position:absolute;top:24%;left:9%;width:77%;background:var(--white);border:1px solid #c5cbbb;border-radius:7px;box-shadow:10px 22px 40px #414c341b;transform:rotate(-6deg);overflow:hidden}.art-toolbar{height:26px;display:flex;align-items:center;gap:4px;padding:0 11px;border-bottom:1px solid #e9e9df}.art-toolbar i{width:4px;height:4px;background:#b5b9aa;border-radius:50%}.art-toolbar span{font-size:6px;margin-left:55px;color:#777e70}.art-content{padding:28px 28px 35px}.art-kicker{display:block;font-size:.43rem;letter-spacing:.15em;color:#6c7465;margin-bottom:16px}.art-content strong{font-size:clamp(1.3rem,2.45vw,2.5rem);font-weight:500;line-height:1.04;letter-spacing:-.05em}.art-content strong span{color:var(--copper)}.art-line{height:3px;width:70%;background:#dedfd5;margin:18px 0}.art-pill{height:17px;width:65px;background:var(--copper);border-radius:2px}.phone-art{position:absolute;right:8%;bottom:13%;width:28%;aspect-ratio:.53;background:#2c372c;border:5px solid #283026;border-radius:24px;box-shadow:10px 16px 24px #323b332d;transform:rotate(10deg);padding:22px 10px}.phone-notch{height:4px;width:35%;background:#171d16;border-radius:10px;position:absolute;top:6px;left:32%}.phone-symbol{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4rem);color:#e5e8dc;line-height:1}.phone-symbol span{color:#d49b78}.phone-line{height:3px;background:#64705e;margin-top:15px;width:75%}.phone-line.short{margin-top:6px;width:50%}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.phone-tiles i{aspect-ratio:1;background:#46523e;border-radius:3px}.phone-tiles i:first-child{background:#bb7c58}.floating-label{position:absolute;left:7%;bottom:12%;padding:12px 18px;background:var(--white);font-size:.64rem;box-shadow:0 5px 20px #323b3310;transform:rotate(-3deg)}.floating-label span{color:var(--copper);margin-right:9px}.art-note{position:absolute;bottom:4%;left:8%;font-size:.55rem;color:#606857}.section{padding:64px 5.55% 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.service-row{display:grid;grid-template-columns:26px 1fr 20px;gap:18px;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none}.service-row:first-child{padding-top:0}.service-row h3{margin-bottom:12px}.service-row p{font-size:.9rem;color:var(--muted);margin-bottom:0;max-width:440px}.service-row>span:last-child{font-size:1.4rem}.number{font-size:.64rem;color:var(--copper);padding-top:7px}.service-row:hover h3{color:var(--copper)}.project-teaser{margin:0 5.55%;padding:50px;background:var(--green);position:relative;overflow:hidden}.project-teaser:after{content:'h.';position:absolute;right:8%;bottom:-55px;font-size:240px;font-family:Georgia,serif;line-height:1;color:#cdd3c1;pointer-events:none}.project-teaser h2,.project-teaser p,.project-teaser a{position:relative;z-index:1}.project-teaser p{max-width:420px}.cta{padding:100px 5.55%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin-bottom:0}footer{margin:auto;max-width:1440px;border-top:1px solid var(--line);padding:40px 5.55% 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}footer p{font-size:.85rem;color:var(--muted)}footer>div{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:.8rem}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer small{grid-column:1/-1;font-size:.7rem;color:var(--muted);margin-top:30px}.page-heading{padding:64px 5.55% 60px;max-width:1000px}.page-heading h1{font-size:clamp(2.7rem,5.5vw,5rem)}.service-details{padding:0 5.55%}.service-detail{padding:54px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.service-index{font-size:.8rem;color:var(--copper)}.service-detail h2{max-width:600px}.service-detail h3{font-size:1.1rem;margin-top:32px}.service-detail p{max-width:620px}.service-detail .button{margin-top:10px}.project-grid{padding:0 5.55%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.empty-state{grid-column:1/-1;background:var(--green);padding:48px;max-width:100%}.empty-state h2{font-size:2rem}.empty-state p{max-width:560px;color:var(--muted);margin-bottom:0}.empty-mark{display:block;font-size:2.2rem;margin-bottom:28px;color:var(--copper)}.project-card{border:1px solid var(--line);padding:32px;margin:0}.project-card h2{font-size:2rem}.project-card blockquote{margin:0 0 24px;font-family:Georgia,serif;font-size:1.4rem;line-height:1.6}.contact-layout{padding:0 5.55% 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.contact-layout aside{padding-top:22px}.contact-layout aside h2{font-size:2rem}.contact-layout aside p{color:var(--muted)}.text-link{font-size:.85rem;text-underline-offset:5px;display:inline-block;margin-top:20px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}.field label{font-size:.85rem}.field label span{color:var(--muted)}input,textarea,select{width:100%;min-width:0;border:1px solid #9a9f91;background:var(--white);padding:13px;border-radius:var(--radius);color:var(--ink)}textarea{resize:vertical;min-height:150px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#9b3526}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:.78rem;color:var(--muted)}.error{font-size:.8rem;color:#9b3526}.error:empty{display:none}.notice{padding:18px 20px;border-left:3px solid var(--copper);background:#eee4d8;font-size:.85rem;line-height:1.6;margin-bottom:28px}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{font-size:.9rem;margin-top:18px}.legal{padding:0 5.55% 100px;min-height:240px}.preserve{white-space:pre-wrap;max-width:800px;line-height:1.8;overflow-wrap:anywhere}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:20px}
@media(min-width:1500px){.hero h1{font-size:5.8rem}}@media(max-width:1000px){nav{gap:20px}.site-header{padding-block:24px}.hero{gap:4%;padding-top:40px}.hero h1{font-size:clamp(2.8rem,5.8vw,4rem)}.hero .lead{font-size:1rem}.actions{gap:10px}.actions .button{gap:18px}.studio{aspect-ratio:.8}.browser-art{top:26%;width:83%;left:5%}.art-content{padding:22px}.phone-art{width:31%;bottom:17%}.floating-label{bottom:10%}.section{gap:5%;grid-template-columns:.85fr 1.15fr}.service-row{gap:12px}.contact-layout{gap:6%}footer>div{gap:16px}}@media(max-width:740px){.preview-bar{font-size:.63rem}.site-header{position:relative;flex-wrap:wrap;padding:20px 6%}.brand{font-size:1.5rem}.menu-toggle{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:10px 14px;background:transparent;color:var(--ink);border-radius:3px}.menu-toggle span{font-size:1.1rem}nav{display:flex;flex-basis:100%;flex-wrap:wrap;gap:10px 24px;padding-top:10px}body.js nav:not(.is-open){display:none}nav a{font-size:.9rem}.nav-contact{margin-left:auto}.hero{grid-template-columns:1fr;padding:34px 6% 46px;gap:36px}.hero h1{font-size:clamp(2.6rem,9.5vw,4.6rem);letter-spacing:-.06em}.hero .lead{max-width:450px;font-size:1.08rem}.eyebrow{font-size:.64rem;margin-bottom:22px}.hero-footnote{margin-top:24px}.studio{aspect-ratio:1.2;border-top-left-radius:70px;max-width:570px;width:100%}.studio-caption{top:10%;left:11%}.browser-art{width:72%;left:9%;top:23%}.art-content{padding:20px 24px 25px}.art-content strong{font-size:clamp(1.5rem,5.4vw,2.7rem)}.art-kicker{margin-bottom:10px}.phone-art{width:23%;right:9%;bottom:11%;border-radius:20px;padding-top:20px}.phone-symbol{font-size:clamp(2.3rem,9vw,3.5rem)}.phone-line{margin-top:10px}.phone-tiles{margin-top:12px;gap:4px}.floating-label{left:7%;bottom:10%;padding:10px 12px;font-size:.59rem}.art-note{bottom:3%}.section{padding:44px 6% 50px;grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:2.5rem}.service-row{padding:24px 0;grid-template-columns:24px 1fr 20px;gap:12px}.service-row h3{font-size:1.35rem}.project-teaser{margin:0 6%;padding:32px 26px}.project-teaser:after{right:-25px;font-size:190px;opacity:.5}.project-teaser p{max-width:300px}.cta{padding:60px 6%;align-items:flex-start;flex-direction:column;gap:24px}.cta h2{font-size:2.5rem}footer{padding:30px 6% 24px;grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1;justify-content:flex-start}footer small{margin-top:15px}.page-heading{padding:38px 6% 35px}.page-heading h1{font-size:clamp(2.6rem,8.5vw,4rem)}.service-details{padding:0 6%}.service-detail{grid-template-columns:1fr;gap:22px;padding:32px 0}.service-detail h2{font-size:2.3rem}.project-grid{padding:0 6%;grid-template-columns:1fr}.empty-state{padding:30px}.contact-layout{padding:0 6% 60px;grid-template-columns:1fr;gap:24px}.contact-layout aside{padding:0}.contact-layout aside h2{font-size:1.8rem}.form-grid{grid-template-columns:1fr;gap:0}.legal{padding:0 6% 60px}.lead{font-size:1.02rem}.text-link{margin-top:4px}.button{min-height:48px}.project-card{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.email-contact{background:var(--green);padding:40px;border-radius:4px;min-width:0}.email-contact h2{font-size:2.2rem}.email-address{font-size:clamp(1rem,2.3vw,1.5rem);text-underline-offset:6px;overflow-wrap:anywhere}.email-contact .form-note{margin:24px 0 0}@media(max-width:740px){.email-contact{padding:28px}}