:root{--font-serif:Georgia, "Times New Roman", serif;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#fbf6f6;--bg-raised:#fff;--bg-soft:#f0eeee;--text:#090909;--muted:#5f696d;--line:#e4dddd;--line-strong:#b8b0ad;--accent:#080808;--accent-text:#fff;--shadow:0 24px 70px #14141414}:root[data-theme=dark]{--bg:#111;--bg-raised:#181818;--bg-soft:#242424;--text:#f5f2ee;--muted:#a9b0b2;--line:#2e2e2e;--line-strong:#5b5b5b;--accent:#f5f2ee;--accent-text:#101010;--shadow:0 28px 80px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{object-fit:cover}.container{width:min(1184px,100% - 64px);margin-inline:auto}.brand{font-family:var(--font-serif);font-size:1.78rem;font-weight:700;line-height:1}.site-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:80px;padding:0 32px;display:grid;position:sticky;top:0}.site-nav{align-items:center;gap:32px;font-size:1rem;display:flex}.site-nav a{color:color-mix(in srgb, var(--text) 72%, var(--muted));position:relative}.site-nav a.is-active,.site-nav a:hover{color:var(--text)}.site-nav a.is-active:after{content:"";background:var(--text);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.nav-menu-button,.nav-close-button,.drawer-brand,.nav-backdrop{display:none}.icon-button{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;display:inline-grid}.icon-button:hover{background:var(--bg-soft)}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:260px;padding:48px 32px;display:grid}.footer-links{text-underline-offset:4px;justify-content:center;align-items:center;gap:26px;font-size:.92rem;font-weight:700;text-decoration:underline;display:flex}.footer-links a{align-items:center;gap:7px;display:inline-flex}.site-footer small{color:var(--muted);justify-self:end;font-size:.86rem;font-weight:700}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:88px;width:min(1008px,100% - 64px);min-height:calc(100vh - 80px);margin-inline:auto;padding:96px 0 112px;display:grid}.overline{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:800}.centered{text-align:center}h1,h2,h3,p{overflow-wrap:anywhere}.hero h1,.blog-hero h1,.contact-inner h1,.article-wrap h1,.section-intro h2{font-family:var(--font-serif);margin:0;font-size:4.7rem;font-weight:700;line-height:.98}.hero-lede,.section-intro p,.blog-hero p,.contact-inner>div>p{max-width:610px;color:var(--muted);margin:28px 0 0;font-size:1.24rem;line-height:1.6}.action-row{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.btn{border:1px solid var(--accent);min-width:142px;min-height:46px;color:var(--text);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.78rem;font-weight:800;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.hero-photo-frame{background:var(--bg-soft);min-height:500px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.hero-photo-frame img{filter:grayscale()}.section{border-top:1px solid var(--line);padding:112px 0 120px}.section-intro{margin-bottom:96px}.section-intro p{margin-top:26px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid}.project-card{border:1px solid var(--line);background:var(--bg-raised);transition:transform .22s,box-shadow .22s,border-color .22s}.project-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-8px)}.project-media,.post-media,.article-image,.next-media,.case-hero{position:relative;overflow:hidden}.project-media{aspect-ratio:16/9;filter:grayscale()}.project-body{grid-template-rows:auto 1fr auto;min-height:240px;padding:28px 24px 24px;display:grid}.project-body h3,.post-card h2,.case-copy h2,.case-copy h3,.replies h2,.next-card h2{font-family:var(--font-serif);margin:0;font-size:1.75rem;line-height:1.18}.project-body p,.post-card p,.case-copy p,.next-card p{color:var(--muted);line-height:1.7}.card-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.pills,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.pills span,.tag-row span{background:var(--bg-soft);min-height:28px;color:var(--muted);text-transform:uppercase;align-items:center;padding:0 10px;font-size:.72rem;display:inline-flex}.center-action{justify-content:center;margin-top:80px;display:flex}.empty-state{border:1px solid var(--line);background:var(--bg-raised);color:var(--muted);grid-column:1/-1;padding:32px}.spacious{padding-bottom:140px}.marquee-section{border-top:1px solid var(--line);align-content:center;gap:54px;min-height:420px;display:grid;overflow:hidden}.marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:54px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track span{color:color-mix(in srgb, var(--text) 78%, var(--muted));white-space:nowrap;align-items:center;gap:12px;font-size:1.05rem;display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}.page-shell{padding-bottom:80px}.blog-hero{padding:150px 0 82px}.blog-hero p{max-width:520px}.filter-row{flex-wrap:wrap;gap:14px;margin-top:86px;display:flex}.filter{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:0 18px}.filter.is-selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 30px;display:grid}.post-card a{display:block}.post-media{aspect-ratio:16/9;margin-bottom:22px}.post-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:16px;font-size:.8rem;display:flex}.post-meta strong{color:var(--text);letter-spacing:.12em;text-transform:uppercase}.post-meta span:before{content:"•";margin-right:12px}.post-card small{color:var(--muted);margin-top:20px;display:block}.contact-page{min-height:calc(100vh - 80px);padding:280px 0 180px}.contact-inner{width:min(696px,100% - 64px);margin-inline:auto}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:52px;display:grid}.contact-card{border:1px solid var(--line);background:var(--bg-raised);gap:10px;min-height:142px;padding:32px;display:grid}.contact-card span,.editorial-form label span,.case-meta span,.case-sidebar span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800}.contact-card strong{font-size:1.02rem}.editorial-form{gap:32px;margin-top:66px;display:grid}.editorial-form label,.replies label{gap:8px;display:grid}input,textarea{border:0;border-bottom:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg-raised) 64%, transparent);width:100%;color:var(--text);outline:0;padding:12px 0}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--text)}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:18px;display:flex}.form-status{color:var(--muted);margin:0;font-weight:700}.admin-login{place-items:center;min-height:100vh;padding:32px;display:grid}.admin-login-card{border:1px solid var(--line);background:var(--bg-raised);width:min(100%,440px);box-shadow:var(--shadow);gap:22px;padding:38px;display:grid}.admin-login-card h1,.admin-heading h1{font-family:var(--font-serif);margin:0;font-size:3rem;line-height:1}.admin-login-card p,.admin-heading p,.admin-panel p{color:var(--muted);line-height:1.6}.admin-login-card small{color:var(--muted)}.admin-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:var(--bg-raised);grid-template-rows:auto 1fr auto;gap:32px;height:100vh;padding:32px;display:grid;position:sticky;top:0}.admin-sidebar nav{align-content:start;gap:10px;display:grid}.admin-sidebar nav a{color:var(--muted);padding:12px 0;font-weight:700}.admin-sidebar nav a:hover{color:var(--text)}.admin-main{width:min(100%,1184px);padding:48px}.admin-heading{gap:14px;margin-bottom:36px;display:grid}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.admin-stats a,.admin-panel{border:1px solid var(--line);background:var(--bg-raised)}.admin-stats a{align-content:center;gap:8px;min-height:150px;padding:28px;display:grid}.admin-stats strong{font-family:var(--font-serif);font-size:3rem;line-height:1}.admin-stats span,.admin-list span,.admin-list small{color:var(--muted)}.admin-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-panel{gap:22px;padding:28px;display:grid}.admin-panel h2{font-family:var(--font-serif);margin:0;font-size:1.9rem}.admin-form{gap:16px;display:grid}.date-range-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.date-range-field label,.file-field{color:var(--muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}.multi-image-field input[type=file]{width:100%}.selected-files{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);gap:8px;padding:12px;font-size:.85rem;font-weight:600;display:grid}.selected-files ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.selected-files li{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.selected-files li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-files button{border:1px solid var(--line);background:var(--bg-raised);width:28px;height:28px;color:var(--text);cursor:pointer;place-items:center;padding:0;display:grid}.checkbox-field{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:inline-flex}.checkbox-field input{width:auto;margin:0}.admin-edit{margin-top:8px}.admin-edit summary{cursor:pointer;color:var(--text);font-weight:800}.admin-edit form{margin-top:16px}.admin-list{gap:14px;display:grid}.admin-list article{border:1px solid var(--line);background:var(--bg);gap:8px;padding:18px;display:grid}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:36px 0;display:grid}.gallery-image{aspect-ratio:4/3;background:var(--bg-soft);border-radius:4px;position:relative;overflow:hidden}.form-footer small{color:var(--muted);letter-spacing:.18em;font-size:.76rem;font-weight:800}.article-page,.project-page{padding:48px 0 120px}.article-wrap{width:min(720px,100% - 64px);margin-inline:auto}.breadcrumb{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:10px;margin-bottom:26px;font-size:.75rem;font-weight:800;display:flex}.article-wrap h1{max-width:680px;font-size:2.75rem;line-height:1.08}.author-row{align-items:center;gap:16px;margin-top:26px;display:flex}.avatar{background:var(--bg-soft);border-radius:8px;place-items:center;width:44px;height:44px;font-size:.8rem;font-weight:800;display:inline-grid}.author-row div{gap:4px;display:grid}.author-row small{color:var(--muted)}.article-image{aspect-ratio:16/9;border-radius:4px;margin:34px 0 48px}.article-body{color:var(--muted);font-family:var(--font-serif);font-size:1.06rem;line-height:1.76}.article-body h2{color:var(--text);margin:28px 0 8px;font-size:1.2rem}pre{color:#f5f2ee;background:#2d2b2b;border-radius:4px;padding:24px;overflow-x:auto}.replies{background:var(--bg-soft);border-radius:4px;gap:18px;margin-top:72px;padding:42px 34px;display:grid}.replies button{justify-self:end}.comment{color:var(--muted);grid-template-columns:44px 1fr;gap:14px;display:grid}.comment p{margin:0;line-height:1.55}.comment strong{color:var(--text)}.back-link{color:var(--muted);margin:0 0 46px;display:inline-flex}.case-hero{color:#fff;background:#111;align-items:flex-end;min-height:484px;padding:48px;display:flex}.case-hero:after{content:"";background:linear-gradient(#0000 20%,#000000a8);position:absolute;inset:0}.case-hero h1{z-index:1;font-family:var(--font-serif);margin:0;font-size:3.75rem;line-height:1;position:relative}.case-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;padding:30px 0;display:grid}.case-meta div,.case-sidebar div{gap:10px;display:grid}.case-layout{grid-template-columns:260px minmax(0,1fr);gap:64px;padding-top:110px;display:grid}.case-sidebar{align-self:start;gap:24px;display:grid;position:sticky;top:112px}.case-sidebar div{border:1px solid var(--line);background:var(--bg-raised);padding:22px}.case-sidebar .btn{width:100%}.case-copy{max-width:760px;color:var(--muted);font-family:var(--font-serif);font-size:1.1rem;line-height:1.78}.case-copy h2{color:var(--text);font-size:2.2rem;position:relative}.case-copy h2:before{content:"";background:var(--muted);width:3px;height:36px;position:absolute;top:5px;left:-28px}.case-copy h3{color:var(--text);margin-top:58px}.case-copy blockquote{border-left:1px solid var(--line-strong);color:var(--muted);margin:48px 0;padding-left:28px;font-size:1.5rem;font-style:italic;line-height:1.45}.next-project{padding-top:110px}.next-card{border:1px solid var(--line);background:var(--bg-raised);grid-template-columns:1fr 1fr;min-height:360px;display:grid}.next-card>div:first-child{align-content:center;padding:48px;display:grid}.next-media{filter:grayscale();min-height:360px}@media (max-width:960px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.site-nav{z-index:80;border-right:1px solid var(--line);background:var(--bg-raised);width:min(340px,86vw);min-height:100dvh;box-shadow:var(--shadow);align-content:start;gap:4px;padding:92px 28px 28px;transition:transform .22s;display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.site-nav a{border-bottom:1px solid var(--line);padding:15px 0;font-size:1.05rem;font-weight:800;display:block}.site-nav a.is-active:after{display:none}.site-nav.is-open{transform:translate(0)}.nav-backdrop.is-open{z-index:70;background:#0000005c;border:0;padding:0;display:block;position:fixed;inset:0}.nav-menu-button{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;gap:4px;padding:0;display:inline-grid}.nav-menu-button:hover{background:var(--bg-soft)}.nav-menu-button span{background:var(--text);width:18px;height:2px}.nav-close-button{cursor:pointer;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:28px;right:24px}.drawer-brand{max-width:calc(100% - 112px);font-family:var(--font-serif);font-size:1.3rem;font-weight:700;line-height:1;display:block;position:absolute;top:27px;left:28px}.hero,.projects-grid,.blog-grid,.contact-cards,.case-layout,.next-card{grid-template-columns:1fr}.hero{gap:54px;padding-top:70px}.hero-photo-frame{min-height:360px}.case-sidebar{position:static}}@media (max-width:680px){.container,.contact-inner,.article-wrap,.hero{width:min(100% - 32px,1184px)}.site-header{min-height:72px;padding:0 16px}.brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.2rem;overflow:hidden}.site-footer{text-align:center;grid-template-columns:1fr}.site-footer small{justify-self:center}.footer-links{flex-wrap:wrap}.hero h1,.blog-hero h1,.contact-inner h1,.section-intro h2{font-size:3.1rem}.article-wrap h1{font-size:2.15rem}.hero-lede,.section-intro p,.blog-hero p,.contact-inner>div>p{font-size:1.05rem}.blog-hero{padding-top:96px}.contact-page{padding:110px 0 120px}.form-footer{flex-direction:column;align-items:flex-start}.case-hero{min-height:360px;padding:28px}.case-hero h1{font-size:2.6rem}.case-meta{grid-template-columns:1fr}.case-copy h2:before{display:none}.media-gallery,.admin-shell,.admin-grid,.admin-stats{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-main{padding:32px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}