/* Shared typography and the portfolio showcase. */
:root{--type-display:clamp(2.5rem,6.2vw,5.5rem);--type-heading:clamp(1.85rem,3.3vw,2.75rem);--type-card:clamp(1.45rem,2.3vw,1.85rem);--type-body:1.0625rem;--type-small:.875rem;--glass:#1d2521a6;--glass-line:#c0d5c01c;--glow-a:#78cbaa;--glow-b:#5c779b;--accent-on:#17271f}
:root[data-theme=light]{--glass:#ffffffb3;--glass-line:#193b2426;--glow-a:#8fbda4;--glow-b:#a7b7d4;--accent-on:#fff}
.showcase{font-size:var(--type-body);line-height:1.65;overflow-x:clip}
.showcase .wrap{width:min(1280px,calc(100% - 96px))}
.showcase h1,.showcase .hero h1,.showcase .page-intro h1,.showcase .aw-copy h1{font-size:var(--type-display);line-height:1.14;font-weight:400;letter-spacing:-.025em;margin:24px 0 30px;text-wrap:balance}
.showcase h2,.showcase .footer h2,.showcase .about h2,.showcase .case-section h2,.showcase .theme-layout h2,.showcase .section-title h2,.showcase .film-cover-detail h2{font-size:var(--type-heading);line-height:1.22;font-weight:400;letter-spacing:-.015em;margin:16px 0 24px;text-wrap:balance}
.showcase h3,.showcase .feature-meta h3,.showcase .source-roles h3,.showcase .journey h3,.showcase .flow-copy h3{font-size:var(--type-card);line-height:1.28;font-weight:400;letter-spacing:-.01em;margin:12px 0 18px}
.showcase h1 em,.showcase h2 em{letter-spacing:0;padding-right:.06em}
.showcase p,.showcase .hero-bottom p,.showcase .page-intro>p,.showcase .intro-summary p,.showcase .about-copy p,.showcase .section-title>p,.showcase .story-grid p,.showcase .journey p,.showcase .source-intro-line,.showcase .demo-note p{font-size:var(--type-body);line-height:1.65;color:var(--muted)}
.showcase .case-meta p,.showcase .small-note,.showcase .eyebrow,.showcase figcaption,.showcase .tag,.showcase .back-link,.showcase .text-link,.showcase .pill,.showcase .case-toc a{font-size:var(--type-small)}
.showcase .eyebrow{letter-spacing:.12em;line-height:1.6}
.showcase .small-note{font-size:var(--type-small)!important}
.showcase .hero,.showcase .page-intro{padding:72px 0 60px}
.showcase .hero-bottom{align-items:center;gap:32px}.showcase .hero-bottom p{max-width:540px}
.showcase .case-section{padding:80px 0}.showcase .section-title{margin-bottom:40px;max-width:750px}
.showcase .pill{min-height:48px;padding:12px 22px;gap:12px;font-weight:500;white-space:normal;line-height:1.4}
.showcase .pill.solid{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
.showcase .project-card .pill[href="/work/super-source/"],.showcase .project-card .pill[href="/work/graphics/"]{background:#FF7300;border-color:#FF7300;color:#17120e;font-weight:600}
.showcase .project-card .pill[href="/work/super-source/"]:hover,.showcase .project-card .pill[href="/work/graphics/"]:hover{background:#ff8b2b;border-color:#ff8b2b;color:#17120e}
.showcase a:focus-visible,.showcase button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.showcase .site-header{width:min(1328px,calc(100% - 48px));background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(24px) saturate(125%);border-radius:22px}
.showcase .site-header.scrolled{width:min(960px,calc(100% - 48px));background:var(--header-bg)}
.showcase .site-header .header-row{width:100%;margin:0;min-height:76px}.showcase .logo{font-size:18px}
.showcase .site-header nav{gap:26px}.showcase .site-header nav a{font-size:14px}
.site-glow{position:fixed;inset:-15%;z-index:-1;pointer-events:none;overflow:hidden;opacity:.38;filter:blur(85px);background:linear-gradient(125deg,transparent 10%,var(--glow-a) 34%,transparent 52%,var(--glow-b) 72%,transparent 89%);transform:translate3d(0,0,0);animation:glass-light 28s ease-in-out infinite alternate}
.site-glow:after{content:'';position:absolute;inset:0;background:var(--bg);opacity:.8}
@keyframes glass-light{from{transform:translate3d(-3%,-2%,0) rotate(-3deg)}to{transform:translate3d(3%,3%,0) rotate(3deg)}}
.effects-paused .site-glow,.tab-hidden .site-glow{animation-play-state:paused}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{background:var(--glass);border:1px solid var(--glass-line);border-radius:22px;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000008;min-width:0}
.showcase .feature-visual{display:block;aspect-ratio:16/10;border-radius:0;background:var(--surface);box-shadow:none;transform:none;isolation:isolate}
.showcase .feature-visual img{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.showcase .feature-visual:after{display:none}.showcase .feature:hover .feature-visual{box-shadow:none}
.showcase .feature-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;padding:26px 28px 28px}
.showcase .feature-meta>.eyebrow{grid-column:1/-1;font-size:.75rem}
.showcase .feature-meta h3{margin:0}.showcase .feature-meta .pill{align-self:center}
.showcase .feature-meta h3 a{display:inline-block;text-decoration-thickness:1px;text-underline-offset:6px}
.showcase .feature-meta h3 a:hover{text-decoration:underline}
.showcase .source-feature{padding:28px;margin:0 0 28px}
.showcase .source-feature-heading{margin:0 0 24px;gap:24px}
.showcase .source-feature-heading h2{font-size:var(--type-card);margin:10px 0 0}
.source-feature-heading h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.showcase .source-cinema{border-radius:12px}.showcase .source-film-caption{font-size:var(--type-small);letter-spacing:0}
.showcase .wallet-card{background:#e3decf}.showcase .wallet-card img{max-width:46%;border-radius:18px}
.showcase .graphics-card .feature-visual img{object-fit:contain;background:var(--surface)}
.showcase-section{margin-top:100px;padding-top:32px;border-top:1px solid var(--line)}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.showcase .showcase-heading h2{margin:0}.showcase .home-films{padding-bottom:0}
.showcase .short-films{gap:24px}.showcase .short-films .film-poster{border-radius:16px;background:#0c100e}
.showcase .play-disc{background:#f8fbf2e6;color:#14271c;backdrop-filter:blur(15px);border:1px solid #ffffff55;padding:0}
.showcase .gallery-door{display:block;overflow:hidden;border-radius:20px;background:#101412}
.gallery-door img{width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gallery-door:hover img{transform:scale(1.015)}
.showcase .about{padding:100px 0 20px;gap:64px}.showcase .about-copy p:first-child{margin-top:20px}
.showcase .footer{margin-top:80px;padding:60px 0 28px}.showcase .footer-bottom{gap:24px}
.showcase .next-project>a{font-size:var(--type-heading);line-height:1.25}
.bfm-page{--accent:#A81916;--accent-on:#fff;--glow-a:#A81916;--glow-b:#4c2829}
.showcase.bfm-page h1 em,.showcase.bfm-page h2 em{color:var(--ink)}
.showcase.bfm-page .page-intro h1 em{color:#A81916}
.showcase.source-page{--accent:#FF7300;--accent-on:#17120e;--glow-a:#FF7300;--glow-b:#794123}
.showcase.source-page .page-intro h1 em{color:#FF7300}
.source-page .case-toc,.source-page .text-link{border-color:#FF7300}
.case-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}
.case-brand-logo{flex:0 1 340px;min-width:0;padding:28px;background:#111312;border:1px solid #343634;border-radius:20px}
.case-brand-logo img{display:block;width:100%;height:auto;object-fit:contain}
.case-brand-logo.super-source{flex-basis:240px;padding:26px}
@media(max-width:700px){.case-brand-heading{flex-direction:column;align-items:flex-start;gap:0}.case-brand-logo{flex:none;width:min(280px,100%);box-sizing:border-box;margin:0 0 30px;padding:22px}.case-brand-logo.super-source{flex-basis:auto;width:190px;padding:22px}}
.bfm-page .page-intro h1:after{content:'';display:block;width:72px;height:5px;background:#A81916;margin-top:28px;border-radius:3px}
.showcase.bfm-page .case-toc a:hover,.showcase.bfm-page .journey>li>span{color:var(--ink)}
.bfm-page .case-toc{border-bottom-color:#A81916}.bfm-page .journey li{border-top:2px solid #A81916}
.bfm-page .calculator-toolbar{border-bottom:3px solid #A81916}
.bfm-page .text-link{border-color:#A81916}.bfm-page .text-link:hover{color:var(--ink)}
.black-fox-motors-card{border-top:3px solid #A81916}.black-fox-motors-card .pill{background:#A81916;color:#fff;border-color:#A81916}
.showcase .aw-hero{min-height:0;padding-top:64px;padding-bottom:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.showcase .aw-copy h1{font-size:var(--type-display)}.showcase .aw-copy>p{font-size:var(--type-body)}
.showcase .aw-background{--accent-on:#fff;border-radius:24px 24px 0 0;margin-top:24px}
.showcase .aw-background .case-toc{background:transparent}
.showcase .photo-intro{padding-bottom:48px}.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;align-items:center}
.photo-panel{margin:0;min-width:0}.photo-panel:first-child,.photo-panel:nth-child(7){grid-column:1/-1}
.photo-panel img{width:100%;height:auto;border-radius:4px}.photo-panel:nth-child(3n+2){padding:34px 0}
.photo-panel .enlarge{background:#10201c55;border:1px solid #ffffff44;backdrop-filter:blur(14px);opacity:0;transition:opacity .2s}
.photo-panel:hover .enlarge,.photo-panel:focus-within .enlarge{opacity:1}
.photo-panel .gallery-image{overflow:hidden}.photo-panel img{transition:transform .8s,filter .4s}
.photo-panel .gallery-image:hover img{transform:scale(1.012);filter:none}
.showcase #viewer.photo-viewer{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:24px 32px;background:#090c0ef5;color:#fff;backdrop-filter:blur(24px);overflow:hidden}
.photo-viewer .viewer-top{height:44px;margin:0 0 16px}.showcase .photo-viewer .viewer-top h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:0}
.showcase .photo-viewer .viewer-image{height:calc(100dvh - 238px);min-height:80px;align-items:center;overflow:auto}
.photo-viewer .viewer-image img{max-width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.photo-viewer .viewer-image.is-zoomed{display:block;cursor:zoom-out}.photo-viewer .viewer-image.is-zoomed img{max-width:none;width:160%;height:auto;object-fit:initial}
.photo-viewer .viewer-controls{max-width:680px;margin:14px auto;gap:12px}.photo-viewer .viewer-controls button{font-size:14px;min-height:44px;color:#fff}
.viewer-thumbnails{display:flex;align-items:center;justify-content:flex-start;gap:10px;overflow-x:auto;padding:4px 2px 10px;max-width:920px;margin:auto;scrollbar-width:thin}
.viewer-thumbnails button{flex:0 0 70px;height:50px;padding:0;border:1px solid transparent;opacity:.5;border-radius:4px;overflow:hidden;background:#1b2328;transition:opacity .2s,border-color .2s}
.viewer-thumbnails img{width:100%;height:100%;object-fit:cover}.viewer-thumbnails button[aria-pressed=true]{opacity:1;border-color:white}.viewer-thumbnails button:hover{opacity:1}
.showcase #film-viewer h2,.showcase #viewer:not(.photo-viewer) h2{font-size:16px;margin:0}
.showcase .viewer-controls button,.showcase .viewer-top button{border-color:#5b6763}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-card:hover .feature-visual>img{transform:scale(1.025)}}
@media(max-width:1000px){.showcase .feature-meta{grid-template-columns:1fr}.showcase .feature-meta .pill{justify-self:start}.showcase .aw-hero{gap:24px}.showcase .site-header nav{gap:18px}}
@media(max-width:800px){.showcase .wrap{width:calc(100% - 48px)}.showcase .hero,.showcase .page-intro{padding:48px 0}.showcase .aw-hero{grid-template-columns:1fr}.showcase .hero-bottom{align-items:flex-start}.showcase .about{gap:24px}.showcase .source-feature{padding:22px}.project-grid{gap:22px}.showcase-section{margin-top:72px}.showcase .case-section{padding:64px 0}.photo-gallery{gap:28px 20px}}
@media(max-width:700px){.showcase .header-row{position:relative}.showcase .site-header,.showcase .site-header.scrolled{width:calc(100% - 24px);top:10px}.showcase .site-header .header-row{padding:0 14px;min-height:64px}.showcase .logo{font-size:14px}.showcase .theme-label{display:none}.showcase .theme-toggle{width:44px;min-height:44px;padding:8px}.showcase .menu-button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:13px}.showcase #navigation{position:absolute;display:none;top:calc(100% + 10px);left:0;right:0;background:var(--header-bg);border:1px solid var(--line);border-radius:22px;padding:24px;max-height:calc(100dvh - 110px);overflow:auto;box-shadow:var(--shadow);backdrop-filter:blur(24px)}.showcase #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.showcase #navigation a{font-size:25px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.4}.showcase #navigation a:last-child{border-bottom:0}.showcase #navigation a:after{display:none}.showcase .project-grid{grid-template-columns:1fr}.showcase .feature-meta{grid-template-columns:1fr auto;padding:22px}.showcase .feature-meta>.eyebrow{grid-column:1/-1}.showcase .feature-meta .pill{justify-self:end}.showcase .source-feature-heading{flex-direction:row;align-items:center}.showcase .source-film-caption{font-size:12px}.site-glow{filter:blur(55px);opacity:.28}}
@media(max-width:480px){.showcase .wrap{width:calc(100% - 40px)}.showcase .hero,.showcase .page-intro{padding:40px 0}.showcase .hero h1,.showcase .page-intro h1,.showcase .aw-copy h1{margin:20px 0 26px}.showcase .feature-meta{grid-template-columns:1fr;gap:12px}.showcase .feature-meta .pill{justify-self:start}.showcase .source-feature{padding:18px}.showcase .source-feature-heading{flex-direction:column;align-items:flex-start;gap:18px}.showcase .source-feature-heading .eyebrow{font-size:12px}.showcase-heading{align-items:flex-start;gap:16px;flex-direction:column}.showcase .short-films{gap:16px}.showcase .about{padding-top:70px}.showcase .footer{margin-top:60px}.showcase .footer-bottom{gap:20px}.photo-gallery{gap:24px 14px}.photo-panel:nth-child(3n+2){padding:0}.photo-panel:first-child,.photo-panel:nth-child(7){grid-column:1/-1}.photo-panel .enlarge{opacity:1;width:32px;height:32px;right:8px;bottom:8px}.showcase #viewer.photo-viewer{padding:16px}.showcase .photo-viewer .viewer-image{height:calc(100dvh - 220px)}.photo-viewer .viewer-controls{gap:6px}.photo-viewer .viewer-controls button{font-size:12px;padding:7px 10px}.viewer-thumbnails button{flex-basis:58px;height:42px}.showcase .aw-actions{gap:16px}.showcase .case-toc{gap:8px 18px}}
@media(prefers-reduced-motion:reduce){.site-glow{animation:none}.photo-panel img,.gallery-door img{transition:none}.photo-panel .gallery-image:hover img{transform:none}}
@media print{.site-glow{display:none}.project-card{break-inside:avoid;background:none;box-shadow:none;backdrop-filter:none}.showcase .site-header{display:none}}
/* Brand signatures: layered glass and softly lit metal. */
.case-brand-logo{position:relative;isolation:isolate;overflow:hidden;border-radius:4px 36px 4px 36px;padding:48px 28px;background:linear-gradient(145deg,#303033 0%,#101113 48%,#252025 100%);border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff25,0 24px 60px #00000018}
.case-brand-logo:before{content:'';position:absolute;z-index:-1;inset:-50%;background:linear-gradient(115deg,transparent 32%,#ffffff14 46%,transparent 58%);transform:rotate(-12deg);pointer-events:none}
.case-brand-logo:after{content:'';position:absolute;inset:auto 12% 0;height:2px;background:linear-gradient(90deg,transparent,#A81916,transparent)}
.case-brand-logo.black-fox{background:radial-gradient(ellipse at 100% 100%,#681a2266,transparent 65%),linear-gradient(140deg,#36363a,#141518 55%,#242426)}
.case-brand-logo.super-source{padding:44px 28px;background:radial-gradient(ellipse at 0% 100%,#ff730044,transparent 65%),linear-gradient(135deg,#31251f,#171514 60%,#3b2920);border-color:#ff730033}
.case-brand-logo.super-source:after{background:linear-gradient(90deg,transparent,#FF7300,transparent)}
.case-brand-logo img{filter:drop-shadow(0 8px 16px #00000030);transition:transform .6s ease}
@media(hover:hover){.case-brand-logo:hover img{transform:translateY(-3px)}}
.photo-membership{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:36px;margin-top:32px;border-top:1px solid var(--line)}
.showcase .photo-membership h2{font-size:var(--type-card);line-height:1.35;margin:14px 0 0}
.photo-membership p:first-child{margin-top:0}
@media(max-width:700px){.case-brand-logo{padding:32px 24px}.case-brand-logo.super-source{padding:30px 24px}.photo-membership{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){.case-brand-logo img{transition:none}.case-brand-logo:hover img{transform:none}}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.showcase .contact-card{position:relative;display:flex;flex-direction:column;gap:22px;min-width:0;padding:26px 22px 54px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#ffffff09,transparent);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.contact-platform{font-size:22px;line-height:1.3;letter-spacing:-.02em}.contact-detail{font-size:14px;color:var(--muted);overflow-wrap:anywhere;line-height:1.5}
.contact-arrow{position:absolute;right:22px;bottom:20px;font-size:24px;transition:transform .35s ease;color:var(--ink)}
.contact-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,#ffffff12,transparent);transform:translateX(-110%);transition:transform .65s ease}
@media(hover:hover){.showcase .contact-card:hover{transform:translateY(-5px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.contact-card:hover:before{transform:translateX(110%)}.contact-card:hover .contact-arrow{transform:translate(3px,-3px)}}
.contact-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.contact-utility{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.contact-grid{grid-template-columns:1fr;gap:12px}.showcase .contact-card{padding:22px 58px 22px 22px;gap:8px}.contact-arrow{bottom:30px}}
@media(prefers-reduced-motion:reduce){.showcase .contact-card,.contact-arrow,.contact-card:before{transition:none}.showcase .contact-card:hover,.contact-card:hover .contact-arrow{transform:none}}
.showcase .project-card .pill[href="/work/awallet/"]{background:#97ADC6;border-color:#97ADC6;color:#141b25;font-weight:600}.showcase .project-card .pill[href="/work/awallet/"]:hover{background:#adc0d7;border-color:#adc0d7;color:#141b25}
.showcase .cv-download{gap:14px;background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.showcase .cv-download:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.cv-format{font-size:10px;letter-spacing:.08em;opacity:.65}.contact-utility .copy-email{margin-left:8px}
.bfm-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 64px}.bfm-results>div{padding:24px 0;border-top:2px solid #A81916;display:flex;flex-direction:column;gap:12px}.bfm-results strong{font-size:var(--type-heading);font-weight:400;line-height:1.2}.bfm-results span{font-size:14px;color:var(--muted)}
.publication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.publication-link{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:border-color .3s,transform .3s;color:var(--ink)}.publication-link h3{margin:0}.publication-link .eyebrow{font-size:11px}.publication-link .text-link{margin-top:auto}.publication-link:hover{border-color:var(--accent);transform:translateY(-3px)}
@media(max-width:600px){.bfm-results,.publication-grid{grid-template-columns:1fr}.bfm-results{gap:16px}.publication-link{padding:22px}}@media(prefers-reduced-motion:reduce){.publication-link{transition:none}.publication-link:hover{transform:none}}
/* Compact gallery: consistent previews; full photographs remain in the viewer. */
.showcase .photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.showcase .photo-panel,.showcase .photo-panel:nth-child(3n+2){padding:0;margin:0;grid-column:auto}
.showcase .photo-panel .gallery-image{display:block;position:relative;aspect-ratio:3/2;height:auto}.showcase .photo-panel .gallery-image>img{position:absolute;inset:0}
.showcase .photo-panel img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:600px){.showcase .photo-gallery{grid-template-columns:1fr;gap:14px}}
@media(max-width:700px){.showcase #navigation,.showcase #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0;animation:none;transform-origin:top;transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s}.showcase #navigation{opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none}.showcase #navigation.open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}.showcase #navigation a:hover{padding-left:0}.showcase .site-header:has(#navigation.open){transition:none}.showcase .menu-button i{height:8px;border:0}.showcase .menu-button i:before,.showcase .menu-button i:after{content:'';position:absolute;left:0;width:17px;height:1px;border:0;background:currentColor;transition:transform .3s ease;top:0}.showcase .menu-button i:after{top:7px}.showcase .menu-button[aria-expanded=true] i{height:8px;transform:none}.showcase .menu-button[aria-expanded=true] i:before{transform:translateY(3.5px) rotate(45deg)}.showcase .menu-button[aria-expanded=true] i:after{top:7px;transform:translateY(-3.5px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){.showcase #navigation,.showcase #navigation.open,.showcase .menu-button i:before,.showcase .menu-button i:after{transition:none}}
.showcase .photo-panel:last-child:nth-child(odd){grid-column:1/-1}.showcase .photo-panel:last-child:nth-child(odd) .gallery-image{aspect-ratio:2/1}@media(max-width:600px){.showcase .photo-panel:last-child:nth-child(odd) .gallery-image{aspect-ratio:3/2}}
.ton-carousel{width:min(100%,560px);margin:0 auto 72px}.ton-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.ton-heading .eyebrow{font-size:11px}.ton-count{font-size:12px;white-space:nowrap;color:var(--muted)}.ton-track{display:flex;gap:0;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#e8e7ce;border-radius:4px}.ton-track::-webkit-scrollbar{display:none}.ton-track>img{display:block;flex:0 0 100%;width:100%;min-width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always}.ton-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.ton-controls>button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px}.ton-controls>button:disabled{opacity:.3;cursor:default}.ton-dots{display:flex;gap:8px}.ton-dots button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:var(--muted);opacity:.3}.ton-dots button[aria-pressed=true]{opacity:1;background:var(--accent)}
