/* Everflow / three worlds. Additive skin: original artwork, flows and hero copy survive. */
html[data-design]{--ef-bg:#eeeee4;--ef-surface:#f8f8ef;--ef-ink:#24352c;--ef-muted:#657063;--ef-line:#cbd1bd;--ef-accent:#d7f277;--ef-action:#253d30;--ef-radius:4px;--ef-space:clamp(22px,4vw,68px);scroll-padding-bottom:100px}
html[data-design] body{background:var(--ef-bg);color:var(--ef-ink);font-family:'Arial', 'Helvetica Neue',sans-serif;padding-bottom:100px;transition:background .35s,color .35s}
html[data-design] ::selection{background:var(--ef-accent);color:#203022}
html[data-design] .page-shell{max-width:1600px;padding:0 var(--ef-space)}
html[data-design] .header{height:96px;max-width:1600px;padding:0 var(--ef-space);gap:24px}
html[data-design] .brand{font-size:32px;letter-spacing:-2px;font-weight:800;color:var(--ef-ink)}
html[data-design] .brand-logo{width:36px;height:36px;object-fit:contain;margin-right:9px}
html[data-design] .nav{gap:24px;font-size:12px}
html[data-design] .nav a{color:var(--ef-muted)}
html[data-design] .nav a[aria-current=page]{color:var(--ef-ink)}
html[data-design] .nav a[aria-current=page]:after{background:var(--ef-ink)}
html[data-design] .announcement{background:var(--ef-action);color:#f2f5dc;font:10px/1.5 'Courier New',monospace;letter-spacing:.06em;min-height:32px}
html[data-design] .announcement-detail,html[data-design] .announcement button{color:inherit}
html[data-design] .preview-label{font:9px/1.5 'Courier New',monospace;color:var(--ef-muted);padding-bottom:18px;text-transform:uppercase;letter-spacing:.07em}
html[data-design] .button{border-radius:var(--ef-radius);font-size:12px;min-height:46px;padding:15px 22px;letter-spacing:-.1px;transition:background .18s,transform .18s,box-shadow .18s}
html[data-design] .button.dark{background:var(--ef-action);color:#f4f6e8}
html[data-design] .button.lime{background:var(--ef-accent);color:#24372d}
html[data-design] .button.outline{border-color:var(--ef-line);color:var(--ef-ink)}
html[data-design] .button.light{background:#e5f2c7;color:#20332b}
html[data-design] :is(button,a,input,textarea,select):focus-visible{outline:2px solid #a35b32;outline-offset:5px}
html[data-design] .eyebrow,html[data-design] .quiet-badge{font-family:'Courier New',monospace;letter-spacing:.08em}
html[data-design] .quiet-badge{background:var(--ef-surface);color:var(--ef-muted);border:1px solid var(--ef-line);border-radius:2px}
.ef-fieldnote{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px/1.5 'Courier New',monospace;letter-spacing:.08em;margin:0 0 14px;color:var(--ef-muted)}
.ef-fieldnote a{color:var(--ef-ink);border-bottom:1px solid var(--ef-line);padding:4px 0}
.ef-direction-note{margin-left:auto}
html[data-design] .hero{height:clamp(480px,45vw,670px);border-radius:var(--ef-radius);background-position:center 58%;position:relative;isolation:isolate}
html[data-design] .hero:before{background:linear-gradient(90deg,#0c192cdf 0%,#10203680 52%,#14223708 100%),linear-gradient(0deg,#101d2e70,transparent 40%)}
html[data-design] .hero-content{max-width:900px;padding:clamp(50px,6.5vw,104px) 5%;position:relative;z-index:2}
html[data-design] .hero h1{font-size:clamp(52px,6.5vw,102px);line-height:.98;font-weight:750;letter-spacing:-.065em;margin-bottom:26px}
html[data-design] .hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:#e6f0cd}
html[data-design] .hero p{font-size:14px;line-height:1.75;max-width:400px;color:#e3e7e1;margin-bottom:30px}
html[data-design] .hero .eyebrow{font:10px/1.5 'Courier New',monospace;letter-spacing:.15em;margin-bottom:34px}
.ef-hero-stamp{position:absolute;right:4%;bottom:7%;display:grid;grid-template-columns:46px auto;gap:12px 20px;align-items:center;color:#eff7de;z-index:2;font:12px/1.4 'Courier New',monospace;letter-spacing:.1em}
.ef-hero-stamp svg{width:46px;height:46px;stroke:currentColor;stroke-width:1.2}
.ef-stamp-num{grid-column:1/-1;font-size:9px;border-top:1px solid #e4f1d750;padding-top:12px}
html[data-design] .pillars{grid-template-columns:1.25fr 1fr 1fr;gap:0;margin:0 0 72px;border:1px solid var(--ef-line);border-top:0}
html[data-design] .pillar{padding:30px;border:0;border-right:1px solid var(--ef-line);border-radius:0;background:transparent;position:relative;overflow:hidden;box-shadow:none;transition:background .25s,transform .25s}
html[data-design] .pillar:last-child{border-right:0}
html[data-design] .pillar:hover{transform:none;background:var(--ef-surface)}
html[data-design] .pillar:first-child{background:var(--ef-accent);color:#233b2b}
html[data-design] .pillar-num{font:11px/1 'Courier New',monospace;color:inherit;position:absolute;right:25px;top:27px;border:1px solid currentColor;border-radius:50%;padding:8px}
html[data-design] .pillar-kicker{margin-top:0;color:inherit;font:10px 'Courier New',monospace;letter-spacing:.12em}
html[data-design] .pillar h3{font-size:clamp(20px,2vw,29px);font-weight:600;letter-spacing:-1px;max-width:260px;margin-top:30px}
html[data-design] .pillar ul{color:var(--ef-muted);font-size:12px}
html[data-design] .pillar:first-child ul{color:#3c5239}
html[data-design] .pillar-cta{border-color:var(--ef-line);font-size:11px}
html[data-design] .pillar:first-child .pillar-cta{border-color:#829e60}
html[data-design] .pillar li:before{width:4px;height:4px;background:currentColor;border:0}
.ef-economy{display:grid;grid-template-columns:.65fr 1.6fr 1fr;border-top:1px solid var(--ef-line);border-bottom:1px solid var(--ef-line);padding:44px 0 46px;gap:40px;margin:0 0 80px}
.ef-economy-label{font:10px/1.7 'Courier New',monospace;letter-spacing:.08em;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;color:var(--ef-muted)}
.ef-economy-label>span:last-child{flex-basis:100%;margin-top:auto;align-self:end}
.ef-economy-label .ef-status-dot{margin-top:5px}
.ef-economy h2{font-size:clamp(32px,4vw,60px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:0 0 20px}
.ef-economy h2 em{font:italic 1em Georgia,serif}
.ef-economy p{color:var(--ef-muted);font-size:13px;line-height:1.8;max-width:410px;margin:0 0 20px}
.ef-economy a{font-size:11px;display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid var(--ef-line);padding-bottom:8px}
.ef-economy a svg{width:20px;height:20px}
.ef-cycle{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;position:relative;min-height:230px;gap:0;font:8px 'Courier New',monospace;letter-spacing:.08em}
.ef-cycle:before,.ef-cycle:after{content:'';width:145px;height:145px;border:1px solid var(--ef-line);border-radius:50%;position:absolute;left:calc(50% - 105px);top:25px;transform:rotate(-30deg)}
.ef-cycle:after{left:calc(50% - 35px);border-style:dashed}
.ef-cycle>b{font:112px/.9 Georgia,serif;letter-spacing:-10px;grid-column:1/-1;font-weight:400;z-index:1;color:var(--ef-ink);margin-top:10px}
.ef-cycle>small{grid-column:1/-1;text-align:center;line-height:1.7;letter-spacing:.1em;margin-top:25px;font-size:8px}
html[data-design] .section-heading h2{font-size:clamp(28px,3.5vw,48px);letter-spacing:-.045em;font-weight:500}
html[data-design] .section-heading .eyebrow{color:var(--ef-muted);font-size:9px}
html[data-design] .section-heading p,html[data-design] .muted,html[data-design] .micro{color:var(--ef-muted)}
html[data-design] .searchbar{background:var(--ef-surface);border-color:var(--ef-line);border-radius:var(--ef-radius);box-shadow:none;padding:10px 12px 10px 22px}
html[data-design] :is(input,select,textarea){background:var(--ef-surface);color:var(--ef-ink);border-color:var(--ef-line);border-radius:var(--ef-radius);accent-color:var(--ef-action)}
html[data-design] .searchbar :is(input,select){background:transparent}
html[data-design] .chip{border-color:var(--ef-line);color:var(--ef-ink);border-radius:3px;min-height:38px;font-size:11px;padding:8px 16px}
html[data-design] .chip.active{background:var(--ef-action);border-color:var(--ef-action);color:#f5f7e8}
html[data-design] .festival-grid{gap:34px 23px}
html[data-design] .festival-art{height:clamp(240px,23vw,340px);border-radius:var(--ef-radius)}
html[data-design] .festival-card{position:relative}
html[data-design] .festival-card:hover{transform:translateY(-3px)}
html[data-design] .card-art-title{font-size:42px;letter-spacing:-2px}
html[data-design] .card-title-row h3{font-size:20px;font-weight:600;letter-spacing:-.7px}
html[data-design] .card-location,html[data-design] .cost-note,html[data-design] .maker-line,html[data-design] .results-caption{color:var(--ef-muted)}
html[data-design] .date-tag{border-radius:2px;font:9px 'Courier New',monospace;color:#24372d;padding:9px}
html[data-design] .save-btn{width:38px;height:38px}
html[data-design] .tag{background:var(--ef-surface);color:var(--ef-muted);border:1px solid var(--ef-line);border-radius:2px;font-size:9px}
html[data-design] .community-section{margin:0 0 70px}
html[data-design] .community-grid{grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ef-line)}
html[data-design] .community-card{background:transparent;border:0;border-radius:0;border-right:1px solid var(--ef-line);border-bottom:1px solid var(--ef-line);padding:25px;min-height:175px;text-align:left;transition:background .2s}
html[data-design] .community-card:nth-child(3n){border-right:0}
html[data-design] .community-card:nth-last-child(-n+3){border-bottom:0}
html[data-design] .community-card:hover{background:var(--ef-surface);transform:none}
html[data-design] .community-card>span{color:var(--ef-muted)}
html[data-design] .community-card strong{font-size:16px;font-weight:600;color:var(--ef-ink)}
html[data-design] .community-icon{background:var(--ef-accent);color:#24372d!important;border-radius:50%;width:30px;height:30px;font-size:20px}
html[data-design] .campaign-band{background:var(--ef-accent);border-radius:var(--ef-radius);color:#24372d;margin-top:70px;padding:40px}
html[data-design] .campaign-band :is(p,.eyebrow,.campaign-footnote){color:#435539}
html[data-design] .product-visual{border-radius:var(--ef-radius);height:260px}
html[data-design] .product-card h3{font-size:16px;font-weight:600}
html[data-design] .manifesto{border-radius:var(--ef-radius);background:var(--ef-surface);border:1px solid var(--ef-line)}
html[data-design] .manifesto-text{background:var(--ef-surface);color:var(--ef-ink);padding:45px}
html[data-design] .manifesto-text p{color:var(--ef-muted)}
html[data-design] .page-heading{padding:48px 0 34px}
html[data-design] .page-heading h1{font-size:clamp(38px,4.5vw,68px);line-height:1.05;letter-spacing:-.055em;font-weight:550;margin-bottom:18px}
html[data-design] .page-heading p{color:var(--ef-muted);max-width:550px;font-size:14px;line-height:1.7}
html[data-design] .panel{background:var(--ef-surface);border:1px solid var(--ef-line);border-radius:var(--ef-radius);box-shadow:none;padding:30px}
html[data-design] .panel h2{font-size:24px;letter-spacing:-.7px}
html[data-design] .plan-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:28px}
html[data-design] .budget-panel{position:sticky;top:25px;align-self:start}
html[data-design] .budget-panel input{background:var(--ef-bg)}
html[data-design] .weekly-value{font-size:60px;color:var(--ef-ink);letter-spacing:-4px}
html[data-design] .weekly-value small{letter-spacing:0;font-size:12px;color:var(--ef-muted)}
html[data-design] .progress{background:var(--ef-line)}
html[data-design] .progress>span{background:var(--ef-action)}
html[data-design] .studio-layout{grid-template-columns:minmax(310px,.8fr) minmax(0,1.3fr);gap:30px}
html[data-design] .studio-blank{background:var(--ef-surface);border:1px solid var(--ef-line);border-radius:var(--ef-radius);min-height:610px;color:var(--ef-ink);position:relative;overflow:hidden}
html[data-design] .studio-blank:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 39px,var(--ef-line) 40px 40.5px),repeating-linear-gradient(90deg,transparent 0 39px,var(--ef-line) 40px 40.5px);opacity:.25;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
html[data-design] .studio-blank-inner{position:relative}
html[data-design] .studio-blank h2{font-size:40px;letter-spacing:-2px}
html[data-design] .draft-card{border-radius:var(--ef-radius);background:var(--ef-surface);border-color:var(--ef-line);color:var(--ef-ink)}
html[data-design] .draft-card :is(.draft-header,.draft-head){background:var(--ef-action);color:#f0f4dc}
html[data-design] .section-note{background:transparent;border:1px solid var(--ef-line);color:var(--ef-muted);border-radius:var(--ef-radius);padding:20px 24px;font-size:11px;line-height:1.8}
html[data-design] .commons-hero{background:var(--ef-action);border-radius:var(--ef-radius);color:#f2f5e6;min-height:440px;margin-top:25px;overflow:hidden}
html[data-design] .commons-hero h1{font-size:clamp(45px,5vw,76px);letter-spacing:-.055em;font-weight:500;line-height:1.02}
html[data-design] .commons-hero .copy{padding:55px}
html[data-design] .commons-hero p{color:#dae5cf}
html[data-design] .principles{gap:0;border-bottom:1px solid var(--ef-line);margin:0;padding:0}
html[data-design] .principle{padding:36px 25px;border-right:1px solid var(--ef-line)}
html[data-design] .principle:last-child{border-right:0}
html[data-design] .principle p,html[data-design] .principle>span{color:var(--ef-muted)}
html[data-design] .commons-simulator{background:var(--ef-surface);border:1px solid var(--ef-line);border-radius:var(--ef-radius);padding:45px;margin-top:50px;color:var(--ef-ink)}
html[data-design] .commons-numbers>div{background:var(--ef-bg);border-color:var(--ef-line);border-radius:var(--ef-radius)}
html[data-design] .commons-numbers strong{color:var(--ef-ink)}
html[data-design] .commons-numbers span,html[data-design] .commons-simulator p{color:var(--ef-muted)}
html[data-design] .roadmap>div{border-color:var(--ef-line)}
html[data-design] .roadmap p{color:var(--ef-muted)}
html[data-design] .manifesto-note{font:italic 32px/1.4 Georgia,serif;color:var(--ef-ink)}
html[data-design] .manifesto-note small{font:11px/1.7 'Courier New',monospace;color:var(--ef-muted)}
html[data-design] .footer{border-color:var(--ef-line);color:var(--ef-muted);margin-top:85px;padding:45px var(--ef-space) 20px;max-width:1600px}
html[data-design] .footer-bottom{border-color:var(--ef-line);font:9px 'Courier New',monospace}
html[data-design] #toast{bottom:105px;background:var(--ef-action);border:1px solid var(--ef-line);border-radius:4px}
html[data-design] dialog:not(.ef-feedback){background:var(--ef-surface);color:var(--ef-ink);border:1px solid var(--ef-line);border-radius:12px}
html[data-design] dialog::backdrop{background:#0b1422aa;backdrop-filter:blur(7px)}
html[data-design] .empty{color:var(--ef-ink)}
html[data-design] .empty p{color:var(--ef-muted)}

/* 02 / AFTERGLOW — edge-to-edge cinematic space, floating instruments, electric life. */
html[data-design=afterglow]{--ef-bg:#10141f;--ef-surface:#1b2230;--ef-ink:#f1f0e6;--ef-muted:#adb8ba;--ef-line:#35404d;--ef-accent:#d9f296;--ef-action:#405445;--ef-radius:18px;--ef-space:clamp(20px,4.5vw,76px)}
html[data-design=afterglow] body{background-image:radial-gradient(ellipse at 85% 3%,#3e355b55,transparent 40%)}
html[data-design=afterglow] .announcement{background:#d8ef9b;color:#20352b}
html[data-design=afterglow] .header{height:104px}
html[data-design=afterglow] .brand-logo{filter:brightness(1.5)}
html[data-design=afterglow] .hero{height:680px;margin:0 calc(-1 * var(--ef-space));border-radius:0;background-position:60% 57%}
html[data-design=afterglow] .hero:before{background:linear-gradient(0deg,#10141f 0%,#10141f20 70%),linear-gradient(90deg,#0f162bd9,transparent 85%)}
html[data-design=afterglow] .hero-content{padding:100px var(--ef-space) 80px;max-width:1050px}
html[data-design=afterglow] .hero h1{font-weight:450;font-size:clamp(60px,7.5vw,116px);letter-spacing:-.06em;line-height:1.03}
html[data-design=afterglow] .hero h1 em{color:#edc6c5}
html[data-design=afterglow] .hero .eyebrow{color:#d9f296}
html[data-design=afterglow] .hero-actions .button.light{background:#d9f296}
html[data-design=afterglow] .ef-hero-stamp{right:6%;bottom:14%;color:#d9f296}
html[data-design=afterglow] .pillars{border:0;gap:14px;margin-top:-16px;position:relative;z-index:3;grid-template-columns:repeat(3,1fr)}
html[data-design=afterglow] .pillar{border:1px solid #52605c88;border-radius:16px;background:#1a2435e8;backdrop-filter:blur(12px);padding:30px}
html[data-design=afterglow] .pillar:first-child{background:#293b38e8;color:#f1f0e6}
html[data-design=afterglow] .pillar:first-child ul{color:#c4d3bc}
html[data-design=afterglow] .pillar-num{color:#d9f296}
html[data-design=afterglow] .pillar:hover{background:#263341;transform:translateY(-5px)}
html[data-design=afterglow] .ef-economy{grid-template-columns:1.8fr 1fr;padding:48px;border:1px solid var(--ef-line);border-radius:24px;background:radial-gradient(ellipse at 95% 70%,#604b6c35,transparent 70%)}
html[data-design=afterglow] .ef-economy-label{grid-column:1/-1}
html[data-design=afterglow] .ef-economy-label>span:last-child{flex-basis:auto;margin:0 0 0 auto}
html[data-design=afterglow] .ef-economy h2{font-size:64px}
html[data-design=afterglow] .ef-cycle{color:#c4d5ad}
html[data-design=afterglow] .ef-cycle>b{color:#d9f296}
html[data-design=afterglow] .festival-grid{grid-template-columns:repeat(2,1fr);gap:42px 28px}
html[data-design=afterglow] .festival-art{height:350px}
html[data-design=afterglow] .festival-card:first-child .festival-art{background:#484566}
html[data-design=afterglow] .card-art-title{font-size:55px;bottom:30px;left:30px}
html[data-design=afterglow] .chip{border-radius:40px}
html[data-design=afterglow] .community-grid{border:0;gap:12px}
html[data-design=afterglow] .community-card{border:1px solid var(--ef-line);border-radius:14px;background:var(--ef-surface)}
html[data-design=afterglow] .community-card:nth-child(n){border:1px solid var(--ef-line)}
html[data-design=afterglow] .community-icon{background:#374a3c}
html[data-design=afterglow] .plan-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)}
html[data-design=afterglow] .plan-layout>section{grid-column:2;grid-row:1}
html[data-design=afterglow] .budget-panel{grid-column:1;grid-row:1;background:linear-gradient(145deg,#273b34,#1b2230)}
html[data-design=afterglow] .studio-layout{grid-template-columns:1fr 1fr}
html[data-design=afterglow] .studio-blank{background:radial-gradient(ellipse at 50% 30%,#46415e,#1b2230 75%)}
html[data-design=afterglow] .commons-hero{background:linear-gradient(125deg,#27384b,#38364d);min-height:500px}
html[data-design=afterglow] .orbit-art{background:radial-gradient(ellipse,#69667e55,transparent 70%)}
html[data-design=afterglow] .campaign-band .button.dark{background:#203d2a}
html[data-design=afterglow] .searchbar .button.dark{background:#d9f296;color:#24372d}
html[data-design=afterglow] .offer-head{color:#24372d}

/* 03 / COMMON GROUND — print-like rhythm, sculptural landscape, human warmth. */
html[data-design=commons]{--ef-bg:#f7f4ec;--ef-surface:#fffdf6;--ef-ink:#343b2e;--ef-muted:#706f61;--ef-line:#d5d2c2;--ef-accent:#eed7bc;--ef-action:#85513c;--ef-radius:12px;--ef-space:clamp(22px,5vw,85px)}
html[data-design=commons] .announcement{background:#e9ddc6;color:#544631}
html[data-design=commons] .brand{font-family:Georgia,serif;font-weight:600;letter-spacing:-1.5px}
html[data-design=commons] .header{height:110px}
html[data-design=commons] .ef-fieldnote{border-top:1px solid var(--ef-line);padding-top:15px}
html[data-design=commons] .hero{background:none;color:var(--ef-ink);overflow:visible;min-height:580px;height:auto;display:flex;align-items:center;padding:25px 0}
html[data-design=commons] .hero:before{display:none}
html[data-design=commons] .hero:after{content:'';position:absolute;right:0;top:15px;bottom:15px;width:43%;border-radius:240px 240px 8px 8px;background:#4d5368 url('/everfest/assets/everfest-valley.webp') 72% center/cover;z-index:-1}
html[data-design=commons] .hero-content{padding:40px 0 60px;max-width:55%;width:55%}
html[data-design=commons] .hero h1{font-family:Georgia,serif;font-size:clamp(48px,5.3vw,86px);font-weight:400;letter-spacing:-.065em;line-height:1.08;max-width:100%}
html[data-design=commons] .hero h1 em{color:#89543e}
html[data-design=commons] .hero .eyebrow{color:#767857}
html[data-design=commons] .hero p{color:#656756;background:var(--ef-bg);max-width:350px;font-size:13px;padding-right:16px}
html[data-design=commons] .hero-actions .button.light{background:#85513c;color:#fff8e8}
html[data-design=commons] .hero-actions .button.ghost{border-color:var(--ef-line);color:var(--ef-ink);background:var(--ef-bg)}
html[data-design=commons] .ef-hero-stamp{right:3%;bottom:10%;color:#fffae5}
html[data-design=commons] .pillars{border:0;border-top:1px solid var(--ef-line);grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 65px}
html[data-design=commons] .pillar{border:0;border-bottom:1px solid var(--ef-line);background:transparent;padding:28px 8px}
html[data-design=commons] .pillar:first-child{background:transparent;color:var(--ef-ink)}
html[data-design=commons] .pillar-num{border:0;color:#9e674b;font:italic 36px Georgia,serif;padding:0;right:10px}
html[data-design=commons] .pillar h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin-top:24px}
html[data-design=commons] .ef-economy{background:#e9eddf;border:0;border-radius:8px;grid-template-columns:1fr 1.4fr .8fr;padding:42px;gap:25px}
html[data-design=commons] .ef-economy h2{font-family:Georgia,serif;font-size:48px;letter-spacing:-2px}
html[data-design=commons] .ef-economy-label{font-size:9px}
html[data-design=commons] .ef-economy-copy{grid-column:1/3;grid-row:2}
html[data-design=commons] .ef-economy-label{grid-column:1/3}
html[data-design=commons] .ef-cycle{grid-column:3;grid-row:1/3}
html[data-design=commons] .section-heading h2,html[data-design=commons] .page-heading h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
html[data-design=commons] .festival-grid{grid-template-columns:repeat(3,1fr);gap:36px 26px}
html[data-design=commons] .festival-card:first-child{grid-column:span 2;grid-row:span 2}
html[data-design=commons] .festival-card:first-child .festival-art{height:650px}
html[data-design=commons] .festival-art{height:240px;border-radius:80px 8px 8px 8px}
html[data-design=commons] .card-title-row h3{font-family:Georgia,serif;font-size:23px;font-weight:400}
html[data-design=commons] .community-grid{border:0;gap:16px}
html[data-design=commons] .community-card:nth-child(n){border:1px solid var(--ef-line);border-radius:8px;background:#fffdf655}
html[data-design=commons] .community-card strong{font-family:Georgia,serif;font-size:21px;font-weight:400}
html[data-design=commons] .community-icon{background:#e2e8d5}
html[data-design=commons] .page-heading{padding-top:55px;border-top:1px solid var(--ef-line);margin-top:20px}
html[data-design=commons] .plan-layout{grid-template-columns:1.2fr 1fr}
html[data-design=commons] .budget-panel{background:#e9eddf}
html[data-design=commons] .studio-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
html[data-design=commons] .studio-blank{border-radius:220px 220px 12px 12px;background:#e8ddcd}
html[data-design=commons] .studio-blank h2{font-family:Georgia,serif;font-weight:400}
html[data-design=commons] .commons-hero{background:#e7decf;color:#343b2e;grid-template-columns:1.5fr 1fr}
html[data-design=commons] .commons-hero :is(h1,h2){font-family:Georgia,serif;font-weight:400}
html[data-design=commons] .commons-hero p{color:#626653}
html[data-design=commons] .commons-hero .button.lime{background:#85513c;color:#fff9e8}
html[data-design=commons] .commons-simulator{border-radius:18px;background:#e9eddf}

/* Small, composited highlights. No canvas, WebGL, animation libraries or idle JS. */
html[data-design] .hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(110deg,transparent 35%,#d9f4d718 48%,transparent 60%);transform:translateX(-110%);animation:ef-shimmer 11s ease-in-out 1s 2}
html[data-design=commons] .hero:after{animation:none;transform:none;inset:15px 0 15px auto;background:#4d5368 url('/everfest/assets/everfest-valley.webp') 72% center/cover;z-index:-1}
html[data-design] .fade-in{animation:ef-arrive .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes ef-shimmer{0%,65%{transform:translateX(-110%)}95%,100%{transform:translateX(110%)}}
@keyframes ef-arrive{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}

/* DevBar is intentionally consistent across worlds. */
.ef-devbar{position:fixed;z-index:90;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;width:max-content;max-width:calc(100% - 28px);padding:10px 12px 10px 18px;color:#eeeede;background:#19271fee;border:1px solid #68705b88;box-shadow:0 12px 45px #05120933;backdrop-filter:blur(20px);border-radius:12px;font-family:Arial,sans-serif}
.ef-company{display:flex;align-items:center;gap:8px;position:relative;color:#edf4de;font-size:17px;letter-spacing:-.7px;font-weight:600;white-space:nowrap}
.ef-company>svg{width:30px;height:30px;stroke:#d7ef9b;stroke-width:1.5}
.ef-tooltip{position:absolute;bottom:calc(100% + 24px);left:0;padding:10px 13px;border-radius:5px;background:#eff3de;color:#26372b;font:11px/1.5 Arial,sans-serif;letter-spacing:0;box-shadow:0 5px 25px #0002;opacity:0;visibility:hidden;transform:translateY(4px);transition:.2s;pointer-events:none}
.ef-company:hover .ef-tooltip,.ef-company:focus-visible .ef-tooltip{opacity:1;visibility:visible;transform:none}
.ef-lab-label{font:8px/1.4 'Courier New',monospace;color:#a8b69c;letter-spacing:.1em;display:flex;gap:7px;align-items:center;white-space:nowrap}
.ef-status-dot{display:inline-block;flex:none;background:#b4d47e;width:5px;height:5px;border-radius:50%;box-shadow:0 0 9px #a5cd6b44}
.ef-directions{display:flex;background:#0b170d50;border:1px solid #78836640;border-radius:7px;padding:3px;gap:2px}
.ef-directions button{border-radius:4px;min-height:35px;color:#b6c3ac;padding:8px 13px;font:11px/1.3 Arial,sans-serif;white-space:nowrap}
.ef-directions button>span{font:9px 'Courier New',monospace;opacity:.6;margin-right:7px}
.ef-directions button[aria-selected=true]{background:#d9edaa;color:#25382b;box-shadow:0 1px 6px #0002}
.ef-directions button:hover:not([aria-selected=true]){background:#ffffff0d;color:#eef5de}
.ef-feedback-trigger{color:#eaf2d6;display:flex;gap:8px;align-items:center;padding:10px 4px;font-size:11px;white-space:nowrap}
.ef-feedback-trigger svg{width:17px;height:17px}
.ef-outbox-count{background:#d9edaa;color:#26372b;padding:2px 5px;border-radius:10px;font-size:9px}
.ef-collapse{color:#c1cbb7;border-left:1px solid #73816355;padding:4px 4px 4px 12px;font:18px/1 Arial,sans-serif;min-width:25px;min-height:32px}
.ef-collapsed .ef-lab-label,.ef-collapsed .ef-directions{display:none}
.ef-capture-hidden{visibility:hidden}
.ef-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Feedback / a small, resilient field notebook. Native dialog handles focus and inertness. */
dialog.ef-feedback{padding:0;width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #bbc5ad;border-radius:18px;background:#f6f6eb;color:#283a2d;box-shadow:0 25px 100px #07180e44;font:13px/1.5 Arial,sans-serif}
.ef-feedback::backdrop{background:#101e24bb;backdrop-filter:blur(8px)}
.ef-feedback-form{padding:28px 32px}
.ef-feedback-top{display:flex;justify-content:space-between;align-items:center;font:9px 'Courier New',monospace;letter-spacing:.1em;color:#65725c;margin-bottom:24px}
.ef-feedback-top button{padding:5px;color:#344632}
.ef-feedback-top svg{width:20px;height:20px}
.ef-feedback h2{font-size:48px;line-height:1.05;letter-spacing:-2.5px;font-weight:500;margin:0 0 15px}
.ef-feedback h2 em{font-family:Georgia,serif;color:#6a7b44;font-weight:400}
.ef-feedback-intro{font-size:12px;color:#6c7561;line-height:1.8;margin:0 0 22px}
.ef-categories{border:0;margin:0 0 22px;padding:0;display:flex;gap:7px}
.ef-categories label{cursor:pointer;position:relative;flex:1}
.ef-categories input{position:absolute;opacity:0;width:1px;height:1px}
.ef-categories span{display:block;font-size:10px;text-align:center;padding:10px 6px;border:1px solid #d4dac6;border-radius:4px;white-space:nowrap}
.ef-categories input:checked+span{background:#e1eacb;border-color:#7b8c65}
.ef-categories input:focus-visible+span{outline:2px solid #a35b32;outline-offset:3px}
.ef-message-label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}
.ef-feedback textarea{display:block;width:100%;background:#fffef8!important;border:1px solid #cdd4be!important;color:#283a2d!important;padding:13px!important;font-size:13px;line-height:1.7;resize:vertical;border-radius:6px!important;min-height:115px}
.ef-attachments{display:flex;gap:12px;margin:13px 0 15px;flex-wrap:wrap}
.ef-attachments button,.ef-upload{display:inline-flex;align-items:center;gap:6px;color:#536549;font-size:10px;padding:6px 0;cursor:pointer}
.ef-attachments svg{width:15px;height:15px}
.ef-upload input{position:absolute;width:1px;height:1px;opacity:0}
.ef-upload:focus-within{outline:2px solid #a35b32;outline-offset:4px}
.ef-attachment-preview{position:relative}
.ef-attachment-preview>img{max-height:210px;width:100%;object-fit:contain;background:#e5e8dc;border:1px solid #ccd3bd;border-radius:6px}
.ef-attachment-preview>button{position:absolute;right:7px;top:7px;background:#f6f7ed;padding:5px;border-radius:50%;color:#283a2d}
.ef-attachment-preview>button svg{width:15px;height:15px}
.ef-area-chip{display:flex;align-items:center;gap:8px;font:10px 'Courier New',monospace;padding:9px 11px;border:1px solid #ccd3bd;border-radius:4px;margin:10px 0}
.ef-area-chip>svg{width:14px;height:14px}
.ef-area-chip>button{margin-left:auto;color:#283a2d;font-size:20px}
.ef-feedback-context{display:flex;justify-content:space-between;font:9px/1.7 'Courier New',monospace;color:#77826d;border-top:1px solid #d9dfcd;padding-top:13px;gap:12px}
.ef-feedback-status{color:#6a5037;line-height:1.7;font-size:11px;margin:12px 0;min-height:18px}
.ef-submit-row{display:flex;justify-content:space-between;gap:14px;align-items:center}
.ef-save-draft{font-size:11px;padding:12px 0;color:#536549}
.ef-send{background:#2e4734;color:#f1f6e6;padding:14px 20px;border-radius:5px;font-size:12px;display:flex;gap:22px;align-items:center}
.ef-send svg{width:18px;height:18px}
.ef-privacy{font-size:9px;line-height:1.8;color:#7b846f;margin:15px 0}
.ef-outbox{border-top:1px solid #d5dcc7;padding-top:15px;margin-top:20px;font-size:11px;color:#526348}
.ef-outbox summary{cursor:pointer;padding:5px 0}
.ef-outbox-list article{border-top:1px solid #dce1d1;padding:10px 0}
.ef-outbox-list p{font-size:11px;overflow-wrap:anywhere}
.ef-outbox-list small{font-size:9px;color:#7c856f}
.ef-outbox-list article>div{display:flex;gap:14px;margin-top:8px}
.ef-outbox-list button{font-size:10px;color:#536549;border-bottom:1px solid #bdc7aa;padding:3px 0}
.ef-area-selector{position:fixed;inset:0;z-index:1000;cursor:crosshair;touch-action:none;background:#13241c33;outline:none}
.ef-area-help{position:absolute;top:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);background:#233a2b;color:#eff6db;padding:13px 18px;border-radius:7px;box-shadow:0 5px 25px #0003;cursor:default;display:flex;align-items:center;gap:18px;font:12px Arial,sans-serif;white-space:nowrap}
.ef-area-help span{font-size:9px;color:#c2d3ae}
.ef-area-help button{font-size:10px;color:#e5f0cf;border:1px solid #758668;padding:6px 9px;border-radius:4px}
.ef-selection-box{position:absolute;border:2px solid #d6f092;background:#d6f09219;box-shadow:0 0 0 200vmax #07190a55;pointer-events:none}
.ef-selection-box:empty{min-width:0;min-height:0}

@media(min-width:1800px){html[data-design] .hero h1{font-size:106px}}
@media(max-width:1150px){html[data-design] .header{gap:18px}html[data-design] .nav{gap:18px;font-size:11px}html[data-design] .tour-trigger{display:none}.ef-devbar{gap:14px}.ef-lab-label{display:none}.ef-economy{grid-template-columns:.6fr 1.6fr .8fr;gap:25px}html[data-design=commons] .hero h1{font-size:68px}html[data-design=commons] .festival-card:first-child .festival-art{height:620px}}
@media(max-width:850px){html[data-design] .header{height:78px}html[data-design] .nav{gap:12px;font-size:10px}html[data-design] .hero{height:540px}html[data-design] .hero-content{padding:65px 6%}html[data-design] .hero h1{font-size:66px}.ef-hero-stamp{display:none}html[data-design] .pillars{grid-template-columns:repeat(3,1fr)}html[data-design] .pillar{padding:24px 18px}html[data-design] .pillar h3{font-size:23px;max-width:180px}html[data-design] .pillar-num{right:14px;top:18px;font-size:8px;padding:5px}html[data-design] .pillar-kicker{font-size:9px}html[data-design] .pillar ul{font-size:11px}.ef-economy{grid-template-columns:1fr 1fr;gap:25px}.ef-economy-label{grid-column:1/-1}.ef-economy-label>span:last-child{flex-basis:auto;margin:0 0 0 auto}.ef-economy h2{font-size:46px}html[data-design] .festival-grid{grid-template-columns:repeat(2,1fr)}html[data-design] .community-grid{grid-template-columns:repeat(2,1fr)}html[data-design] .community-card:nth-child(n){border-right:1px solid var(--ef-line);border-bottom:1px solid var(--ef-line)}html[data-design] .community-card:nth-child(2n){border-right:0}html[data-design] .community-card:nth-last-child(-n+2){border-bottom:0}html[data-design] .plan-layout{grid-template-columns:1fr}html[data-design] .budget-panel{position:static;display:block;grid-column:auto;grid-row:auto}html[data-design=afterglow] .plan-layout>section{grid-column:auto;grid-row:auto}html[data-design] .studio-layout{grid-template-columns:1fr}html[data-design] .studio-blank{min-height:400px}html[data-design=afterglow] .hero-content{padding:75px var(--ef-space)}html[data-design=afterglow] .ef-economy{padding:30px}html[data-design=afterglow] .ef-economy h2{font-size:48px}html[data-design=commons] .hero{min-height:530px;height:auto}html[data-design=commons] .hero-content{padding:40px 0;max-width:75%}html[data-design=commons] .hero h1{font-size:65px}html[data-design=commons] .hero:after{width:48%}html[data-design=commons] .festival-card:first-child{grid-column:span 2;grid-row:auto}html[data-design=commons] .festival-card:first-child .festival-art{height:420px}html[data-design=commons] .ef-economy{grid-template-columns:1fr 1fr}.ef-devbar{gap:12px;padding-left:12px}.ef-directions button{padding:8px 10px;font-size:10px}.ef-company{font-size:15px}.ef-company>svg{width:25px;height:25px}.ef-feedback-trigger{font-size:10px}.ef-directions button>span{display:none}}
@media(max-width:620px){html[data-design]{--ef-space:18px}html[data-design] body{padding-bottom:125px}html[data-design] .announcement{font-size:9px;padding:7px 18px}html[data-design] .header{height:74px}html[data-design] .brand{font-size:28px}html[data-design] .brand-logo{width:30px;height:30px}html[data-design] .nav{background:var(--ef-surface);border-color:var(--ef-line);font-size:13px;padding:16px}html[data-design] .preview-label{font-size:8px;line-height:1.7;padding:0 24px 17px}html[data-design] .mobile-menu{color:var(--ef-ink)}.ef-fieldnote{font-size:8px;margin-bottom:10px}.ef-fieldnote>a,.ef-direction-note{display:none}html[data-design] .hero{height:545px;border-radius:6px;background-position:65% 50%}html[data-design] .hero:before{background:linear-gradient(90deg,#101c31dc,#101c3170),linear-gradient(0deg,#121d2aaa,transparent)}html[data-design] .hero-content{padding:53px 25px;max-width:100%}html[data-design] .hero h1{font-size:clamp(44px,11.5vw,69px);letter-spacing:-.06em;line-height:1.05;margin-bottom:23px}html[data-design] .hero .eyebrow{font-size:9px;margin-bottom:30px}html[data-design] .hero p{font-size:13px;max-width:290px}html[data-design] .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}html[data-design] .hero-actions .button{font-size:11px;padding:13px 18px;min-height:43px}html[data-design] .pillars{grid-template-columns:1fr;border:0;margin-bottom:45px;gap:0}html[data-design] .pillar{padding:24px;border:1px solid var(--ef-line);border-top:0}html[data-design] .pillar:last-child{border-right:1px solid var(--ef-line)}html[data-design] .pillar h3{font-size:26px;max-width:80%;margin-top:15px;margin-bottom:12px}html[data-design] .pillar-num{font-size:10px;padding:6px;top:24px;right:22px}html[data-design] .pillar ul{font-size:12px;gap:6px;display:none}html[data-design] .pillar-cta{border:0;padding-top:0;font-size:10px}html[data-design] .pillar-kicker{font-size:9px}.ef-economy{grid-template-columns:1fr;padding:28px 0;gap:24px;margin-bottom:50px}.ef-economy h2{font-size:43px}.ef-economy p{font-size:12px}.ef-cycle{display:none}.ef-economy-copy{grid-column:auto}.ef-economy-label{grid-column:auto}html[data-design] .section-heading h2{font-size:33px}html[data-design] .section-heading{gap:15px;margin-bottom:22px}html[data-design] .section-heading .text-link{white-space:normal;font-size:10px;text-align:right;min-width:90px}html[data-design] .searchbar{padding:8px 12px}html[data-design] .searchbar input{font-size:13px}html[data-design] .searchbar select{font-size:11px}html[data-design] .searchbar .button{padding:10px 12px;min-height:38px}html[data-design] .chips{margin:17px 0 25px}html[data-design] .chip{font-size:10px;min-height:36px}html[data-design] .festival-grid{grid-template-columns:1fr;gap:32px}html[data-design] .festival-art{height:290px}html[data-design] .card-title-row h3{font-size:23px}html[data-design] .card-art-title{font-size:43px}html[data-design] .community-section{margin-bottom:45px}html[data-design] .community-card{padding:18px 14px;min-height:185px}html[data-design] .community-card strong{font-size:15px;line-height:1.4}html[data-design] .community-card>span:not(.community-icon){font-size:10px}html[data-design] .campaign-band{padding:25px;gap:22px;margin-top:45px}html[data-design] .campaign-footnote{font-size:9px}html[data-design] .product-visual{height:190px}html[data-design] .maker-preview{gap:23px 13px}html[data-design] .product-card h3{font-size:14px}html[data-design] .manifesto-text{padding:26px}html[data-design] .page-heading{padding:30px 0 25px;align-items:start}html[data-design] .page-heading h1{font-size:42px}html[data-design] .page-heading p{font-size:12px}html[data-design] .page-heading .quiet-badge{font-size:8px;max-width:105px;text-align:center;line-height:1.5}html[data-design] .panel{padding:23px}html[data-design] .panel h2{font-size:23px}html[data-design] .budget-panel{display:block}html[data-design] .weekly-value{font-size:58px}html[data-design] .studio-blank h2{font-size:34px}html[data-design] .commons-hero{grid-template-columns:1fr;min-height:0;margin-top:10px}html[data-design] .commons-hero .copy{padding:34px 25px}html[data-design] .commons-hero h1{font-size:49px}html[data-design] .commons-hero .orbit-art{height:200px;min-height:200px}html[data-design] .principles{grid-template-columns:1fr}html[data-design] .principle{border-right:0;border-bottom:1px solid var(--ef-line);padding:28px 10px}html[data-design] .commons-simulator{padding:25px;margin-top:30px}html[data-design] .commons-numbers{gap:9px}html[data-design] .commons-numbers strong{font-size:26px}html[data-design] .manifesto-note{font-size:27px}html[data-design] .footer{padding:30px 18px 20px;margin-top:50px}html[data-design] #toast{bottom:140px}html[data-design=afterglow] .hero{height:580px;margin:0 -18px;border-radius:0}html[data-design=afterglow] .hero-content{padding:55px 30px}html[data-design=afterglow] .hero h1{font-size:clamp(45px,12vw,70px)}html[data-design=afterglow] .pillars{gap:10px;margin-top:0}html[data-design=afterglow] .pillar:nth-child(n){border:1px solid var(--ef-line)}html[data-design=afterglow] .ef-economy{grid-template-columns:1fr;padding:27px}html[data-design=afterglow] .ef-economy h2{font-size:44px}html[data-design=afterglow] .festival-art{height:310px}html[data-design=afterglow] .card-art-title{font-size:44px;left:24px}html[data-design=commons] .hero{display:block;padding:20px 0 240px;min-height:0}html[data-design=commons] .hero-content{max-width:100%;padding:15px 0 25px}html[data-design=commons] .hero h1{font-size:clamp(45px,12vw,70px)}html[data-design=commons] .hero p{background:transparent;max-width:300px}html[data-design=commons] .hero:after{top:auto;bottom:0;left:0;width:100%;height:235px;border-radius:130px 8px 8px 8px;background-position:center 65%}html[data-design=commons] .hero-actions{flex-direction:row;flex-wrap:wrap}html[data-design=commons] .hero-actions .button{font-size:10px;padding:12px 14px}html[data-design=commons] .pillars{margin-top:25px}html[data-design=commons] .pillar:nth-child(n){border:0;border-bottom:1px solid var(--ef-line);padding:24px 6px}html[data-design=commons] .pillar-num{font-size:28px;border:0;padding:0}html[data-design=commons] .ef-economy{grid-template-columns:1fr;padding:27px}html[data-design=commons] .ef-economy-copy,html[data-design=commons] .ef-economy-label{grid-column:auto;grid-row:auto}html[data-design=commons] .ef-economy h2{font-size:42px}html[data-design=commons] .festival-card:first-child{grid-column:auto}html[data-design=commons] .festival-card:first-child .festival-art{height:340px}html[data-design=commons] .community-card strong{font-size:18px}html[data-design=commons] .commons-hero{grid-template-columns:1fr}.ef-devbar{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100% - 20px);width:420px;display:grid;grid-template-columns:1fr auto 26px;gap:7px 12px;padding:9px 12px;border-radius:12px}.ef-company{font-size:15px}.ef-company>svg{width:23px;height:23px}.ef-directions{grid-row:2;grid-column:1/-1;justify-content:stretch}.ef-directions button{flex:1;padding:8px 9px;min-height:33px;font-size:10px}.ef-feedback-trigger{grid-column:2;grid-row:1;padding:4px;font-size:10px}.ef-collapse{grid-column:3;grid-row:1;min-height:27px;padding-left:10px}.ef-collapsed{width:250px;grid-template-columns:1fr auto 26px}.ef-tooltip{font-size:10px;max-width:280px}.ef-feedback-form{padding:23px}.ef-feedback h2{font-size:43px}.ef-attachments{gap:11px}.ef-attachments button,.ef-upload{font-size:9px}.ef-area-help{gap:10px;font-size:11px}.ef-area-help span{display:none}.ef-feedback-context{font-size:8px}.ef-categories span{font-size:9px}}
@media(max-width:620px){html[data-design=commons] .hero-content{width:100%;max-width:100%}.ef-area-help{max-width:calc(100% - 20px)}.ef-feedback .ef-attachments{gap:12px}.ef-feedback :is(button,.ef-upload){min-height:36px}}
@media(prefers-reduced-motion:reduce){html[data-design]{scroll-behavior:auto}html[data-design] *,html[data-design] *:before,html[data-design] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}