:root{--brand:#7bb5a8}
.theme-dark{display:none!important}[data-theme=dark] .theme-light{display:none!important}[data-theme=dark] .theme-dark{display:block!important}
.brand{width:190px}.brand img{filter:none!important;width:100%;height:auto}.hero h1,.hero h1 .orange{color:var(--brand)}
nav a:before,nav a[aria-current=page]:after{background:var(--brand)}nav a:before{height:3px}
::selection{background:var(--brand);color:#062223}
.art-star{width:112px;height:98px;color:var(--brand);transform:rotate(10deg)}.art-star img,.statement-symbol img,.closing-symbol img{width:100%;height:100%;object-fit:contain}
.partner-brand{display:block;margin:12px 0 30px}.partner-logo{width:min(100%,390px);height:122px;object-fit:contain;object-position:left center}
.atlas-logo{margin:12px 0 30px}[data-theme=dark] .atlas-logo{filter:invert(86%) sepia(18%) saturate(311%) hue-rotate(126deg)}
.atlas-entry>.atlas-logo{width:min(65%,600px);height:auto}.asombro-visit{margin-top:40px}#asombro .partner-logo{width:420px;height:auto;margin-bottom:34px}
.clients-marquee{padding:28px 0 38px;overflow:hidden}.marquee-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.marquee-heading .eyebrow{margin:0}.marquee-heading button{width:34px;height:34px;min-width:34px;font-size:12px}
.marquee-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.marquee-track{display:flex;width:max-content;animation:client-scroll 85s linear infinite}.marquee-group{display:flex;flex:none;align-items:center}.marquee-group>span{display:flex;align-items:center;white-space:nowrap;font:600 clamp(22px,2.5vw,36px)/1.2 var(--display);letter-spacing:-.04em}.marquee-group i{font-style:normal;color:var(--brand);font:24px Arial;padding:0 36px}
.clients-marquee.is-paused .marquee-track{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}
.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.related>.eyebrow{grid-column:1/-1;margin-bottom:4px}.related>a.related-card{display:block;border:0;padding:0;min-width:0}.related-card .related-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface);margin-bottom:18px}.related-card img{width:100%;height:100%;object-fit:contain;transition:transform 450ms var(--ease)}.related-card:hover img{transform:scale(1.035)}.related-card .related-client{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.related-card h3{font-size:clamp(20px,2vw,28px);line-height:1.18}.related-card .related-discipline{display:block;font-size:11px;margin-top:12px;color:var(--muted)}
.idea-photo{height:auto;aspect-ratio:4/3;background:var(--surface)}.idea-photo img{width:100%;height:100%;object-fit:contain;transition:transform 500ms var(--ease)}.idea-link:hover .idea-photo img{transform:scale(1.035)}
.article-cover{margin:42px 0 0}.article-cover img{width:100%;max-height:620px;height:auto;object-fit:contain;background:var(--surface)}.article-cover figcaption,.article-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.article-figure{margin:34px 0 42px}.article-figure img{width:100%;height:auto;max-height:900px;object-fit:contain}.article-figure:last-child{margin-bottom:0}.image-editor-open{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:12px;align-self:start;border-radius:0;color:var(--ink);cursor:pointer}.image-load-status{font-size:12px}
#blog-image-editor{width:min(820px,94vw)}#blog-image-editor h2{font-size:26px;letter-spacing:-.04em}.image-editor-body{padding:32px}.image-editor-body>p{font-size:15px;margin-bottom:28px}.image-editor-body form{gap:18px}.image-editor-body select{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%}.editor-status{font-size:14px!important;margin:24px 0!important}.editor-image-list{display:grid;gap:28px}.editor-image-item{display:grid;grid-template-columns:110px 1fr;gap:22px;padding-top:24px;border-top:1px solid var(--line)}.editor-image-item img{width:110px;height:110px;object-fit:contain}.editor-image-item label{font-size:12px;margin-bottom:12px}.editor-image-actions{display:flex;gap:10px;flex-wrap:wrap}.editor-image-actions button{font-size:12px;padding:8px 14px;min-height:40px}.editor-empty{font-size:14px}
@media(max-width:700px){.brand{width:160px}.art-star{width:72px;height:65px}.related{grid-template-columns:1fr 1fr;gap:26px 18px}.related>a:last-child:nth-child(4){grid-column:1/-1;max-width:60%}.related-card h3{font-size:22px}.partner-logo{height:105px}.atlas-entry>.atlas-logo{width:100%;max-width:420px}.marquee-group i{padding:0 24px}.image-editor-body{padding:24px}.editor-image-item{grid-template-columns:1fr}.editor-image-item img{width:160px;height:140px}}
@media(max-width:420px){.related{grid-template-columns:1fr}.related>a:last-child:nth-child(4){max-width:none;grid-column:auto}}
@media(max-width:360px){header{gap:6px}.brand{width:126px}.menu-button{font-size:12px;padding:10px 5px}.theme{width:34px;height:34px}.hero h1{font-size:clamp(42px,13.8vw,50px)}.intent{padding-left:8px}.hero-copy .lead{font-size:17px}.hero-art{height:285px}.hero-controls{flex-wrap:wrap}.hero-controls>div{margin-left:auto}}
.next-project{display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:center;margin-top:70px;padding:36px 0;border-top:1px solid var(--line)}.next-project .eyebrow{margin-bottom:20px}.next-project h2{font-size:clamp(30px,4vw,56px);line-height:1.08}.next-project .next-thumb{overflow:hidden;aspect-ratio:4/3;background:var(--surface)}.next-project img{width:100%;height:100%;object-fit:contain;transition:transform 500ms var(--ease)}.next-project:hover img{transform:scale(1.04)}.next-project .next-arrow{display:inline-block;color:var(--brand);transition:transform 300ms var(--ease)}.next-project:hover .next-arrow{transform:translateX(8px)}
@media(min-width:900px){.portfolio-controls{position:sticky;top:0;z-index:4;background:var(--bg);padding:20px 0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.next-project{grid-template-columns:1fr 95px;gap:18px}.next-project h2{font-size:28px}.next-project .eyebrow{font-size:9px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-window{overflow-x:auto;mask-image:none}.marquee-group[aria-hidden=true]{display:none}.related-card:hover img,.idea-link:hover .idea-photo img{transform:none}}
.project-video{max-width:600px;width:100%;margin:auto}.project-video video{display:block;width:100%;max-height:80vh;background:#101715}.project-composition.count-1>.media-block:not(.project-video){max-width:960px;width:100%;margin:auto}.project-composition.count-1>.media-block:not(.project-video) img{max-height:800px}
.next-project:focus-visible .next-arrow{transform:translateX(8px)}
@media(prefers-reduced-motion:reduce){.next-project img,.next-project .next-arrow{transition:none}.next-project:hover img,.next-project:hover .next-arrow{transform:none}}

/* A persistent glass navigation bar; the wordmark remains crisp above the blur. */
body>header{position:sticky;top:0;z-index:50;isolation:isolate;max-width:none;width:100%;min-height:88px;padding:18px max(var(--space),calc((100% - 1568px)/2 + var(--space)));background:rgba(245,243,235,.66);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.66);box-shadow:0 12px 35px -27px rgba(14,38,32,.46),inset 0 1px 0 rgba(255,255,255,.8)}
body>header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 32%,rgba(255,255,255,.1) 70%,transparent),linear-gradient(180deg,rgba(255,255,255,.15),transparent 65%)}
body>header .brand{width:170px}body>header .brand img{width:100%;height:auto}
[data-theme=dark] body>header{background:rgba(12,32,32,.7);border-bottom-color:rgba(190,229,219,.17);box-shadow:0 12px 35px -27px rgba(0,0,0,.7),inset 0 1px 0 rgba(224,255,247,.16)}
[data-theme=dark] body>header:before{background:linear-gradient(115deg,rgba(206,248,238,.09),transparent 38%,rgba(206,248,238,.025) 75%,transparent)}
@media(min-width:900px){.portfolio-controls{top:88px}}
@media(max-width:800px){body>header{min-height:78px;padding:16px var(--space);gap:12px}body>header .brand{width:146px}body>header nav.open{padding-bottom:8px}}
@media(max-width:360px){body>header{gap:8px}body>header .brand{width:128px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>header{background:rgba(245,243,235,.96)}[data-theme=dark] body>header{background:rgba(12,32,32,.97)}}
@media(prefers-reduced-transparency:reduce){body>header{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] body>header{background:var(--bg)}}

/* Full identity on home entry; a steady-height crossfade keeps the hero still. */
body>header[data-home-header] .brand{position:relative;width:216px;height:52px;transition:width 360ms var(--ease)}
body>header[data-home-header] .brand-mark{position:absolute;inset:0;display:block;transition:opacity 280ms ease,transform 360ms var(--ease);pointer-events:none}
body>header[data-home-header] .brand-mark img{width:100%;height:100%;object-fit:contain;object-position:left center}
body>header[data-home-header] .brand-compact{opacity:0;transform:translateX(12px)}
body>header[data-home-header].is-scrolled .brand{width:170px}
body>header[data-home-header].is-scrolled .brand-full{opacity:0;transform:translateX(-12px)}
body>header[data-home-header].is-scrolled .brand-compact{opacity:1;transform:none}
@media(max-width:800px){body>header[data-home-header] .brand{width:166px;height:44px}body>header[data-home-header].is-scrolled .brand{width:146px}}
@media(max-width:360px){body>header[data-home-header] .brand{width:146px}body>header[data-home-header].is-scrolled .brand{width:128px}}
@media(prefers-reduced-motion:reduce){body>header[data-home-header] .brand,body>header[data-home-header] .brand-mark{transition:none}}