/* V1 layout and type scales are retained; these are interaction and compact-footer additions. */
html{scroll-padding-top:100px}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:1px solid currentColor;outline-offset:5px}.languages{display:flex;gap:8px;align-items:center;padding-left:16px;border-left:1px solid #ffffff26;font:10px Arial,sans-serif;letter-spacing:.1em;color:#aaa}.languages button{min-height:32px}.languages button[aria-pressed=true]{color:#fff}.mobile-toggle{display:none}.showcase-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded8;padding-bottom:16px}#architecture-panel.is-open,.group\/nav:focus-within #architecture-panel{opacity:1;pointer-events:auto}#architecture-panel.is-dismissed{opacity:0!important;pointer-events:none!important}.minimal-footer{min-height:76px;padding:22px 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #deded8;color:#5a5a54;background:#f9f9f9;font:10px Comfortaa,Arial,sans-serif;white-space:nowrap}.social-nav,.policy-nav{display:flex;align-items:center;gap:22px}.social-nav{gap:16px}.social-nav button{display:grid;place-items:center;width:24px;height:28px}.social-nav svg{height:13px;width:13px}.policy-nav button{padding:8px 0}.minimal-footer button:hover{color:#000}.policy-nav button:hover{text-decoration:underline;text-underline-offset:4px}#info-dialog{border:1px solid #ddd;background:#f9f9f9;padding:42px 32px 32px;width:min(460px,90vw);max-height:85svh;color:#222;font:12px/1.7 Comfortaa,Arial,sans-serif}#info-dialog::backdrop{background:#15151580;backdrop-filter:blur(3px)}#info-dialog h2{font:500 16px/1.4 Comfortaa,Arial,sans-serif;margin:0 0 14px}#info-dialog p{margin:8px 0}#info-dialog img{display:block;width:100%;max-height:42svh;object-fit:contain;margin-bottom:20px}#close-dialog{position:absolute;right:15px;top:9px;font:24px Arial,sans-serif}.dialog-link{display:inline-block;margin-top:12px;text-decoration:underline}.project-card[hidden]{display:none!important}body.dialog-open{overflow:hidden}@media(max-width:1100px) and (min-width:1024px){header nav{gap:20px!important}}@media(max-width:1023px){.mobile-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;color:#fff}.mobile-toggle span{display:block;width:21px;height:1px;background:currentColor}#main-nav.mobile-open{display:flex;position:absolute;left:0;top:80px;width:100%;max-height:calc(100svh - 80px);overflow:auto;background:#171614;flex-direction:column;align-items:stretch;gap:0;padding:12px 2rem 20px}#main-nav>a{padding:15px 0}#main-nav .group\/nav{padding:15px 0}#architecture-panel{display:none;position:static!important;opacity:1!important;pointer-events:auto!important;margin-top:20px;border:0;box-shadow:none}#architecture-panel.is-open{display:block}#architecture-panel>div{padding:0!important}#architecture-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#architecture-panel .col-span-3{grid-column:span 1}#architecture-panel .col-span-3:first-child{grid-column:1/-1;border-right:0}.languages{border-left:0;border-top:1px solid #ffffff20;padding:12px 0 0;margin-top:10px;justify-content:flex-start}.minimal-footer{padding-left:2rem;padding-right:2rem;gap:20px}.social-nav,.policy-nav{gap:12px}}@media(max-width:700px){.minimal-footer{padding:18px 1.25rem;overflow-x:auto;justify-content:flex-start;gap:25px;min-height:64px;font-size:9px}.minimal-footer>*{flex-shrink:0}.hero-caption{gap:14px!important}.hero-caption h1{font-size:10px;line-height:1.6;max-width:60%}.hero-caption>a{font-size:9px;white-space:nowrap;padding:8px!important}.hero-caption>a .material-symbols-outlined{display:none}header .h-20>a{gap:10px}header .h-20>a img:first-child{height:24px}header .h-20>a img:last-child{height:14px}#main-nav.mobile-open{padding-left:1.25rem;padding-right:1.25rem}#architecture-panel .col-span-3:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Two frame formats, original four-column widths and gutters. */
.curated-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4rem;row-gap:4rem;align-items:center}.curated-card{min-width:0;align-self:center}.curated-frame{width:100%;isolation:isolate}.curated-card.portrait .curated-frame{aspect-ratio:3/4}.curated-card.landscape .curated-frame{aspect-ratio:16/10}.curated-frame img{display:block;width:100%;height:100%;object-fit:cover}.curated-card h4{margin:0;overflow-wrap:break-word}.curated-card:focus-visible{outline:1px solid #777;outline-offset:8px}.curated-card:focus-visible .curated-frame img{transform:scale(1.025)}@media(min-width:1536px){.curated-grid{column-gap:4rem}}@media(max-width:1023px){.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.curated-card{align-self:center}}@media(max-width:639px){.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem;row-gap:2rem}.curated-card .pt-4{padding-top:10px}}@media(max-width:359px){.curated-grid{column-gap:1rem}}

/* Compact four-column project selection: one portrait and two landscapes per column. */
.project-showcase{padding:0 3.5rem 3rem}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem;align-items:start}.project-column{display:flex;flex-direction:column;gap:3.5rem}.project-card{min-width:0;cursor:pointer}.project-image{width:100%;overflow:hidden;background:#eee;border-radius:2px}.project-image.portrait{aspect-ratio:3/4}.project-image.landscape{aspect-ratio:4/3}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.025)}.project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:13px}.project-caption h4{font:500 11px/1.6 Comfortaa,Arial,sans-serif;letter-spacing:.025em;margin:0}.project-caption>span{font:400 10px/1.6 Comfortaa,Arial,sans-serif;color:#777;flex-shrink:0}.project-card:hover h4{color:#605e5b}
@media(max-width:1023px){.project-showcase{padding:0 2rem 3rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.project-column{gap:2.5rem}}
@media(max-width:639px){.project-showcase{padding:0 1.25rem 2.5rem}.project-grid{gap:1.25rem}.project-column{gap:1.75rem}.project-caption{display:block;padding-top:10px}.project-caption h4{font-size:10px;line-height:1.65}.project-caption>span{display:block;font-size:9px;margin-top:3px}}
/* Balanced header and project-category previews. Logo backgrounds blend out without redrawing the marks. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(23,22,20,.94);backdrop-filter:blur(18px);color:#f7f7f7;border-bottom:1px solid #ffffff14}.header-inner{height:72px;padding:0 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:32px}.studio-brand{display:flex;align-items:center;gap:16px;flex:none;mix-blend-mode:screen}.brand-icon,.brand-wordmark{position:relative;overflow:hidden;display:block;flex:none}.brand-icon{width:28px;height:28px}.brand-icon img{position:absolute;max-width:none;width:65px;height:auto;left:-17.3px;top:-15.5px;filter:invert(1);mix-blend-mode:screen}.brand-wordmark{width:172px;height:16px}.brand-wordmark img{position:absolute;max-width:none;width:188px;height:auto;left:-7.5px;top:-11.8px;filter:invert(1);mix-blend-mode:screen}.site-header #main-nav{display:flex;align-items:center;gap:30px}.site-header .nav-link{display:flex;align-items:center;gap:8px;padding:26px 0;color:#ffffffb8;font:500 11px/20px Arial,sans-serif;letter-spacing:.16em;white-space:nowrap;transition:color .2s}.site-header .nav-link:hover,.site-header .nav-link:focus-visible,.works-toggle[aria-expanded=true]{color:#fff}.works-toggle svg{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .2s}.works-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.site-header .languages{font-size:10px;gap:7px;padding-left:22px}.site-header .languages button{min-height:36px}.site-header .mobile-toggle{display:none}#works-panel{position:absolute;top:100%;left:0;width:100%;background:rgba(23,22,20,.98);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff20;box-shadow:0 18px 25px #00000012}#works-panel[hidden],.category-preview[hidden]{display:none!important}.works-inner{max-width:1720px;margin:0 auto;padding:30px 3.5rem 34px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px}.work-categories{display:flex;flex-direction:column;align-items:stretch;border-right:1px solid #ffffff16;padding-right:28px;gap:2px}.work-categories a{padding:9px 0;color:#ffffff70;font:400 11px/16px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:color .18s}.work-categories a[aria-current=true],.work-categories a:hover,.work-categories a:focus-visible{color:#fff}.work-categories a:first-child{margin-bottom:10px}.category-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1000px}.work-thumb{display:block;align-self:start;text-align:left;min-width:0;color:inherit}.thumb-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#222}.thumb-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s;opacity:.88}.work-thumb:hover img,.work-thumb:focus-visible img{transform:scale(1.035);opacity:1}.thumb-caption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;font:400 10px/1.6 Arial,sans-serif;letter-spacing:.07em}.thumb-caption>span:last-child{color:#ffffff60;flex:none}.project-grid.is-filtered{align-items:start}.gallery-filter-reset{font:inherit;letter-spacing:inherit;text-transform:uppercase;border-bottom:1px solid currentColor;padding:3px 0;margin-left:auto;margin-right:24px}.gallery-filter-reset[hidden]{display:none}.showcase-heading{gap:20px}html{scroll-padding-top:96px}
@media(min-width:1600px){.works-inner{grid-template-columns:230px minmax(0,1fr);gap:64px}}
@media(max-width:1100px){.header-inner{padding:0 2rem}.site-header #main-nav{gap:22px}.site-header .languages{padding-left:16px}.works-inner{padding-left:2rem;padding-right:2rem;gap:32px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:900px){.header-inner{height:64px}.brand-icon{transform:scale(.93);transform-origin:left center}.studio-brand{gap:12px}.brand-wordmark{transform:scale(.92);transform-origin:left center;margin-right:-14px}.site-header .mobile-toggle{display:flex}.site-header #main-nav{display:none}.site-header #main-nav.mobile-open{display:flex;position:absolute;top:64px;left:0;width:100%;max-height:calc(100svh - 64px);overflow-y:auto;padding:15px 2rem 24px;background:#171614;flex-direction:column;align-items:stretch;gap:0}.site-header #main-nav .nav-link{padding:14px 0;width:100%}.site-header .languages{border-left:0;border-top:1px solid #ffffff20;justify-content:flex-start;padding:12px 0 0;margin-top:12px}#works-panel{position:static;box-shadow:none;background:transparent;border-bottom:0}.works-inner{padding:12px 0 20px;display:block}.work-categories{flex-direction:row;gap:6px 18px;flex-wrap:wrap;border:0;padding:0 0 18px}.work-categories a{font-size:10px;padding:6px 0}.work-categories a:first-child{margin:0}.category-preview{gap:16px}.thumb-caption{font-size:9px;display:block}.thumb-caption>span:last-child{display:block;margin-top:3px}}
@media(max-width:600px){.header-inner{padding:0 1.25rem}.site-header #main-nav.mobile-open{padding-left:1.25rem;padding-right:1.25rem}.category-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.category-preview .work-thumb:nth-child(3){display:none}.showcase-heading{gap:12px;flex-wrap:wrap}.gallery-filter-reset{margin-right:0}.brand-wordmark{transform:scale(.84);margin-right:-27px}.studio-brand{gap:9px}}
a.project-card{display:block;color:inherit;text-decoration:none}