/* POP LAB / 2026 — completely new art direction. All application logic remains in PHP and app.js. */
:root{--ink:#19192b;--green:#6255e8;--paper:#f6f6f2;--muted:#68687a;--line:#dfdfe3;--pink:#ffb7a2;--yellow:#ffe36b;--blue:#6255e8;--orange:#ff876b;--lime:#c8ed8f}
html,body{width:100%;max-width:100%;overflow-x:clip}html{scroll-padding-top:100px}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);letter-spacing:-.02em}
::selection{background:#6255e8;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff795d;outline-offset:3px}
h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-weight:860;line-height:1.02;letter-spacing:-.075em}
/* Navigation: from floating round kindergarten menu to a disciplined editorial toolbar. */
.header{position:relative;z-index:10;max-width:1352px;width:calc(100% - 72px);margin:27px auto 0;padding:11px 5px 11px 17px;min-height:72px;display:flex;align-items:center;gap:22px;background:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 var(--ink)}
.header .brand{font-size:17px;max-width:260px;letter-spacing:-.055em;font-weight:860;color:var(--ink);line-height:1.1;min-width:0;gap:10px}
.brand-icon,.header .brand-icon{font-family:Arial,sans-serif;display:grid;place-items:center;width:47px;height:47px;border-radius:0;background:var(--blue);color:#fff;font-size:34px;font-weight:600;transform:none;box-shadow:none;flex:0 0 47px}
.header .brand small{font-weight:850;font-size:9px;letter-spacing:.13em;margin-top:6px;color:#77778a}
.header nav{gap:0;font-size:12px;font-weight:780;margin-left:auto;align-items:center;white-space:nowrap}
.header nav a{padding:12px 10px;background:transparent;border:0;border-radius:0;color:#4b4b5e;transition:background .18s}
.header nav a.active,.header nav a:hover{background:#eae8ff;color:var(--blue);border:0}
.header-actions{gap:10px}
.language-switch{background:#f5f4f9;border:1px solid #dcdbe4;border-radius:0;padding:3px;gap:1px}
.language-switch a{border-radius:0;color:#55566d;font-size:11px;font-weight:850;min-width:36px;min-height:33px}
.language-switch a.active{background:var(--ink);color:#fff;box-shadow:none}
.contact-button{background:var(--yellow);color:var(--ink);padding:13px 17px;white-space:nowrap;border:1.5px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:850}
.contact-button:hover{background:#f6d046;color:var(--ink)}
.menu-button{border-radius:0;background:#fff;color:var(--ink)}
/* A radically new two-panel hero: editorial typographic field + graphic arts board. NO house imagery. */
.hero.pop-hero{max-width:1352px;width:calc(100% - 72px);margin:29px auto 0;padding:0;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:0;border:1.5px solid var(--ink);border-radius:0;background:var(--yellow);position:relative;isolation:isolate;overflow:hidden;min-height:590px;box-shadow:8px 9px 0 var(--ink)}
.pop-hero::before,.pop-hero::after{display:none}
.pop-hero .hero-copy{padding:clamp(35px,5.2vw,78px) clamp(25px,4.9vw,70px) 44px;align-self:center;position:relative;z-index:2;min-width:0}
.pop-hero .eyebrow{display:inline-flex;align-items:center;max-width:100%;border:1.5px solid var(--ink);background:#fff;padding:9px 13px;border-radius:0;box-shadow:3px 3px 0 var(--ink);font-size:10px;line-height:1.3;letter-spacing:.11em;color:var(--ink);margin-bottom:32px;font-weight:850;text-transform:uppercase}
.pop-hero .eyebrow i{background:var(--blue);height:9px;width:9px;border-radius:0;margin-right:10px;transform:rotate(45deg)}
.pop-hero h1{font-size:clamp(44px,5.25vw,83px);letter-spacing:-.085em;line-height:.99;font-weight:900;color:var(--ink);margin:0 0 28px;max-width:660px;overflow-wrap:anywhere}
.pop-hero .hand-star{display:inline-block;color:var(--blue);font-size:.5em;line-height:1;vertical-align:top;margin-left:9px;transform:rotate(15deg)}
.pop-hero .hero-copy>p{font-size:clamp(15px,1.4vw,18px);max-width:460px;color:#3e3b3c;line-height:1.6;margin:0}
.pop-hero .actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin:33px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:1.5px solid var(--ink);border-radius:0;padding:13px 15px 13px 22px;min-height:52px;font-weight:850;font-size:13px;line-height:1.2;box-shadow:4px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s,background .18s}
.button:hover,.button:not(:disabled):hover{background:#4940c8;color:#fff;box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}
.button-arrow{background:rgba(255,255,255,.19);display:grid;place-items:center;width:29px;height:29px;border-radius:0;font-size:21px}
.text-link{color:#262238;font-weight:840;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.text-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.pop-hero .hero-note{display:flex;align-items:center;gap:11px;margin-top:45px;color:#4b473b;font-size:11px;font-weight:750}
.pop-hero .hero-note span{font-size:28px;color:var(--ink);margin:0}
/* Interactive-looking composition is pure decorative HTML/CSS, with no false controls. */
.pop-composition{position:relative;isolation:isolate;background:var(--blue);min-height:590px;overflow:hidden;border-left:1.5px solid var(--ink);color:#fff}
.pop-composition-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:46px 46px;transform:rotate(0deg)}
.pop-upper-label{position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:.16em;font-weight:850;z-index:4;color:#fff}
.pop-ring{position:absolute;width:min(72%,345px);aspect-ratio:1;top:8%;left:50%;transform:translateX(-50%) rotate(-18deg);border-radius:50%;background:var(--orange);border:2px solid var(--ink);box-shadow:12px 12px 0 #33269b;display:grid;place-items:center}
.pop-ring::after{content:"";position:absolute;width:73%;aspect-ratio:1;border-radius:50%;background:#ffe97d;border:2px solid var(--ink)}
.pop-ring-core{position:relative;z-index:2;color:var(--blue);font-size:clamp(130px,20vw,240px);line-height:1;transform:rotate(20deg);font-family:Georgia,serif}
.pop-letter{position:absolute;display:grid;place-items:center;font-size:clamp(64px,11vw,155px);font-weight:950;font-family:system-ui,Arial,sans-serif;line-height:1;letter-spacing:-.1em;text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);z-index:3;pointer-events:none}
.pop-letter-one{top:14%;left:10%;color:#d5f4a4;transform:rotate(-18deg)}
.pop-letter-two{top:17%;right:9%;color:#fff;transform:rotate(14deg)}
.pop-letter-three{top:45%;left:40%;color:var(--orange);transform:rotate(-12deg)}
.pop-ticket{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px;padding:13px 17px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);min-width:215px;max-width:85%;font-weight:920;line-height:1.1}
.pop-ticket small{font-weight:850;font-size:9px;letter-spacing:.14em}
.pop-ticket strong{font-size:clamp(28px,3vw,39px);line-height:1;font-weight:920;letter-spacing:-.065em}
.pop-ticket span{position:absolute;right:10px;bottom:8px;font-size:25px}
.pop-ticket-a{left:7%;bottom:22%;background:var(--lime);color:var(--ink);transform:rotate(-7deg)}
.pop-ticket-b{right:7%;bottom:10%;background:var(--pink);color:var(--ink);transform:rotate(5deg)}
.pop-scribble{position:absolute;right:-10px;top:45%;font-size:67px;line-height:1;letter-spacing:-.28em;color:var(--yellow);z-index:2;transform:rotate(34deg)}
.pop-bottom-label{position:absolute;bottom:21px;left:27px;font-weight:850;letter-spacing:.08em;font-size:10px;color:#f5f2ff}
/* Value ribbon uses compact, offset number panels rather than the same old soft cards. */
.ribbon{max-width:1330px;margin:36px auto 0;padding:0 0;background:transparent;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ribbon span{background:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 #272536;min-height:83px;display:flex;align-items:center;gap:12px;padding:14px 13px;color:var(--ink);font-size:13px;font-weight:820}
.ribbon span:nth-child(2){background:#f4d6e5}.ribbon span:nth-child(3){background:#d7e8ff}.ribbon span:nth-child(4){background:#d7f0bf}
.ribbon span b,.ribbon span:nth-child(n) b{display:grid;place-items:center;background:var(--ink);color:#fff;border:0;border-radius:0;min-width:42px;width:42px;height:42px;font-size:19px;font-weight:850}
/* Section rhythm and typographic language. */
.section{max-width:1320px;padding:86px 5%}
.eyebrow{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.eyebrow i{background:var(--orange)}
.about{max-width:1300px;gap:58px;border:0;align-items:start;padding-top:120px;padding-bottom:94px;margin:0 auto;position:relative}
.about>div:first-child:after{display:none}
.about h2{color:var(--ink);font-size:clamp(38px,4.7vw,67px);max-width:610px;font-weight:900;line-height:1.05}
.about>div:last-child{border-left:5px solid var(--blue);padding-left:27px;align-self:center}
.about .prose{font-size:17px;line-height:1.75;color:#595b68}
.about .text-link{margin-top:14px;color:var(--blue)}
.section-head{align-items:end;gap:25px;margin-bottom:33px}
.section-head h2{color:var(--ink);font-size:clamp(34px,4.2vw,60px);font-weight:900}
.section-subtitle{color:#777684;font-size:15px;line-height:1.65}
.pill{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--ink);border-radius:0;padding:12px 18px;min-height:46px;font-size:13px;font-weight:850;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.pill:hover{background:var(--yellow);border-color:var(--ink)}
.groups-home::before{display:none}
.grid{gap:23px}
.card,.group-card{border:1.5px solid var(--ink);border-radius:0;background:#fff;box-shadow:5px 5px 0 #26253a;overflow:hidden;transition:transform .18s,box-shadow .18s}
.card:hover,.group-card:hover,.group-card:focus-within{transform:translate(-2px,-3px);box-shadow:8px 8px 0 var(--ink);border-color:var(--ink)}
.card-media,.group-card-image{height:245px;background:#e4dcff;overflow:hidden;border-bottom:1.5px solid var(--ink)}
.card-media video{background:#16172a}
.card-copy,.group-card-info{padding:23px}
.card h3,.group-card h3{font-family:system-ui,-apple-system,Arial,sans-serif;font-size:25px;font-weight:890;color:var(--ink);letter-spacing:-.055em;line-height:1.18}
.card p,.group-card p{color:#636372;line-height:1.65}
.card time{color:var(--blue);font-weight:800}
.tag{display:inline-block;border-radius:0;background:#ede9ff;color:#5144be;font-size:11px;font-weight:850;padding:7px 10px}
.placeholder{background:#d8d0fe;color:#5447be}
.card:nth-child(3n+2) .placeholder{background:#ffd9b5;color:#cf7053}
.card:nth-child(3n+3) .placeholder{background:#daf0b8;color:#668e2e}
.group-image-badge{border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink)}
.group-card-meta>span:first-child{background:var(--yellow);border-radius:0;color:var(--ink)}
.group-more,.group-card-link:hover .group-more{color:var(--blue)}
.group-more b{background:var(--blue);color:#fff;border-radius:0}
.group-photo-placeholder{background:#d3caff;color:#5d51d1}
/* Gallery invitation becomes a loud cobalt brand billboard. */
.visit{max-width:1298px;min-height:290px;background:var(--blue);color:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--ink);padding:65px 7%;gap:60px;overflow:hidden;position:relative;margin:25px auto 80px}
.visit::before{content:"";position:absolute;right:-100px;top:-160px;width:420px;height:420px;border:70px solid #ffffff18;border-radius:50%;pointer-events:none}
.visit::after{content:"✳";position:absolute;right:11%;bottom:-50px;font-size:190px;color:var(--yellow);transform:rotate(-13deg);opacity:.75}
.visit-flower{position:relative;z-index:2;font-size:170px;color:var(--yellow);line-height:1;transform:rotate(-16deg)}
.visit>div{position:relative;z-index:3}
.visit .eyebrow{color:#e4dfef}
.visit h2{color:#fff;font-size:clamp(39px,5.0vw,68px);font-weight:920}
.visit p{font-size:17px;color:#eee9ff}
.visit .button{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-color:var(--ink)}
.visit .button:hover{background:#f9d64f;color:var(--ink)}
/* Inner page system, shared across RU/KZ and all existing routes. */
.page-title{max-width:1310px;margin:36px auto 0;padding:75px 6%;border:1.5px solid var(--ink);border-radius:0;background:var(--lime);box-shadow:7px 7px 0 var(--ink);position:relative;overflow:hidden}
.page-title::after{content:"✳";font-size:230px;position:absolute;right:5%;top:5%;color:#9ed06e;opacity:.7;line-height:1;pointer-events:none}
.page-title h1{font-size:clamp(43px,6vw,83px);color:var(--ink);font-weight:920;max-width:900px;position:relative;z-index:2}
.page-title h1 span{color:var(--blue)}
.page-title>p{position:relative;z-index:2;font-size:18px;color:#3f5142;max-width:720px}
.listing{padding-top:67px}
.filters{gap:10px;flex-wrap:wrap}.filters button{background:#fff;border:1.5px solid var(--ink);color:var(--ink);border-radius:0;font-weight:820;min-height:43px}
.filters button.selected{color:#fff;background:var(--blue);border-color:var(--ink)}
.document{background:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink)}
.document .pdf-icon{border-radius:0;background:#ffd9d1;color:#ae483c}
.article{max-width:970px}.article h1{font-size:clamp(37px,5vw,65px)}.article img,.article video{border-radius:0;background:#ebe9fc}
.group-hero{border:1.5px solid var(--ink);border-radius:0;overflow:hidden;box-shadow:5px 5px 0 var(--ink)}
.group-hero-copy{background:#ede9ff}.group-hero-copy .eyebrow{color:var(--blue)}
.group-hero h1{color:var(--ink)}.group-fact{border-color:#bdb7da}
.group-fact>span{background:var(--yellow);color:var(--ink);border-radius:0}
.group-hero-media,.group-photo{background:#eee9ff}.group-photo-placeholder{background:#dbcfff}
.group-photo{border-radius:0}
.empty{border:1.5px dashed var(--blue);background:#f5f1ff;border-radius:0;color:#5e5b71}
/* Contact and footer are a fresh editorial finishing section. */
.contact-section-top h2{font-size:clamp(40px,4.5vw,65px);font-weight:900}
.contact-section-top h2 span{color:var(--orange)}
.contact-section-top p{color:#676878}
.contact-layout{gap:24px}
.contact-panel{background:#eeeaff;border:1.5px solid var(--ink);border-radius:0;padding:38px;box-shadow:4px 4px 0 var(--ink)}
.contact-detail-icon{background:var(--blue);color:#fff;border-radius:0}
.contact-detail strong{color:#50479c}.contact-detail p,.contact-detail a{color:var(--ink)}
.social-actions{border-top-color:#cbc5df}.social-actions>p{color:#625f75}
.social-button{border-radius:0;border:1px solid var(--ink)}
.social-whatsapp{background:#16855a}.social-instagram{background:#ad5bbb}
.contact-map{border:1.5px solid var(--ink);border-radius:0;background:#d6ddff;box-shadow:4px 4px 0 var(--ink)}
.contact-map-empty{background:repeating-linear-gradient(35deg,#eae9ff 0,#eae9ff 24px,#e1e4ff 24px,#e1e4ff 48px)}
.contact-map-empty>span{color:var(--blue)}.contact-map-empty strong{color:var(--ink)}
footer{background:var(--ink);color:#fff;margin-top:34px;padding:75px 5% 25px;border-top:8px solid var(--blue)}
.footer-grid{max-width:1260px}.footer-grid .brand{color:#fff}.footer-grid .brand-icon{background:var(--yellow);color:var(--ink)}
.footer-grid h3{color:#fff;font-weight:870}.footer-grid p,.footer-grid>div>a:not(.brand){color:#c9c8d5}
.footer-grid>div>a:not(.brand):hover,.footer-bottom a:hover{color:var(--yellow)}
.footer-bottom{max-width:1260px;border-color:#444453;color:#c7c6d6}
/* Admin & recovery: keep original HTML forms and actions, update looks only. */
.admin-shell h1,.login-panel h1{font-family:system-ui,Arial,sans-serif;color:var(--ink);font-weight:900}
.panel,.login-panel,.recovery-page .panel{background:#fff;border:1.5px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 #25243b}
.form input:not([type=checkbox]),.form textarea,.form select{background:#fff;border:1.5px solid #b2b1c5;border-radius:0;color:var(--ink);min-height:46px}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--blue)}
.check input{accent-color:var(--blue)}
.admin-tabs a{border:1.5px solid var(--ink);border-radius:0;background:#fff;color:#38364b;font-weight:780}
.admin-tabs a.selected,.admin-tabs .selected{color:#fff;background:var(--blue);border-color:var(--ink)}
.admin-row strong{color:var(--ink)}.locale-flag{color:var(--blue)}
.upload-label{background:#f3f1ff;border-color:var(--blue)}.current-file{background:#f3f1ff}
.notice{border:1.5px solid #85aa82;border-radius:0;background:#ebf6de}.notice.error{background:#ffe5de;border-color:#e1a698;color:#8b3c2e}
.floating-social{z-index:100}.floating-social-link{border-radius:0;border:2px solid #fff;box-shadow:4px 4px 0 var(--ink)}
dialog{border-radius:0;border:2px solid var(--ink)}dialog::backdrop{background:#171626bd}
@media(max-width:1230px){.header{gap:8px}.header nav{gap:0}.header nav a{padding:10px 7px;font-size:11px}.contact-button{display:none}.ribbon{margin-left:24px;margin-right:24px}}
@media(max-width:980px){
 .header{width:calc(100% - 36px);margin-top:17px;display:flex;flex-wrap:wrap;padding:10px 12px;gap:10px;border-radius:0}
 .header .brand{flex:1 1 auto;max-width:none;font-size:16px}.header-actions{margin-left:auto}
 .header nav{display:none;flex:0 0 100%;order:3;width:100%;margin:0;padding:10px 0 0;border-top:1px solid #dddceb;flex-direction:column;align-items:stretch;gap:2px}
 .header nav.open{display:flex}.header nav a{padding:12px 14px;font-size:14px}.header nav a.active{background:#eee9ff;color:var(--blue)}
 .menu-button{display:inline-flex;background:#fff;border:1px solid var(--ink);border-radius:0;min-height:40px;padding:8px 12px}
 .hero.pop-hero{width:calc(100% - 36px);grid-template-columns:1.04fr .96fr;min-height:500px;margin-top:22px}
 .pop-hero .hero-copy{padding:38px 29px}.pop-hero h1{font-size:clamp(38px,5vw,60px)}
 .pop-composition{min-height:500px}.pop-ring{width:78%;top:12%}.pop-letter{font-size:clamp(70px,11vw,130px)}
 .pop-ticket{min-width:175px;padding:11px 13px}.pop-ticket strong{font-size:28px}
 .ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .page-title{margin:24px 18px 0}
}
@media(max-width:750px){
 .hero.pop-hero{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}
 .pop-hero .hero-copy{padding:49px 34px 34px}.pop-hero h1{font-size:clamp(43px,7vw,66px)}
 .pop-hero .hero-note{margin-top:30px}
 .pop-composition{min-height:380px;border-left:0;border-top:1.5px solid var(--ink)}
 .pop-ring{width:260px;top:4%;left:50%}.pop-ring-core{font-size:165px}
 .pop-letter{font-size:102px}.pop-letter-one{top:8%;left:17%}.pop-letter-two{top:11%;right:16%}.pop-letter-three{top:39%;left:43%}
 .pop-ticket-a{bottom:19%;left:12%}.pop-ticket-b{bottom:9%;right:11%}
 .about{grid-template-columns:1fr;gap:27px}.about>div:last-child{border-left:4px solid var(--blue);padding-left:22px}
 .grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .visit{margin:20px 18px 50px;gap:18px;min-height:0}.visit-flower{font-size:100px}
 .contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
 .header{margin:10px 10px 0;width:calc(100% - 20px);padding:8px 9px;min-height:62px;box-shadow:3px 3px 0 var(--ink)}
 .header .brand{font-size:14px;gap:7px;line-height:1.15}.header .brand-icon{width:40px;height:40px;flex-basis:40px;font-size:29px}.header .brand small{font-size:8px;letter-spacing:.06em}
 .language-switch{padding:2px}.language-switch a{min-height:33px;min-width:29px;font-size:10px;padding:5px}
 .menu-button{min-height:38px;padding:6px 10px}.menu-button span:first-child{display:none}.menu-button span:last-child{font-size:21px}
 .hero.pop-hero{width:calc(100% - 20px);margin:14px 10px 0;min-height:0;box-shadow:4px 4px 0 var(--ink)}
 .pop-hero .hero-copy{padding:42px 24px 33px}
 .pop-hero .eyebrow{font-size:9px;letter-spacing:.05em;margin-bottom:28px}
 .pop-hero h1{font-size:clamp(38px,10.5vw,55px);line-height:1.02;margin-bottom:22px}
 .pop-hero .hero-copy>p{font-size:15px;line-height:1.7}
 .pop-hero .actions{gap:19px;margin-top:29px}
 .pop-hero .button{padding:12px 13px 12px 17px}.pop-hero .hero-note{font-size:11px;margin-top:30px}
 .pop-composition{min-height:330px}.pop-ring{width:235px;top:2%}.pop-ring-core{font-size:140px}.pop-letter{font-size:90px}.pop-letter-one{top:8%;left:12%}.pop-letter-two{top:10%;right:13%}.pop-letter-three{top:35%;left:41%}
 .pop-ticket{padding:9px 12px;min-width:158px;max-width:76%}.pop-ticket small{font-size:8px}.pop-ticket strong{font-size:23px}
 .pop-ticket-a{bottom:17%;left:6%}.pop-ticket-b{bottom:7%;right:6%}.pop-bottom-label{font-size:9px;bottom:10px;left:11px}.pop-upper-label{top:10px;left:11px;font-size:9px}
 .ribbon{margin:20px 10px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ribbon span{padding:10px 8px;min-height:73px;font-size:11px;gap:8px}.ribbon span b,.ribbon span:nth-child(n) b{min-width:31px;width:31px;height:34px;font-size:17px}
 .section{padding:59px 4.6%}.about{padding-top:90px;padding-bottom:53px}.about h2{font-size:clamp(34px,9.2vw,50px)}.about .prose{font-size:15px}
 .section-head{align-items:start;gap:12px}.section-head h2{font-size:clamp(30px,8vw,46px)}.grid,.group-grid{grid-template-columns:1fr}
 .card-media,.group-card-image{height:245px}.card-copy{padding:22px}
 .visit{padding:47px 29px 50px;margin:18px 10px 40px;box-shadow:5px 5px 0 var(--ink)}.visit-flower{display:none}.visit h2{font-size:clamp(34px,9vw,52px)}.visit::after{right:-5px;bottom:-70px;font-size:135px}
 .page-title{margin:17px 10px 0;padding:60px 25px 55px;box-shadow:4px 4px 0 var(--ink)}.page-title h1{font-size:clamp(38px,10vw,57px)}.page-title::after{font-size:120px;right:-15px;top:10px}.page-title>p{font-size:15px}
 .filters button{padding:9px 14px}.document{padding:17px}.contact-panel{padding:24px 19px;box-shadow:3px 3px 0 var(--ink)}.contact-map{box-shadow:3px 3px 0 var(--ink)}
 .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-wrap:wrap}
 .panel{padding:22px}.translation-pair{grid-template-columns:1fr}
}
@media(max-width:410px){.header .brand{font-size:12px}.header .brand-icon{width:35px;height:35px;flex-basis:35px;font-size:24px}.pop-hero h1{font-size:clamp(35px,10vw,44px)}.pop-hero .actions{flex-direction:column;align-items:stretch}.pop-hero .actions .text-link{justify-content:center}.ribbon span{font-size:10px}.pop-letter{font-size:82px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}