/* Shared Atelier glass: clear scene overlays and warm reading surfaces.
   Source grammar: Artisan experience.css and Centaur CV scene glass.
   Native product identities and solid primary actions retain their colours. */
:root{
 --atelier-glass-clear:rgb(255 255 255 / .16);
 --atelier-glass-smoke:rgb(20 20 16 / .44);
 --atelier-glass-surface:rgb(246 243 237 / .66);
 --atelier-glass-panel:rgb(246 243 237 / .76);
 --atelier-glass-menu:rgb(246 243 237 / .9);
 --atelier-glass-filter:blur(24px) saturate(.9);
 --atelier-glass-scene-filter:blur(24px);
 --atelier-glass-border:transparent;
 --atelier-glass-rule:rgb(20 20 16 / .12);
 --atelier-glass-shadow:none;
 --atelier-glass-reading-shadow:0 10px 32px rgb(16 36 27 / .1);
 --atelier-glass-paper:#f6f3ed;
 --metal:var(--atelier-glass-paper);
 --metal-rule:var(--atelier-glass-rule);
 --metal-surface:var(--atelier-glass-surface)
}
body :is(.site-nav,.studio-chrome){isolation:isolate;background:var(--atelier-glass-surface);-webkit-backdrop-filter:var(--atelier-glass-filter);backdrop-filter:var(--atelier-glass-filter);border-bottom-color:var(--atelier-glass-rule);box-shadow:var(--atelier-glass-shadow)}
body :is(.nav-links.is-open,.studio-links.is-open){background:var(--atelier-glass-menu);-webkit-backdrop-filter:var(--atelier-glass-filter);backdrop-filter:var(--atelier-glass-filter);border-color:var(--atelier-glass-rule);box-shadow:var(--atelier-glass-shadow)}
.action:not(.primary){background:var(--atelier-glass-clear);border-color:var(--atelier-glass-rule);box-shadow:none}
.action:not(.primary):hover{background:rgb(255 255 255 / .36);color:var(--ink)}
/* Image overlays share Centaur's clear, borderless scene material. */
body .experience{box-shadow:none}
body .experience-glass{isolation:isolate;color:var(--ink,#141410);background:var(--atelier-glass-clear);border-color:var(--atelier-glass-border);-webkit-backdrop-filter:var(--atelier-glass-scene-filter);backdrop-filter:var(--atelier-glass-scene-filter);box-shadow:var(--atelier-glass-shadow)}
body .experience-glass .experience-description{color:rgb(20 20 16 / .82)}
body .experience-glass .experience-open{color:var(--ink,#141410);background:var(--atelier-glass-clear);border-color:var(--atelier-glass-border);box-shadow:none}
body .experience-glass .experience-open:hover{background:rgb(255 255 255 / .3);color:var(--ink,#141410)}
body .experience h2{font-family:var(--atelier-display,Archivo,system-ui,sans-serif)}
.laptop .screen img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.site-footer{display:block;border-top:1px solid var(--metal-rule);padding:58px clamp(20px,4vw,64px) 24px;background:var(--atelier-glass-paper);box-shadow:none;font:14px/1.5 Archivo,system-ui,sans-serif}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1440px;margin:auto}.footer-brand{font:56px/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;text-decoration:none;max-width:260px;align-self:start}.footer-group{display:flex;flex-direction:column;align-items:start;gap:0}.footer-group h2{font:500 12px/1.4 var(--atelier-body,Archivo,system-ui,sans-serif);margin:0 0 12px;color:#62675e}.site-footer a,.site-footer button{min-height:44px;color:var(--ink);text-decoration:none}.site-footer a:hover{text-decoration:none}.site-footer button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer;text-align:left}.footer-bottom{max-width:1440px;margin:42px auto 0;padding-top:18px;padding-right:80px;border-top:1px solid var(--metal-rule);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#62675e;font:12px/1.5 var(--atelier-body,Archivo,system-ui,sans-serif)}.footer-bottom>a{color:#62675e}.footer-projects{max-width:1440px;margin:32px auto 0;border-top:1px solid var(--metal-rule)}.footer-projects summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-size:13px}.footer-project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;margin:10px 0 26px}.footer-project-links a{font-size:13px;display:flex;align-items:center;gap:10px;min-width:0;line-height:1.3}.agent-skill-line{font:14px/1.6 Archivo,system-ui,sans-serif;max-width:630px;margin:25px 0 0;color:#575b52}.agent-skill-line button{font:inherit;color:var(--blue);border:0;padding:0 0 2px;background:transparent;text-decoration:none;text-underline-offset:3px;cursor:pointer;min-height:44px}.service-logos{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin:26px 0}.service-logos a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font:13px Archivo,system-ui,sans-serif;min-height:44px}.service-logos img{width:24px;height:24px;object-fit:contain}.service-logos .wide{width:48px}
@media(max-width:650px){.footer-main{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-brand{grid-column:1/-1;font-size:48px}.footer-project-links{grid-template-columns:1fr 1fr;gap:0 16px}.site-footer{padding-bottom:90px}.agent-skill-line{font-size:13px;max-width:340px}}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body :is(.site-nav,.studio-chrome,.nav-links.is-open,.studio-links.is-open){background:var(--atelier-glass-paper)}
 body .experience-glass{background:var(--atelier-glass-paper)}
}
@media(prefers-reduced-transparency:reduce){
 body :is(.site-nav,.studio-chrome,.nav-links.is-open,.studio-links.is-open){background:var(--atelier-glass-paper);-webkit-backdrop-filter:none;backdrop-filter:none}
 body .experience-glass{background:var(--atelier-glass-paper);-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Portfolio finish: readable labels and 6px interactive surfaces. */
:root{--atelier-hover:rgb(20 20 16 / .07);--atelier-active:rgb(20 20 16 / .1)}
body a,body button{border-radius:6px}
body a:hover,body a:focus-visible{text-decoration:none}
body :is(.site-nav,.studio-chrome) a{padding-inline:10px;transition:background-color 140ms ease,color 140ms ease}
body :is(.site-nav,.studio-chrome) a:is(:hover,:focus-visible){background:var(--atelier-hover)}
body :is(.site-nav,.studio-chrome) a[aria-current=page]{background:var(--atelier-active);text-decoration:none}
body .site-footer :is(a,button){display:inline-flex;align-items:center;padding:8px 10px;margin-inline:-10px;max-width:100%;border-radius:6px;transition:background-color 140ms ease}
body .site-footer :is(a,button):is(:hover,:focus-visible){background:var(--atelier-hover);text-decoration:none}
body .site-footer .footer-brand{margin:0;padding:8px 10px;justify-self:start}
body .footer-group h2,body .footer-projects h2{font:500 14px/1.4 Archivo,system-ui,sans-serif;color:#62675e;letter-spacing:0;text-transform:none}
body .footer-projects h2{margin:24px 0 12px}
body .footer-project-links a{margin:0;gap:8px;padding:8px 10px;min-height:44px}
body .footer-project-links{gap:2px 14px;margin-inline:-10px}
body :is(.back,.pfoot a,.clinks a,.agent-skill-line button){display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:6px;text-decoration:none;letter-spacing:0;text-transform:none}
body :is(.back,.pfoot a,.agent-skill-line button):is(:hover,:focus-visible){background:var(--atelier-hover);text-decoration:none}
body .agent-skill-line button{margin-inline:2px;font-weight:600}
body :is(.project-main,.pwrap,.wrap,.content,.connect-main) p a:not(.action){padding:2px 4px;margin-inline:-4px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body :is(.project-main,.pwrap,.wrap,.content,.connect-main) p a:not(.action):is(:hover,:focus-visible){background:var(--atelier-hover);text-decoration:none}
body :is(a,button):focus-visible{outline:2px solid var(--atelier-blue,#2147f5);outline-offset:3px}
body :is(.action,.cta a,.clinks a){border-radius:6px}
body :is(.mono,.kicker,.kick,.work-head,.ci-tag,.drafttag,.tags,.pfoot,.spec .s h4,.snd){font-family:Archivo,system-ui,sans-serif;letter-spacing:0;text-transform:none}
body .process-photos{margin-top:24px}
body .process-photos>h3{font:500 18px/1.4 Archivo,system-ui,sans-serif;margin:20px 0 16px}
@media(prefers-reduced-motion:reduce){body :is(a,button){transition:none}}