@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#100e16;--panel:#1b1724;--muted:#aaa2b7;--lime:#dcfa73;--line:#342d40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f6f3fb;font:16px 'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(36px,6vw,78px);line-height:1.06;letter-spacing:-2px}h2{font-size:28px}h3{font-size:25px}p{line-height:1.7;color:var(--muted)}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:31px;font-weight:700;letter-spacing:3px}.brand span{display:block;font:9px Arial;letter-spacing:2px;color:var(--muted);margin-top:6px}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px}main{max-width:1320px;margin:auto;padding:35px 5% 80px}.hero{position:relative;overflow:hidden;min-height:560px;padding:60px 0 80px;border-bottom:1px solid var(--line)}.eyebrow,small{font-size:11px;letter-spacing:2px;color:var(--lime)}.hero h1{position:relative;z-index:1;margin:28px 0}.hero em{font-style:normal;color:var(--lime)}.hero p{font-size:18px}.button,button{display:inline-block;background:var(--lime);color:#191a12;border:0;border-radius:7px;padding:13px 20px;font:600 14px 'DM Sans',Arial;cursor:pointer}button:hover,.button:hover{filter:brightness(.9)}.quiet{background:transparent;color:#eee;border:1px solid var(--line)}.vinyl{position:absolute;right:0;top:60px;width:450px;height:450px;border-radius:50%;background:repeating-radial-gradient(circle,#191520 0,#191520 5px,#32253d 6px,#191520 8px);box-shadow:0 0 140px #9c4fc63b;transform:rotate(-18deg);display:grid;place-items:center}.vinyl div{border-radius:50%;background:#a579d5;color:#1b1227;width:170px;height:170px;display:grid;place-content:center;text-align:center;font-size:24px;font-weight:bold;border:25px solid #c9a9ed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:24px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:28px 0}.sectionhead span{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.pad{padding:28px}.eventart{height:190px;background:linear-gradient(135deg,#67409c,#c2727d);padding:23px;display:flex;justify-content:space-between}.event:nth-child(2n) .eventart{background:linear-gradient(135deg,#2b6c70,#baba57)}.eventart span{font-size:12px;letter-spacing:2px}.eventart strong{font-size:130px;line-height:1}.event p{white-space:pre-wrap}form{margin:0}label{display:block;color:#cfc8d9;font-size:13px;margin:17px 0}input,select,textarea{width:100%;padding:13px;margin-top:7px;border:1px solid #494052;border-radius:6px;background:#100e16;color:white;font:16px Arial}input[type=checkbox]{width:auto}textarea{min-height:95px;resize:vertical}.notice,.result{padding:22px;background:#2e3440;border-left:3px solid var(--lime);margin:0 0 25px;border-radius:5px}.narrow{max-width:820px;margin:auto}.empty{padding:40px;border:1px dashed var(--line);border-radius:12px}footer{padding:40px 5%;border-top:1px solid var(--line);text-align:center}footer b{letter-spacing:5px}footer p{font-size:12px}.hamburger{display:none}video{width:100%;margin-top:20px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left}canvas{max-width:100%;height:auto;display:block;margin:25px auto}.tickettools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ticketbody{background:#eae6de;color:#222;color-scheme:light}.ticketbody p{color:#555}.ticketbody .narrow{max-width:750px}.ticketbody a{padding:10px}@media(max-width:900px){.vinyl{opacity:.25;right:-160px}.hero h1{font-size:64px}.hamburger{display:block}header{flex-wrap:wrap}nav{display:none;width:100%;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:500px}}@media print{@page{size:A4 portrait;margin:8mm}body.ticketbody{background:white}.tickettools{display:none!important}.ticketbody main{padding:0;max-width:none}canvas{width:auto;height:275mm;max-width:100%;margin:0 auto}footer,header{display:none}}
nav{flex-wrap:wrap;gap:15px;justify-content:flex-end}nav a{font-size:12px}.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ledger td{vertical-align:top}.ledger td:nth-child(4){min-width:170px;max-width:300px;overflow-wrap:anywhere}.tablewrap{margin:25px 0}.tablewrap table{min-width:850px}summary{cursor:pointer;font-weight:bold}details.card{margin:25px 0}#connection-result{display:block;margin-top:20px;line-height:1.6}button:disabled{opacity:.5;cursor:wait}@media print{body{background:#fff!important;color:#111!important;color-scheme:light}header,footer,.no-print,button,details,nav{display:none!important}main{max-width:none;padding:0}h1{font-size:28px}.tablewrap{overflow:visible}.tablewrap table{min-width:0;width:100%;font-size:9px}th,td{padding:5px;color:#111;border-color:#aaa}p{color:#444}tr{break-inside:avoid}thead{display:table-header-group}body:not(.ticketbody){page:ledger}@page ledger{size:A4 landscape;margin:10mm}}
/* ATISYO 1.2 — formal cultural portal */
:root{color-scheme:light;--bg:#f5f3ee;--panel:#fff;--muted:#596574;--lime:#b78e44;--line:#dcd8cf;--navy:#142c46;--gold:#aa8039}body{background:var(--bg);color:#172b43;font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.7px}header{max-width:none;margin:0;background:var(--navy);color:#fff;border-top:5px solid #b58c48;border-bottom:3px double #bd9b60;padding:24px 3%;align-items:center}.brand{font-family:Georgia,serif;display:flex;align-items:center;gap:12px;position:relative;padding-left:62px;min-height:58px;flex-direction:column;justify-content:center;align-items:flex-start;letter-spacing:3px;line-height:1}.brand:before{content:'♪';display:grid;place-items:center;position:absolute;left:0;top:1px;width:46px;height:46px;border:1px solid #c5a461;outline:1px solid #8e7037;outline-offset:4px;border-radius:50%;font:35px Georgia;color:#e4cb90}.brand span{font:8px Arial;color:#d4c7aa;letter-spacing:1.6px;line-height:1.4}nav a{color:#f2eee4;white-space:nowrap}nav .quiet{color:#f5ebd8;border-color:#8b846e}.site-grid{display:grid;grid-template-columns:195px minmax(0,1fr) 195px;gap:25px;max-width:1660px;margin:0 auto;padding:30px 25px 55px;align-items:stretch}.site-main{width:100%;max-width:none;padding:0;min-width:0}.site-sidebar{display:flex;flex-direction:column;gap:20px;padding-top:15px}.site-sidebar section{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:21px 17px;border-radius:2px}.side-heading{font:700 10px Arial;letter-spacing:1.5px;margin-bottom:19px;color:#31465d}.site-sidebar a:not(.button){display:block;padding:11px 0;border-bottom:1px solid #ebe7df;font-size:12px;line-height:1.5}.site-sidebar a span{float:right}.site-sidebar p,.site-sidebar li{font-size:12px;line-height:1.8;color:#596574}.site-sidebar ol{padding-left:17px}.site-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e4e1da;font-size:12px}.side-stat{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-bottom:1px solid #ebe7df}.gold-panel{background:#f4efe1!important}.seal-note{font-size:8px;letter-spacing:1px;color:#82612c}.civic-intro{text-align:center;border-top:1px solid #c3a46c;padding:30px 20px 28px}.eyebrow,small{color:#8b682d;font-size:10px;letter-spacing:1.7px}.civic-intro h1{font-size:clamp(33px,3.5vw,55px);line-height:1.12;margin:18px 0;color:var(--navy)}.civic-intro em{color:#977132;font-style:normal}.civic-intro p{font-size:14px;max-width:560px;margin:0 auto;color:#536172}.slideshow{border:1px solid #ad8b4c;background:var(--navy);color:#fff;overflow:hidden}.slide-window{overflow:hidden}.slide-track{display:flex;transition:transform .65s ease}.hero-slide{position:relative;flex:0 0 100%;min-width:0;height:430px;overflow:hidden;background:#142c46}.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,43,.94),rgba(7,24,43,.08) 90%)}.slide-copy{position:absolute;z-index:1;bottom:30px;left:34px;right:34px;text-align:center}.slide-copy span{font-size:9px;letter-spacing:3px;color:#eed4a1}.slide-copy h2{font:36px Georgia;margin:12px 0;color:#fff}.slide-copy p{font-size:12px;line-height:1.6;color:#f2efe7;max-width:600px;margin:0 auto 18px}.slide-copy .button{padding:11px 19px}.slide-controls{display:flex;align-items:center;justify-content:center;gap:17px;padding:13px;background:#10273e}.slide-controls button{background:none;color:#fff;border:1px solid #667280;border-radius:0;padding:5px 12px;font-size:12px}.slide-controls span{font-size:11px;min-width:40px;text-align:center}.image-disclosure{font-size:9px;text-align:center;color:#d7cbae!important;line-height:1.6;padding:0 15px}.home-section{padding:40px 0;border-bottom:1px solid #d8d2c6}.center{text-align:center}.home-section h2{font-size:31px;margin:12px 0}.home-section p{font-size:13px;line-height:1.8}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:28px 0 15px}.plan-card{position:relative;display:flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #d6d0c3;border-top:4px solid #203c58;padding:25px 16px 20px}.plan-card.recommended{border-color:#ac843f;border-top-color:#ac843f;box-shadow:0 4px 14px #9b80431a}.recommended-label{position:absolute;top:-14px;left:12%;right:12%;background:#a57b35;color:#fff;padding:5px 2px;font-size:8px;letter-spacing:1px}.plan-card h3{font-size:23px;margin:2px 0 12px}.plan-card>p{font-size:11px;min-height:60px;line-height:1.7;margin:0 0 15px}.plan-price{font:29px Georgia;color:#193651;white-space:nowrap}.plan-price small{font-size:9px;letter-spacing:0}.plan-period{font-size:10px;color:#7c766d;margin:6px 0 18px}.plan-card ul{padding:0;margin:0 0 20px;list-style:none;flex:1}.plan-card li{font-size:11px;line-height:1.6;padding:9px 0;border-top:1px solid #ebe7df}.plan-card .button,.plan-card button{width:100%;font-size:10px;padding:11px 5px}.button,button{background:#173852;color:#fff;border-radius:2px;border:1px solid #173852;font-weight:600}.button:hover,button:hover{background:#254a68;filter:none}button.quiet,.quiet{background:transparent;color:#173852;border-color:#9cabb5}.fineprint{font-size:10px!important;color:#6b6c6c!important;max-width:700px;margin:0 auto}.card{background:#fff;border-color:var(--line);border-radius:3px}.card h2{font-size:26px}.pad{padding:24px}.program-heading{display:flex;justify-content:space-between;background:#1a3854;color:#dfc58e;padding:20px;font-size:10px;letter-spacing:2px}.event .pad p{color:#5a6673}.event form{margin-top:18px}.event .pad button{width:100%}.quote-card{display:flex;flex-direction:column;text-align:center}.rating-stars{color:#a27a30;font-size:22px;letter-spacing:3px}.quote-card blockquote{font:italic 17px/1.8 Georgia;color:#435166;margin:20px 0;flex:1}.quote-card b{font-size:12px}.quote-card small{font-size:9px;letter-spacing:.3px;display:block;margin-top:7px}.sample-label{font-size:8px;letter-spacing:1px;border:1px solid #ded4bf;color:#7b6949;padding:4px;display:inline-block;margin:9px auto 0}.review-form summary{font-size:14px;text-align:center}input,textarea,select{background:#fff;color:#20354c;border-color:#bdc6cd;border-radius:2px;font-size:14px}label{color:#3b5267}.notice,.result{background:#eef2f4;color:#243c54;border-color:#a9823f}.empty{background:#fff}.tablewrap{background:#fff;border:1px solid #ded8cb}th{background:#173650;color:#fff;font-size:11px}td{font-size:12px;overflow-wrap:anywhere}td .quiet{padding:8px;font-size:10px}td button{font-size:10px}.slide-admin-preview{max-width:100%;max-height:180px;object-fit:contain;display:block}footer{background:#132d47;color:#f0e5cf;border-top:4px double #b29454;padding:30px 20px}footer p{color:#d0c6b3;font-size:10px}footer b{font-family:Georgia,serif;font-size:22px}.hamburger{border-color:#b4a280;background:transparent;color:white}.ticketbody{background:#eae6de}.ticketbody button{color:#fff}.tickettools a{color:#172b43}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b38840;outline-offset:3px}@media(max-width:1300px){.site-grid{grid-template-columns:165px minmax(0,1fr) 165px;gap:17px;padding:22px 17px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.site-sidebar section{padding:17px 12px}.hero-slide{height:390px}}@media(max-width:1050px){.site-grid{grid-template-columns:1fr 1fr;gap:20px}.site-main{grid-column:1/-1;order:0}.left-sidebar{order:1}.right-sidebar{order:2}.site-sidebar{padding-top:0}.site-sidebar section{padding:21px}.site-sidebar{height:100%}.civic-intro h1{font-size:44px}header{flex-wrap:wrap}.hamburger{display:block}nav{display:none;width:100%;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-slide{height:440px}}@media(max-width:600px){.site-grid{display:flex;flex-direction:column;padding:15px 12px}.site-sidebar{width:100%}.civic-intro{padding:24px 5px}.civic-intro h1{font-size:34px}.hero-slide{height:390px}.slide-copy{left:16px;right:16px;bottom:23px}.slide-copy h2{font-size:28px}.plan-grid{gap:16px 10px}.plan-card{padding:23px 10px 16px}.plan-card h3{font-size:20px}.plan-price{font-size:23px}.plan-card>p{min-height:75px}.plan-card li{font-size:10px}.home-section h2{font-size:28px}.brand{font-size:27px}.brand span{font-size:7px}.grid{grid-template-columns:1fr}.tickettools{gap:6px}.tickettools button{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide-track{transition:none}}@media print{.site-grid{display:block;padding:0}.site-sidebar,.slideshow,.review-form{display:none!important}.site-main{width:100%}.home-section,.card,.plan-card{break-inside:avoid}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr)}.tablewrap{border:0}th{background:white!important;color:#111!important}.ticketbody main{padding:0}.ticketbody canvas{height:275mm;width:auto}}

.hero-slide.archival img{object-fit:contain;object-position:75% center;background:#10243a}.image-credit{font-size:9px;text-align:center;line-height:1.6;padding:0 15px 8px;color:#ded5bd}.image-credit a{text-decoration:underline}

.slide-image-link{display:block;height:100%;width:100%}.hero-slide:after{pointer-events:none}.slide-copy{pointer-events:none}.slide-copy a{pointer-events:auto}
/* 1.2.1 compact typography and native horizontal scrolling */
body{font-size:14px}.site-main h1{font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.5px}.site-main h2,.home-section h2{font-size:23px;line-height:1.3}.site-main h3{font-size:19px}.site-main p{font-size:13px;line-height:1.7}.civic-intro h1{font-size:clamp(27px,2.7vw,38px)}.civic-intro p{font-size:13px}.slide-copy h2{font-size:28px}.slide-copy p{font-size:12px}.plan-card h3{font-size:21px}.plan-price{font-size:25px}.plan-card>p{font-size:11px}.brand{font-size:27px}input,select,textarea{font-size:13px}label{font-size:12px}.card h2{font-size:22px}.site-main .grid{gap:18px}.generator-card{margin:20px 0 30px}.generator-summary{display:flex;gap:18px;flex-wrap:wrap;background:#f3f4f5;border:1px solid #d9dfe3;padding:13px;margin:17px 0;font-size:12px}.generator-card .notice p{margin-bottom:15px}.slide-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b99b64 #17324d;touch-action:pan-x pan-y}.slide-track{transform:none!important;transition:none;display:flex;width:100%}.hero-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.slide-window:focus-visible{outline:2px solid #b99b64;outline-offset:-2px}.slide-controls button{min-width:35px}.ticketbody .tickettools button{font-size:12px}.ticketbody .tickettools{font-size:13px}@media(max-width:600px){.site-main h1{font-size:26px}.civic-intro h1{font-size:29px}.site-main h2,.home-section h2{font-size:22px}.slide-copy h2{font-size:25px}.brand{font-size:25px}.generator-summary{gap:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.slide-window{scroll-behavior:auto}}@media print{.site-main h1{font-size:25px}.generator-card{display:none!important}}
