/*
 METASYS / DESIGN BY ENCY–INSPIRED VISUAL COMPOSITION
 Source-observed visual tokens on 2026-10-25:
 Blue #0000FF, deep ink #16105F, paper #F6F7FF, yellow #FFD60A.
 Bigger Display + Aeonik are proprietary to the reference. Licensed
 substitutes: Anton for wide uppercase compressed lettering; Inter body,
 Caveat annotation, JetBrains Mono for labels. No source assets copied.
 No animations, hover zoom, reveal or image filters.
*/
:root{
 --ency-blue:#0000ff;--ency-blue-deep:#0000c4;--ency-blue-light:#4b4bff;
 --ency-ink:#16105f;--ency-ink-2:#201878;--ency-paper:#f6f7ff;
 --ency-mist:#e6e8fb;--ency-white:#ffffff;--ency-yellow:#ffd60a;
 --ency-body:#34376b;--ency-muted:#555a90;--ency-line:#c8c9e7;
 --ency-display:'Anton','Impact','Arial Narrow',sans-serif;
 --ency-sans:'Inter','Helvetica Neue',Arial,sans-serif;
 --ency-hand:'Caveat',cursive;--ency-mono:'JetBrains Mono',monospace;
 --ency-card-radius:20px;--ency-section-radius:40px;--ency-pill:99px;
 --ency-gutter:clamp(18px,4.25vw,76px);--ency-space:clamp(74px,9.4vw,154px);
 --radius-ui:20px;--v3-paper:var(--ency-paper);--v3-ink:var(--ency-ink);
 --v3-accent:var(--ency-blue);--v3-muted:var(--ency-body);
 --craft-ink:var(--ency-ink);--craft-paper:var(--ency-paper);
 --craft-cream:var(--ency-mist);--craft-peach:var(--ency-paper);
 --craft-lilac:var(--ency-paper);--craft-sage:var(--ency-paper);
 --craft-butter:var(--ency-yellow);--craft-coral:var(--ency-blue);
 --craft-radius:20px;--craft-gutter:var(--ency-gutter);
 --craft-font:var(--ency-display);--craft-copy:var(--ency-sans);
 --v3-display:var(--ency-display);--v3-ui:var(--ency-sans);
}
html{scroll-padding-top:84px}
body,#app{background:var(--ency-paper);font-family:var(--ency-sans);color:var(--ency-ink)}
#app{overflow-x:clip}
#app .container{max-width:1480px;width:min(1480px,calc(100% - var(--ency-gutter) - var(--ency-gutter)));margin-inline:auto}
#app .page-space{padding-block:var(--ency-space)}
#app :is(.eyebrow,.meta-kicker,.section-label,.home-journey-number,.project-card-number,.catalogue-meta,.craft-section-aside span,.ency-hero-label){
 font:500 11px/1.6 var(--ency-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ency-ink)
}
#app :is(h1,h2,h3,h4){font-family:var(--ency-display);font-weight:900;letter-spacing:-.01em;line-height:.96;text-transform:uppercase;text-wrap:balance;color:var(--ency-ink)}
#app :is(p,li,label,small,button,input,textarea,select){font-family:var(--ency-sans)}
#app :is(p,li){line-height:1.58}
#app :is(.button,button:not(.menu-toggle),.filter-pill){border-radius:var(--ency-pill)}
#app :is(.project-card,.designer-card,.event-panel,.merch-product,.merch-cart,.portfolio-workspace,.meta-admin-section,.companion-editor,.sponsor-opps>div,.lab-panel,.lab-stat,.companion-floor-image,.companion-empty,.catalogue-empty,.portfolio-editor,.portfolio-project-row){border-radius:var(--ency-card-radius)}
#app :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#fff;color:var(--ency-ink);border:1px solid #a4a4ca;border-radius:12px;min-height:46px}
#app :is(input:not([type=checkbox]),textarea)::placeholder{color:#595b7f}
#app :is(.button.primary,.button.dark){min-height:51px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ency-blue)!important;border:1px solid var(--ency-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:600 13px/1.2 var(--ency-sans)}
#app .button.light{min-height:51px;padding:13px 23px;border:1px solid var(--ency-ink)!important;color:var(--ency-ink)!important;background:#fff!important;-webkit-text-fill-color:var(--ency-ink)!important;font:600 13px/1.2 var(--ency-sans)}
#app :is(.button,button,a,input,textarea,select):focus-visible{outline:3px solid var(--ency-yellow);outline-offset:3px}
#app .button:disabled,#app button:disabled{opacity:.55;cursor:not-allowed}
/* Reference's floating dark navigation translated into an opaque,
 high-contrast METASYS header so all routes remain accessible. */
#app .site-nav{background:var(--ency-ink)!important;border-bottom:1px solid #ffffff27;color:#fff;box-shadow:none!important}
#app .nav-inner{height:76px;width:min(1480px,calc(100% - var(--ency-gutter) - var(--ency-gutter)))}
#app .logo{color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 19px/1 var(--ency-sans);letter-spacing:-.07em}
#app .logo .wordmark-glyph{background:var(--ency-yellow)!important;color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important;border-radius:9px;width:31px;height:31px}
#app .logo small{color:#d9d8ff!important;-webkit-text-fill-color:#d9d8ff!important}
#app .nav-link,#app .studio-link{color:#fff!important;-webkit-text-fill-color:#fff!important;font:500 13px/1.3 var(--ency-sans)}
#app .nav-link:hover,#app .nav-link.active,#app .nav-group.is-current>.nav-link{color:#fff!important;border-bottom-color:var(--ency-yellow)!important}
#app .nav-rsvp{background:#fff!important;border:1px solid #fff!important;color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important;font:600 12px/1.2 var(--ency-sans);border-radius:var(--ency-pill);padding:12px 21px;min-height:43px}
#app .menu-toggle{color:#fff;background:transparent;border:1px solid #ffffff88;border-radius:var(--ency-pill)}
#app .nav-group.has-subnav>.nav-mobile-sub,#app .nav-links.open{background:var(--ency-ink)!important;border:1px solid #aaa8e5;border-radius:0 0 16px 16px;color:#fff}
#app .nav-mobile-link,#app .nav-group.has-subnav>.nav-mobile-sub>.nav-mobile-link{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent}
#app .nav-mobile-link:is(:hover,.active){background:var(--ency-blue)!important;color:#fff!important}
#app .nav-end{gap:clamp(8px,1.4vw,20px)}
#app .nav-link{min-height:48px}
/* BLUE HERO – monumental display lettering with unboxed portfolio photo */
#app .craft-announcement.ency-topnote{display:none}
#app .wf-hero--immersive.craft-hero.ency-hero{background:var(--ency-blue)!important;color:#fff;min-height:initial;border:0;border-radius:0 0 var(--ency-section-radius) var(--ency-section-radius);overflow:hidden;z-index:1}
#app .ency-hero .wf-hero-inner.ency-hero-inner{max-width:1480px;grid-template-columns:minmax(0,1.22fr) minmax(240px,.67fr);
 min-height:clamp(720px,71vw,960px);padding-block:clamp(46px,5vw,93px) 33px;column-gap:clamp(10px,3vw,60px);row-gap:20px;position:relative;align-items:center}
#app .ency-hero .wf-hero-copy.ency-hero-main{align-self:center;position:relative;z-index:2;max-width:none;min-width:0;padding:12px 0 38px}
#app .ency-hero-label{display:flex;align-items:center;gap:10px;color:#fff!important;letter-spacing:.04em}
#app .ency-status-dot{display:inline-block;background:var(--ency-yellow);border-radius:50%;width:9px;height:9px;flex:0 0 9px}
#app .ency-hero .wf-hero-copy h1{font:900 clamp(74px,9.6vw,168px)/.88 var(--ency-display)!important;letter-spacing:-.015em;margin:25px 0 35px;max-width:10ch;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .ency-hero h1 .wf-hero-title-line{display:block;white-space:nowrap!important;color:#fff!important}
#app .ency-hero h1 .ency-period{color:var(--ency-yellow)!important}
#app .ency-hero-copy{max-width:580px}
#app .ency-hero .wf-hero-copy p{font:400 clamp(15px,1.48vw,19px)/1.64 var(--ency-sans);color:#fff!important;max-width:525px;margin:0 0 27px}
#app .ency-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
#app .ency-hero .hero-actions .button{border-radius:var(--ency-pill)!important;min-height:56px;padding:15px 23px;font:600 13px/1.25 var(--ency-sans)}
#app .ency-hero .hero-actions .button.primary{background:#fff!important;border-color:#fff!important;color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important}
#app .ency-hero .hero-actions .button.light{background:transparent!important;border-color:#e2e1ff!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .craft-hero-display.ency-hero-visual{position:relative;width:100%;align-self:end;min-height:470px;max-height:none;padding:0;display:flex;align-items:flex-end;justify-content:center;overflow:visible}
#app .ency-hero-figure{position:relative;display:block;flex:1;min-width:0;min-height:410px;margin:0;align-self:stretch;overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important}
#app .ency-hero-figure img{height:100%;width:100%;object-fit:contain;object-position:bottom;display:block;transform:none!important;filter:none!important}
#app .ency-hero-figure figcaption{position:absolute;bottom:10px;left:6px;right:6px;max-width:100%;border-radius:var(--ency-card-radius);
 background:var(--ency-white);color:var(--ency-ink);padding:12px 16px;display:grid;gap:5px}
#app .ency-hero-figure figcaption span{color:var(--ency-ink);font:500 9px var(--ency-mono)}
#app .ency-hero-figure figcaption strong{color:var(--ency-ink);font:700 18px var(--ency-sans)}
#app .ency-hero-type{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;gap:2px;min-height:430px;
 border:0!important;border-radius:0!important;padding:35px 0!important;background:transparent!important;color:#fff!important}
#app .ency-hero-type>span{font:500 11px var(--ency-mono);color:#fff!important}
#app .ency-hero-type strong{font:900 clamp(190px,25vw,420px)/.95 var(--ency-display);letter-spacing:-.06em;color:#fff!important}
#app .ency-hero-type strong span{font:900 .34em/.8 var(--ency-display);color:var(--ency-yellow)!important;vertical-align:top}
#app .ency-hero-type small{font:600 13px var(--ency-sans);color:#fff!important}
#app .ency-handwritten{position:absolute;right:0;bottom:30px;color:var(--ency-yellow)!important;font:500 clamp(25px,3.7vw,51px)/.9 var(--ency-hand);
 text-align:right;pointer-events:none}
#app .ency-hero-baseline.hero-under{grid-column:1/-1;border-top:1px solid #ffffff70;display:flex;justify-content:space-between;gap:16px;padding-top:15px;margin:0;letter-spacing:.03em;font:500 10px var(--ency-mono)}
#app .ency-hero-baseline span{color:#fff!important}
/* YELLOW REFERENCE BANNER, STATIC INSTEAD OF MARQUEE */
#app .ency-yellow-band{background:var(--ency-yellow)!important;color:var(--ency-ink)!important;border:0;margin-top:-35px;padding-top:35px}
#app .ency-yellow-band .home-ticker-inner{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#app .ency-yellow-band :is(span,strong,a){color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important}
#app .ency-yellow-band strong{font:900 clamp(23px,3.1vw,47px)/1 var(--ency-display);letter-spacing:0}
#app .ency-yellow-band span{font:500 11px var(--ency-mono)}
#app .ency-yellow-band a{font:600 12px var(--ency-sans);text-decoration:underline;text-underline-offset:4px}
/* WHITE: question section with editorial rail/rows */
#app .ency-question-section{background:#fff;color:var(--ency-ink)}
#app .ency-question-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(32px,8vw,150px);align-items:start}
#app .ency-section-intro h2{font-size:clamp(70px,8vw,137px);margin:15px 0 25px;line-height:.88}
#app .ency-section-intro p{max-width:460px;color:var(--ency-body);font-size:clamp(16px,1.55vw,21px)}
#app .ency-handnote{display:block;color:var(--ency-blue)!important;font:500 clamp(30px,4vw,55px)/1 var(--ency-hand);margin-top:30px;text-transform:none}
#app .ency-blue-mark{color:var(--ency-blue)!important}
#app .ency-question-list{padding-top:10px;min-width:0}
#app .ency-question-list>.eyebrow{margin-bottom:18px;display:block}
#app .ency-question-list>a{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--ency-line);
 padding:clamp(17px,2.4vw,32px) 0;color:var(--ency-ink)!important;font:600 clamp(16px,1.5vw,22px)/1.24 var(--ency-sans)}
#app .ency-question-list>a:last-child{border-bottom:1px solid var(--ency-line)}
#app .ency-question-list>a span,#app .ency-question-list>a strong{color:var(--ency-ink)!important}
#app .ency-question-list>a strong{font:700 26px var(--ency-sans);color:var(--ency-blue)!important}
/* NAVY STATEMENT */
#app .ency-big-statement{background:var(--ency-ink);border-radius:var(--ency-section-radius);color:#fff}
#app .ency-big-statement>.container{display:grid;justify-items:start;gap:27px}
#app .ency-big-statement .eyebrow{color:#dad8ff!important}
#app .ency-big-statement h2{font-size:clamp(75px,11.5vw,190px);line-height:.88;color:#fff!important;max-width:12ch}
#app .ency-big-statement h2 span{color:#c0bcff!important}
#app .ency-yellow-mark{color:var(--ency-yellow)!important}
#app .ency-big-statement p{color:#eeedff!important;font:400 clamp(17px,1.75vw,23px)/1.58 var(--ency-sans);max-width:660px}
#app .ency-big-statement-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#app .ency-big-statement .button.primary{background:var(--ency-yellow)!important;border-color:var(--ency-yellow)!important;color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important}
#app .ency-big-statement .button.light{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#aaa8df!important}
/* SERVICES GRID – reference's six service modules adapted to four paths */
#app .home-journeys.ency-paths{background:var(--ency-paper);padding-block:var(--ency-space)}
#app .ency-heading-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}
#app .ency-heading-row h2{font-size:clamp(70px,8vw,132px);line-height:.9;color:var(--ency-ink);margin:13px 0 0}
#app .ency-heading-row>p,#app .ency-heading-row .craft-section-aside{max-width:345px;font-size:15px;line-height:1.6;color:var(--ency-body)}
#app .ency-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#app .home-journey.ency-path-card{background:#fff!important;color:var(--ency-ink);border:1px solid var(--ency-line);border-radius:var(--ency-card-radius);padding:clamp(24px,3vw,45px);
 min-height:395px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-direction:column;position:relative;overflow:hidden}
#app .ency-path-card:nth-child(2){background:var(--ency-mist)!important}
#app .ency-path-card:nth-child(3){background:var(--ency-yellow)!important}
#app .ency-path-card:nth-child(4){background:#fff!important}
#app .ency-path-card .home-journey-number{font:500 11px var(--ency-mono);color:var(--ency-ink)!important}
#app .ency-path-visual{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px}
#app .ency-path-visual span{font:900 clamp(80px,10vw,155px)/.85 var(--ency-display);color:var(--ency-blue)!important}
#app .ency-path-visual i{font:400 clamp(70px,9vw,126px)/1 var(--ency-sans);color:var(--ency-ink)!important;font-style:normal}
#app .ency-path-card h3{font:900 clamp(37px,4.3vw,67px)/.94 var(--ency-display);color:var(--ency-ink);letter-spacing:0;margin:0 0 10px}
#app .ency-path-card p{color:var(--ency-body);font-size:14px;line-height:1.55}
#app .ency-path-card .home-journey-arrow{font:600 12px var(--ency-sans);text-decoration:underline;text-underline-offset:4px;color:var(--ency-blue)!important}
/* YELLOW FEATURE SECTION */
#app .ency-yellow-feature{background:var(--ency-yellow);color:var(--ency-ink);border-radius:var(--ency-section-radius)}
#app .ency-yellow-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.66fr);align-items:end;gap:clamp(30px,6vw,105px)}
#app .ency-yellow-feature h2{font-size:clamp(74px,9.3vw,150px);line-height:.88;margin-top:14px;color:var(--ency-ink)}
#app .ency-yellow-feature h2 span{color:var(--ency-blue)!important}
#app .ency-yellow-feature p{font-size:clamp(16px,1.8vw,22px);line-height:1.6;color:var(--ency-ink)}
#app .ency-yellow-feature .button.primary{margin-top:24px;background:var(--ency-ink)!important;border-color:var(--ency-ink)!important}
#app .ency-yellow-feature .ency-handnote{color:var(--ency-blue)!important}
/* WHITE PORTFOLIO SHOWCASE – content from approved D1 student work */
#app .craft-featured.ency-projects{background:#fff}
#app .ency-projects .section-heading h2,#app .ency-designers .section-heading h2{font-size:clamp(67px,7.5vw,130px);color:var(--ency-ink);letter-spacing:0;line-height:.9}
#app .ency-projects .craft-section-aside p,#app .ency-designers .craft-section-aside p{font-size:16px;color:var(--ency-body)}
#app .ency-project-grid,#app .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#app .project-card{background:var(--ency-paper)!important;border:1px solid var(--ency-line);border-radius:var(--ency-card-radius);color:var(--ency-ink)}
#app .project-card:nth-child(even){background:var(--ency-mist)!important}
#app .project-card .project-media{background:#e2e2f2;aspect-ratio:1.21}
#app .project-card .project-media img{object-fit:cover}
#app .project-card .project-number{background:#fff;border:1px solid var(--ency-line);color:var(--ency-ink);font:600 11px var(--ency-mono)}
#app .project-card .project-card-bottom{min-height:150px;padding:22px}
#app .project-card .card-title{font:900 clamp(24px,2.5vw,43px)/.96 var(--ency-display);color:var(--ency-ink);margin:10px 0}
#app .project-card .card-sub,#app .project-card .project-card-number{color:var(--ency-body)}
#app .project-card .project-arrow{color:var(--ency-blue)!important}
#app .ency-empty{background:var(--ency-paper);border:1px solid var(--ency-line);padding:clamp(30px,4vw,70px)}
#app .ency-empty h3{font:900 clamp(32px,3vw,55px)/1 var(--ency-display)}
#app .craft-featured .craft-after-grid{border-color:var(--ency-line)}
#app .craft-featured .craft-after-grid a{color:var(--ency-blue)!important}
/* DEEP BLUE EXPERIENCE PANEL */
#app .companion-home.ency-visit{background:var(--ency-blue)!important;color:#fff;border-radius:var(--ency-section-radius);overflow:hidden}
#app .ency-visit .companion-home-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.61fr);gap:clamp(30px,6vw,100px);align-items:end}
#app .ency-visit .eyebrow{color:#fff!important}
#app .ency-visit h2{font:900 clamp(76px,10vw,170px)/.86 var(--ency-display);color:#fff!important;margin:18px 0 30px}
#app .ency-visit p{color:#fff!important;font-size:clamp(16px,1.6vw,20px);max-width:50ch}
#app .ency-visit .companion-home-links{border-top:1px solid #ffffff88}
#app .ency-visit .companion-home-links .button{color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid #ffffff88!important;background:transparent!important;
 min-height:70px;font:600 14px var(--ency-sans)}
#app .ency-visit .companion-home-links .button:first-child{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* DESIGNER PORTRAIT SHELF */
#app .wf-designers.ency-designers{background:var(--ency-paper)}
#app .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#app .designer-card{background:#fff!important;border:1px solid var(--ency-line);border-radius:var(--ency-card-radius)}
#app .designer-card .designer-photo{background:var(--ency-mist);aspect-ratio:4/4.75}
#app .designer-card .designer-info{padding:22px}
#app .designer-info strong{font:900 clamp(23px,2.6vw,43px)/1 var(--ency-display);color:var(--ency-ink)}
#app .designer-info span{color:var(--ency-body)!important}
#app .designer-info .designer-arrow{color:var(--ency-blue)!important}
/* CALL TO ACTION / PROJECT PARTNERS */
#app .wf-partner-band.ency-partner{background:var(--ency-ink)!important;color:#fff}
#app .ency-partner .wf-partner-grid{grid-template-columns:minmax(0,1.23fr) minmax(230px,.62fr);gap:clamp(25px,7vw,112px);align-items:center}
#app .ency-partner :is(.eyebrow,h2,p){color:#fff!important}
#app .ency-partner h2{font:900 clamp(67px,8.4vw,143px)/.9 var(--ency-display);color:#fff!important;margin:18px 0 30px}
#app .ency-partner h2 span{color:var(--ency-yellow)!important}
#app .ency-partner p{color:#e7e5ff!important;font-size:18px;line-height:1.65}
#app .ency-partner .button.primary{background:var(--ency-yellow)!important;border-color:var(--ency-yellow)!important;color:var(--ency-ink)!important;-webkit-text-fill-color:var(--ency-ink)!important}
#app .ency-partner .wf-partner-mark{background:var(--ency-blue)!important;border:1px solid #8686ff;min-height:390px;border-radius:var(--ency-card-radius);padding:30px}
#app .ency-partner .wf-partner-mark :is(span,strong,small){color:#fff!important}
#app .ency-partner .wf-partner-mark strong{font:900 clamp(155px,18vw,300px)/.88 var(--ency-display)}
#app .wf-last.ency-last{background:var(--ency-yellow)!important;border:0}
#app .ency-last h2{font:900 clamp(77px,11vw,180px)/.86 var(--ency-display);color:var(--ency-ink)!important}
#app .ency-last p{font-size:19px;line-height:1.64;color:var(--ency-ink)!important}
#app .ency-last .button.primary{background:var(--ency-ink)!important;border-color:var(--ency-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .ency-last .ency-yellow-mark{color:var(--ency-blue)!important}
/* INNER ROUTES: exact source palette, same compressed display treatment */
#app .page-hero{background:var(--ency-blue)!important;border-radius:0 0 var(--ency-section-radius) var(--ency-section-radius);padding:clamp(85px,8vw,140px) 0 clamp(65px,6vw,110px);border:0}
#app .page-hero :is(.eyebrow,.h-page,.page-lead){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .page-hero .h-page{font:900 clamp(82px,10.8vw,190px)/.87 var(--ency-display);letter-spacing:0;text-wrap:balance}
#app .page-hero .page-lead{font-size:clamp(16px,1.5vw,22px);border-top:2px solid var(--ency-yellow);padding-top:20px}
#app .catalogue-page{background:var(--ency-paper)}
#app .filterbar{border-color:var(--ency-line)}
#app .filter-pill{color:var(--ency-ink)!important;border-color:#a9a7db;background:#fff}
#app .filter-pill:is(.selected,:hover){background:var(--ency-blue)!important;border-color:var(--ency-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .catalogue-meta{color:var(--ency-body)}
#app .catalogue-empty{background:#fff;border:1px solid var(--ency-line)}
#app .catalogue-empty h3{font:900 clamp(35px,4vw,65px)/.96 var(--ency-display)}
#app .portfolio-public-hero{background:var(--ency-blue);border-radius:0 0 var(--ency-section-radius) var(--ency-section-radius)}
#app .portfolio-person-hero{background:var(--ency-blue);border-radius:0 0 var(--ency-section-radius) var(--ency-section-radius)}
#app .portfolio-public-hero :is(h1,p,.eyebrow,span,small,.portfolio-public-intro),#app .portfolio-person-hero :is(h1,p,.eyebrow,span,small){color:#fff!important}
#app .portfolio-public-hero h1,#app .portfolio-person-hero h1{font:900 clamp(64px,9vw,140px)/.9 var(--ency-display)}
#app .portfolio-public-meta{border-color:#ffffff80}
#app .portfolio-public-meta :is(span,strong,a){color:#fff!important}
#app .portfolio-public-cover,#app .portfolio-case-section,#app .portfolio-person-work{background:var(--ency-paper)}
#app .portfolio-case-section:nth-of-type(even),#app .portfolio-public-gallery{background:var(--ency-mist)}
#app .portfolio-case-section h2{font:900 clamp(41px,5vw,82px)/.95 var(--ency-display)}
#app .portfolio-public-gallery h2,#app .portfolio-public-next h2{font:900 clamp(50px,6vw,100px)/.92 var(--ency-display)}
#app .portfolio-public-next{background:var(--ency-yellow)}
#app .portfolio-public-image-grid figure{border-color:var(--ency-line)}
#app .portfolio-case-section p{color:var(--ency-body)}
#app .visit-grid h2{font:900 clamp(52px,6vw,104px)/.93 var(--ency-display)}
#app .visit-facts>div,#app .visit-step{border-color:var(--ency-line)}
#app .visit-step strong{font:900 clamp(24px,3vw,49px)/.95 var(--ency-display)}
#app .detail-section{background:var(--ency-paper)}
/* PARTNERSHIP – dark and blue source-inspired visual sections */
#app .sponsor-page{background:var(--ency-paper)}
#app .sponsor-hero{background:var(--ency-blue);border-radius:0 0 var(--ency-section-radius) var(--ency-section-radius)}
#app .sponsor-hero :is(h1,p,.eyebrow){color:#fff!important}
#app .sponsor-hero h1{font:900 clamp(70px,9vw,149px)/.9 var(--ency-display)}
#app .sponsor-facts{background:var(--ency-yellow)}
#app .sponsor-facts :is(strong,span){color:var(--ency-ink)!important}
#app .sponsor-section{background:#fff}
#app .sponsor-section:nth-of-type(even){background:var(--ency-paper)}
#app .sponsor-split h2,#app .sponsor-contact h2{font:900 clamp(50px,6vw,103px)/.94 var(--ency-display)}
#app .sponsor-opps>div,#app .sponsor-opps>div:nth-child(n){background:var(--ency-paper)!important;border-color:var(--ency-line)}
#app .sponsor-opps>div:nth-child(2){background:var(--ency-yellow)!important}
#app .sponsor-opps>div h3{font:900 clamp(30px,3vw,53px)/.96 var(--ency-display)}
#app .sponsor-contact,#app .sponsor-inquiry{background:var(--ency-mist)}
/* EXHIBITION COMPANION: uploaded image keeps its original aspect ratio */
#app .companion-page{background:var(--ency-paper)}
#app .companion-heading h1{font:900 clamp(65px,9vw,145px)/.87 var(--ency-display)}
#app .companion-heading p{color:var(--ency-body);border-top:3px solid var(--ency-blue)}
#app .companion-empty{background:#fff;border:1px solid var(--ency-line)}
#app .companion-empty h2{font:900 clamp(40px,5vw,90px)/.93 var(--ency-display)}
#app .companion-floor-image{border-color:var(--ency-line);background:#fff}
#app .companion-floor-image figcaption{background:var(--ency-paper);color:var(--ency-ink)}
#app .companion-floor-open img{width:100%;height:auto!important;max-width:100%;object-fit:contain!important;filter:none!important}
#app .companion-session{border-color:var(--ency-line)}
#app .companion-session h3{font:900 clamp(30px,3vw,52px)/.98 var(--ency-display)}
#app .companion-archive-item{background:#fff!important;border-color:var(--ency-line)}
#app .companion-archive-item:nth-child(even){background:var(--ency-mist)!important}
#app .companion-archive-item h3{font:900 clamp(29px,3vw,49px)/1 var(--ency-display)}
#app .companion-project-tools{background:var(--ency-yellow)}
/* ADMISSION AND GATE */
#app .event-page{background:var(--ency-paper)}
#app .event-intro h1,#app .event-gate-head h1{font:900 clamp(62px,7.8vw,130px)/.9 var(--ency-display)}
#app .event-intro p{color:var(--ency-body)}
#app .event-panel{background:#fff;border:1px solid var(--ency-line)}
#app .event-panel h2{font:900 clamp(32px,3.3vw,54px)/.98 var(--ency-display)}
#app .event-category-grid label{background:var(--ency-paper);border:1px solid var(--ency-line)}
#app .event-party-summary{background:var(--ency-yellow);border-color:#c6aa19;color:var(--ency-ink)}
#app .event-camera{background:#070724;color:#fff;border-color:#5b56a6}
#app .event-camera :is(p,small,strong,span){color:#fff!important}
#app .event-pass-qr,#app .event-payqr{background:#fff!important}
#app .event-gate-grid>div{min-width:0}
/* STORE – preserve all real prices, stock, checkout and receipt info */
#app .merch-page{background:var(--ency-paper)}
#app .merch-heading h1{font:900 clamp(67px,8.6vw,140px)/.88 var(--ency-display);color:var(--ency-ink)}
#app .merch-heading h1 em{color:var(--ency-blue)!important}
#app .merch-heading{border-color:var(--ency-line)}
#app .merch-mode{background:var(--ency-yellow);border-color:#c6b332;color:var(--ency-ink)}
#app .merch-product,#app .merch-product:nth-child(n){background:#fff!important;border-color:var(--ency-line)}
#app .merch-product:nth-child(even){background:var(--ency-mist)!important}
#app .merch-image{background:var(--ency-paper)}
#app .merch-product h3{font:900 clamp(29px,3vw,53px)/.97 var(--ency-display)}
#app .merch-cart{background:#fff;border:1px solid var(--ency-line)}
#app .merch-cart h2,#app .merch-products h2{font:900 clamp(34px,4vw,66px)/.97 var(--ency-display)}
#app .merch-qty button{border:1px solid var(--ency-line);background:#fff;color:var(--ency-ink)}
#app .merch-checkout-notice{background:var(--ency-mist);border-color:var(--ency-line)}
/* STUDENT STUDIO / COMMITTEE DASHBOARD – readability and field guide */
#app .meta-dashboard{background:var(--ency-paper);color:var(--ency-ink)}
#app .meta-dash-head h1{font:900 clamp(55px,7vw,115px)/.9 var(--ency-display)}
#app .meta-dash-head p{color:var(--ency-body)}
#app .meta-dash-metrics>div,#app .meta-dash-metrics>div:nth-child(n){background:var(--ency-mist)!important;border:1px solid var(--ency-line)}
#app .meta-dash-metrics>div:nth-child(2n){background:#fff!important}
#app .meta-dash-metrics strong,#app .meta-dash-metrics span{color:var(--ency-ink)}
#app .meta-dash-metrics strong{font:900 clamp(26px,3vw,50px)/.95 var(--ency-display)}
#app .meta-dash-sidebar{background:#fff;border-color:var(--ency-line)}
#app .meta-dash-sidebar button.active{background:var(--ency-yellow);color:var(--ency-ink)}
#app .portfolio-workspace{background:#fff;border-color:var(--ency-line)}
#app .portfolio-panel-head h3,#app .portfolio-editor-title h3{font:900 clamp(32px,4vw,64px)/.95 var(--ency-display)}
#app .portfolio-editor{background:var(--ency-paper);border-color:var(--ency-line)}
#app .portfolio-checklist{background:var(--ency-mist);border-color:var(--ency-line)}
#app .portfolio-drop{background:#fff;border-color:#9a9bd1}
#app .portfolio-project-row{background:#fff;border-color:var(--ency-line)}
#app .portfolio-project-row:nth-child(even){background:var(--ency-paper)}
#app .meta-signin{background:var(--ency-blue)}
#app .meta-signin-panel{background:#fff;border-color:var(--ency-line)}
#app .meta-signin-panel h1{font:900 clamp(61px,7.5vw,125px)/.9 var(--ency-display);color:var(--ency-ink)}
#app .admin-category-nav{background:#fff;border-color:var(--ency-line)}
#app .admin-category-nav button{font:600 12px var(--ency-sans);border-radius:12px;color:var(--ency-ink)}
#app .admin-category-nav button:is(.active,[aria-selected=true]){background:var(--ency-blue)!important;border-color:var(--ency-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .admin-category-nav button:not(.active):hover{background:var(--ency-mist);color:var(--ency-ink)}
#app .meta-admin-section,#app .sponsor-admin,#app .admin-access-panel{background:#fff;border-color:var(--ency-line)}
#app .meta-admin-section-head h2{font:900 clamp(33px,3.6vw,61px)/.96 var(--ency-display)}
#app .meta-admin-section-head p{color:var(--ency-body)}
#app .companion-editor{background:var(--ency-paper);border-color:var(--ency-line)}
#app .companion-editor h3,#app .event-admin-grid h3,#app .merch-admin-grid h3{font:900 clamp(29px,3vw,48px)/.97 var(--ency-display)}
#app .event-admin-grid>form,#app .event-admin-grid>div,#app .event-recovery,#app .event-ledger,#app #merch-new-product{background:var(--ency-paper);border-color:var(--ency-line)}
#app .admin-operation-guide{background:var(--ency-mist);border-left:4px solid var(--ency-blue);color:var(--ency-ink)}
#app .admin-operation-guide :is(strong,p),#app .admin-field-help{color:var(--ency-ink)!important}
#app .admin-field-help{font:400 12px/1.55 var(--ency-sans);margin-top:8px}
#app [data-admin-panel] :is(input,textarea,select){background:#fff;color:var(--ency-ink);border-color:#9e9ecb}
#app .companion-floor-preview{background:#fff;color:var(--ency-ink)}
#app .companion-floor-preview img{height:auto;object-fit:contain}
/* DEMO + FOOTER */
#app .demo-lab{background:var(--ency-paper)}
#app .lab-panel,#app .lab-stat{background:var(--ency-mist);border-color:var(--ency-line)}
#app .lab-feature,#app .lab-product,#app .lab-project-card,#app .lab-archive-card{background:#fff}
#app .lab-mode-banner{background:var(--ency-ink);color:#fff}
#app .site-footer{background:var(--ency-ink)!important;color:#fff;border-radius:var(--ency-section-radius) var(--ency-section-radius) 0 0}
#app .site-footer :is(.footer-wordmark,.footer-links strong,h2,h3,strong){color:#fff!important}
#app .site-footer :is(.footer-links a,.footer-note,.meta-footer-bottom span,.footer-brand p){color:#e0ddff!important}
#app .footer-wordmark{font:900 clamp(58px,8vw,130px)/.89 var(--ency-display)}
#app .footer-wordmark span{color:var(--ency-yellow)!important}
/* RESPONSIVE COMPOSITION */
@media(max-width:1250px){
 #app .ency-hero .wf-hero-inner.ency-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(180px,.55fr);column-gap:15px}
 #app .ency-hero .wf-hero-copy h1{font-size:clamp(69px,9.1vw,120px)}
 #app .ency-hero-type strong{font-size:clamp(170px,22vw,290px)}
 #app .ency-path-card{min-height:345px}
}
@media(max-width:1050px){
 #app .nav-inner{height:70px}
 #app .nav-links.open{background:var(--ency-ink)!important;border-color:#8684d4}
 #app .nav-links.open .nav-link{color:#fff!important}
 #app .ency-hero .wf-hero-inner.ency-hero-inner{grid-template-columns:minmax(0,1fr);gap:4px;min-height:initial;padding-top:52px}
 #app .ency-hero .wf-hero-copy h1{font-size:clamp(86px,11.6vw,132px);max-width:none}
 #app .ency-hero-visual{min-height:200px;max-height:440px;align-self:stretch}
 #app .ency-hero-type{min-height:220px;align-items:flex-end;padding:0!important}
 #app .ency-hero-type strong{font-size:clamp(160px,26vw,270px)}
 #app .ency-hero-figure{min-height:250px;max-height:360px}
 #app .ency-handwritten{right:20px;bottom:25px}
 #app .ency-question-layout{grid-template-columns:minmax(0,1fr);gap:36px}
 #app .ency-hero-baseline{margin-top:14px!important}
 #app .ency-yellow-layout{grid-template-columns:minmax(0,1fr)}
 #app .ency-visit .companion-home-grid{grid-template-columns:minmax(0,1fr)}
 #app .ency-partner .wf-partner-grid{grid-template-columns:minmax(0,1fr)}
 #app .ency-partner .wf-partner-mark{max-width:410px}
 #app .page-hero>.container{grid-template-columns:minmax(0,1fr)}
 #app .page-hero .h-page,#app .page-hero .page-lead{grid-column:1}
}
@media(max-width:800px){
 :root{--ency-section-radius:30px;--ency-card-radius:18px}
 #app .ency-heading-row{flex-direction:column;align-items:start}
 #app .ency-heading-row h2{font-size:clamp(65px,10vw,93px)}
 #app .ency-path-grid{grid-template-columns:minmax(0,1fr)}
 #app .ency-path-card{min-height:300px!important}
 #app .ency-path-visual span{font-size:115px}
 #app .ency-path-visual i{font-size:110px}
 #app .ency-project-grid,#app .project-grid,#app .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .sponsor-opps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .merch-layout{grid-template-columns:minmax(0,1fr)}
 #app .merch-cart{position:static;max-height:none}
 #app .event-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 :root{--ency-gutter:17px;--ency-space:72px;--ency-section-radius:23px;--ency-card-radius:16px}
 #app .container{width:calc(100% - 34px)}
 #app .ency-hero .wf-hero-inner.ency-hero-inner{padding-top:40px;padding-bottom:21px}
 #app .ency-hero-label{font-size:9px!important}
 #app .ency-hero .wf-hero-copy h1{font-size:clamp(58px,13.9vw,87px);line-height:.9;margin:21px 0}
 #app .ency-hero .wf-hero-copy h1 .wf-hero-title-line{white-space:nowrap!important}
 #app .ency-hero .wf-hero-copy p{font-size:15px}
 #app .ency-hero .hero-actions{flex-direction:column;align-items:stretch}
 #app .ency-hero .hero-actions .button{width:100%;justify-content:center}
 #app .ency-hero-visual{min-height:185px;max-height:300px}
 #app .ency-hero-type{min-height:190px}
 #app .ency-hero-type strong{font-size:clamp(130px,33vw,205px)}
 #app .ency-hero-type small{font-size:10px}
 #app .ency-hero-figure{min-height:210px}
 #app .ency-handwritten{font-size:34px;right:8px;bottom:12px}
 #app .ency-hero-baseline{font-size:9px;flex-direction:column;gap:7px}
 #app .ency-yellow-band .home-ticker-inner{gap:10px;justify-content:center;flex-direction:column;text-align:center;padding-block:13px}
 #app .ency-yellow-band strong{font-size:31px}
 #app .ency-yellow-band span{font-size:9px}
 #app .ency-yellow-band a{display:none}
 #app .ency-section-intro h2{font-size:clamp(62px,13vw,92px)}
 #app .ency-question-list>a{font-size:15px}
 #app .ency-big-statement h2{font-size:clamp(63px,12vw,95px)}
 #app .ency-big-statement-actions{flex-direction:column;align-items:stretch;width:100%}
 #app .ency-big-statement-actions .button{width:100%}
 #app .ency-heading-row h2{font-size:clamp(54px,11vw,80px)}
 #app .ency-path-card h3{font-size:44px}
 #app .ency-path-visual span{font-size:90px}
 #app .ency-path-visual i{font-size:80px}
 #app .ency-yellow-feature h2{font-size:clamp(70px,13vw,99px)}
 #app .ency-projects .section-heading h2,#app .ency-designers .section-heading h2{font-size:clamp(62px,11vw,90px)}
 #app .ency-visit h2{font-size:clamp(74px,13vw,100px)}
 #app .ency-partner h2{font-size:clamp(66px,11vw,95px)}
 #app .ency-last h2{font-size:clamp(75px,12vw,100px)}
 #app .ency-project-grid,#app .project-grid,#app .directory-grid,#app .sponsor-opps{grid-template-columns:minmax(0,1fr)}
 #app .page-hero .h-page{font-size:clamp(64px,13vw,92px)}
 #app .portfolio-public-hero h1,#app .portfolio-person-hero h1{font-size:clamp(59px,12vw,90px)}
 #app .event-category-grid,#app .event-gate-grid,#app .meta-dash-metrics{grid-template-columns:minmax(0,1fr)}
 #app .admin-category-nav{overflow-x:auto}
}
@media(max-width:350px){
 #app .ency-hero .wf-hero-copy h1{font-size:clamp(49px,13vw,64px)}
 #app .ency-section-intro h2{font-size:57px}
 #app .ency-big-statement h2{font-size:55px}
 #app .ency-path-card h3{font-size:39px}
 #app .ency-heading-row h2{font-size:49px}
}