/*
 METASYS / STUDIO MARKET — CREATIVE STOREFRONT REDESIGN
 Inspired by the structure of curated craft retail: tactile colour,
 generous breathing room, bold imagery, clear paths and a friendly tone.
 No images, code or branding copied from the source template.
 Preserves every METASYS operating feature, admin field guide and no-effects rule.
*/
:root{
 --craft-paper:#faf8f2;
 --craft-cream:#f4f0e7;
 --craft-peach:#f4d9ca;
 --craft-lilac:#e1d8ed;
 --craft-sage:#dce8d9;
 --craft-butter:#f7e9b4;
 --craft-coral:#ad442e;
 --craft-ink:#211d1a;
 --craft-muted:#45403b;
 --craft-line:#d3cec5;
 --craft-radius:14px;
 --craft-gutter:clamp(18px,4.4vw,78px);
 --craft-font:'Space Grotesk','Inter',Arial,sans-serif;
 --craft-copy:'Inter',Arial,sans-serif;
 --craft-section:clamp(70px,8vw,130px);
 --radius-ui:14px;
}
html{scroll-padding-top:94px}
body,#app{background:var(--craft-paper);color:var(--craft-ink)}
#app .container{width:min(1490px,calc(100% - var(--craft-gutter) - var(--craft-gutter)));max-width:1490px}
#app .page-space{padding-block:var(--craft-section)}
#app :is(h1,h2,h3,h4){font-family:var(--craft-font);color:var(--craft-ink);letter-spacing:-.055em}
#app :is(p,li,label,small){font-family:var(--craft-copy);color:var(--craft-ink)}
#app :is(.meta-kicker,.eyebrow,.section-label,.home-journey-number,.project-card-number,.catalogue-meta,.meta-side-note strong,.portfolio-case-kicker){color:var(--craft-ink);letter-spacing:.03em;font-weight:600}
#app :is(.button,button,input,select,textarea,.project-card,.designer-card,.event-panel,.merch-product,.portfolio-workspace,.meta-admin-section,.companion-editor,.sponsor-opps>div,.home-journey,.lab-panel){border-radius:var(--craft-radius)}
#app :is(input,textarea,select){border-color:#9d978d}
#app :is(.button.primary,.button.dark){background:var(--craft-ink)!important;border:1px solid var(--craft-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;min-height:50px;padding:13px 23px}
#app .button.light{background:#fff!important;color:var(--craft-ink)!important;border:1px solid #96918a!important;min-height:50px;padding:13px 22px}
#app .button:focus-visible,#app a:focus-visible,#app button:focus-visible{outline:3px solid #6c3fce;outline-offset:3px}
#app :is(.button.primary,.button.dark,.button.light):hover{box-shadow:none!important}
#app .site-nav{background:#fffaf7;border-bottom:1px solid #e0dbd2}
#app .nav-inner{height:78px;width:min(1490px,calc(100% - var(--craft-gutter) - var(--craft-gutter)))}
#app .logo{font-family:var(--craft-font);font-size:17px;letter-spacing:-.055em;color:var(--craft-ink)}
#app .logo .wordmark-glyph{border-radius:var(--craft-radius);background:var(--craft-ink)}
#app .logo small{color:#4c4840}
#app .nav-links{gap:clamp(11px,1.9vw,32px)}
#app .nav-link{font-size:13px;color:var(--craft-ink);font-weight:600;min-height:54px;border-radius:0}
#app .nav-link.active,#app .nav-group.is-current>.nav-link{border-bottom-color:var(--craft-coral)}
#app .nav-rsvp{border-radius:var(--craft-radius);background:var(--craft-coral)!important;border-color:var(--craft-coral)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700;min-height:45px;padding:12px 19px}
#app .studio-link{font-weight:600;color:var(--craft-ink);font-size:12px}
#app .nav-group.has-subnav>.nav-mobile-sub{background:#fffaf7;border:1px solid var(--craft-line);border-top:0;border-radius:0 0 var(--craft-radius) var(--craft-radius)}
#app .nav-mobile-link{color:var(--craft-ink)!important}
#app .nav-mobile-link:is(:hover,.active){background:var(--craft-peach)!important;color:var(--craft-ink)!important}
#app .nav-group.has-subnav>.nav-mobile-sub>.nav-mobile-link{font-size:13px;min-height:43px;padding:12px 15px}
#app .craft-announcement{background:var(--craft-ink);color:#fff}
#app .craft-announcement-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
#app .craft-announcement-inner :is(span,a){color:#fff;font-size:10px;line-height:1.25;letter-spacing:.075em;font-weight:600}
#app .craft-announcement-inner a{text-decoration:underline;text-underline-offset:3px}
/* FULL BLEED FEATURE: all text and visual treatment belongs to the hero itself. */
#app .wf-hero--immersive.craft-hero{position:relative;background:var(--craft-peach);min-height:initial;color:var(--craft-ink);border-bottom:0}
#app .craft-hero .wf-hero-backdrop{background:transparent}
#app .wf-hero-inner.craft-hero-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);column-gap:clamp(24px,6vw,100px);row-gap:35px;align-items:center;
 min-height:clamp(560px,70vw,760px);padding-block:clamp(50px,5vw,85px) 30px}
#app .craft-hero .wf-hero-copy{max-width:900px;align-self:center;padding-block:25px}
#app .craft-kicker{display:flex;align-items:center;gap:10px;color:var(--craft-ink);font-size:11px;font-weight:700;letter-spacing:.05em}
#app .craft-kicker-dot{width:9px;height:9px;border-radius:50%;background:var(--craft-coral);flex:0 0 9px}
#app .craft-hero .wf-hero-copy h1{font-size:clamp(57px,7vw,117px);line-height:.94;letter-spacing:-.087em;margin:27px 0 26px;color:var(--craft-ink)}
#app .craft-hero .wf-hero-copy .wf-hero-title-line{white-space:normal;color:var(--craft-ink)!important}
#app .craft-title-mark{color:#b94631}
#app .craft-hero .wf-hero-copy p{font-size:clamp(16px,1.55vw,20px);line-height:1.63;color:var(--craft-ink);max-width:480px;margin-bottom:29px}
#app .craft-hero .hero-actions{display:flex;flex-wrap:wrap;gap:11px}
#app .craft-hero .hero-actions .button{border-radius:var(--craft-radius);padding:16px 23px;font-size:13px;min-height:53px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px}
#app .craft-hero .hero-actions .button.primary{background:var(--craft-ink)!important;border-color:var(--craft-ink)!important;color:#fff!important}
#app .craft-hero .hero-actions .button.light{background:#fffaf5!important;border-color:#786d63!important}
#app .craft-hero-proof{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:35px;padding-top:17px;border-top:1px solid #c5a99d}
#app .craft-hero-proof span{font-size:10px;color:var(--craft-ink);font-weight:600;letter-spacing:.025em}
#app .craft-hero-display{position:relative;align-self:stretch;display:flex;min-height:430px;align-items:stretch;max-width:100%;padding:0 18px 30px 0}
#app .craft-hero-image,#app .craft-hero-placeholder{position:relative;display:flex;flex:1;min-width:0;min-height:430px;overflow:hidden;background:var(--craft-cream);border-radius:var(--craft-radius);border:1px solid #d0a996}
#app .craft-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block;filter:none;transform:none}
#app .craft-image-caption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:8px;flex-direction:column;padding:15px 18px;background:#fffaf3;max-width:calc(100% - 32px);border-radius:var(--craft-radius)}
#app .craft-image-caption span{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--craft-ink)}
#app .craft-image-caption strong{font-size:19px;font-weight:600;color:var(--craft-ink);overflow-wrap:anywhere}
#app .craft-hero-placeholder{background:var(--craft-sage);padding:clamp(23px,3vw,43px);flex-direction:column;justify-content:space-between;gap:17px;border:1px solid #b1bcae}
#app .craft-art-corner{font:700 11px/1.5 var(--craft-copy);letter-spacing:.08em;color:var(--craft-ink)}
#app .craft-art-word{font:700 clamp(48px,6.1vw,94px)/.91 var(--craft-font);letter-spacing:-.089em;color:var(--craft-ink)}
#app .craft-art-bottom{display:flex;justify-content:space-between;gap:16px;align-items:end;border-top:2px solid var(--craft-ink);padding-top:16px}
#app .craft-art-bottom span{font-size:10px;letter-spacing:.05em;font-weight:700;color:var(--craft-ink)}
#app .craft-art-bottom strong{font:700 clamp(36px,3vw,57px)/1 var(--craft-font);color:var(--craft-ink)}
#app .craft-sticker{position:absolute;right:-5px;bottom:2px;width:115px;height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;z-index:2;
 border-radius:50%;background:var(--craft-butter);border:2px solid var(--craft-ink);color:var(--craft-ink);text-align:center;transform:none}
#app .craft-sticker strong{color:var(--craft-ink);font-size:47px;line-height:1;font-weight:700;letter-spacing:-.07em}
#app .craft-sticker span{color:var(--craft-ink);font-size:9px;line-height:1.22;font-weight:700;letter-spacing:.035em}
#app .craft-hero .hero-under{grid-column:1/-1;border-color:#c7b0a4;color:var(--craft-ink);font-size:10px;padding-top:15px;margin-top:0}
#app .craft-editorial-strip{background:var(--craft-ink);color:#fff}
#app .craft-editorial-strip .home-ticker-inner{min-height:59px}
#app .craft-editorial-strip span,#app .craft-editorial-strip a{color:#fff}
#app .craft-editorial-strip span{letter-spacing:.075em}
/* COLOURFUL "SHOP BY CATEGORY" CARDS */
#app .home-journeys.craft-category-section{background:var(--craft-paper);padding:var(--craft-section) 0}
#app .craft-category-section .home-journeys-head{margin-bottom:35px;align-items:end}
#app .craft-category-section .home-journeys-head h2{font-size:clamp(43px,5.7vw,90px);line-height:.99;margin:12px 0 0;letter-spacing:-.075em;color:var(--craft-ink)}
#app .craft-category-section .home-journeys-head p{font-size:15px;line-height:1.65;max-width:300px;color:var(--craft-muted)}
#app .craft-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#app .home-journey.craft-category-card{min-height:340px;padding:25px 23px 23px;border:1px solid #ddd1c5;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:10px;
 border-radius:var(--craft-radius);color:var(--craft-ink);overflow:hidden}
#app .craft-peach{background:var(--craft-peach)!important}
#app .craft-lilac{background:var(--craft-lilac)!important}
#app .craft-sage{background:var(--craft-sage)!important}
#app .craft-butter{background:var(--craft-butter)!important}
#app .craft-category-card .home-journey-number{font-size:10px;color:var(--craft-ink);letter-spacing:.035em}
#app .craft-category-symbol{font:500 clamp(57px,6.4vw,115px)/1 var(--craft-font);align-self:center;color:var(--craft-ink)}
#app .craft-category-card h3{font-size:clamp(22px,2.3vw,35px);letter-spacing:-.07em;line-height:1.08;margin:0 0 8px;color:var(--craft-ink)}
#app .craft-category-card p{font-size:12px;color:var(--craft-ink);line-height:1.5}
#app .craft-category-card .home-journey-arrow{color:var(--craft-ink);font-size:12px;font-weight:700;align-self:flex-start;white-space:normal}
/* PRODUCT-SHELF TREATMENT FOR APPROVED PORTFOLIOS */
#app .craft-featured{background:#fffdf9}
#app .section-heading{display:flex;gap:25px;justify-content:space-between;align-items:end;margin-bottom:39px}
#app .section-heading h2{font-size:clamp(44px,5.4vw,82px);line-height:1.02;letter-spacing:-.074em;color:var(--craft-ink);font-weight:600}
#app .craft-section-aside{display:grid;gap:15px;justify-items:start;max-width:280px;margin-bottom:6px}
#app .craft-section-aside p{font-size:14px;line-height:1.7;color:var(--craft-muted)}
#app .craft-section-aside .text-link{font-size:13px;color:var(--craft-ink)!important;text-decoration:underline;text-underline-offset:4px}
#app .craft-products-grid,#app .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#app .project-card{border-radius:var(--craft-radius);background:#fff;border:1px solid var(--craft-line);overflow:hidden;min-width:0}
#app .project-card:nth-child(4n+1){background:#f8ece5}
#app .project-card:nth-child(4n+2){background:#f0ecf6}
#app .project-card:nth-child(4n+3){background:#eaf2e7}
#app .project-card:nth-child(4n+4){background:#fff5d8}
#app .project-card .project-media{aspect-ratio:1.15;background:#ebe6df;overflow:hidden;border-radius:0}
#app .project-card .project-media img{width:100%;height:100%;object-fit:cover;display:block}
#app .project-card .project-number{position:absolute;background:#fffaf4;color:var(--craft-ink);border:1px solid #d6cbc0;border-radius:var(--craft-radius)}
#app .project-card .project-card-bottom{min-height:160px;padding:20px 23px 25px;gap:14px;align-items:end}
#app .project-card .project-card-number{font-size:10px;letter-spacing:.03em;color:var(--craft-ink);font-weight:600}
#app .project-card .card-title{font-size:clamp(22px,2.5vw,37px);color:var(--craft-ink);font-weight:600;line-height:1.06;margin:11px 0 8px}
#app .project-card .card-sub{font-size:12px;color:var(--craft-muted)}
#app .project-card .project-arrow{color:var(--craft-ink);font-size:23px}
#app .craft-featured .craft-after-grid{margin-top:27px;padding-top:20px;border-top:1px solid var(--craft-line);display:flex;align-items:center;justify-content:space-between;gap:20px}
#app .craft-featured .craft-after-grid span{font-size:10px;color:var(--craft-muted);font-weight:600;letter-spacing:.07em}
#app .craft-featured .craft-after-grid a{font-size:13px;font-weight:700;color:var(--craft-ink);text-decoration:underline;text-underline-offset:3px}
#app .wf-empty.craft-empty{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius);min-height:260px;padding:clamp(26px,4vw,54px)}
#app .craft-empty h3{font-size:clamp(30px,3.4vw,52px);line-height:1.06;color:var(--craft-ink)}
/* "EDITORIAL COLLECTION" FEATURE PANEL */
#app .companion-home.craft-visit-feature{background:var(--craft-sage);border:0}
#app .craft-visit-feature .companion-home-grid{grid-template-columns:minmax(0,1fr) minmax(285px,.67fr);gap:clamp(25px,6vw,110px);align-items:center}
#app .craft-visit-feature h2{font-size:clamp(52px,6.2vw,100px);letter-spacing:-.078em;line-height:.97;margin:18px 0;color:var(--craft-ink)}
#app .craft-visit-feature p{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--craft-ink);max-width:51ch}
#app .craft-visit-feature .companion-home-links{border-top:1px solid #8e9f90}
#app .craft-visit-feature .companion-home-links .button{min-height:70px;display:flex;justify-content:space-between;gap:10px;border:0!important;border-bottom:1px solid #8e9f90!important;
 background:transparent!important;color:var(--craft-ink)!important;font-size:14px;font-weight:700;padding:19px 0;border-radius:0!important}
#app .craft-visit-feature .companion-home-links .button:first-child{color:var(--craft-ink)!important}
/* PEOPLE / DESIGNER PORTRAIT CARDS */
#app .wf-designers.craft-designers{background:var(--craft-cream)}
#app .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#app .designer-card{border-radius:var(--craft-radius);border:1px solid var(--craft-line);overflow:hidden;background:#fff}
#app .designer-card .designer-photo{aspect-ratio:4/4.7;background:#e0ddd5}
#app .designer-card:nth-child(3n+2){background:var(--craft-lilac)}
#app .designer-card:nth-child(3n+3){background:var(--craft-peach)}
#app .designer-card .designer-info{padding:24px;min-height:95px}
#app .designer-info strong{color:var(--craft-ink);font-size:18px}
#app .designer-info span{color:var(--craft-muted)!important}
#app .designer-info .designer-arrow{color:var(--craft-ink)!important}
/* PARTNERS + BOTTOM CTA */
#app .wf-partner-band.craft-partner{background:var(--craft-butter);color:var(--craft-ink)}
#app .craft-partner .wf-partner-grid{gap:clamp(25px,6vw,100px);grid-template-columns:minmax(0,1.3fr) minmax(250px,.53fr)}
#app .craft-partner :is(.eyebrow,h2,p,.wf-partner-mark span,.wf-partner-mark strong,.wf-partner-mark small){color:var(--craft-ink)!important}
#app .craft-partner h2{font-size:clamp(48px,6.2vw,101px);font-weight:600;line-height:.96}
#app .craft-partner p{font-size:17px;line-height:1.7;max-width:55ch;color:var(--craft-ink)}
#app .craft-partner .wf-partner-mark{border-radius:var(--craft-radius);background:#fffbef;border:1px solid #d4c793;padding:26px;min-height:320px}
#app .craft-partner .wf-partner-mark strong{font-size:clamp(110px,13vw,205px);line-height:.9;color:var(--craft-ink)}
#app .craft-partner .button.primary{background:var(--craft-ink)!important;border-color:var(--craft-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .wf-last.craft-closing{background:var(--craft-lilac);border:0}
#app .craft-closing h2{font-size:clamp(50px,6.9vw,110px);color:var(--craft-ink);line-height:.99}
#app .craft-closing p{color:var(--craft-ink);font-size:17px;max-width:42ch}
#app .craft-closing .button{margin-top:18px}
/* SITEWIDE PAGE HEADERS: STORE-COLLECTION LANGUAGE, NOT ECOMMERCE DATA */
#app .page-hero{background:var(--craft-cream);padding:clamp(70px,7vw,126px) 0 clamp(45px,5vw,90px);border-bottom:1px solid var(--craft-line)}
#app .page-hero>.container{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.52fr);align-items:end;gap:18px 70px}
#app .page-hero .h-page{font-size:clamp(55px,9.2vw,153px);line-height:.93;letter-spacing:-.09em;color:var(--craft-ink)}
#app .page-hero .page-lead{font-size:clamp(16px,1.55vw,20px);line-height:1.62;color:var(--craft-ink);border-top:3px solid var(--craft-coral);padding-top:18px;max-width:38ch}
#app .catalogue-page{background:var(--craft-paper);padding-block:clamp(35px,4vw,72px) var(--craft-section)}
#app .filterbar{border-color:var(--craft-line)}
#app .filter-pill{border:1px solid #b5ada4;border-radius:var(--craft-radius);background:#fff;color:var(--craft-ink);font-size:12px;padding:11px 15px}
#app .filter-pill:is(.selected,:hover){background:var(--craft-ink);border-color:var(--craft-ink);color:#fff}
#app .filterbar .filter-input{min-height:48px}
#app .catalogue-meta{color:var(--craft-muted);padding:20px 0 30px}
#app .catalogue-empty{border:1px solid var(--craft-line);background:var(--craft-cream);border-radius:var(--craft-radius);min-height:275px}
#app .catalogue-empty :is(h3,p,a){color:var(--craft-ink)}
#app .catalogue-empty h3{font-size:clamp(30px,3vw,53px)}
/* STUDENT CASE STUDIES, PORTRAITS, VISITOR GUIDES */
#app .portfolio-public-hero{background:var(--craft-lilac);color:var(--craft-ink)}
#app .portfolio-person-hero{background:var(--craft-peach);color:var(--craft-ink)}
#app .portfolio-public-hero h1,#app .portfolio-person-hero h1{color:var(--craft-ink)}
#app .portfolio-public-cover{background:var(--craft-paper)}
#app .portfolio-case-section{background:var(--craft-paper);border-color:var(--craft-line)}
#app .portfolio-case-section:nth-of-type(even){background:var(--craft-cream)}
#app .portfolio-public-gallery{background:var(--craft-sage)}
#app .portfolio-public-image-grid figure{border-radius:var(--craft-radius);overflow:hidden;border:1px solid #b7c6b4}
#app .portfolio-public-next{background:var(--craft-butter)}
#app .portfolio-person-work{background:var(--craft-paper)}
#app .portfolio-public-meta{border-color:#bbaec1}
#app .portfolio-case-section :is(h2,p,.portfolio-case-kicker){color:var(--craft-ink)}
#app .visit-grid{gap:clamp(25px,8vw,130px)}
#app .visit-facts>div{border-color:var(--craft-line);gap:22px}
#app .visit-step{border-color:var(--craft-line)}
#app .visit-step :is(span,strong,p){color:var(--craft-ink)}
#app .detail-section{background:var(--craft-paper)}
/* SPONSORSHIP: EDITORIAL WITH CRAFT-STORE COLOUR BLOCKS */
#app .sponsor-page{background:var(--craft-paper);color:var(--craft-ink)}
#app .sponsor-hero{background:var(--craft-butter);border-bottom:0;padding-block:clamp(65px,8vw,130px)}
#app .sponsor-hero :is(h1,p,.eyebrow){color:var(--craft-ink)}
#app .sponsor-facts{background:var(--craft-ink)}
#app .sponsor-facts :is(span,strong){color:#fff}
#app .sponsor-section{background:var(--craft-paper);border-color:var(--craft-line)}
#app .sponsor-section:nth-of-type(even){background:var(--craft-cream)}
#app .sponsor-opps{gap:17px}
#app .sponsor-opps>div{border-radius:var(--craft-radius);border:1px solid var(--craft-line);background:#fff;padding:clamp(24px,3vw,44px)}
#app .sponsor-opps>div:nth-child(3n+1){background:var(--craft-peach)}
#app .sponsor-opps>div:nth-child(3n+2){background:var(--craft-lilac)}
#app .sponsor-opps>div:nth-child(3n+3){background:var(--craft-sage)}
#app .sponsor-opps :is(h3,p,span){color:var(--craft-ink)}
#app .sponsor-contact,#app .sponsor-inquiry{background:var(--craft-cream);color:var(--craft-ink)}
#app .sponsor-inquiry input,#app .sponsor-inquiry textarea,#app .sponsor-inquiry select{background:#fff;color:var(--craft-ink)}
/* EXHIBITION / FLOOR PLAN / PROGRAMME */
#app .companion-page{background:var(--craft-paper)}
#app .companion-heading h1{color:var(--craft-ink)}
#app .companion-heading p{color:var(--craft-muted);border-top:3px solid var(--craft-coral)}
#app .companion-empty{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .companion-floor-image{border-radius:var(--craft-radius);border:1px solid var(--craft-line);overflow:hidden}
#app .companion-floor-image figcaption{background:#fffaf4}
#app .companion-venue{color:var(--craft-ink)}
#app .companion-favourite-grid a{background:#fff;border-radius:var(--craft-radius);border:1px solid var(--craft-line)}
#app .companion-session{border-color:var(--craft-line)}
#app .companion-archive-item{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius);color:var(--craft-ink)}
#app .companion-archive-item:nth-child(3n+1){background:var(--craft-peach)}
#app .companion-archive-item:nth-child(3n+2){background:var(--craft-sage)}
#app .companion-archive-item:nth-child(3n+3){background:var(--craft-lilac)}
/* RSVP + QR GATE + PASSES: retain concrete functional layout */
#app .event-page{background:var(--craft-paper);color:var(--craft-ink)}
#app .event-intro h1{color:var(--craft-ink)}
#app .event-intro p{color:var(--craft-muted)}
#app .event-meta{border-color:var(--craft-line)}
#app .event-panel{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius);padding:clamp(21px,3vw,44px)}
#app .event-panel h2,#app .event-panel label{color:var(--craft-ink)}
#app .event-category-grid label{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .event-party-summary{background:var(--craft-sage);border:1px solid #a9b8a5;border-radius:var(--craft-radius)}
#app .event-camera{border-radius:var(--craft-radius);background:#171414;color:#fff}
#app .event-pass-qr,#app .event-payqr{background:#fff!important}
/* SHOP: VISIBLE COLLECTION CARDS AND USEFUL STICKY CART */
#app .merch-page{background:var(--craft-paper)}
#app .merch-heading{border-color:var(--craft-line)}
#app .merch-heading h1{color:var(--craft-ink)}
#app .merch-mode{background:var(--craft-butter);border:1px solid #ddcb88;border-radius:var(--craft-radius)}
#app .merch-product-grid{gap:17px}
#app .merch-product{border:1px solid var(--craft-line);border-radius:var(--craft-radius);overflow:hidden;background:#fff}
#app .merch-product:nth-child(4n+1){background:var(--craft-peach)}
#app .merch-product:nth-child(4n+2){background:var(--craft-lilac)}
#app .merch-product:nth-child(4n+3){background:var(--craft-sage)}
#app .merch-product:nth-child(4n+4){background:var(--craft-butter)}
#app .merch-image{background:#fff9ee;aspect-ratio:1.1}
#app .merch-product-body{padding:clamp(19px,2.4vw,30px)}
#app .merch-product h3{color:var(--craft-ink);font-size:clamp(22px,2.3vw,34px)}
#app .merch-cart{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius);top:95px}
#app .merch-cart-heading{border-color:var(--craft-line)}
#app .merch-checkout-notice{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .merch-order-status{border-radius:var(--craft-radius)}
/* ADMIN / STUDENT / EXHIBITION EDITORS: functional, warm and clear */
#app .meta-dashboard{background:var(--craft-paper);color:var(--craft-ink)}
#app .meta-dash-head{border-color:var(--craft-line)}
#app .meta-dash-head h1{color:var(--craft-ink)}
#app .meta-dash-head p{color:var(--craft-muted)}
#app .meta-dash-metrics{gap:15px}
#app .meta-dash-metrics>div{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .meta-dash-metrics>div:nth-child(4n+1){background:var(--craft-peach)}
#app .meta-dash-metrics>div:nth-child(4n+2){background:var(--craft-lilac)}
#app .meta-dash-metrics>div:nth-child(4n+3){background:var(--craft-sage)}
#app .meta-dash-metrics>div:nth-child(4n+4){background:var(--craft-butter)}
#app .meta-dash-metrics :is(span,strong){color:var(--craft-ink)}
#app .meta-dash-sidebar{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .meta-dash-sidebar button.active{background:var(--craft-peach);color:var(--craft-ink)}
#app .portfolio-workspace{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .portfolio-editor{background:var(--craft-cream);border-color:var(--craft-line);border-radius:var(--craft-radius)}
#app .portfolio-project-row{border-radius:var(--craft-radius);background:#fff;border:1px solid var(--craft-line)}
#app .portfolio-project-row:nth-child(even){background:var(--craft-cream)}
#app .portfolio-checklist{background:var(--craft-sage);border:1px solid #c2d0be;border-radius:var(--craft-radius)}
#app .portfolio-drop{background:var(--craft-cream);border:1px dashed #aaa19b;border-radius:var(--craft-radius);color:var(--craft-ink)}
#app .meta-signin{background:var(--craft-peach)}
#app .meta-signin-panel{background:#fffaf4;border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .meta-signin-panel :is(h1,p,em){color:var(--craft-ink)}
#app .admin-category-nav{background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius);gap:4px}
#app .admin-category-nav button{border-radius:var(--craft-radius);color:var(--craft-ink)}
#app .admin-category-nav button:is(.active,[aria-selected=true]){background:var(--craft-coral);border-color:var(--craft-coral);color:#fff}
#app .admin-category-nav button:not(.active):hover{background:var(--craft-peach);color:var(--craft-ink)}
#app .admin-tab-panel{min-width:0}
#app :is(.meta-admin-section,.sponsor-admin,.admin-access-panel){background:#fff;border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .meta-admin-section-head{border-color:var(--craft-line)}
#app .meta-admin-section-head :is(h2,p){color:var(--craft-ink)}
#app .companion-editor{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .companion-editor :is(h3,label,p,small){color:var(--craft-ink)}
#app .event-admin-grid>form,#app .event-admin-grid>div,#app .event-recovery,#app .event-ledger,#app #merch-new-product{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .admin-operation-guide{background:var(--craft-sage);border-left:4px solid #507c55;border-radius:var(--craft-radius);color:var(--craft-ink)}
#app .admin-operation-guide :is(strong,p),#app .admin-field-help{color:var(--craft-ink)!important}
#app .merch-admin-note{background:var(--craft-butter);border:1px solid #e0ce95;color:var(--craft-ink);border-radius:var(--craft-radius)}
/* DEMO AND FOOTER STAY CONSISTENT */
#app .demo-lab{background:var(--craft-paper)}
#app .lab-panel,#app .lab-stat{background:var(--craft-cream);border:1px solid var(--craft-line);border-radius:var(--craft-radius)}
#app .lab-feature,#app .lab-project-card,#app .lab-product,#app .lab-archive-card{border-radius:var(--craft-radius)}
#app .lab-mode-banner{background:var(--craft-ink);border-radius:var(--craft-radius)}
#app .site-footer{background:var(--craft-ink);color:#fff}
#app .site-footer :is(h1,h2,h3,h4,strong,.footer-wordmark,.footer-brand p){color:#fff}
#app .site-footer :is(.footer-links a,.footer-note,.meta-footer-bottom){color:#efebe5}
#app .site-footer .footer-links a:hover{color:#fff}
/* RESPONSIVE ADAPTATION: THE COLLECTION NEVER OVERFLOWS ITS VIEWPORT */
@media(max-width:1200px){
 #app .wf-hero-inner.craft-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(290px,.85fr);gap:25px}
 #app .craft-hero .wf-hero-copy h1{font-size:clamp(49px,6.7vw,92px)}
 #app .craft-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .home-journey.craft-category-card{min-height:290px}
 #app .craft-category-symbol{font-size:86px}
 #app .craft-hero-display{min-height:390px}
}
@media(max-width:1100px){
 #app .nav-inner{height:68px}
 #app .nav-links.open{background:#fffaf7;border-radius:var(--craft-radius);border-color:var(--craft-line)}
 #app .menu-toggle{border-radius:var(--craft-radius);color:var(--craft-ink);border-color:var(--craft-line)}
 #app .nav-rsvp{min-height:43px}
}
@media(max-width:900px){
 #app .wf-hero-inner.craft-hero-inner{grid-template-columns:minmax(0,1fr);min-height:initial;padding-top:65px}
 #app .craft-hero .wf-hero-copy{padding:0}
 #app .craft-hero .wf-hero-copy h1{font-size:clamp(60px,9.2vw,95px);max-width:800px}
 #app .craft-hero-display{min-height:360px;max-height:550px;width:100%}
 #app .craft-hero-image,#app .craft-hero-placeholder{min-height:360px}
 #app .craft-hero-display .craft-hero-image{aspect-ratio:1.6}
 #app .craft-hero .hero-under{margin-top:5px}
 #app .craft-visit-feature .companion-home-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 #app .craft-partner .wf-partner-grid{grid-template-columns:minmax(0,1fr)}
 #app .craft-partner .wf-partner-mark{max-width:420px}
 #app .craft-products-grid,#app .project-grid,#app .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .merch-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .page-hero>.container{grid-template-columns:minmax(0,1fr)}
 #app .page-hero .h-page,#app .page-hero .page-lead{grid-column:1}
 #app .page-hero .page-lead{max-width:58ch}
}
@media(max-width:650px){
 #app .container{width:calc(100% - 34px)}
 #app .craft-announcement-inner{min-height:43px;justify-content:center;text-align:center}
 #app .craft-announcement-inner span:first-child,#app .craft-announcement-inner a{display:none}
 #app .craft-announcement-inner span{font-size:9px;letter-spacing:.035em}
 #app .wf-hero-inner.craft-hero-inner{padding-top:44px;gap:24px}
 #app .craft-kicker{font-size:10px}
 #app .craft-hero .wf-hero-copy h1{font-size:clamp(42px,9.6vw,67px);letter-spacing:-.083em}
 #app .craft-hero .wf-hero-copy p{font-size:15px}
 #app .craft-hero .hero-actions{flex-direction:column;align-items:stretch}
 #app .craft-hero .hero-actions .button{width:100%}
 #app .craft-hero-display{min-height:330px;padding:0 11px 20px 0}
 #app .craft-hero-image,#app .craft-hero-placeholder{min-height:330px}
 #app .craft-art-word{font-size:clamp(49px,12vw,77px)}
 #app .craft-sticker{width:87px;height:87px}
 #app .craft-sticker strong{font-size:34px}
 #app .craft-sticker span{font-size:7px}
 #app .craft-hero-proof{gap:12px}
 #app .craft-hero-proof span{font-size:9px}
 #app .craft-hero .hero-under{font-size:8px}
 #app .craft-editorial-strip .home-ticker-inner{min-height:58px;justify-content:center;text-align:center}
 #app .craft-editorial-strip a{display:none}
 #app .craft-category-section .home-journeys-head{flex-direction:column;align-items:start}
 #app .craft-category-section .home-journeys-head h2{font-size:clamp(39px,8.2vw,60px)}
 #app .craft-category-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #app .home-journey.craft-category-card{min-height:245px}
 #app .craft-category-symbol{position:absolute;right:22px;top:45px;font-size:75px;opacity:.8}
 #app .craft-category-card{position:relative}
 #app .craft-category-card h3{max-width:75%;font-size:27px}
 #app .craft-products-grid,#app .project-grid,#app .directory-grid,#app .merch-product-grid{grid-template-columns:minmax(0,1fr)}
 #app .section-heading{flex-direction:column;align-items:start;gap:20px}
 #app .section-heading h2{font-size:clamp(42px,9vw,64px)}
 #app .craft-featured .craft-after-grid{flex-direction:column;align-items:start}
 #app .craft-visit-feature h2{font-size:clamp(45px,9.5vw,65px)}
 #app .craft-partner h2{font-size:clamp(43px,9vw,65px)}
 #app .craft-closing h2{font-size:clamp(46px,9vw,75px)}
 #app .page-hero .h-page{font-size:clamp(47px,10vw,78px)}
 #app .admin-category-nav{background:#fff}
}


/* The hero visual is part of the SECTION, never an isolated square logo tile.
   Approved project photography and the no-photo typographic composition
   remain unframed on the full-width peach backdrop. */
#app .craft-hero-image,#app .craft-hero-placeholder{
 border:0!important;
 border-radius:0!important;
}
#app .craft-hero-placeholder{background:transparent!important;padding-inline:clamp(15px,2.7vw,37px)}
#app .craft-hero-image{background:transparent}