/* Shared Aurora composition for portfolio, services, studio and case studies. */
.aurora-inner{background:var(--paper);color:var(--ink)}
.aurora-inner .header{position:relative;background:transparent;color:var(--ink);border:0;padding-block:25px;gap:24px;box-shadow:none}
.aurora-inner .header .brand-symbol{color:var(--ink);width:31px;height:31px}.aurora-inner .header .wordmark{font-size:25px;gap:8px}
.aurora-inner .header nav{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--pill);padding:7px 18px;backdrop-filter:blur(20px);box-shadow:var(--shadow-low);gap:24px}
.aurora-inner .header nav a{font-size:11px;min-height:38px;display:flex;align-items:center}.aurora-inner .header a[aria-current=page]{color:var(--green)}
.aurora-inner .header-cta{border-radius:var(--pill);background:var(--ink);color:var(--surface);font-size:11px;padding:13px 19px}.aurora-inner .header-cta span{color:inherit}.aurora-inner .header-cta:hover{background:var(--dark-line)}
.aurora-inner .page-intro,.aurora-inner .portfolio-intro,.aurora-inner .case-header{padding-block:64px;background:var(--aurora),var(--paper);border:1px solid var(--glass-edge);border-radius:var(--radius-hero);margin:12px 24px 35px;box-shadow:var(--shadow)}
.aurora-inner .page-intro h1,.aurora-inner .portfolio-intro h1,.aurora-inner .case-header h1{font-weight:500;font-size:clamp(48px,6.4vw,94px);letter-spacing:-.07em}
.aurora-inner .page-intro:after,.aurora-inner .portfolio-intro:after,.aurora-inner .page-cta:before{display:none}
.aurora-inner .page-intro .section-label,.aurora-inner .portfolio-intro .section-label{border:0;padding:0;font-size:11px}
.aurora-inner .page-intro.dark{color:var(--ink);border-color:var(--glass-edge)}.aurora-inner .page-intro.dark>p,.aurora-inner .page-intro.dark .index,.aurora-inner .page-intro .soft{color:var(--muted)}
.aurora-inner .portfolio-controls{background:var(--glass);padding:12px;border:1px solid var(--glass-edge);border-radius:var(--radius-small);box-shadow:var(--shadow-low);gap:14px}
.aurora-inner .portfolio-controls button{border-radius:var(--pill);min-height:42px}.aurora-inner .portfolio-controls button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.aurora-inner .portfolio-entry>a{border:1px solid var(--glass-edge);border-radius:var(--radius);overflow:hidden;background:var(--glass);box-shadow:var(--shadow);transition:box-shadow var(--slow),translate var(--slow)}
.aurora-inner .portfolio-entry>a:before,.aurora-inner .portfolio-entry>a:after{display:none}.aurora-inner .portfolio-entry>a:hover{translate:0 -4px;box-shadow:var(--shadow-float)}
.aurora-inner .portfolio-info{padding:22px;margin:0}.aurora-inner .portfolio-info h2{font-size:25px;font-weight:500}.aurora-inner .portfolio-info>span{color:var(--muted)}
.aurora-inner .is-list .portfolio-entry>a{padding:12px}.aurora-inner .is-list .portfolio-art{border-radius:var(--radius-small)}.aurora-inner .is-list .portfolio-info{padding:10px}
.aurora-inner .portfolio-art{border:0}.aurora-inner .portfolio-bottom{border-color:var(--line)}
.aurora-inner .service-detail{margin:20px var(--gutter);padding:40px;gap:35px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:var(--shadow)}
.aurora-inner .service-detail h2{font-weight:500;font-size:37px}.aurora-inner .deliverables li:before{color:var(--green)}
.aurora-inner .page-cta{margin:25px 24px;border-radius:var(--radius-hero);background:var(--aurora),var(--sage);border:1px solid var(--glass-edge);box-shadow:var(--shadow);color:var(--ink)}
.aurora-inner .page-cta h2{font-weight:500}.aurora-inner .button{border-radius:var(--pill)}
.aurora-inner .studio-poster{margin:24px;border-radius:var(--radius-hero);background:linear-gradient(130deg,var(--sage),var(--aurora-fern),var(--aurora-silver));border:1px solid var(--glass-edge);color:var(--green)}
.aurora-inner .studio-poster p{font-weight:500}.aurora-inner .founder-portrait{border-radius:var(--radius);background:linear-gradient(130deg,var(--sage),var(--aurora-silver));color:var(--green);border:1px solid var(--glass-edge)}
.aurora-inner .case-hero-art{border-radius:var(--radius);overflow:hidden;margin-inline:var(--gutter)}
.aurora-inner .case-next{border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass);margin:35px 24px;box-shadow:var(--shadow)}
.aurora-inner .application-art,.aurora-inner .experiment{border-radius:var(--radius);overflow:hidden}.aurora-inner .experiment{border:1px solid var(--line);box-shadow:var(--shadow)}
.aurora-inner .expanded-footer{margin:24px;border-radius:var(--radius-hero);background:radial-gradient(ellipse at 80% 100%,var(--footer-moss),transparent 65%),var(--ink);color:var(--surface);padding:50px var(--gutter) 25px}.aurora-inner .expanded-footer .footer-signature{color:var(--surface);font-weight:500;letter-spacing:-.075em}.aurora-inner .expanded-footer .footer-main p,.aurora-inner .expanded-footer .footer-meta{color:var(--light-muted)}.aurora-inner .expanded-footer .footer-links{color:var(--surface)}.aurora-inner .expanded-footer .footer-links a:last-child{color:var(--signal)}
.aurora-inner a:focus-visible,.aurora-inner button:focus-visible,.aurora-inner summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(max-width:850px){.aurora-inner .header{gap:16px}.aurora-inner .header nav{gap:15px;padding-inline:14px}.aurora-inner .header .wordmark{font-size:21px}.aurora-inner .service-detail{grid-template-columns:1fr;gap:23px;padding:30px}.aurora-inner .portfolio-controls{flex-wrap:wrap}.aurora-inner .case-hero-art{margin-inline:24px}}
@media(max-width:600px){.aurora-inner .header{padding:20px 22px}.aurora-inner .header nav{border-radius:var(--radius-small);background:var(--surface);padding:20px;inset-inline:20px;top:calc(100% - 5px)}.aurora-inner .header .menu-toggle{color:var(--ink)}.aurora-inner .header-cta{font-size:10px;padding:10px 13px;gap:8px}.aurora-inner .header .wordmark{font-size:20px}.aurora-inner .header .brand-symbol{width:25px;height:25px}.aurora-inner .page-intro,.aurora-inner .portfolio-intro,.aurora-inner .case-header{margin:5px 12px 25px;border-radius:var(--radius);padding:38px 24px}.aurora-inner .page-intro h1,.aurora-inner .portfolio-intro h1,.aurora-inner .case-header h1{font-size:48px}.aurora-inner .portfolio-info{padding:18px}.aurora-inner .portfolio-info h2{font-size:22px}.aurora-inner .service-detail{margin:18px 22px;padding:27px 23px}.aurora-inner .service-detail h2{font-size:33px}.aurora-inner .page-cta,.aurora-inner .studio-poster,.aurora-inner .expanded-footer,.aurora-inner .case-next{margin:20px 12px;border-radius:var(--radius)}.aurora-inner .case-hero-art{margin-inline:22px;border-radius:var(--radius-small)}.aurora-inner .expanded-footer{padding:35px 24px 24px}.aurora-inner .portfolio-filters{flex-wrap:wrap}.aurora-inner .portfolio-filters button{font-size:10px;padding-inline:12px}.aurora-inner .is-list .portfolio-info{padding:5px}.aurora-inner .is-list .portfolio-info h2{font-size:16px}.aurora-inner .portfolio-controls{align-items:start}}
@media(prefers-reduced-motion:reduce){.aurora-inner .portfolio-entry>a:hover{translate:none}}
.aurora-inner .header nav .compact-inquiry{display:none}
@media(max-width:380px){.aurora-inner .header-cta{display:none}.aurora-inner .header .menu-toggle{margin-inline-start:auto}.aurora-inner .header nav .compact-inquiry{display:flex}}
.aurora-inner .case-hero-art{width:calc(100% - var(--gutter)*2);max-width:calc(100% - var(--gutter)*2)}
@media(max-width:850px){.aurora-inner .case-hero-art{width:calc(100% - 48px);max-width:calc(100% - 48px)}}
@media(max-width:600px){.aurora-inner .case-hero-art{width:calc(100% - 44px);max-width:calc(100% - 44px)}}
.aurora-inner .aurora-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.aurora-inner .aurora-swatches .swatch{border-radius:var(--radius-small);height:200px}.aurora-inner .swatch.neon{background:var(--signal);color:var(--ink)}.aurora-inner .swatch.fern{background:var(--aurora-fern)}.aurora-inner .swatch.silver{background:var(--aurora-silver)}.aurora-inner .swatch.moss{background:var(--aurora-moss)}
@media(max-width:700px){.aurora-inner .aurora-swatches{grid-template-columns:1fr 1fr}.aurora-inner .aurora-swatches .swatch{height:165px;grid-column:auto}}
.aurora-inner .page-intro>p,.aurora-inner .page-intro.dark>p,.aurora-inner .portfolio-intro>p,.aurora-inner .case-header p{color:var(--ink)}
.aurora-inner .engagement-grid{gap:22px}.aurora-inner .engagement-grid>article{padding:24px;border:1px solid var(--glass-edge);background:var(--glass);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.aurora-inner .engagement-grid h3{font-weight:500;font-size:30px}.aurora-inner .engagement-grid .index{color:var(--green)}
.aurora-inner .service-preview{height:215px;margin:-24px -24px 28px;overflow:hidden;position:relative;border-bottom:1px solid var(--glass-edge)}.aurora-inner .service-preview img{width:86%;height:auto;margin:25px auto 0;transform:rotate(-5deg);border:1px solid var(--glass-edge);border-radius:var(--radius-small);box-shadow:var(--shadow-float)}.aurora-inner .identity-preview{background:linear-gradient(120deg,var(--sage),var(--aurora-silver));padding:20px 28px;display:flex;flex-direction:column;align-items:start}.aurora-inner .identity-preview>span{font-size:86px;letter-spacing:-.09em;line-height:1.2}.aurora-inner .identity-preview>b{font-size:15px;letter-spacing:-.04em}.aurora-inner .identity-preview>div{display:flex;position:absolute;right:25px;bottom:28px;gap:5px;padding:8px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--pill);transform:rotate(-10deg)}.aurora-inner .identity-preview i{width:22px;height:22px;border-radius:50%;background:var(--ink)}.aurora-inner .identity-preview i:nth-child(2){background:var(--aurora-lime)}.aurora-inner .identity-preview i:nth-child(3){background:var(--aurora-silver)}.aurora-inner .identity-preview i:nth-child(4){background:var(--signal)}.aurora-inner .website-preview{background:linear-gradient(135deg,var(--paper),var(--aurora-moss))}.aurora-inner .tool-preview{background:linear-gradient(135deg,var(--sage),var(--aurora-fern))}.aurora-inner .tool-preview img{transform:rotate(4deg)}
@media(max-width:1000px){.aurora-inner .engagement-grid{grid-template-columns:1fr}.aurora-inner .service-preview{height:230px}.aurora-inner .service-preview img{max-width:440px}}
/* Distinct surface roles: gradient introductions, matte footer, clean controls. */
.aurora-inner .header{background:var(--night);color:var(--on-night)}
.aurora-inner .header .brand-symbol{color:var(--signal)}
.aurora-inner .header nav{background:var(--smoked-glass);border-color:var(--smoked-edge)}
.aurora-inner .header a[aria-current=page]{color:var(--signal)}
.aurora-inner .header-cta,.aurora-inner .header-cta:hover{background:var(--signal);color:var(--night)}
.aurora-inner .page-intro,.aurora-inner .page-intro.dark,.aurora-inner .portfolio-intro,.aurora-inner .case-header{background:var(--aurora-dark);color:var(--on-night);border-color:var(--smoked-edge)}
.aurora-inner .page-intro>p,.aurora-inner .page-intro.dark>p,.aurora-inner .portfolio-intro>p,.aurora-inner .case-header p,.aurora-inner .case-meta dd,.aurora-inner .page-intro .soft{color:var(--light-muted)}
.aurora-inner .page-intro .section-label,.aurora-inner .portfolio-intro .section-label,.aurora-inner .page-intro .index,.aurora-inner .portfolio-intro .index,.aurora-inner .case-meta dt,.aurora-inner .case-back{color:var(--signal)}
.aurora-inner .case-header .button{background:var(--signal);color:var(--night)}
.aurora-inner .case-header a:focus-visible,.aurora-inner .header a:focus-visible{outline-color:var(--signal)}
.aurora-inner .page-cta{background:var(--aurora-invitation);color:var(--on-night);border-color:var(--smoked-edge)}
.aurora-inner .page-cta .button{background:var(--signal);color:var(--night)}
.aurora-inner .studio-poster{background:var(--signal);color:var(--night);border-color:var(--signal)}
.aurora-inner .expanded-footer{background:var(--night)}
.aurora-inner .portfolio-controls{background:var(--glass);backdrop-filter:blur(14px)}
.aurora-inner .portfolio-controls button[aria-pressed=true]{background:var(--signal);color:var(--ink);border-color:var(--green)}
.aurora-inner .identity-preview{background:linear-gradient(120deg,var(--sage),var(--aurora-lime))}
@media(max-width:600px){.aurora-inner .header .menu-toggle{color:var(--on-night)}.aurora-inner .header nav{background:var(--night);color:var(--on-night)}}

.aurora-inner .aurora-swatches .swatch.black{background:var(--night);color:var(--on-night)}