/*
 * METASYS / CONCRETE EDITORIAL 2026
 * User-provided Osmo reference: visual language only, not a copy.
 * LAST stylesheet: presentation-only, no changes to RSVP, payment, auth or camera.
 * Common rectangular radius: 5px. Native radio and status indicators stay circular.
 */
:root{
 --color-concrete:#f4f4f4;--color-ash-gray:#eaeaea;--color-bone:#e1e1e1;
 --color-smoke:#b8b8b8;--color-graphite:#4f4c4c;--color-steel:#7a7a7a;
 --color-charcoal:#312e2e;--color-ink:#201d1d;--color-obsidian:#151313;
 --color-volt:#a1ff62;--color-ultraviolet:#6840ff;--color-vermillion:#f84131;
 --font-editorial:'Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif;
 --font-interface:'Inter',ui-sans-serif,system-ui,sans-serif;
 --font-technical:'JetBrains Mono',ui-monospace,monospace;
 --radius-ui:5px;
 --layout-gutter:clamp(16px,4vw,52px);
 --layout-gap:clamp(16px,2.2vw,28px);
 --layout-section-space:clamp(72px,9vw,136px);
 --layout-card-pad:clamp(18px,2.1vw,28px);
 --layout-line:#dedede;
 --section-gap:var(--layout-section-space);
 --card-padding:var(--layout-card-pad);
 --bg:var(--color-concrete);--panel:#eaeaea;--panel2:#fff;
 --ink:var(--color-ink);--text:var(--color-ink);--dim:#4f4c4c;
 --muted:#747474;--line:#d8d8d8;--line2:#c7c7c7;
 --blue:var(--color-ink);--blue-hover:#393535;
 --font:var(--font-interface);
 color-scheme:light;
}
html{background:var(--color-concrete);scroll-padding-top:90px}
body,#app{background:var(--color-concrete)!important;color:var(--color-ink);font-family:var(--font-interface)}
body{overflow-x:clip}
#app{background:var(--color-concrete)!important;color:var(--color-ink);min-width:0}
#app #main{background:var(--color-concrete);min-width:0}
#app .container,#app .nav-inner{width:min(1200px,calc(100% - (var(--layout-gutter) * 2)));margin-inline:auto}
#app :is(.dark-section,.light-section,.page-space,.detail-section,.meta-dashboard,.meta-signin,.event-page,.merch-page,.portfolio-public-detail,.portfolio-person-hero,.portfolio-person-work,.sponsor-section,.sponsor-feature,.site-footer,.wf-projects,.wf-designers,.wf-partner-band,.wf-last,.catalogue-page,.page-hero){color:var(--color-ink)}
#app :is(.light-section,.dark-section,.detail-section,.meta-dashboard,.meta-signin,.event-page,.merch-page,.portfolio-person-work,.sponsor-section,.sponsor-feature,.wf-projects,.wf-designers,.wf-partner-band,.wf-last,.catalogue-page,.page-hero){
 background-color:var(--color-concrete);background-image:none;
}
#app :is(h1,h2,h3,h4){font-family:var(--font-editorial);color:var(--color-ink);font-weight:500;text-wrap:balance}
#app :is(h1,h2,h3){letter-spacing:-.055em}
#app :is(.section-heading h2,.meta-sec-heading h2,.meta-admin-section-head h2,.portfolio-panel-head h3,.merch-products h2,.merch-cart h2,.sponsor-split h2,.sponsor-feature h2,.sponsor-contact h2){
 color:var(--color-ink);font-family:var(--font-editorial);font-weight:500;line-height:1.015;letter-spacing:-.053em;
}
#app :is(.muted,.copy,.hint,.portfolio-helper,.event-small,.merch-product p,.merch-cart-line small,.sponsor-opps p,.portfolio-panel-head p,.meta-dash-head p,.event-intro p,.merch-heading p,.site-footer p){color:var(--color-graphite)}
#app :is(.eyebrow,.section-eyebrow,.meta-kicker,.section-index,.label,.portfolio-editor-index,.project-card-number,.catalogue-meta,.hero-under,.event-meta span,.merch-product-top span){
 font-family:var(--font-technical);font-weight:400;letter-spacing:.025em;text-transform:uppercase;font-size:11px;line-height:1.5;color:#5d5a5a;
}
#app :is(.eyebrow.blue,.meta-kicker,.event-page .eyebrow){color:var(--color-graphite)}
#app p{line-height:1.48}
#app :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #4934e5;outline-offset:3px}
#app ::selection{background:var(--color-volt);color:var(--color-ink)}
#app :is(.page-space,.sponsor-section,.portfolio-person-work,.portfolio-public-hero){padding-block:var(--layout-section-space)}
#app :is(.page-hero,.sponsor-hero){padding-block:clamp(86px,10vw,160px) clamp(55px,7vw,102px)}
#app .page-hero .h-page,#app .sponsor-hero h1{font-size:clamp(54px,9vw,128px);line-height:.93;letter-spacing:-.064em}
#app .page-lead{max-width:56ch;color:var(--color-graphite);font-size:clamp(16px,1.55vw,19px)}
#app :is(.section-heading,.merch-heading,.meta-dash-head){margin-bottom:clamp(26px,3.8vw,48px)}
#app .section-heading h2{font-size:clamp(42px,5.3vw,80px);line-height:.98}
#app :is(.wf-partner-grid h2,.wf-last-grid h2,.sponsor-split h2){font-size:clamp(42px,5vw,74px);line-height:1.015;letter-spacing:-.052em}

/* Navigation: compact editorial bar that does not frame the hero. */
#app .site-nav{position:sticky;top:0;z-index:70;background:rgba(244,244,244,.98);border-bottom:1px solid #dedede;box-shadow:none;backdrop-filter:none}
#app .nav-inner{height:70px;gap:clamp(12px,2vw,27px)}
#app .logo{color:var(--color-ink);font-family:var(--font-editorial);font-weight:700;letter-spacing:-.055em}
#app .logo .wordmark-glyph{border-radius:var(--radius-ui);background:var(--color-obsidian);color:#f4f4f4;box-shadow:none;transform:none}
#app .logo small{color:#777}
#app .nav-links{gap:clamp(10px,1.45vw,22px);margin-left:0}
#app .nav-link{color:#4f4c4c;letter-spacing:-.015em;font-family:var(--font-interface)}
#app .nav-link:hover,#app .nav-link.active{color:var(--color-ink)}
#app .nav-link.active{text-decoration:none;box-shadow:inset 0 -1px var(--color-ink);padding-bottom:5px}
#app .studio-link{color:var(--color-ink)}
#app .menu-toggle{color:var(--color-ink);border:1px solid #ccc;background:var(--color-concrete)}
#app .nav-links.open{background:var(--color-concrete);border-color:#ccc;box-shadow:none}
#app .nav-sponsor{font-size:12px}

/* Controls: unified 5px geometry. Green for primary, ink for secondary. */
#app :is(.button,.meta-logout,.filter-pill,.admin-category-nav button,.menu-toggle,.merch-qty button,.merch-remove,.badge,.status-chip,.portfolio-small-tag,.optional-tag){
 border-radius:var(--radius-ui);box-shadow:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
#app .button{background:transparent;color:var(--color-ink);border:1px solid var(--color-ink);box-shadow:none;font-weight:600;letter-spacing:-.015em;min-height:44px;padding:11px 19px}
#app :is(.button.primary,.button.dark){background:var(--color-volt);color:var(--color-ink);border:1px solid #89db52;box-shadow:none}
#app :is(.button.primary,.button.dark):hover:not(:disabled){background:#8bea47;color:var(--color-ink);border-color:#69b936;box-shadow:none}
#app :is(.button.light,.button.ghost){background:transparent;border:1px solid var(--color-ink);color:var(--color-ink);box-shadow:none}
#app :is(.button.light,.button.ghost,.meta-logout,.filter-pill,.menu-toggle):hover:not(:disabled){background:var(--color-ash-gray);border-color:var(--color-ink);color:var(--color-ink);box-shadow:none}
#app .button:active:not(:disabled){transform:translateY(1px)}
#app .meta-logout{background:transparent;color:var(--color-ink);border-color:#bcbcbc}
#app .text-link,#app .meta-inline-link{color:var(--color-ink);border-bottom:1px solid currentColor;padding-bottom:3px}
#app :is(.badge,.portfolio-small-tag,.optional-tag){background:#e0e0e0;color:var(--color-ink);border:1px solid #ccc}
#app :is(.badge,.status-chip).active{background:var(--color-volt);color:var(--color-ink)}
/* A key-specific exception: retain visible high-contrast authentication identity. */
#app .meta-signin .button.primary,#app .meta-signin .button.dark,#app a[href="/api/auth/start"].button.primary{
 background:var(--color-ultraviolet);border-color:var(--color-ultraviolet);color:white;box-shadow:none;
}
#app .meta-signin .button.primary:hover,#app a[href="/api/auth/start"].button.primary:hover{background:#5230dc;border-color:#5230dc;color:#fff}

/* Full-width, unboxed, graphic hero — no image/logo tile. */
#app .wf-hero--immersive{background:var(--color-concrete);color:var(--color-ink);border:0;border-bottom:1px solid #dedede;min-height:clamp(670px,calc(100svh - 70px),900px)}
#app .wf-hero-backdrop{background:transparent}
#app .wf-hero-backdrop::before{background-image:radial-gradient(#bfbfbf .7px,transparent .8px);background-size:22px 22px;opacity:.26;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
#app .wf-hero-backdrop::after{background:linear-gradient(90deg,var(--color-concrete) 5%,rgba(244,244,244,.65) 57%,rgba(244,244,244,.10))}
#app .wf-hero-glow{background:radial-gradient(circle,rgba(104,64,255,.12),transparent 70%);opacity:.48}
#app .wf-hero-orbit{border:1px dashed #b8b8b8;opacity:.55}
#app .wf-hero-orbit--inner{border-color:#c9c9c9}
#app .wf-hero-sculpture{
 opacity:.78;right:-2%;top:9%;width:52%;height:82%;filter:none;
 background:linear-gradient(145deg,rgba(104,64,255,.8) 6%,rgba(104,64,255,.5) 39%,rgba(161,255,98,.82) 71%,rgba(161,255,98,.56));
 clip-path:polygon(14% 6%,51% 2%,80% 24%,100% 53%,70% 60%,42% 49%,24% 99%,0 89%,14% 47%);
 transform:rotate(-7deg);
}
#app .wf-hero-inner{padding:clamp(70px,10svh,128px) 0 28px}
#app .wf-hero-copy{max-width:900px}
#app .wf-hero h1{
 font-family:var(--font-editorial);font-size:clamp(58px,7.8vw,120px);
 letter-spacing:-.073em;line-height:.94;font-weight:500;
 color:var(--color-ink);background:none;-webkit-background-clip:initial;background-clip:initial;
 -webkit-text-fill-color:currentColor;text-shadow:none;margin:clamp(24px,4vw,55px) 0 28px;
}
#app .wf-hero h1 .wf-hero-title-line{white-space:nowrap}
#app .wf-hero p{color:var(--color-graphite);font-size:clamp(16px,1.45vw,20px);max-width:510px;line-height:1.45;text-shadow:none}
#app .wf-hero .eyebrow{color:var(--color-graphite);font-family:var(--font-technical);font-weight:400}
#app .wf-hero .hero-actions{gap:12px}
#app .wf-hero .hero-actions .button{border-radius:var(--radius-ui)}
#app .wf-hero .hero-actions .button.light{background:var(--color-concrete);color:var(--color-ink);border-color:var(--color-ink);backdrop-filter:none}
#app .wf-hero .hero-actions .button.light:hover{background:var(--color-bone);color:var(--color-ink)}
#app .wf-hero .hero-under{border-top:1px solid #bcbcbc;color:var(--color-graphite);gap:18px}

/* Screenshot-first gallery cards and split editorial bands. */
#app :is(.project-card,.designer-card,.category-card,.sponsor-opps>div,.sponsor-form,.sponsor-feature-media,
 .wf-empty,.wf-partner-mark,.catalogue-empty,.empty,.showcase-empty,.portfolio-public-share,
 .meta-dash-metrics>div,.meta-dash-sidebar,.portfolio-workspace,.portfolio-drop,
 .portfolio-project-row,.portfolio-checklist,.portfolio-no-projects,.portfolio-review-cover,
 .portfolio-preview-modal,.meta-crop-dialog,.meta-admin-section,.sponsor-admin,
 .admin-access-panel,.admin-access-row,.event-panel,.event-camera,.event-sandbox-status,
 .event-production-status,.event-stat-row>div,.event-party-summary,
 .merch-product,.merch-cart,.merch-empty,.merch-admin-product,.merch-admin-order,
 .merch-receipt,.merch-mode,#merch-order-detail,.merch-add-variant,
 .meta-signin-panel,.toast){
 background:var(--color-ash-gray);background-image:none;border:1px solid #dadada;
 border-radius:var(--radius-ui);box-shadow:none;color:var(--color-ink);
}
#app :is(.project-card,.designer-card,.category-card,.merch-product){overflow:hidden}
#app :is(.project-card,.designer-card):hover{border-color:#777;box-shadow:none}
#app .project-grid,#app .directory-grid,#app .category-grid,#app .merch-product-grid{gap:var(--layout-gap)}
#app .project-card-bottom,#app .designer-info{padding:clamp(18px,2.3vw,30px)}
#app .project-media,#app .designer-photo,#app .merch-image{background:#dedede}
#app :is(.project-number,.project-card-number){color:var(--color-graphite)}
#app .project-number{background:rgba(244,244,244,.95);border:1px solid #d8d8d8}
#app .card-title,#app .merch-product h3{color:var(--color-ink);font-family:var(--font-editorial);font-size:clamp(21px,2vw,29px);font-weight:500;letter-spacing:-.04em}
#app :is(.card-sub,.project-arrow,.designer-arrow,.category-card p){color:var(--color-graphite)}
#app :is(.wf-projects,.wf-designers,.wf-partner-band,.wf-last){border-top:1px solid #e0e0e0}
#app :is(.wf-partner-mark,.category-card){background:var(--color-obsidian);color:#f4f4f4;border-color:var(--color-obsidian)}
#app :is(.wf-partner-mark,.category-card) :is(h2,h3,strong,small,span,p){color:#f4f4f4}
#app .wf-partner-band .button{margin-top:16px}
#app .wf-empty{padding:clamp(22px,3.5vw,45px);gap:clamp(18px,3vw,38px)}
#app .wf-empty :is(h3,p,a),#app .catalogue-empty :is(h3,p,a){color:var(--color-ink)}
#app .catalogue-meta{border-color:#dedede}
#app .filter-pill{background:transparent;color:var(--color-ink);border:1px solid #b7b7b7}
#app .filter-pill:is(:hover,.selected){background:var(--color-obsidian);color:white;border-color:var(--color-obsidian)}
#app .filter-input{background:#eaeaea;color:var(--color-ink);border-color:#b8b8b8}

/* Uniform forms; never disguise native inputs or toggle widgets. */
#app :is(.form-control input,.form-control textarea,.form-control select,.sponsor-form input,.sponsor-form textarea,.sponsor-form select,
 .event-panel input:not([type="checkbox"]):not([type="file"]),.event-admin-grid input:not([type="checkbox"]):not([type="file"]),
 .event-panel select,.event-admin-grid select,.merch-variant-label select,#merch-checkout-form input,
 .merch-admin label input:not([type="checkbox"]):not([type="file"]),.merch-admin label textarea,.merch-admin label select,
 .event-gate-tools select,.admin-access-panel input,.portfolio-review-actions textarea,.filter-input){
 background:#f4f4f4;color:var(--color-ink);border:1px solid #bababa;box-shadow:none;border-radius:var(--radius-ui);padding:12px 14px;
}
#app :is(input,textarea,select){accent-color:#6840ff}
#app :is(input,textarea,select)::placeholder{color:#767676;opacity:1}
#app :is(input,textarea,select):focus{border-color:#6840ff}
#app :is(.event-panel label,.event-admin-grid label,.merch-variant-label,.merch-admin label,.form-control label){color:var(--color-ink)}
#app .metasys-checkbox-label{background:#eee;color:var(--color-ink);border-color:#c4c4c4;box-shadow:none;border-radius:var(--radius-ui)}
#app .metasys-checkbox-label:has(> input:checked){background:#e8f8dc;border-color:#77bd47}
#app .metasys-checkbox-label small,#app .light-section .metasys-checkbox-label small,#app .meta-dashboard .metasys-checkbox-label small{color:#5a5a5a}
#app input[type="checkbox"]{background:#fff;border:1px solid #767676;border-radius:3px}
#app input[type="checkbox"]:checked,#app input[type="checkbox"]:indeterminate{background:var(--color-ultraviolet);border-color:var(--color-ultraviolet)}
#app input[type="radio"]{border-radius:50%}

/* Auth, studio and committee are open, readable working surfaces. */
#app :is(.meta-signin-visual,.meta-dashboard,.meta-admin-section,.portfolio-workspace){background-image:none}
#app .meta-signin-visual{opacity:.08;pointer-events:none}
#app .meta-signin-panel{padding:clamp(22px,4vw,48px)}
#app :is(.meta-dash-head h1,.meta-signin h1,.event-intro h1,.event-centered h1,.event-gate-head h1,.merch-heading h1,.merch-receipt h1,.portfolio-public-hero h1,.portfolio-person-hero h1,.sponsor-hero h1){
 color:var(--color-ink);font-family:var(--font-editorial);font-weight:500;line-height:.98;background:none;
 -webkit-text-fill-color:currentColor;-webkit-background-clip:initial;background-clip:initial;
}
#app .meta-dashboard{padding-block:clamp(52px,7vw,100px)}
#app .meta-dash-head h1,#app .merch-heading h1{font-size:clamp(44px,5vw,76px)}
#app .meta-dash-metrics{margin:clamp(22px,3.4vw,45px) 0;gap:var(--layout-gap)}
#app .meta-dash-metrics>div{padding:var(--layout-card-pad)}
#app .meta-dash-metrics strong{color:var(--color-ink);font-family:var(--font-editorial);font-weight:500}
#app .meta-dash-sidebar>button{color:var(--color-ink)}
#app .meta-dash-sidebar>button:is(.active,:hover){background:#d9d9d9;color:var(--color-ink)}
#app .meta-admin-section-head h2{color:var(--color-ink)}
#app .meta-admin-row,#app .admin-access-row{border-color:#d0d0d0}
#app .meta-admin-row strong,#app .admin-access-row strong{color:var(--color-ink)}
#app .admin-category-nav{gap:8px;padding-block:8px 15px;scrollbar-color:#b7b7b7 transparent}
#app .admin-category-nav button{color:var(--color-graphite);background:transparent;border:1px solid #ccc;box-shadow:none;min-height:44px;padding:11px 15px}
#app .admin-category-nav button:is(:hover,.active){color:#fff;background:var(--color-obsidian);border:1px solid var(--color-obsidian);box-shadow:none}
#app .admin-tab-panel{min-width:0}
#app .sponsor-facts,#app .sponsor-feature{background:var(--color-concrete);border-color:#dedede}
#app .sponsor-opps>div{padding:var(--layout-card-pad)}
#app .facts-grid>div{border-color:#d8d8d8}
#app .facts-grid strong{color:var(--color-ink)}
#app .sponsor-feature-media{padding:12px}
#app .sponsor-feature-media img{border-radius:var(--radius-ui)}

/* Event / gate: maintain white QR art and prominent success/error alerts. */
#app .event-page{padding-block:clamp(56px,7.5vw,108px)}
#app .event-layout,#app .event-gate-grid{gap:var(--layout-gap)}
#app .event-panel{padding:var(--layout-card-pad)}
#app .event-panel h2{color:var(--color-ink);font-family:var(--font-editorial);font-weight:500}
#app .event-party-summary{background:#e0e0e0;color:var(--color-ink);border:1px solid #ccc}
#app .event-rate-intro{color:var(--color-graphite)}
#app .event-camera{background:#151313;border-color:#454545;overflow:hidden}
#app #event-camera-state{background:rgba(21,19,19,.86);color:#fff}
#app .event-production-status{background:#e2e2e2;border-color:#ccc;color:var(--color-ink)}
#app .event-sandbox-status{background:#24211a;color:#ffdf97;border-color:#8f7743}
#app .event-pass-qr{background:#fff!important;border:1px solid #ddd;border-radius:var(--radius-ui);padding:18px}
#app #event-scan-result.event-scan-success{background:#102b1e;color:#c5f9dc;border-color:#308755}
#app #event-scan-result.event-scan-duplicate{background:#2a2213;color:#f6e2ab;border-color:#a88435}
#app #event-scan-result.event-scan-error{background:#2b1616;color:#f6c7c7;border-color:#a34848}
#app #event-scan-result.event-scan-ready{background:#e4e4e4;color:var(--color-ink);border-color:#ccc}

/* Merchandise: clean product catalog and legible order history. */
#app .merch-page{padding-block:clamp(60px,8vw,116px);background:var(--color-concrete)}
#app .merch-heading{border-color:#dedede}
#app .merch-mode,#app .merch-admin-note{color:var(--color-ink);border:1px solid #d2d2d2;background:#eaeaea}
#app .merch-product{background:#eaeaea}
#app .merch-image{background:#e1e1e1}
#app .merch-no-image{background:#e1e1e1;border:0;box-shadow:none}
#app .merch-no-image span{color:var(--color-ink)}
#app .merch-product-body{padding:var(--layout-card-pad);gap:16px}
#app .merch-cart{background:#eaeaea;backdrop-filter:none;padding:var(--layout-card-pad)}
#app .merch-product-top h3{color:var(--color-ink)}
#app .merch-product-top span,#app .merch-cart-heading span{color:var(--color-graphite)}
#app .merch-cart-line,#app .merch-admin-product,#app .merch-admin-variants,#app .merch-admin-order{border-color:#ccc}
#app .merch-qty button{color:var(--color-ink);background:#f4f4f4;border-color:#bdbdbd}
#app .merch-admin :is(h3,strong),#app .merch-admin-product summary,#app .merch-receipt-total{color:var(--color-ink)}
#app .merch-admin-product{background:#eaeaea;padding:var(--layout-card-pad);margin:12px 0;box-shadow:none}
#app .merch-admin-order{background:transparent;box-shadow:none}
#app .merch-admin-order p,#app .merch-admin-order small{color:var(--color-graphite)}
#app .merch-checkout-notice{color:var(--color-graphite)}

/* Footer: intentional inverse section, no glass gradients. */
#app .site-footer{background:var(--color-obsidian);color:#f4f4f4;border-top:0;padding-top:clamp(60px,7vw,104px);background-image:none}
#app .site-footer :is(h2,h3,h4,.footer-brand p,.footer-links strong,.footer-wordmark,.footer-brand .footer-wordmark){color:#f4f4f4}
#app .site-footer :is(.footer-links a,.footer-note,.meta-footer-bottom,.footer-wordmark span){color:#b8b8b8}
#app .site-footer .footer-links a:hover{color:#fff}
#app .meta-footer-bottom{border-color:#4f4c4c}
#app .toast{background:#151313;color:#f4f4f4;border-color:#4f4c4c;box-shadow:none}

/* Breakpoints are ordered desktop -> tablet -> phone; no horizontal overflow. */
@media(min-width:1101px){
 #app .project-grid .project-card:nth-child(3n+1){transform:rotate(-.45deg)}
 #app .project-grid .project-card:nth-child(3n+2){transform:rotate(.45deg)}
 #app .project-grid .project-card:nth-child(3n){transform:rotate(-.25deg)}
 #app .project-grid .project-card:hover{transform:rotate(0) translateY(-5px)}
}
@media(max-width:1100px){
 #app .nav-links.open{background:var(--color-concrete);border:1px solid #ccc}
 #app .nav-inner{gap:12px}
 #app .wf-hero-sculpture{width:62%;right:-13%;opacity:.46}
}
@media(max-width:900px){
 :root{--layout-section-space:clamp(60px,9vw,92px)}
 #app .wf-hero--immersive{min-height:clamp(620px,85svh,820px)}
 #app .wf-hero h1{font-size:clamp(52px,8.3vw,78px)}
 #app .wf-hero-sculpture{opacity:.23;width:72%}
 #app .footer-inner{gap:24px}
}
@media(max-width:700px){
 :root{--layout-gutter:clamp(16px,4.8vw,24px);--layout-gap:16px;--layout-section-space:64px;--layout-card-pad:20px}
 #app .nav-inner{height:64px}
 #app .nav-links.open{box-shadow:none}
 #app .wf-hero--immersive{min-height:clamp(620px,86svh,780px)}
 #app .wf-hero-inner{padding:clamp(55px,9svh,90px) 0 26px}
 #app .wf-hero h1{font-size:clamp(44px,9vw,64px);margin:28px 0 24px}
 #app .wf-hero-sculpture{opacity:.16;width:100%;right:-32%;top:16%}
 #app .wf-hero p{max-width:41ch}
 #app .section-heading h2{font-size:clamp(38px,9vw,60px)}
 #app .page-hero .h-page,#app .sponsor-hero h1{font-size:clamp(45px,10vw,75px)}
 #app .meta-dash-metrics{gap:12px}
 #app .admin-category-nav{gap:7px}
}
@media(max-width:480px){
 :root{--layout-gutter:16px;--layout-gap:14px;--layout-card-pad:18px;--layout-section-space:60px}
 #app .nav-inner{height:62px}
 #app .wf-hero--immersive{min-height:clamp(595px,84svh,710px)}
 #app .wf-hero h1{font-size:clamp(36px,9.1vw,45px);letter-spacing:-.062em;line-height:1.03}
 #app .wf-hero h1 .wf-hero-title-line{white-space:nowrap}
 #app .wf-hero .hero-actions{gap:9px}
 #app .wf-hero .hero-actions .button{min-height:45px}
 #app .wf-hero-sculpture{opacity:.12}
 #app .page-hero .h-page,#app .sponsor-hero h1{font-size:clamp(40px,10.4vw,56px)}
 #app .event-panel,#app .merch-cart,#app .merch-product-body{padding:18px}
 #app .section-heading{gap:14px}
 #app .admin-category-nav button{padding-inline:12px}
}
@media(max-width:350px){
 #app .wf-hero h1{font-size:clamp(33px,9vw,37px)}
 #app .studio-link{font-size:10px}
 #app .nav-end{gap:5px}
}
@media(prefers-reduced-motion:reduce){
 #app :is(.project-card,.designer-card,.category-card,.merch-product,.button){transform:none!important;transition:none!important}
}