@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0711;--bg2:#100b1a;--surface:#171022;--surface2:#1c142c;--text:#f8f4ff;--soft:#d4c8e5;--muted:#9284a9;--purple:#a966ff;--purple2:#7542e8;--purple3:#d0a6ff;--line:rgba(198,151,255,.16);--line2:rgba(198,151,255,.29);--shadow:0 30px 80px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#8040cf;color:white}
body:before{content:"";pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% -18%,rgba(106,47,178,.23),transparent 58%);z-index:-1}.noise{position:fixed;pointer-events:none;inset:0;opacity:.18;z-index:25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}
.wrap{max-width:1110px;margin:0 auto;padding-left:28px;padding-right:28px}.topbar{position:relative;z-index:20;border-bottom:1px solid rgba(193,148,255,.09);background:rgba(11,8,19,.78);backdrop-filter:blur(22px)}.nav-container{max-width:1200px;min-height:82px;padding:0 28px;margin:auto;display:flex;align-items:center;gap:38px;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.7px;line-height:1}.wordmark>span:last-child{display:flex;flex-direction:column;gap:6px}.wordmark small{font-size:9px;letter-spacing:2.15px;font-weight:800;color:#786b8e}.brand-accent,.foot-brand span{color:var(--purple)}.brand-glyph{display:grid;place-items:center;background:linear-gradient(145deg,#9e59ec,#4d247a);height:42px;width:42px;border:1px solid #a562d6;border-radius:12px;box-shadow:0 0 32px rgba(127,54,243,.18);font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:-5px;padding-right:5px}.brand-glyph span{color:#edddff}.brand-glyph-image{width:56px;height:56px;padding:0;background:none;border:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(201,147,255,.5),0 0 30px rgba(127,54,243,.22)}.brand-glyph-image img{display:block;width:100%;height:100%;object-fit:cover}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-link{font-size:12px;font-weight:800;color:#a79bb8;transition:color .2s}.nav-link:hover,.nav-link-active{color:#fff}.top-cta{border:1px solid rgba(188,124,255,.36);padding:13px 19px;border-radius:7px;font-size:11px;white-space:nowrap;font-weight:900;letter-spacing:1px;background:#1c102e;transition:all .2s}.top-cta:hover{background:#492271;border-color:#b77bff}.top-cta span{margin-left:12px;color:#c79dff}
.hero{position:relative;text-align:center;padding-top:65px;padding-bottom:53px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,70,250,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,70,250,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 15%,transparent 92%);pointer-events:none}.hero-inner{position:relative;z-index:2}.orb{position:absolute;pointer-events:none;filter:blur(25px);border-radius:50%}.orb-one{width:450px;height:450px;top:-130px;left:calc(50% - 530px);background:radial-gradient(circle,rgba(91,43,185,.13),transparent 65%)}.orb-two{width:600px;height:600px;top:-15px;right:calc(50% - 570px);background:radial-gradient(circle,rgba(176,63,222,.11),transparent 65%)}.hero-marker,.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.2px;color:#bb8cff}.hero-marker{display:inline-flex;align-items:center;gap:11px;background:#1a1029;border:1px solid #352044;border-radius:6px;padding:9px 13px;margin-bottom:29px}.hero-marker .marker-no{border-left:1px solid #533270;padding-left:11px;color:#786392}.blink,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#b36fff;box-shadow:0 0 0 4px rgba(169,102,255,.14),0 0 15px #8d49ec}.portrait-shell{position:relative;width:183px;height:193px;margin:0 auto 15px}.portrait-frame{position:relative;overflow:hidden;width:176px;height:176px;border-radius:23px;transform:rotate(-3deg);padding:6px;background:linear-gradient(145deg,#d4a8ff 0%,#542284 42%,#9b53ee 78%,#48206a 100%);box-shadow:0 16px 75px rgba(133,65,221,.28)}.portrait-frame img{display:block;height:100%;width:100%;border-radius:18px;object-fit:cover;object-position:center 32%;transform:rotate(3deg) scale(1.07)}.portrait-dec{position:absolute;font-size:24px;color:#d7aeff;text-shadow:0 0 30px #a067ff}.deco-a{right:-20px;top:14px}.deco-b{left:-20px;bottom:27px;font-size:31px}.hero-heading{font-family:'Barlow Condensed',Impact,Arial Narrow,sans-serif;font-size:clamp(75px,12vw,140px);font-weight:900;letter-spacing:-2.5px;line-height:.92;margin:0;text-transform:uppercase;text-shadow:0 6px 50px rgba(0,0,0,.2)}.hero-heading>span:first-child{color:#ba80ff}.heading-star{font-family:'DM Sans',sans-serif;color:#8052a7!important;font-size:38px;position:relative;top:-64px;margin-left:9px;display:inline-block;letter-spacing:0}.hero-tagline{margin:15px auto 26px;color:#c4a7e4;letter-spacing:4px;font-weight:900;font-size:13px}.bio-panel{max-width:680px;margin:auto;background:linear-gradient(125deg,rgba(40,23,62,.85),rgba(18,13,31,.8));border:1px solid rgba(165,100,250,.24);padding:23px 35px 26px;border-radius:14px;box-shadow:0 20px 45px rgba(4,2,10,.18)}.bio-panel .eyebrow{display:block;margin-bottom:10px}.bio-panel p{margin:0;font-size:15px;line-height:1.8;color:#e4d6f0}.scroll-cue{display:inline-flex;align-items:center;gap:15px;font-size:10px;font-weight:900;letter-spacing:2.6px;margin-top:26px;color:#9686a9}.scroll-cue span{color:#ba81ff;font-size:20px;line-height:1}.scroll-cue:hover{color:#eee}
.links-section,.schedule-preview{padding-top:44px;padding-bottom:36px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.section-header h2,.mc-strip h2{font-family:'Barlow Condensed',Impact,Arial Narrow,sans-serif;font-size:clamp(40px,5vw,65px);line-height:1;margin:9px 0 0;letter-spacing:.2px;font-weight:900}.section-header h2 em,.mc-strip h2 em,.page-heading h1 span,.admin-header h1 em,.admin-login h1 em{font-style:normal;color:var(--purple)}.section-header>p{color:var(--muted);max-width:240px;font-size:12px;text-align:right;margin:0 0 4px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tile{display:flex;position:relative;flex-direction:column;justify-content:space-between;min-height:193px;padding:24px 26px;border-radius:13px;border:1px solid rgba(195,135,255,.23);background:linear-gradient(135deg,#25133c,#130d21 75%);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;isolation:isolate}.tile:after{content:"";position:absolute;z-index:-1;right:-60px;bottom:-110px;width:260px;height:260px;background:radial-gradient(circle,rgba(155,81,255,.2),transparent 70%);transition:transform .25s}.tile:hover{transform:translateY(-4px);border-color:#9861db;box-shadow:0 20px 50px rgba(16,8,27,.42)}.tile:hover:after{transform:scale(1.5)}.tile-red{background:linear-gradient(130deg,#28111d,#190e1b 65%,#10101a);border-color:rgba(233,91,124,.23)}.tile-red:after{background:radial-gradient(circle,rgba(207,50,84,.18),transparent 70%)}.tile-schedule{background:linear-gradient(120deg,#482072,#27113e 57%,#140c21);border-color:rgba(197,126,255,.35)}.tile-schedule:after{background:radial-gradient(circle,rgba(189,106,255,.32),transparent 68%)}.tile-blue{background:linear-gradient(130deg,#1a1c3b,#141126 76%);border-color:rgba(123,135,255,.26)}.tile-blue:after{background:radial-gradient(circle,rgba(91,113,255,.23),transparent 70%)}.tile-top,.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.tile-bottom{justify-content:start;align-items:end}.tile-tag{font-size:9px;letter-spacing:1.8px;color:rgba(233,214,255,.68);font-weight:900}.tile-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.15);font-size:17px;color:#fff}.tile-icon{display:grid;place-items:center;width:66px;height:66px;flex:0 0 66px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:15px}.tile-icon img{width:38px;height:38px;opacity:.96}.tile-bottom h3{font-family:'Barlow Condensed',Impact,Arial Narrow,sans-serif;font-size:37px;line-height:1;margin:0 0 5px;letter-spacing:.35px}.tile-bottom p{color:#c6b8d7;margin:0;font-size:12px}.tile-soon{opacity:.7;cursor:default}.tile-soon:hover{transform:none;box-shadow:none}
.schedule-preview{padding-top:38px}.outline-link{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#d8b9ff;border:1px solid var(--line2);padding:13px 16px;border-radius:6px;white-space:nowrap}.outline-link:hover{background:rgba(144,69,231,.19)}.schedule-box{border:1px solid var(--line);background:linear-gradient(150deg,#140e21,#100b19);border-radius:13px;overflow:hidden}.schedule-box-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 23px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#b8a7ce}.schedule-box-top span:first-child{display:flex;align-items:center;gap:13px}.schedule-box-top .tiny-dot{width:5px;height:5px}.event-card{display:flex;align-items:center;gap:25px;padding:22px 25px;min-width:0}.schedule-box .event-card+.event-card{border-top:1px solid rgba(179,139,218,.12)}.event-date{display:flex;flex-direction:column;min-width:87px;line-height:1.3;gap:4px}.event-date strong{font-size:12px;color:#d4b4ff;font-weight:800}.event-date span{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:29px;font-weight:800}.event-info{flex:1;min-width:0}.event-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:6px}.game-tag,.status-tag{background:#342049;border:1px solid #4a3062;color:#ceadf2;font-size:9px;letter-spacing:1.3px;font-weight:900;padding:4px 8px;border-radius:4px}.status-tag{background:#463a19;color:#ffe59b;border-color:#756030}.event-info h3{margin:0;font-size:15px;letter-spacing:-.1px}.event-info p{margin:4px 0 0;font-size:12px;color:#9a8aaa}.event-duration{white-space:nowrap;font-size:11px;color:#9383a9}.event-duration span{color:#bc92ea;margin-left:20px;font-size:19px}.event-card.is-cancelled{opacity:.53}.event-card.is-cancelled .event-info h3{text-decoration:line-through}.event-card.is-cancelled .status-tag{background:#45202b;color:#ffa9a9;border-color:#69313d}.no-events{padding:45px 30px;display:flex;align-items:center;justify-content:center;gap:25px}.no-events-mark{font-size:54px;color:#8b48c3}.no-events h3{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:30px;margin:0}.no-events p{color:var(--muted);font-size:12px;margin:3px 0 0}.mc-strip{margin-top:40px;margin-bottom:75px;padding-top:34px;padding-bottom:34px;display:flex;align-items:center;gap:25px;background:linear-gradient(115deg,#1e1231,#160d23);border:1px solid var(--line);border-radius:13px}.mc-mark{display:grid;place-items:center;width:80px;height:80px;flex:0 0 80px;background:radial-gradient(circle,#533084,#221036);border:1px solid #7043a1;border-radius:15px;font-size:47px;color:#caa0ff}.mc-strip h2{font-size:37px;margin:6px 0 8px}.mc-strip p{font-size:12px;color:#ac9abf;margin:0}.mc-strip>a{margin-left:auto;font-size:10px;letter-spacing:1.2px;font-weight:900;border:1px solid var(--line2);border-radius:6px;padding:15px;white-space:nowrap}.mc-strip>a:hover{background:#532b72}.footer{padding-top:24px;padding-bottom:33px;border-top:1px solid rgba(184,115,255,.14)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#827390;font-size:11px}.foot-brand{font-size:17px;color:white;font-weight:800}.foot-brand i{font-style:normal;color:#bc80ff;margin-left:5px}.footer-inner>span:nth-child(2){letter-spacing:1px}
.page-main{min-height:70vh;padding-top:65px;padding-bottom:90px}.page-heading{text-align:center;margin:0 auto 50px;max-width:780px}.page-heading h1{font-family:'Barlow Condensed',Impact,Arial Narrow,sans-serif;font-size:clamp(70px,12vw,126px);margin:7px 0 12px;line-height:.9;letter-spacing:-1px;font-weight:900}.page-heading p{margin:0 auto;color:#b6a7ca;max-width:580px;font-size:14px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border:1px solid var(--line2);background:#1b112a;border-radius:12px 12px 0 0;gap:10px}.calendar-week{display:flex;align-items:baseline;gap:17px}.calendar-week span{font-size:10px;font-weight:900;letter-spacing:2px;color:#ad88d0}.calendar-week strong{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:25px}.calendar-controls{display:flex;gap:7px}.calendar-controls a{display:grid;place-items:center;min-width:39px;height:36px;padding:0 12px;background:#2c1b3f;border:1px solid #57316e;border-radius:6px;font-size:18px}.calendar-controls a:hover{background:#573174}.calendar-controls .calendar-today{font-size:10px;font-weight:900;letter-spacing:1px}.calendar-days{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.day-row{display:grid;grid-template-columns:150px 1fr;background:#100b19;min-height:120px}.day-row+.day-row{border-top:1px solid var(--line)}.day-row.day-today{background:linear-gradient(90deg,#26143d,#151020 45%)}.day-label{padding:26px 23px;border-right:1px solid var(--line);display:flex;flex-direction:column}.day-label span{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#a681cf}.day-label strong{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:49px;font-weight:900;line-height:1}.day-label small{font-size:11px;color:#9784ae}.day-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.day-content .event-card+.event-card{border-top:1px solid var(--line)}.day-empty{padding:20px 29px;font-size:12px;color:#6e5d80}.calendar-note{margin:17px 0 0;display:flex;gap:12px;align-items:start;color:#a292b2}.calendar-note span{color:#ba7cff;font-size:20px}.calendar-note p{font-size:12px;margin:3px 0}.mc-content{display:grid;grid-template-columns:1.3fr .8fr;gap:18px}.mc-info-card,.mc-side-card{padding:31px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(140deg,#241238,#120c20)}.mc-info-card{min-height:440px;position:relative;overflow:hidden}.mc-info-card:after{content:"";width:350px;height:350px;position:absolute;right:-100px;top:-120px;background:radial-gradient(circle,rgba(158,83,255,.25),transparent 68%);pointer-events:none}.big-mc{font-size:120px;line-height:1.4;color:#9d62d9;text-shadow:0 0 55px #8141cf}.mc-info-card h2{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:42px;margin:0 0 13px}.mc-info-card p,.mc-side-card p{color:#b1a0c3;font-size:14px}.ip-box{padding:13px 15px;margin-top:27px;border:1px solid #724b9a;background:#35204a;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-radius:8px}.ip-box span{font-size:9px;color:#ad96c3;font-weight:900;letter-spacing:1px}.ip-box strong{font-size:14px}.ip-box button{margin-left:auto;font-size:11px;font-weight:800;padding:9px;background:#8851d7;border:0;border-radius:5px;color:white}.coming-label{margin-top:27px;color:#e2b6ff;font-size:11px;font-weight:900;letter-spacing:1.1px}.mc-side{display:flex;flex-direction:column;gap:18px}.mc-side-card{flex:1;display:flex;flex-direction:column;align-items:start}.mc-side-card h3{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:33px;margin:15px 0 0;line-height:1.05}.mc-side-card p{margin:11px 0 22px}.mc-dark{background:#130d20}.button-violet{font-size:11px;font-weight:900;letter-spacing:1px;background:#8e4ce0;border-radius:6px;padding:12px 15px}.muted-small{font-size:11px;color:#857496}
/* Studio */
.admin-body{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,rgba(118,55,190,.24),transparent 50%),#090611;padding:38px 20px 90px}.admin-wrap{max-width:1050px;margin:0 auto}.admin-login{max-width:460px;margin:10vh auto 0;text-align:center;background:linear-gradient(145deg,#20122f,#0f0a1b);border:1px solid var(--line2);padding:39px 38px;border-radius:17px;box-shadow:var(--shadow)}.admin-logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:72px;color:#c9a0ff;font-weight:900;line-height:1}.admin-logo span{font-family:'DM Sans',sans-serif;font-size:30px;vertical-align:top;color:#8b52d8}.admin-login h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;line-height:1;margin:16px 0 6px}.admin-login>p{color:#9788a8;margin:0 0 29px}.admin-login .form-label{text-align:left}.admin-back{display:inline-block;margin-top:22px;font-size:10px;letter-spacing:1.5px;font-weight:900;color:#9f8cb4}.form-label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:900;letter-spacing:1px;color:#c2a5e5}.form-label input:not([type=file]),.form-label textarea,.form-label select{width:100%;min-height:45px;border:1px solid #3c2854;background:#100b1c;border-radius:7px;color:#f3e9ff;outline:0;padding:11px 13px;font-size:13px;font-weight:500;letter-spacing:normal;transition:border-color .2s}.form-label input:focus,.form-label textarea:focus,.form-label select:focus{border-color:#b676ff;box-shadow:0 0 0 3px rgba(160,85,242,.12)}.form-label textarea{resize:vertical;min-height:90px}.form-label input[type=file]{font-size:12px;color:#d8c5e7;max-width:100%;padding:12px;background:#100b1c;border:1px solid #3c2854;border-radius:7px}.form-label input[type=file]::file-selector-button{background:#4e2b6b;border:0;color:#fff;padding:8px;border-radius:5px;margin-right:10px}.admin-button{border:0;padding:14px 20px;color:white;background:linear-gradient(90deg,#8a4de6,#7035bf);border-radius:7px;font-size:11px;letter-spacing:1.25px;font-weight:900;box-shadow:0 8px 27px rgba(116,46,207,.25)}.admin-button:hover{background:linear-gradient(90deg,#9e5ef7,#874be3)}.admin-login .admin-button{width:100%;margin-top:19px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line2)}.admin-header h1{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:51px;line-height:1;margin:8px 0}.admin-header p{color:#9d8aac;font-size:13px;margin:0}.admin-actions{display:flex;align-items:center;gap:20px}.admin-actions>a,.admin-logout{font-size:10px;letter-spacing:1px;font-weight:900;color:#c8aaf1}.admin-logout{background:none;border:1px solid #634480;border-radius:6px;padding:11px}.admin-tabs{display:flex;gap:8px;margin:22px 0 25px;flex-wrap:wrap}.admin-tabs a{border:1px solid var(--line2);background:#20142e;border-radius:7px;padding:10px 13px;font-size:10px;letter-spacing:.6px;font-weight:900;color:#cbb1ed}.admin-tabs a:hover{background:#452660}.admin-section{background:linear-gradient(150deg,#1a1128,#110b1d);border:1px solid var(--line);padding:29px;border-radius:12px;margin:0 0 24px;scroll-margin-top:20px}.admin-section-head{margin-bottom:25px}.admin-section-head h2{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:42px;line-height:1.1;margin:8px 0 5px}.admin-section-head p{font-size:12px;color:#9f8dac;margin:0}.admin-form{display:flex;flex-direction:column;gap:18px}.admin-form>.admin-button{align-self:start;margin-top:8px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-photo-row{display:flex;gap:20px;padding:15px;background:#160e22;border:1px solid #332148;border-radius:10px;align-items:center}.admin-photo-preview{width:125px;height:125px;flex:0 0 125px;overflow:hidden;border-radius:12px;border:2px solid #985dd0}.admin-photo-preview img{width:100%;height:100%;object-fit:cover}.admin-photo-settings{flex:1;min-width:0}.admin-photo-settings small{display:block;color:#8f7aa8;font-size:11px;margin-top:7px}.admin-checkbox{color:#b6a3c8;font-size:12px;display:flex;align-items:center;gap:8px;margin-top:11px}.admin-subtitle{font-family:'Barlow Condensed',Arial Narrow,sans-serif;color:#dcc3fc;font-size:21px;font-weight:800;margin-top:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.admin-success,.admin-error{font-size:13px;padding:14px 18px;border:1px solid;border-radius:8px;margin:17px 0;background:#122a22;border-color:#3d765c;color:#aff8ce}.admin-error{background:#2b151b;color:#ffb6c1;border-color:#80414a}.admin-event-list{display:flex;flex-direction:column;gap:12px}.admin-event{border:1px solid #3d2b51;background:#140d21;border-radius:8px;padding:15px}.admin-event-summary{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-event-summary span{font-size:12px;color:#b99ed5}.admin-event-summary strong{font-size:14px;flex:1}.admin-event details summary{font-size:10px;color:#c4a5e6;cursor:pointer;letter-spacing:1px;font-weight:900;margin-top:12px}.admin-event details[open] summary{padding-bottom:15px}.admin-form.compact{padding:20px 0 10px;border-top:1px solid #35204b}.delete-button{border:1px solid #774057;background:#361c2b;color:#ffb1c8;padding:10px 13px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:1px;margin-top:6px}.admin-empty{color:#9f8dac;font-size:13px}.count-pill{display:inline-block;font-size:16px;background:#503174;color:#ddc0fc;padding:4px 9px;border-radius:7px;vertical-align:middle}
@media(max-width:850px){.main-nav{display:none}.nav-container{min-height:72px}.hero{padding-top:47px}.hero-heading{font-size:clamp(68px,13vw,110px)}.tile-bottom h3{font-size:31px}.mc-strip{margin-left:25px;margin-right:25px}.mc-strip h2{font-size:30px}.mc-strip>a{font-size:9px;padding:13px}.mc-content{grid-template-columns:1fr}.mc-side{display:grid;grid-template-columns:1fr 1fr}.day-row{grid-template-columns:132px 1fr}}
@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}.nav-container{padding:0 17px;gap:14px}.wordmark{font-size:17px}.brand-glyph{width:35px;height:35px;font-size:23px}.wordmark small{font-size:7px;letter-spacing:1.5px}.top-cta{font-size:9px;padding:11px}.top-cta span{margin-left:4px}.hero{padding-top:47px;padding-bottom:28px}.hero-marker{font-size:8px;letter-spacing:1.4px}.portrait-shell{width:150px;height:161px}.portrait-frame{width:148px;height:148px}.hero-heading{font-size:clamp(57px,15.5vw,89px);letter-spacing:-1.6px}.heading-star{font-size:20px;top:-35px;margin-left:4px}.hero-tagline{font-size:10px;letter-spacing:2px;margin-top:18px;margin-bottom:21px}.bio-panel{padding:17px 20px}.bio-panel p{font-size:13px}.scroll-cue{margin-top:20px}.links-section,.schedule-preview{padding-top:32px}.section-header{align-items:start;flex-direction:column;gap:12px}.section-header h2{font-size:46px}.section-header>p{text-align:left;max-width:100%}.tile-grid{grid-template-columns:1fr;gap:12px}.tile{min-height:150px;padding:19px 21px}.tile-bottom h3{font-size:34px}.tile-icon{width:54px;height:54px;flex-basis:54px}.tile-icon img{width:31px;height:31px}.schedule-box-top{padding:16px 12px;font-size:8px;letter-spacing:.6px;gap:10px}.event-card{gap:12px;padding:16px 13px;align-items:center}.event-date{min-width:62px}.event-date strong{font-size:10px}.event-date span{font-size:26px}.event-info h3{font-size:13px}.event-duration{font-size:10px}.event-duration span{margin-left:5px}.game-tag,.status-tag{font-size:8px}.no-events{padding:25px 18px;gap:14px}.no-events-mark{font-size:40px}.no-events h3{font-size:25px}.mc-strip{margin:26px 18px 55px;flex-direction:column;align-items:start;gap:14px;padding:22px!important}.mc-mark{width:55px;height:55px;flex-basis:55px;font-size:33px}.mc-strip h2{font-size:34px}.mc-strip>a{margin-left:0}.footer-inner{flex-wrap:wrap}.footer-inner>span:nth-child(2){display:none}.page-main{padding-top:42px;padding-bottom:65px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:69px}.page-heading p{font-size:13px}.calendar-week{flex-direction:column;gap:0}.calendar-week strong{font-size:21px}.calendar-toolbar{padding:15px 12px}.calendar-controls a{min-width:34px;padding:0 8px}.day-row{grid-template-columns:83px 1fr;min-height:100px}.day-label{padding:17px 10px}.day-label span{font-size:7px;letter-spacing:.4px}.day-label strong{font-size:38px}.day-label small{font-size:9px}.day-content .event-card{flex-wrap:wrap}.day-content .event-duration{margin-left:auto}.day-empty{padding:14px;font-size:10px}.mc-side{grid-template-columns:1fr}.mc-info-card,.mc-side-card{padding:24px}.mc-info-card{min-height:365px}.big-mc{font-size:85px}.admin-body{padding:16px 12px 45px}.admin-header{align-items:start;flex-direction:column}.admin-header h1{font-size:42px}.admin-section{padding:20px 15px}.admin-grid{grid-template-columns:1fr}.admin-photo-row{flex-direction:column;align-items:start}.admin-tabs a{font-size:9px}.admin-event-summary{gap:6px}.admin-event-summary strong{flex-basis:100%}.admin-login{padding:26px 20px}.admin-login h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* final responsive refinements */
.wordmark,.wordmark>span:last-child{white-space:nowrap}
.hero-heading{position:relative;display:inline-block}
.heading-star{position:absolute;right:-27px;top:2px;font-size:26px;letter-spacing:0}
.tile-bottom>div:last-child{min-width:0}
@media(max-width:600px){
 .hero-heading{font-size:clamp(42px,11.5vw,63px);letter-spacing:-.75px}
 .heading-star{top:-13px;right:-4px;font-size:15px}
 .tile-bottom h3{font-size:31px}
 .tile-schedule .tile-bottom h3{font-size:25px;letter-spacing:0}
}


/* v2: broad, substantial gaming panels — intentionally full-viewport-width layout */
:root { --gutter: clamp(18px, 4.2vw, 88px); }
.wrap {max-width:none; width:100%; padding-left:var(--gutter); padding-right:var(--gutter)}
.nav-container {max-width:none; padding-left:var(--gutter);padding-right:var(--gutter)}
.hero {padding-top:54px; padding-bottom:30px}
.hero-marker {margin-bottom:22px}
.hero-tagline {margin-bottom:20px}
.hero .bio-panel {max-width:850px}
.links-section {padding-top:52px; padding-bottom:52px}
.section-header {margin-bottom:30px}
.section-header h2 {font-size:clamp(52px,6.2vw,102px);line-height:.93}
.section-header>p {max-width:370px;font-size:14px;line-height:1.6}
.tile-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.5vw,26px)}
.tile {min-width:0; min-height:clamp(265px,24vw,420px); padding:clamp(26px,2.9vw,55px);border-radius:20px; box-shadow:0 26px 48px rgba(3,2,10,.17);transition:transform .24s,box-shadow .24s,border-color .24s}
.tile:before {content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 46%),linear-gradient(transparent 93%,rgba(255,255,255,.025));}
.tile:after {right:-90px;bottom:-140px;width:440px;height:440px}
.tile-watermark {position:absolute;right:4%;top:3%;width:clamp(210px,22vw,390px);height:clamp(210px,22vw,390px);opacity:.085;filter:drop-shadow(0 0 45px rgba(205,158,255,.16));transform:rotate(-13deg);transition:opacity .25s,transform .3s;pointer-events:none;z-index:-1;}
.tile:hover .tile-watermark {opacity:.14;transform:rotate(-9deg) scale(1.05)}
.tile-top,.tile-bottom {position:relative;z-index:1}
.tile-top {align-items:flex-start}
.tile-tag {font-size:11px;letter-spacing:2.3px;color:#ddbeff}
.tile-arrow {width:48px;height:48px;border-radius:14px;font-size:26px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.2)}
.tile-bottom {gap:clamp(14px,1.5vw,28px);align-items:flex-end}
.tile-icon {width:82px;height:82px;flex:0 0 82px;border-radius:20px;background:rgba(255,255,255,.075)}
.tile-icon img {width:47px;height:47px}
.tile-bottom h3 {font-size:clamp(40px,4.6vw,78px);line-height:.97;letter-spacing:.1px;margin:0 0 12px;overflow-wrap:anywhere}
.tile-bottom p {font-size:clamp(12px,1.05vw,16px);line-height:1.5;color:#d8c8e9;max-width:440px}
.tile-purple {background:linear-gradient(127deg,#301649 1%,#211032 54%,#100a1a)}
.tile-red {background:linear-gradient(127deg,#36131f 0%,#21101f 57%,#100b17)}
.tile-schedule {background:linear-gradient(127deg,#592487 0%,#30174b 53%,#150c25)}
.tile-blue {background:linear-gradient(127deg,#282651 0%,#191532 57%,#100d20)}
.tile-soon {opacity:.69}
.schedule-preview {padding-top:42px;padding-bottom:46px}
.mc-strip {margin-left:var(--gutter);margin-right:var(--gutter);width:calc(100% - 2 * var(--gutter));max-width:none}
.footer {max-width:none}
@media(max-width:1050px) {
 .tile {min-height:270px;padding:27px}
 .tile-bottom {gap:14px}
 .tile-icon {width:63px;height:63px;flex-basis:63px;border-radius:15px}
 .tile-icon img {width:37px;height:37px}
 .tile-bottom h3 {font-size:clamp(32px,4.1vw,54px)}
 .tile-schedule .tile-bottom h3{font-size:clamp(30px,3.8vw,52px)}
 .tile-watermark{right:-20px;top:18px}
}
@media(max-width:760px) {
 .tile-grid {grid-template-columns:1fr;gap:14px}
 .tile {min-height:clamp(190px,36vw,235px);padding:clamp(22px,5vw,30px);border-radius:18px}
 .tile-watermark {width:210px;height:210px;right:1%;top:3%;opacity:.08}
 .tile-bottom h3,.tile-schedule .tile-bottom h3 {font-size:clamp(35px,7vw,55px)}
 .tile-bottom p {font-size:13px}
 .section-header>p {text-align:left;max-width:500px}
 .mc-strip {margin-left:var(--gutter);margin-right:var(--gutter)}
}
@media(max-width:600px) {
 :root {--gutter:17px}
 .hero {padding-top:38px;padding-bottom:20px}
 .links-section {padding-top:35px;padding-bottom:30px}
 .section-header {gap:12px;margin-bottom:22px}
 .section-header h2 {font-size:clamp(47px,12vw,70px)}
 .section-header>p {font-size:12px}
 .tile-grid {gap:13px}
 .tile {min-height:194px;padding:22px 22px 24px;border-radius:17px}
 .tile-tag {font-size:9px;letter-spacing:1.5px}
 .tile-arrow {width:36px;height:36px;border-radius:10px;font-size:20px}
 .tile-bottom {gap:14px;align-items:center}
 .tile-icon {width:54px;height:54px;flex-basis:54px;border-radius:14px}
 .tile-icon img {width:31px;height:31px}
 .tile-bottom h3,.tile-schedule .tile-bottom h3 {font-size:clamp(32px,9vw,42px);margin-bottom:6px;letter-spacing:0}
 .tile-bottom p {font-size:11.5px;line-height:1.42}
 .tile-watermark {width:190px;height:190px;right:-15px;top:-5px;opacity:.065}
 .schedule-preview{padding-top:30px}
 .mc-strip{margin:20px var(--gutter) 54px;width:calc(100% - 2 * var(--gutter))}
}
@media(max-width:380px) {
 .tile-bottom h3,.tile-schedule .tile-bottom h3 {font-size:30px}
 .tile-icon {width:48px;height:48px;flex-basis:48px}
 .tile-icon img {width:28px;height:28px}
 .tile {min-height:188px;padding:20px}
}
/* Give the longest navigation label the whole horizontal area. */
.tile-schedule .tile-icon {display:none}
.tile-schedule .tile-bottom h3 {font-size:clamp(42px,4.3vw,71px);white-space:nowrap}
.tile-soon {opacity:.84}
@media(max-width:1050px) {
 .tile-schedule .tile-bottom h3 {font-size:clamp(30px,3.45vw,45px)}
}
@media(max-width:760px) {
 .tile-schedule .tile-bottom h3 {font-size:clamp(32px,7vw,55px)}
}
@media(max-width:600px) {
 .tile-schedule .tile-bottom h3 {font-size:clamp(30px,8.4vw,40px)}
}
@media(max-width:380px) {
 .tile-schedule .tile-bottom h3 {font-size:27px}
}
@media(max-width:600px) {
 .hero-heading {font-size:clamp(33px,10.5vw,55px)}
}

/* V5: jeden harmonogram / trzy typy wydarzeń / pierwsze kafelki wyżej */
.hero {padding-top:30px;padding-bottom:4px}
.hero-marker{margin-bottom:15px}
.portrait-shell{width:155px;height:162px;margin-bottom:6px}
.portrait-frame{width:149px;height:149px}
.hero-heading{font-size:clamp(70px,10vw,112px)}
.hero-tagline{margin:9px auto 16px}
.hero .bio-panel{padding:17px 25px 18px}
.scroll-cue{display:none}
.links-section{padding-top:20px}
.top-cta.nav-link-active{background:#53277b;border-color:#a56bee;color:#fff}
.schedule-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.filter-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #513269;background:rgba(38,22,56,.8);color:#cdb9e3;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}
.filter-pill span{background:#342148;border-radius:6px;padding:4px 8px;font-size:11px;color:#cfb9ec}
.filter-pill:hover{background:#3f245c;border-color:#8457b0;color:#fff}
.filter-pill.is-active{background:#743bb2;border-color:#b278ec;color:white}
.filter-pill.is-active span{background:rgba(15,5,27,.28);color:white}
.type-tag,.admin-type{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(184,126,242,.5);background:#432661;color:#f1dfff;font-size:9px;font-weight:900;letter-spacing:1px;padding:5px 7px;white-space:nowrap}
.type-tag.type-episode,.admin-type-episode{border-color:rgba(229,90,129,.54);background:rgba(140,42,79,.35);color:#ffb2ca}
.type-tag.type-event,.admin-type-event{border-color:rgba(78,180,210,.55);background:rgba(24,87,110,.4);color:#a0e5f7}
.event-open-link{display:inline-block;color:#d8a6ff;font-size:10px;font-weight:900;letter-spacing:.5px;margin-top:8px}
.event-open-link:hover{color:white;text-decoration:underline}
.event-publish{font-size:10px;letter-spacing:1px;color:#b8a5cd;min-width:85px}
.event-info h3{overflow-wrap:anywhere}
.calendar-days .event-date strong{display:none}
@media(max-width:760px){.hero{padding-top:26px}.links-section{padding-top:16px}}
@media(max-width:600px){.hero{padding-top:22px;padding-bottom:3px}.hero-marker{margin-bottom:12px}.portrait-shell{width:143px;height:147px;margin-bottom:4px}.portrait-frame{width:138px;height:138px}.hero-heading{font-size:clamp(33px,10.5vw,55px)}.hero-tagline{margin-top:10px;margin-bottom:13px}.hero .bio-panel{padding:13px 16px}.links-section{padding-top:13px}.filter-pill{padding:10px 12px;gap:7px;font-size:11px}.schedule-filters{gap:8px}.event-publish{min-width:unset;font-size:9px}}

/* V6: compact narrow mobile navigation (the wordmark already links to Start). */
@media(max-width:420px){
  .nav-container{gap:8px;padding-left:12px;padding-right:12px;min-height:68px}
  .main-nav{display:none}
  .wordmark{font-size:16px;gap:8px}
  .wordmark small{font-size:7px;letter-spacing:1px}
  .brand-glyph{height:34px;width:34px;font-size:21px;border-radius:9px}
  .top-cta{padding:10px 12px;font-size:10px;letter-spacing:.5px}
  .top-cta span{margin-left:5px}
}

/* V9: fixed-on-screen navigation and a real first-screen hero.
   The links section is deliberately below the fold until the visitor scrolls. */
:root { --site-header-height: 83px; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(11, 8, 19, .94);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.hero {
  min-height: calc(100vh - var(--site-header-height) + 12px);
  min-height: calc(100svh - var(--site-header-height) + 12px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 36px;
  padding-bottom: 58px;
}
.hero-inner { width: 100%; }
#linki { scroll-margin-top: var(--site-header-height); }
@media (max-width: 850px) {
  :root { --site-header-height: 73px; }
  .hero { padding-top: 32px; padding-bottom: 52px; }
}
@media (max-width: 420px) {
  :root { --site-header-height: 69px; }
  .hero { padding-top: 22px; padding-bottom: 46px; }
}
/* Small cue that there is more content below the first screen. */
.hero .scroll-cue { display: inline-flex; }


/* V11: avatar logo in header instead of YP */
@media(max-width:420px){
  .brand-glyph-image{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px rgba(201,147,255,.45),0 0 18px rgba(127,54,243,.18)}
}


/* V16: larger portrait and readable lifestyle bio, with no empty filler blocks. */
.hero {
  padding-top: clamp(22px,3vh,40px);
  padding-bottom: clamp(36px,5vh,60px);
  background: radial-gradient(ellipse 58% 53% at 50% 26%, rgba(117,53,180,.17), transparent 74%);
}
.hero-inner { max-width: 1100px; margin: 0 auto; }
.portrait-shell { width: 211px; height: 218px; margin: 0 auto 12px; }
.portrait-frame { width: 204px; height: 204px; border-radius: 29px; }
.portrait-frame img { border-radius: 24px; }
.hero-heading { font-size: clamp(72px, 9vw, 126px); }
.hero-tagline { margin: 13px auto 22px; }
.hero .bio-panel {
  max-width: 970px;
  padding: 26px clamp(26px,4vw,50px) 28px;
  text-align: left;
  background: linear-gradient(130deg,rgba(42,22,67,.93),rgba(20,13,34,.94));
  border-color: rgba(175,112,253,.35);
  box-shadow: 0 18px 60px rgba(15,4,37,.24);
}
.hero .bio-panel .eyebrow { margin-bottom: 11px; text-align: left; }
.bio-content { font-size: 15px; line-height: 1.67; color: #e9ddf3; }
.hero .bio-content p { font-size: inherit; line-height: inherit; color: inherit; margin: 0 0 12px; }
.hero .bio-content p:last-child { margin-bottom: 0; }
.hero .scroll-cue { margin-top: 20px; }
.hero-next-event {
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
  width: fit-content;
  max-width: min(970px,100%);
  margin: 18px auto 0;
  padding: 12px 17px;
  border: 1px solid rgba(188,124,255,.34);
  background: rgba(32,17,50,.91);
  border-radius: 11px;
  transition: background .2s,border-color .2s;
}
.hero-next-event:hover { background: rgba(62,31,93,.93); border-color: rgba(194,143,255,.8); }
.hero-next-label { font-size: 10px; letter-spacing: 1.4px; font-weight: 900; white-space: nowrap; color: #d8b9ff; }
.hero-next-title { font-size: 13px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero-next-date { font-size: 12px; white-space: nowrap; color: #c7b5d9; }
.hero-next-arrow { color: #bf87fc; font-size: 17px; }
@media(max-width:760px) {
  .hero { padding-top: 22px; padding-bottom: 38px; }
  .portrait-shell { width: 181px; height: 189px; margin-bottom: 8px; }
  .portrait-frame { width: 175px; height: 175px; }
  .hero .bio-panel { padding: 20px 21px 22px; }
  .bio-content { font-size: 14px; line-height: 1.59; }
  .hero .bio-content p { margin-bottom: 11px; }
  .hero-next-event { flex-wrap: wrap; gap: 8px 12px; }
}
@media(max-width:420px) {
  .hero { padding-top: 17px; padding-bottom: 34px; }
  .portrait-shell { width: 167px; height: 172px; margin-bottom: 7px; }
  .portrait-frame { width: 158px; height: 158px; }
  .hero-heading { font-size: clamp(34px, 10.5vw, 55px); }
  .hero-tagline { font-size: 10px; letter-spacing: 2px; line-height: 1.55; margin: 9px auto 14px; }
  .hero .bio-panel { padding: 18px 18px 20px; }
  .bio-content { font-size: 13px; line-height: 1.57; }
  .hero-next-label { font-size: 9px; }
  .hero-next-title { white-space: normal; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-next-event { transition: none; }
}
@media(max-width:360px) {
  .wordmark small { display:none; }
  .nav-container { gap:6px; }
  .top-cta { padding:9px 10px; }
}

/* V17: tighter editorial wordmark; no filler strapline. */
.hero-heading { font-family:'Anton','DejaVu Sans Condensed',Impact,sans-serif; font-weight:800; font-stretch:condensed; font-size:clamp(70px,8.8vw,124px); letter-spacing:1px; line-height:1.03; text-shadow:0 12px 45px rgba(107,38,178,.18); }
.hero-heading > span:first-child{color:#ae73ee;}
.hero .bio-panel {margin-top:27px;}
@media(max-width:600px){.hero-heading {font-size:clamp(46px,10.8vw,72px);letter-spacing:.2px}.hero .bio-panel{margin-top:22px;}}
@media(max-width:380px){.hero-heading {font-size:clamp(38px,10.6vw,55px);}}

/* V17 Studio: accounts and 2FA, responsive. */
.admin-login{max-width:520px;margin:5vh auto 0;text-align:left}.admin-login h1{font-size:clamp(36px,5vw,52px)}
.admin-login .eyebrow{text-align:left;margin-bottom:12px}.admin-login>p{line-height:1.7}
.admin-login .admin-form{gap:15px}.admin-login .admin-form .admin-button{margin-top:6px}
.admin-error,.admin-success{max-width:1050px;margin:0 auto 16px;line-height:1.6}
.setup-note{display:block;margin-top:17px;color:#a999bf;font-size:12px;line-height:1.6}
.setup-note code{font-size:11px;color:#eacfff;overflow-wrap:anywhere}
.otp-secret{font-family:monospace;letter-spacing:1.3px;font-weight:700;font-size:16px;overflow-wrap:anywhere;color:#e6c5ff;background:#0b0715;padding:15px;border:1px solid #5b327b;border-radius:8px;margin-bottom:6px;user-select:all}
.login-extra{margin-top:20px;border-top:1px solid rgba(193,148,255,.15);padding-top:15px}.login-extra summary{font-size:12px;cursor:pointer;color:#c6acdf}.login-extra .admin-form{margin-top:15px}
.account-list{display:grid;gap:9px;margin-top:24px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#140d21;border:1px solid #352247;padding:14px;border-radius:10px}.account-row>div:first-child{display:flex;flex-direction:column;min-width:0;gap:4px}.account-row strong{color:white;font-size:14px}.account-row span{color:#b29cc6;font-size:12px;overflow-wrap:anywhere}.account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-actions select{background:#110b1b;color:#e8d6ff;border:1px solid #61347f;padding:9px;border-radius:6px}.account-actions .admin-logout{cursor:pointer}.recovery-panel pre{white-space:pre-wrap;font-size:16px;letter-spacing:2px;line-height:1.7;background:#0c0714;border-radius:7px;border:1px solid #614380;padding:15px;color:#d8bbff}.recovery-panel p{font-size:13px;color:#c8bad2}
@media(max-width:700px){.account-row{align-items:stretch;flex-direction:column;gap:10px}.admin-login{padding:25px;margin-top:2vh}.admin-section{padding:20px}.admin-header{flex-wrap:wrap}}


/* V18: The hero no longer uses the old tagline, including on pages with cached HTML. */
.hero-tagline{display:none!important}
.admin-login-brand{display:block;width:94px;height:94px;object-fit:contain;border-radius:50%;margin:0 auto 14px;filter:drop-shadow(0 0 19px rgba(153,79,248,.25))}
@media(max-width:600px){.admin-login-brand{width:80px;height:80px;margin-bottom:12px}}


/* V20 — YoungPiotro typed as text, not a raster logo: keep the O readable. */
.hero-heading {
  font-family:'DM Sans',system-ui,'Arial',sans-serif;
  text-transform:none;
  font-size:clamp(64px,8vw,120px);
  line-height:1.06;
  font-weight:800;
  font-stretch:normal;
  letter-spacing:-.062em;
  white-space:nowrap;
  text-shadow:0 13px 55px rgba(114,39,198,.20);
}
.hero-heading>span:first-child {color:#b580ff;}
.hero .bio-panel {margin-top:clamp(18px,2.5vw,26px);}
.hero .bio-content p {margin-bottom:13px;}
@media(max-width:760px){
  .hero-heading {font-size:clamp(46px,9.2vw,72px);letter-spacing:-.065em;}
}
@media(max-width:420px){
  .hero-heading {font-size:clamp(35px,9.1vw,46px);letter-spacing:-.07em;}
  .hero .bio-content {font-size:13px;line-height:1.58;}
  .hero .bio-panel {margin-top:18px;}
}
@media(max-width:350px){
  .hero-heading {font-size:32px;letter-spacing:-.065em;}
}


/* V21: no LINKI button under the hero, and a slightly wider/taller about panel. */
.hero .scroll-cue{display:none!important}
.hero .bio-panel{
  max-width: 1020px;
  padding: 26px clamp(28px,4vw,54px) 32px;
}
.hero .bio-content p{margin-bottom:14px}
@media(max-width:760px){
  .hero .bio-panel{max-width:980px;padding:20px 21px 24px}
}
@media(max-width:420px){
  .hero .bio-panel{padding:18px 18px 22px}
}


/* V22: first screen fits common laptop/desktop heights; section below remains below the fold. */
.hero { min-height:calc(100svh - var(--site-header-height) + 1px); }
.hero .scroll-cue { display:none!important; }
@media (min-width:900px) {
  .hero {
    padding-top:clamp(12px,2.2vh,27px);
    padding-bottom:clamp(16px,2.5vh,30px);
  }
  .hero-inner { max-width:1220px; }
  .portrait-shell { width:186px; height:191px; margin-bottom:4px; }
  .portrait-frame { width:179px; height:179px; }
  .hero-heading { font-size:clamp(74px,6.35vw,110px); line-height:1.02; }
  .hero .bio-panel {
    max-width:1150px;
    margin-top:14px;
    padding:18px clamp(26px,3vw,42px) 20px;
  }
  .hero .bio-panel .eyebrow { margin-bottom:7px; }
  .hero .bio-content {font-size:13.5px;line-height:1.47;}
  .hero .bio-content p {margin-bottom:9px;}
}
@media (min-width:900px) and (max-height:820px) {
  .hero { padding-top:10px; padding-bottom:16px; }
  .portrait-shell { width:157px; height:163px; margin-bottom:2px; }
  .portrait-frame { width:151px; height:151px; }
  .hero-heading {font-size:clamp(66px,6.0vw,92px); line-height:1.00;}
  .hero .bio-panel {max-width:1210px; margin-top:10px; padding:13px 27px 15px;}
  .hero .bio-panel .eyebrow {margin-bottom:5px;}
  .hero .bio-content {font-size:12.7px;line-height:1.40;}
  .hero .bio-content p {margin-bottom:7px;}
}
@media (min-width:900px) and (max-height:680px) {
  .portrait-shell {width:130px;height:138px;}
  .portrait-frame {width:128px;height:128px;}
  .hero-heading {font-size:clamp(58px,5.5vw,78px);}
  .hero .bio-panel {padding:9px 22px 11px;}
  .hero .bio-content {font-size:12px;line-height:1.33;}
  .hero .bio-content p {margin-bottom:5px;}
}
/* On phones the whole biography is allowed to scroll rather than being cropped. */
@media (max-width:899px) {
  .hero {height:auto; min-height:calc(100svh - var(--site-header-height) + 1px); overflow:hidden;}
  .hero .bio-panel {margin-bottom:18px;}
}


/* V23 — Intro with a short about-me section and a real YouTube feature tile. */
.hero{
  min-height:calc(100svh - var(--site-header-height) + 1px);
  height:auto;
  padding:clamp(12px,1.5vh,22px) var(--gutter) clamp(18px,2.4vh,30px);
  overflow:hidden;
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-inner{width:100%;max-width:1480px;margin:0 auto;}
.hero-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 auto clamp(16px,2.3vh,25px);}
.hero-brand .portrait-shell{width:clamp(122px,16vh,160px);height:clamp(127px,16vh + 6px,166px);margin:0 auto 5px;}
.hero-brand .portrait-frame{width:clamp(117px,15.5vh,155px);height:clamp(117px,15.5vh,155px);border-radius:21px;}
.hero-brand .portrait-frame img{border-radius:16px;}
.hero-brand .hero-heading{font-family:'DM Sans',system-ui,Arial,sans-serif;font-size:clamp(64px,6.7vw,100px);line-height:1;letter-spacing:-.065em;font-weight:800;text-transform:none;white-space:nowrap;margin:0;}
.hero .hero-panels{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,0.84fr);gap:clamp(15px,2vw,30px);align-items:stretch;text-align:left;}
.hero .hero-panels .bio-panel{width:100%;max-width:none;min-width:0;margin:0;padding:clamp(19px,2vw,28px) clamp(22px,2.5vw,38px);border:1px solid rgba(175,112,253,.3);background:linear-gradient(125deg,rgba(43,24,70,.94),rgba(20,13,34,.95));border-radius:20px;}
.hero .bio-panel h2{font-family:'DM Sans',Arial,sans-serif;color:#f5eaff;font-size:clamp(18px,1.55vw,23px);line-height:1.27;letter-spacing:-.035em;font-weight:800;margin:0 0 clamp(10px,1vw,15px);text-align:left;}
.hero .bio-content{font-size:clamp(12.5px,.93vw,14px);line-height:1.52;text-align:left;}
.hero .bio-content p{margin:0 0 10px;}
.hero .bio-content p:last-child{margin-bottom:0;}
.hero .mobile-bio{display:none;}
.hero .feature-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:100%;border:1px solid rgba(178,113,249,.40);border-radius:20px;overflow:hidden;padding:clamp(23px,2.3vw,34px);isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s;background:radial-gradient(circle at 70% 42%,rgba(139,66,233,.36),transparent 43%),linear-gradient(140deg,#23103b 0%,#170c29 48%,#0e0a19 100%);}
.hero .feature-card:hover{transform:translateY(-4px);border-color:rgba(207,158,255,.9);box-shadow:0 22px 65px rgba(91,40,159,.2);}
.hero .feature-card:before{content:'';position:absolute;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(circle at 75% 26%,rgba(129,64,248,.2),transparent 44%),repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(176,111,255,.045) 39px,transparent 40px);transform:rotate(-7deg);}
.hero .feature-card:after{content:'▶';position:absolute;right:-2%;bottom:-38%;font-family:Arial,sans-serif;font-size:clamp(240px,28vw,450px);line-height:1;color:rgba(178,110,255,.055);z-index:-1;pointer-events:none;}
.hero .feature-thumbnail{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66;}
.hero .has-video{background:linear-gradient(180deg,rgba(7,4,14,.60),rgba(10,4,18,.86));}
.hero .has-video:before{z-index:-1;inset:0;transform:none;background:linear-gradient(180deg,rgba(6,3,15,.42),rgba(13,4,24,.88));}
.hero .feature-top{display:flex;align-items:center;gap:10px;color:#eadbff;font-size:11px;font-weight:900;letter-spacing:2px;}
.hero .feature-top img{width:25px;height:25px;object-fit:contain;}
.hero .feature-main{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin:auto 0;position:relative;z-index:1;}
.hero .feature-play{width:clamp(63px,6.5vw,84px);height:clamp(63px,6.5vw,84px);background:#f9f2ff;color:#3d1a61;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 55px rgba(146,80,252,.38);margin-bottom:clamp(12px,2.5vh,28px);transition:transform .2s;}
.hero .feature-card:hover .feature-play{transform:scale(1.08);}
.hero .feature-play>span{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #5c279a;margin-left:5px;}
.hero .feature-main strong{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(27px,2.5vw,38px);line-height:1.13;font-weight:850;letter-spacing:-.045em;color:#fff;}
.hero .feature-main>span:last-child{font-size:13px;color:#d4bdeb;}
.hero .feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-top:1px solid rgba(211,163,252,.22);padding-top:14px;color:#dfb6ff;font-size:11px;font-weight:900;letter-spacing:1.2px;}
.hero .feature-bottom>span{font-size:22px;line-height:1;}
.hero .hero-scroll{display:flex;align-items:center;justify-content:center;margin:clamp(8px,1.5vh,16px) auto 0;width:40px;height:26px;color:#ca96ff;font-size:26px;font-weight:800;transition:transform .2s;}
.hero .hero-scroll:hover{transform:translateY(4px);}
@media(min-width:900px) and (max-height:770px){
  .hero{padding-top:8px;padding-bottom:13px;}
  .hero-brand{margin-bottom:12px;}
  .hero-brand .portrait-shell{width:126px;height:131px;margin-bottom:2px;}
  .hero-brand .portrait-frame{width:122px;height:122px;}
  .hero-brand .hero-heading{font-size:clamp(60px,5.65vw,78px);}
  .hero .bio-panel h2{font-size:18px;margin-bottom:7px;}
  .hero .bio-content{font-size:12.15px;line-height:1.39;}
  .hero .bio-content p{margin-bottom:7px;}
  .hero .hero-panels .bio-panel{padding:16px 22px;}
  .hero .feature-play{width:56px;height:56px;margin-bottom:12px;}
  .hero .feature-main strong{font-size:27px;}
  .hero .feature-card{padding:22px;}
  .hero .hero-scroll{margin-top:4px;}
}
@media(min-width:900px) and (max-height:640px){
 .hero{min-height:calc(100svh - var(--site-header-height) + 1px);}
 .hero-brand .portrait-shell{width:90px;height:94px;}
 .hero-brand .portrait-frame{width:87px;height:87px;}
 .hero-brand .hero-heading{font-size:59px;}
 .hero .bio-content{font-size:11.8px;line-height:1.34;}
 .hero .bio-content p{margin-bottom:6px;}
}
@media(max-width:899px){
  .hero{min-height:calc(100svh - var(--site-header-height) + 1px);padding:18px var(--gutter) 28px;}
  .hero .hero-panels{grid-template-columns:1fr;gap:15px;}
  .hero .desktop-bio{display:none;}
  .hero .mobile-bio{display:block;}
  .hero-brand{margin-bottom:18px;}
  .hero-brand .portrait-shell{width:127px;height:133px;}
  .hero-brand .portrait-frame{width:122px;height:122px;}
  .hero-brand .hero-heading{font-size:clamp(42px,8vw,72px);}
  .hero .hero-panels .bio-panel{padding:19px 21px;}
  .hero .bio-panel h2{font-size:clamp(18px,3vw,22px);margin-bottom:10px;}
  .hero .bio-content{font-size:13px;line-height:1.52;}
  .hero .feature-card{min-height:240px;padding:22px;}
  .hero .feature-play{width:55px;height:55px;margin-bottom:12px;}
  .hero .feature-main strong{font-size:26px;}
  .hero .feature-bottom{padding-top:10px;}
  .hero .feature-main{gap:6px;}
  .hero .feature-main>span:last-child{font-size:12px;}
  .hero .bio-more{margin-top:10px;border-top:1px solid rgba(203,161,249,.18);padding-top:8px;}
  .hero .bio-more summary{cursor:pointer;color:#dbaaff;font-weight:800;font-size:12px;list-style:none;display:flex;justify-content:space-between;}
  .hero .bio-more summary::-webkit-details-marker{display:none;}
  .hero .bio-more p{margin-top:10px;}
  .hero .bio-more[open] summary span{transform:rotate(180deg);}
  .hero .hero-scroll{margin-top:12px;}
}
@media(max-width:480px){
  .hero-brand .portrait-shell{width:107px;height:114px;}
  .hero-brand .portrait-frame{width:103px;height:103px;}
  .hero-brand{margin-bottom:13px;}
  .hero-brand .hero-heading{font-size:clamp(36px,10.2vw,49px);}
  .hero .bio-content{font-size:12.7px;}
  .hero .hero-panels .bio-panel{padding:18px 17px;}
  .hero .feature-card{min-height:211px;padding:18px;}
  .hero .feature-top{font-size:9px;}
  .hero .feature-play{width:46px;height:46px;margin-bottom:4px;}
  .hero .feature-play>span{border-top-width:8px;border-bottom-width:8px;border-left-width:13px;}
  .hero .feature-main strong{font-size:23px;}
  .hero .feature-bottom{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){
  .hero .feature-card,.hero .feature-play,.hero .hero-scroll{transition:none;}
}

/* Clear scroll hint: signals exactly what comes next, not another LINKI button. */
.hero .hero-scroll{width:max-content;max-width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:13px;color:#cba4f2;font-size:10px;letter-spacing:1.7px;line-height:1.25;font-weight:900;}
.hero .hero-scroll strong{font-size:22px;line-height:1;font-weight:700;color:#d5a6ff;}
@media(max-width:480px){.hero .hero-scroll{font-size:8px;letter-spacing:1px;gap:7px;}.hero .hero-scroll strong{font-size:19px;}}

/* V24: center brand and align two genuinely responsive cards below it. */
.hero{height:auto; min-height:calc(100svh - var(--site-header-height) + 2px);padding:clamp(16px,2.6vh,30px) var(--gutter) clamp(30px,4vh,44px);}
.hero-inner{width:100%;max-width:1440px;margin:0 auto;}
.hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto clamp(20px,2.8vh,28px);}
.hero-brand .portrait-shell{width:clamp(120px,16vh,158px);height:clamp(126px,17vh,166px);margin:0 auto 7px;}
.hero-brand .portrait-frame{width:clamp(117px,15.5vh,151px);height:clamp(117px,15.5vh,151px);}
.hero-brand .hero-heading{font-size:clamp(64px,6.4vw,100px);line-height:1.04;letter-spacing:-.062em;white-space:nowrap;margin:0;text-align:center;}
.hero .hero-panels{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:clamp(16px,2vw,28px);text-align:left;}
.hero .hero-panels .bio-panel{width:100%;height:100%;min-width:0;margin:0!important;padding:clamp(23px,2.3vw,33px) clamp(24px,2.6vw,40px);}
.hero .bio-panel h2{font-size:clamp(19px,1.5vw,23px);margin:0 0 15px;line-height:1.3;}
.hero .bio-content{font-size:clamp(13px,1vw,14.5px);line-height:1.62;}
.hero .bio-content p{margin:0 0 14px;}
.hero .bio-more{margin-top:17px;border-top:1px solid rgba(203,161,249,.23);padding-top:14px;}
.hero .bio-more summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none;color:#d9abff;font-size:13px;font-weight:800;}
.hero .bio-more summary::-webkit-details-marker{display:none;}
.hero .bio-more[open] summary span{transform:rotate(180deg);}
.hero .bio-more p:first-of-type{margin-top:16px;}
.hero .feature-card{min-height:325px;padding:clamp(23px,2.3vw,35px);}
.hero .hero-scroll{margin:clamp(12px,2.2vh,23px) auto 0;}
@media(min-width:900px) and (max-height:780px){
 .hero{padding-top:12px;padding-bottom:24px;}
 .hero-brand{margin-bottom:14px;}
 .hero-brand .portrait-shell{width:112px;height:120px;margin-bottom:2px;}
 .hero-brand .portrait-frame{width:108px;height:108px;}
 .hero-brand .hero-heading{font-size:clamp(60px,5.4vw,78px);}
 .hero .hero-panels .bio-panel{padding:20px 25px;}
 .hero .feature-card{min-height:275px;padding:23px;}
 .hero .bio-content{font-size:12.5px;line-height:1.49;}
 .hero .bio-content p{margin-bottom:10px;}
 .hero .bio-panel h2{font-size:19px;margin-bottom:9px;}
 .hero .bio-more{margin-top:10px;padding-top:10px;}
 .hero .feature-play{width:54px;height:54px;margin-bottom:6px;}
 .hero .hero-scroll{margin-top:10px;}
}
@media(max-width:899px){
 .hero{padding-top:25px;padding-bottom:40px;align-items:flex-start;}
 .hero .hero-panels{grid-template-columns:minmax(0,1fr);max-width:660px;margin:0 auto;}
 .hero-brand{margin-bottom:20px;}
 .hero .desktop-bio,.hero .mobile-bio{display:contents;}
 .hero .hero-panels .bio-panel{padding:23px 25px;}
 .hero .feature-card{min-height:255px;}
 .hero .bio-content{font-size:13.5px;line-height:1.56;}
}
@media(max-width:480px){
 .hero{padding-top:20px;padding-bottom:30px;}
 .hero-brand .portrait-shell{width:108px;height:116px;}
 .hero-brand .portrait-frame{width:104px;height:104px;}
 .hero-brand .hero-heading{font-size:clamp(36px,10.2vw,49px);}
 .hero .hero-panels{gap:14px;}
 .hero .hero-panels .bio-panel{padding:19px 18px;}
 .hero .bio-panel h2{font-size:18px;}
 .hero .bio-content{font-size:13px;line-height:1.52;}
 .hero .feature-card{min-height:220px;}
}


/* YOUNGPIOTRO_RELEASE_V25 — first-screen fixed: visible copy on the left, film card on the right */
.hero { height:auto; min-height:calc(100svh - var(--site-header-height) + 4px); padding:12px var(--gutter) 26px; display:flex; align-items:center; justify-content:center; }
.hero-inner{max-width:1380px; width:100%; margin:0 auto; }
.hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 19px;gap:0;}
.hero-brand .portrait-shell{width:132px;height:138px;margin:0 auto 2px;}
.hero-brand .portrait-frame{width:126px;height:126px;}
.hero-brand .hero-heading{font-size:clamp(64px,6.5vw,99px);margin:0;line-height:1.03;letter-spacing:-.065em;}
.hero .hero-panels{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:stretch;margin:0 auto;text-align:left;}
.hero .hero-panels .bio-panel{width:100%;height:100%;min-width:0;margin:0;padding:27px 33px 26px;border-radius:18px;display:flex;flex-direction:column;}
.hero .bio-panel h2{font-size:clamp(18px,1.45vw,23px);line-height:1.3;margin:0 0 17px;}
.hero .bio-content{font-size:clamp(13px,1vw,14.5px);line-height:1.60;}
.hero .bio-content p{margin:0 0 14px;}
.hero .bio-content p:last-child{margin-bottom:0;}
.hero .bio-expand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin:18px 0 0;padding:10px 0 0;border:0;border-top:1px solid rgba(204,158,250,.20);background:none;color:#d8adff;font-weight:800;font-size:12px;cursor:pointer;}
.hero .bio-expand:hover{color:white;}
.hero .bio-expand>span{font-size:16px;}
.hero .feature-card{min-height:290px;padding:28px;}
.hero .feature-play{width:65px;height:65px;margin:8px 0;}
.hero .feature-main strong{font-size:clamp(28px,2.4vw,35px);}
.hero .hero-scroll{display:flex;justify-content:center;align-items:center;width:42px;height:31px;margin:15px auto 0;border:1px solid rgba(189,132,255,.20);border-radius:14px;color:#d5afff;font-size:22px;transition:transform .15s,border-color .15s;}
.hero .hero-scroll:hover{transform:translateY(3px);border-color:rgba(202,152,255,.55)}
.hero .hero-scroll span{line-height:1;}
.hero .bio-dialog{border:1px solid rgba(195,141,255,.48);padding:0;border-radius:18px;background:#181027;color:#f2e8ff;width:min(720px,calc(100vw - 30px));max-height:min(76dvh,680px);overflow-y:auto;box-shadow:0 20px 100px rgba(0,0,0,.65);}
.hero .bio-dialog::backdrop{background:rgba(3,2,8,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.hero .bio-dialog-layout{padding:clamp(18px,3vw,34px);}
.hero .bio-dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;}
.hero .bio-dialog-top h2{margin:0;font-size:clamp(19px,2.5vw,25px);line-height:1.3;}
.hero .bio-close{border:1px solid rgba(193,136,255,.35);background:#2b1b3b;color:#f2ddff;width:36px;height:36px;line-height:1;cursor:pointer;border-radius:10px;font-size:26px;flex:0 0 auto;}
.hero .bio-close:hover{background:#4b286c;}
.hero .bio-dialog-copy p{margin:0 0 15px;line-height:1.7;color:#e8dcf2;font-size:14px;}
.hero .bio-dialog-copy p:last-child{margin-bottom:0;}
body:has(.bio-dialog[open]){overflow:hidden;}
@media(min-width:900px) and (max-height:790px){
 .hero{padding:6px var(--gutter) 17px;}
 .hero-brand{margin-bottom:12px;}
 .hero-brand .portrait-shell{height:107px;width:108px;margin-bottom:3px;}
 .hero-brand .portrait-frame{width:103px;height:103px;}
 .hero-brand .hero-heading{font-size:clamp(53px,5.45vw,77px);}
 .hero .hero-panels .bio-panel{padding:19px 25px;}
 .hero .bio-panel h2{font-size:18px;margin-bottom:10px;}
 .hero .bio-content{font-size:12.6px;line-height:1.48;}
 .hero .bio-content p{margin-bottom:9px;}
 .hero .bio-expand{margin-top:11px;padding-top:8px;}
 .hero .feature-card{min-height:245px;padding:23px;}
 .hero .feature-play{width:52px;height:52px;margin:3px 0;}
 .hero .feature-main strong{font-size:27px;}
 .hero .hero-scroll{margin-top:11px;height:28px;width:39px;}
}
@media(min-width:900px) and (max-height:620px){
 .hero-brand .portrait-shell{height:78px;width:79px;}
 .hero-brand .portrait-frame{height:75px;width:75px;}
 .hero-brand .hero-heading{font-size:52px;}
 .hero .feature-card{min-height:205px;}
}
@media(max-width:899px){
 .hero{display:block;height:auto;min-height:calc(100svh - var(--site-header-height) + 4px);padding:18px var(--gutter) 26px;}
 .hero-brand{margin-bottom:18px;}
 .hero-brand .portrait-shell{height:120px;width:119px;}
 .hero-brand .portrait-frame{height:115px;width:115px;}
 .hero-brand .hero-heading{font-size:clamp(43px,8vw,73px);}
 .hero .hero-panels{grid-template-columns:1fr;gap:14px;max-width:640px;}
 .hero .hero-panels .bio-panel{padding:22px 23px;}
 .hero .bio-content{font-size:13.4px;line-height:1.56;}
 .hero .feature-card{min-height:240px;padding:22px;}
 .hero .hero-scroll{margin-top:17px;}
}
@media(max-width:480px){
 .hero{padding-top:16px;padding-bottom:25px;}
 .hero-brand{margin-bottom:13px;}
 .hero-brand .portrait-shell{height:105px;width:102px;}
 .hero-brand .portrait-frame{height:99px;width:99px;}
 .hero-brand .hero-heading{font-size:clamp(35px,10vw,48px);}
 .hero .hero-panels .bio-panel{padding:19px 18px;}
 .hero .bio-panel h2{font-size:18px;margin-bottom:10px;}
 .hero .bio-content{font-size:12.9px;line-height:1.52;}
 .hero .bio-content p{margin-bottom:10px;}
 .hero .feature-card{min-height:210px;padding:18px;}
 .hero .feature-main strong{font-size:24px;}
}
@media(prefers-reduced-motion:reduce){.hero .hero-scroll{transition:none;}}


/* V26 — more useful left-side introduction, actual YouTube video card and clear scroll hint */
.hero .hero-scroll {
  width: max-content; height:auto; min-height:55px;
  border:0; border-radius:0; margin:9px auto 0;
  flex-direction:column; gap:1px; padding:4px 14px 0;
  text-decoration:none; letter-spacing:1.6px;
}
.hero .hero-scroll-label {font-size:10px; font-weight:900; color:#cbaaeb;}
.hero .hero-scroll-arrow {font-size:26px; line-height:1.05; color:#d4afff;}
.hero .feature-card.has-video {background:#140b23;}
.hero .feature-card.has-video::before {background:linear-gradient(180deg,rgba(5,3,14,.58) 0%,rgba(13,5,24,.32) 31%,rgba(7,3,16,.88) 100%);z-index:-1;inset:0;transform:none;}
.hero .feature-card.has-video::after {display:none;}
.hero .feature-thumbnail {z-index:-2;opacity:1;object-position:center;}
.hero .feature-card.has-video .feature-main strong {font-size:clamp(21px,2vw,30px);line-height:1.14;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.hero .feature-card.has-video .feature-main {margin-top:auto;}
.hero .feature-card.has-video .feature-play {width:49px;height:49px;margin:0 0 10px;}
.hero .feature-card.has-video .feature-play>span {border-top-width:9px;border-bottom-width:9px;border-left-width:14px;}
@media (min-width:900px) and (max-height:790px){
 .hero {padding-top:8px;padding-bottom:10px;}
 .hero-brand {margin-bottom:9px;}
 .hero-brand .portrait-shell {height:100px;width:102px;margin-bottom:0;}
 .hero-brand .portrait-frame {width:97px;height:97px;}
 .hero-brand .hero-heading {font-size:clamp(55px,5.45vw,75px);}
 .hero .hero-panels .bio-panel {padding:18px 23px;}
 .hero .bio-content {font-size:12.25px;line-height:1.45;}
 .hero .bio-content p {margin-bottom:8px;}
 .hero .bio-expand {margin-top:9px;padding-top:7px;}
 .hero .bio-panel h2 {font-size:18px;margin-bottom:8px;}
 .hero .feature-card {min-height:280px;padding:20px;}
 .hero .hero-scroll {margin-top:7px;min-height:47px;}
 .hero .hero-scroll-arrow{font-size:22px;}
}
@media(max-width:899px){
 .hero .hero-scroll {margin-top:14px;}
}
@media(max-width:480px){
 .hero .hero-scroll-label {font-size:9px;}
}



/* ==== YOUNGPIOTRO_RELEASE_V30: coherent about-card behavior, no opacity masks. ==== */
@media(min-width:900px){
  .hero .hero-panels .bio-panel {
    display:flex; flex-direction:column; justify-content:flex-start;
    min-height:0; padding:24px clamp(26px,2.4vw,35px) 23px;
  }
  .hero .hero-panels{align-items:stretch; gap:clamp(19px,2vw,30px);}
  .hero-brand{margin-bottom:clamp(28px,4.8vh,46px)!important;}
  .hero .feature-card{min-height:0;}
}
.hero .bio-preview {
  flex:0 0 auto!important; max-height:none!important;
  overflow:visible!important; position:static!important;
  padding-right:0!important; -webkit-mask-image:none!important; mask-image:none!important;
  background:transparent!important; box-shadow:none!important;
}
.hero .bio-preview::before,.hero .bio-preview::after{display:none!important;content:none!important;}
.hero .bio-content p{margin:0 0 11px;}
.hero .bio-content p:last-child{margin-bottom:0;}
.hero .bio-expand{
  align-self:flex-start; margin:14px 0 0!important; padding:10px 0 0!important;
  min-height:30px; border:0; border-top:1px solid rgba(201,155,245,.21);
  background:transparent; font-size:12px; flex-shrink:0; color:#dfb8ff;
}
.hero .bio-expand:hover{color:#fff;}
.hero .hero-scroll{margin:clamp(13px,2vh,22px) auto 0!important;gap:10px!important;}
.hero .hero-scroll-arrow{
  display:grid;place-items:center;width:46px;height:46px;
  border-radius:50%; border:1px solid rgba(204,151,255,.45);
  background:linear-gradient(150deg,rgba(70,40,103,.7),rgba(27,15,41,.98));
  color:#d4a9ff;box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.hero .hero-scroll-arrow span{font-size:23px;line-height:1;}
.hero .hero-scroll:hover .hero-scroll-arrow{border-color:#c99aff;box-shadow:0 7px 20px rgba(140,73,219,.2);}
/* The read-more button is unnecessary if all paragraphs fit on large screens. */
@media(min-width:1101px) and (min-height:861px){
  .hero .bio-expand:not(.bio-expand-always){display:none;}
}
/* The final full paragraphs are only omitted when height won't accommodate them.
   Copy still exists unchanged in the accessible read-more dialog. */
@media (min-width:900px) and (max-height:860px) {
  .hero .bio-preview-5{display:none!important;}
}
@media (min-width:900px) and (max-width:1100px){
  .hero .bio-preview-5{display:none!important;}
}
@media (min-width:900px) and (max-height:675px) {
  .hero .bio-preview-4{display:none!important;}
}
@media (max-width:899px){
  .hero .bio-preview-4,.hero .bio-preview-5{display:none!important;}
  .hero .hero-panels .bio-panel{justify-content:flex-start;}
  .hero .bio-expand{margin-top:13px!important;}
}
@media(max-width:480px){
  .hero .bio-preview-3{display:none!important;}
}


/* ===== V31 — Facebook tiles + about text without truncation ===== */
.tile-facebook{background:linear-gradient(126deg,#1b3157 0%,#13223b 58%,#0c1526 100%);border-color:rgba(100,162,255,.34)}
.tile-facebook-group{background:linear-gradient(126deg,#212449 0%,#191932 56%,#11121f 100%);border-color:rgba(140,139,247,.29)}
.tile-facebook:after{background:radial-gradient(circle,rgba(47,112,230,.24),transparent 72%)}
.tile-facebook-group:after{background:radial-gradient(circle,rgba(108,92,209,.23),transparent 72%)}
/* Neutralize every older release's masking, clipping, and p-index rules. */
.hero .bio-preview{position:relative!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;mask:none!important;-webkit-mask-image:none!important;background:none!important;box-shadow:none!important;padding:0!important}
.hero .bio-preview:before,.hero .bio-preview:after{content:none!important;display:none!important}
.hero .bio-preview .bio-preview-paragraph:not([hidden]){display:block!important;white-space:normal!important;visibility:visible!important;opacity:1!important}
.hero .bio-preview .bio-preview-paragraph[hidden]{display:none!important}
.hero .hero-panels{align-items:stretch!important}
@media(min-width:900px){
  .hero .hero-panels{height:clamp(330px,45svh,413px)!important;}
  .hero .hero-panels .bio-panel,.hero .feature-card{height:100%!important;min-height:0!important;max-height:none!important;}
  .hero .hero-panels .bio-panel{justify-content:flex-start!important;display:flex!important;flex-direction:column!important;gap:0!important;}
  .hero .bio-expand{margin-top:12px!important;flex:0 0 auto!important;}
}
@media(min-width:900px) and (max-height:790px){
  .hero .hero-panels{height:clamp(315px,45svh,350px)!important;}
}
@media(max-width:899px){
  .hero .hero-panels{height:auto!important;}
  .hero .hero-panels .bio-panel,.hero .feature-card{height:auto!important;min-height:0!important;max-height:none!important;}
  .hero .bio-preview{flex:0 0 auto!important;overflow:visible!important;}
}
/* A little more breathing room between heading and the pair of cards. */
@media(min-width:900px){.hero-brand{margin-bottom:clamp(30px,4.6vh,48px)!important}}


/* ===== V32: finalny, przewidywalny układ bez automatycznego obcinania ===== */
.hero .hero-panels{align-items:stretch!important;gap:clamp(18px,2vw,30px)!important;}
.hero .hero-panels .bio-panel{
  position:relative!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:clamp(22px,2vw,30px) clamp(24px,2.4vw,34px)!important;
}
.hero .about-summary{
  display:block!important; flex:0 0 auto!important; min-height:0!important;
  height:auto!important; max-height:none!important;
  overflow:visible!important; position:static!important;
  margin:0!important; padding:0!important; border:0!important;
  box-shadow:none!important; background:none!important;
  -webkit-mask-image:none!important; mask-image:none!important;
  color:#ebdef5!important; font-size:clamp(12.6px,.98vw,14px)!important;
  line-height:1.53!important;
}
.hero .about-summary::before,.hero .about-summary::after{display:none!important;content:none!important;}
.hero .about-summary .about-paragraph{
  display:block; position:static; margin:0 0 12px!important;
  padding:0!important; background:none!important; white-space:normal!important;
  overflow:visible!important; max-height:none!important;
  text-overflow:clip!important; overflow-wrap:break-word;
  color:inherit!important; line-height:inherit!important; font-size:inherit!important;
}
.hero .about-summary .about-paragraph:last-child{margin-bottom:0!important;}
.hero .bio-expand.bio-expand-always{
  display:inline-flex!important; flex:0 0 auto!important;
  margin:16px 0 0!important; padding:10px 0 0!important;
  border:0!important; border-top:1px solid rgba(203,157,245,.23)!important;
  color:#e1baff!important; background:none!important;
  font-size:12px!important; font-weight:900!important; align-self:flex-start!important;
}
/* W widoku laptopowym pokazujemy 3 pełne akapity. Na większym — 4. */
@media(min-width:900px){
  .hero .hero-panels{height:auto!important;min-height:clamp(330px,45svh,425px)!important;}
  .hero .hero-panels .bio-panel,.hero .feature-card{
    height:auto!important;min-height:100%!important;max-height:none!important;
  }
}
@media(min-width:900px) and (max-height:790px){
  .hero .about-summary .about-paragraph:nth-child(n+4){display:none!important;}
  .hero .hero-panels{min-height:clamp(310px,45svh,365px)!important;}
}
@media(max-width:899px){
  .hero .hero-panels{height:auto!important;min-height:0!important;}
  .hero .about-summary .about-paragraph:nth-child(n+4){display:none!important;}
}
@media(max-width:540px){
  .hero .about-summary .about-paragraph:nth-child(n+3){display:none!important;}
  .hero .about-summary{font-size:13px!important;line-height:1.53!important;}
  .hero .hero-panels .bio-panel{padding:20px 19px!important;}
}
/* Facebooki mają osobne karty pod Discordem i Harmonogramem. */
.tile-facebook{background:linear-gradient(124deg,#1c345c,#102039 58%,#0b1527)!important;border-color:rgba(111,165,255,.42)!important;}
.tile-facebook-group{background:linear-gradient(124deg,#212750,#171d39 60%,#0d1423)!important;border-color:rgba(132,144,249,.37)!important;}