@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Marcellus&display=swap');
:root{--font-heading:"Marcellus",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-xl:34px;--radius-lg:24px;--shadow-soft:0 24px 80px rgba(0,0,0,.10);--shadow-card:0 18px 52px rgba(0,0,0,.08)}
body[data-theme="sandstone"]{--bg:#f4efe7;--bg-2:#fffaf2;--surface:rgba(255,250,242,.76);--surface-solid:#fffaf2;--ink:#191713;--muted:#746d63;--line:rgba(25,23,19,.13);--primary:#8c6f4e;--primary-dark:#40342b;--accent:#c8a56c;--accent-2:#ded1bf;--hero-overlay:rgba(25,23,19,.33)}
body[data-theme="noir"]{--bg:#11100e;--bg-2:#1b1814;--surface:rgba(35,31,26,.78);--surface-solid:#242019;--ink:#fbf4e8;--muted:#c8b9a4;--line:rgba(251,244,232,.14);--primary:#d1a763;--primary-dark:#fbf4e8;--accent:#a8793d;--accent-2:#3a3328;--hero-overlay:rgba(0,0,0,.48)}
body[data-theme="sage"]{--bg:#eef0e8;--bg-2:#fbf8ed;--surface:rgba(251,248,237,.78);--surface-solid:#fbf8ed;--ink:#17201b;--muted:#687069;--line:rgba(23,32,27,.13);--primary:#53624d;--primary-dark:#253027;--accent:#b59b66;--accent-2:#dfe3d5;--hero-overlay:rgba(23,32,27,.32)}
body[data-theme="terracotta"]{--bg:#f3e8de;--bg-2:#fff8ef;--surface:rgba(255,248,239,.78);--surface-solid:#fff8ef;--ink:#211713;--muted:#7a655b;--line:rgba(33,23,19,.13);--primary:#a14f38;--primary-dark:#35201a;--accent:#c88b5b;--accent-2:#ead0bd;--hero-overlay:rgba(33,23,19,.31)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% -5%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 26%),radial-gradient(circle at 102% 14%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-2));font-family:var(--font-body);overflow-x:hidden;transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:100;padding:18px 28px 0}.nav-shell{width:min(1200px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(22px);border-radius:999px;box-shadow:0 14px 42px rgba(0,0,0,.07);padding:12px 14px 12px 16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-heading);font-size:20px;color:var(--bg-2);background:linear-gradient(145deg,var(--primary),var(--primary-dark));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:15px;letter-spacing:.02em}.brand-copy small{margin-top:5px;color:var(--muted);font-size:11px}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{color:var(--muted);font-size:13px;font-weight:700;padding:12px 14px;border-radius:999px;transition:.24s ease}.nav-links a:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}.nav-links .nav-cta{color:var(--bg-2);background:var(--primary-dark);padding-inline:18px}body[data-theme="noir"] .nav-links .nav-cta{color:#11100e;background:var(--primary)}.nav-links .nav-cta:hover{transform:translateY(-2px);color:var(--bg-2);background:var(--primary)}.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:50%;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink)}.theme-panel{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:99;display:grid;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);backdrop-filter:blur(20px);box-shadow:0 16px 50px rgba(0,0,0,.08)}.theme-panel p{writing-mode:vertical-rl;transform:rotate(180deg);margin:0 auto 4px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.theme-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 3px 10px rgba(0,0,0,.12)}.theme-dot.active{border-color:var(--ink)}.theme-dot[data-theme-choice="sandstone"]{background:linear-gradient(135deg,#f4efe7,#8c6f4e)}.theme-dot[data-theme-choice="noir"]{background:linear-gradient(135deg,#11100e,#d1a763)}.theme-dot[data-theme-choice="sage"]{background:linear-gradient(135deg,#eef0e8,#53624d)}.theme-dot[data-theme-choice="terracotta"]{background:linear-gradient(135deg,#f3e8de,#a14f38)}.section-pad{padding:96px 28px}.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;padding-top:76px}.hero-grid,.about-grid,.section-head,.portfolio-grid,.service-grid,.process-shell,.contact-grid,.site-footer{width:min(1200px,100%);margin:auto}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-heading);letter-spacing:-.045em;line-height:.98;font-weight:400}h1{font-size:clamp(48px,7.8vw,98px);margin-bottom:24px}h2{font-size:clamp(36px,5.4vw,72px);margin-bottom:0}h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}.hero-text,.about-content p,.section-note,.project-info p,.service-card p,.process-list p,.goal-card p,.contact-copy p{color:var(--muted);line-height:1.75}.hero-text{font-size:18px;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 38px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:1px solid transparent;border-radius:999px;padding:0 24px;cursor:pointer;font-weight:800;transition:.25s ease}.btn-primary{color:var(--bg-2);background:var(--primary-dark);box-shadow:0 16px 38px rgba(0,0,0,.15)}body[data-theme="noir"] .btn-primary{color:#11100e;background:var(--primary)}.btn-primary:hover{transform:translateY(-3px);background:var(--primary);color:var(--bg-2)}.btn-secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.btn-secondary:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--accent) 15%,transparent)}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:640px}.studio-stats div{border-top:1px solid var(--line);padding-top:16px}.studio-stats strong{display:block;font-family:var(--font-heading);font-size:36px;line-height:1}.studio-stats span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.hero-gallery{position:relative;display:grid;grid-template-columns:1.1fr .7fr;gap:16px;min-height:620px}.hero-gallery figure{margin:0;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow-soft)}.hero-gallery img{width:100%;height:100%;object-fit:cover}.hero-main-image{min-height:620px}.hero-small-grid{display:grid;gap:16px;padding-top:76px;padding-bottom:76px}.hero-badge{position:absolute;left:38px;bottom:38px;width:min(330px,80%);border:1px solid rgba(255,255,255,.22);border-radius:24px;background:color-mix(in srgb,var(--primary-dark) 72%,transparent);color:var(--bg-2);backdrop-filter:blur(18px);padding:18px 20px;box-shadow:0 18px 46px rgba(0,0,0,.18)}.hero-badge span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:color-mix(in srgb,var(--bg-2) 68%,transparent);font-weight:800;margin-bottom:8px}.hero-badge strong{font-family:var(--font-heading);font-size:30px;font-weight:400}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:start}.section-title,.section-title-left{max-width:850px}.section-title{text-align:center;margin:0 auto 44px}.about-content{padding:42px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card)}.about-content p:last-child{margin-bottom:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-head>div{max-width:780px}.section-note{max-width:350px;font-size:14px}.filter-bar{width:min(1200px,100%);margin:0 auto 28px;display:flex;gap:10px;overflow:auto;padding-bottom:4px}.filter-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:11px 16px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.24s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-dark);color:var(--bg-2)}body[data-theme="noir"] .filter-btn.active,body[data-theme="noir"] .filter-btn:hover{background:var(--primary);color:#11100e}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease,opacity .2s ease}.project-card:hover{transform:translateY(-7px);box-shadow:0 26px 76px rgba(0,0,0,.13)}.project-card.hide{display:none}.project-image{position:relative;height:270px;margin:0;overflow:hidden;background:var(--accent-2)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--hero-overlay));pointer-events:none}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.045)}.project-info{padding:22px 22px 24px}.project-info span{display:block;margin-bottom:10px;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.project-info p{margin:0;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:300px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:.28s ease}.service-card:hover{transform:translateY(-6px)}.service-card span{display:block;margin-bottom:auto;font-family:var(--font-heading);font-size:48px;color:color-mix(in srgb,var(--primary) 38%,transparent)}.process-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:start;padding:52px;border:1px solid var(--line);border-radius:calc(var(--radius-xl) + 12px);background:var(--surface);box-shadow:var(--shadow-soft)}.process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.process-list article{border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;background:color-mix(in srgb,var(--surface-solid) 70%,transparent)}.process-list span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:32px;border-radius:50%;color:var(--bg-2);background:var(--primary);font-weight:800}.goal{padding-top:30px;padding-bottom:30px}.goal-card{width:min(1040px,100%);margin:auto;text-align:center;padding:56px;border-radius:calc(var(--radius-xl) + 10px);color:var(--bg-2);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-dark) 94%,transparent),color-mix(in srgb,var(--primary) 72%,transparent)),radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 28%);box-shadow:var(--shadow-soft)}body[data-theme="noir"] .goal-card{color:#11100e;background:linear-gradient(135deg,#d1a763,#8a6332),radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 28%)}.goal-card .eyebrow{color:color-mix(in srgb,var(--bg-2) 80%,transparent)}body[data-theme="noir"] .goal-card .eyebrow{color:#31200f}.goal-card p{max-width:760px;margin:22px auto 0;color:color-mix(in srgb,var(--bg-2) 76%,transparent);font-size:17px}body[data-theme="noir"] .goal-card p{color:#3d2b18}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.contact-copy h2{margin-bottom:22px}.contact-details{display:grid;gap:0;margin-top:28px}.contact-details a,.contact-details span{display:block;border-bottom:1px solid var(--line);padding:17px 0;color:var(--ink);font-weight:800}.contact-form{display:grid;gap:18px;padding:34px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card)}.contact-form label{display:grid;gap:9px;color:var(--muted);font-size:13px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);color:var(--ink);outline:none;padding:15px 16px;transition:.2s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}.form-note{margin:0;color:var(--muted);font-size:13px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:34px 28px}.site-footer p{margin:6px 0 0;color:var(--muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13px;font-weight:800}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}@media(max-width:1120px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.nav-toggle{display:block}.nav-links{position:absolute;top:78px;left:28px;right:28px;display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);transform:translateY(-14px);opacity:0;pointer-events:none;transition:.25s ease}.nav-links.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links a{padding:14px 16px}.hero-grid,.about-grid,.process-shell,.contact-grid{grid-template-columns:1fr}.hero-gallery{min-height:560px}.hero-main-image{min-height:560px}.section-head{display:block}.section-note{max-width:100%;margin-top:18px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{padding:12px 14px 0}.nav-shell{border-radius:28px}.brand-copy small{display:none}.theme-panel{right:12px;top:auto;bottom:16px;transform:none;grid-auto-flow:column;grid-template-columns:auto repeat(4,24px);border-radius:999px}.theme-panel p{writing-mode:horizontal-tb;transform:none;margin:auto 4px auto 0}.section-pad{padding:72px 18px}.hero{padding-top:54px}h1{font-size:46px}.hero-text{font-size:16px}.studio-stats,.hero-gallery,.portfolio-grid,.service-grid,.process-list{grid-template-columns:1fr}.hero-gallery{min-height:auto}.hero-main-image{min-height:380px}.hero-small-grid{grid-template-columns:repeat(2,1fr);padding:0}.hero-small-grid figure{min-height:180px}.hero-badge{position:relative;left:auto;bottom:auto;width:100%;margin-top:-86px;margin-left:18px}.about-content,.process-shell,.goal-card,.contact-form{padding:30px}.site-footer{display:grid}}