/*
Theme Name: Ask La Gaffe — Creative Compass Academy v2 Alpha DEF
Theme URI: https://notyouagain.ai/
Author: NotYouAgain Studio x ChatGPT
Author URI: https://notyouagain.ai/
Description: A magical, login-friendly Ask La Gaffe creative education operating system: 22 profession studios, one Dean, AI Compass Cards, open tutorial feeds, software basics and personal learning inboxes.
Version: 2.2.0-alpha-def-mascot-logo
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ask-la-gaffe-creative-compass-academy
Tags: custom-background, custom-logo, featured-images, full-width-template, portfolio, education, media-training
*/
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');


:root{--font-hero:"Fredoka",system-ui,sans-serif;--font-wet:"Baloo 2",system-ui,sans-serif;--font-ui:"Nunito",system-ui,sans-serif;--bg:#050507;--panel:#0d0d12;--ink:#f7f7f2;--muted:#b9b3c5;--violet:#7b2cff;--line:rgba(255,255,255,.13);--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.45);--nav-h:104px;--font-hero:"Baloo 2",Impact,system-ui,sans-serif;--font-wet:"Fredoka",Impact,system-ui,sans-serif;--font-marker:"Fredoka","Baloo 2",cursive;--font-comic:"Baloo 2",Impact,system-ui,sans-serif;--font-ui:"Barlow Condensed","Archivo Narrow",Arial,sans-serif;--font-body:"Archivo",Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#241141 0,#050507 34%,#030304 100%);color:var(--ink);font-family:var(--font-body);line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1480px,calc(100% - 44px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;border:0;pointer-events:none}.nav-float{height:var(--nav-h);display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr) auto;gap:18px;align-items:center;width:min(1540px,calc(100% - 34px));margin:0 auto;pointer-events:none}.brand,.menu-slider,.join{pointer-events:auto}.brand{font-weight:1000;letter-spacing:-.04em;font-size:clamp(26px,3vw,50px);line-height:.78;text-shadow:0 6px 28px #000,0 0 22px rgba(123,44,255,.3);filter:drop-shadow(0 10px 22px #000)}.brand em{display:block;color:var(--violet);font-style:normal;font-size:.55em;letter-spacing:.04em}.menu-slider{position:relative;min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px}.menu-slider:before{content:"";position:absolute;inset:17px 40px;border-radius:22px;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.34),rgba(0,0,0,.14));backdrop-filter:blur(8px);opacity:.55}.menu-track{position:relative;z-index:2;display:flex;gap:18px;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px 6px}.menu-track::-webkit-scrollbar{display:none}.menu-track a{flex:0 0 auto;scroll-snap-align:center;text-transform:uppercase;font-size:clamp(26px,3vw,50px);line-height:.82;font-weight:1000;letter-spacing:-.04em;color:#fff;text-shadow:0 7px 28px #000,0 0 20px rgba(123,44,255,.55);opacity:.9;padding:4px 12px 8px;border-radius:16px}.menu-track a:hover,.menu-track .current-menu-item>a{color:var(--violet);opacity:1;background:rgba(0,0,0,.22)}.menu-arrow{position:relative;z-index:3;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.2);color:#fff;font-size:42px;line-height:42px;font-weight:900;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.menu-arrow:hover{background:var(--violet)}.join{justify-self:end;background:rgba(123,44,255,.82);padding:13px 20px;border-radius:14px;font-weight:1000;box-shadow:0 0 30px rgba(123,44,255,.45),0 10px 26px rgba(0,0,0,.35);backdrop-filter:blur(8px);text-transform:uppercase}.admin-bar .site-header{top:32px}
.hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);margin-top:0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050507 0%,rgba(5,5,7,.72) 26%,rgba(5,5,7,.1) 55%,#050507 100%),var(--hero) center/cover no-repeat;filter:saturate(1.08)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:130px;background:linear-gradient(transparent,#050507)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:calc(var(--nav-h) + 36px) 0 60px}.eyebrow{display:inline-block;background:#141016;border:1px solid var(--line);padding:7px 10px;border-radius:7px;text-transform:uppercase;font-weight:1000;letter-spacing:.15em;font-size:12px}.hero h1{font-size:clamp(58px,8vw,132px);line-height:.82;margin:20px 0 10px;text-transform:uppercase;letter-spacing:-.07em;text-shadow:0 10px 50px #000}.hero h1 span{display:block;color:var(--violet);font-family:Impact,Inter,sans-serif;font-style:italic;letter-spacing:-.04em}.hero p{max-width:540px;font-size:20px;color:#eee}.btn{display:inline-flex;gap:14px;align-items:center;border-radius:13px;background:var(--violet);padding:16px 24px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 20px 40px rgba(123,44,255,.25)}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.hero-card{justify-self:end;background:rgba(0,0,0,.46);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:28px;max-width:420px}.hero-card h2{font-size:clamp(42px,5vw,76px);line-height:.86;margin:10px 0;text-transform:uppercase}.hero-card h2 span{display:block;color:var(--violet);font-style:italic}.world-strip{position:relative;z-index:3;margin-top:-58px}.strip-card{background:rgba(8,8,11,.9);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.world-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:14px}.world-tile{position:relative;min-height:120px;border-radius:16px;overflow:hidden;background:#111;border:1px solid var(--line);display:flex;align-items:end;justify-content:center;padding:10px;text-align:center}.world-tile:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:.82}.world-tile img{position:absolute;width:94px;top:2px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));transition:.25s}.world-tile:hover img{transform:translateX(-50%) translateY(-8px) rotate(-4deg)}.world-tile b{position:relative;z-index:2;font-size:12px;text-transform:uppercase;text-shadow:0 2px 8px #000}.section{padding:54px 0}.section h2{margin:0 0 22px;font-size:clamp(28px,4vw,58px);line-height:.9;text-transform:uppercase;letter-spacing:-.04em}.mag-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:22px}.panel{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panel-pad{padding:24px}.feature-card{min-height:320px;position:relative;display:flex;align-items:end;background:var(--bgimg) center/cover no-repeat}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050507,rgba(0,0,0,.15))}.feature-card>*{position:relative}.poster-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.poster-row img,.article-list img{border-radius:14px;aspect-ratio:3/2;object-fit:cover}.roster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.roster .mini{background:#111;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px}.mini img{width:72px;height:72px;object-fit:contain}.article-list{display:grid;gap:14px}.article{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.article h3{margin:0;font-size:16px}.article p,.muted{color:var(--muted)}.lore{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;text-align:center;background:rgba(255,255,255,.04)}.stat b{font-size:42px;display:block;color:#fff}.site-footer{border-top:1px solid var(--line);padding:32px 0;background:#030304;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.drip{position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 5% 20%,rgba(123,44,255,.35),transparent 8%),radial-gradient(circle at 92% 12%,rgba(123,44,255,.28),transparent 7%);mix-blend-mode:screen}@media(max-width:1050px){:root{--nav-h:92px}.nav-float{grid-template-columns:auto minmax(0,1fr);gap:10px}.join{display:none}.hero-inner,.mag-grid,.lore{grid-template-columns:1fr}.hero-card{justify-self:start}.world-grid{grid-template-columns:repeat(5,1fr)}.hero{min-height:760px}.menu-track a{font-size:clamp(24px,4vw,46px)}}@media(max-width:680px){:root{--nav-h:84px}.wrap{width:min(100% - 24px,1480px)}.nav-float{width:calc(100% - 18px);grid-template-columns:1fr}.brand{position:absolute;top:14px;left:12px;font-size:26px}.menu-slider{margin-top:50px;grid-template-columns:44px minmax(0,1fr) 44px}.menu-arrow{width:44px;height:44px;font-size:34px}.menu-track{padding:10px 0}.menu-track a{font-size:26px}.world-grid{grid-template-columns:repeat(2,1fr)}.poster-row,.roster,.stats{grid-template-columns:1fr}.article{grid-template-columns:88px 1fr}.hero h1{font-size:56px}.hero p{font-size:16px}.footer-inner{display:block}}/* WP basics */.entry{max-width:880px;margin:0 auto 60px;padding:calc(var(--nav-h) + 54px) 22px 0}.entry h1{font-size:clamp(40px,6vw,80px);line-height:.9}.entry-content{font-size:19px}.wp-block-image img{border-radius:18px}.comments-area{max-width:880px;margin:40px auto;padding:22px;border-top:1px solid var(--line)}


/* v1.3 — refined floating menu: smaller, inline, no chunky blocks */
:root{--nav-h:82px}
.nav-float{height:var(--nav-h);grid-template-columns:minmax(140px,260px) minmax(0,1fr) auto;align-items:start;padding-top:18px}
.brand{font-size:clamp(22px,2.25vw,34px);line-height:.84;max-width:260px}
.menu-slider{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin-top:2px}
.menu-slider:before{display:none}
.menu-track,
.menu-track ul{position:relative;z-index:2;display:flex;flex-flow:row nowrap;align-items:center;gap:26px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px 4px;margin:0;list-style:none;white-space:nowrap}
.menu-track::-webkit-scrollbar,
.menu-track ul::-webkit-scrollbar{display:none}
.menu-track li{flex:0 0 auto;display:block;margin:0;padding:0;list-style:none;white-space:nowrap}
.menu-track a,
.menu-track li a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;scroll-snap-align:center;text-transform:uppercase;font-size:clamp(14px,1.45vw,22px);line-height:1;font-weight:1000;letter-spacing:.02em;color:#fff;text-shadow:0 5px 18px #000,0 0 12px rgba(123,44,255,.45);opacity:.95;padding:7px 0;border-radius:0;background:transparent!important;box-shadow:none!important;border:0!important}
.menu-track a:hover,
.menu-track .current-menu-item>a,
.menu-track li.current-menu-item>a{color:var(--violet);opacity:1;background:transparent!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
.menu-arrow{width:42px;height:42px;line-height:36px;font-size:34px;background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.16)}
.join{font-size:14px;padding:10px 15px;border-radius:12px;margin-top:2px}
.hero-inner{padding-top:calc(var(--nav-h) + 44px)}
@media(max-width:1050px){:root{--nav-h:76px}.nav-float{grid-template-columns:minmax(130px,220px) minmax(0,1fr);padding-top:16px}.brand{font-size:clamp(20px,3vw,30px)}.menu-track,.menu-track ul{gap:22px;padding:7px 2px}.menu-track a,.menu-track li a{font-size:clamp(13px,2vw,20px);letter-spacing:.015em}.menu-arrow{width:40px;height:40px;font-size:32px}.hero-inner{padding-top:calc(var(--nav-h) + 36px)}}
@media(max-width:680px){:root{--nav-h:92px}.nav-float{width:calc(100% - 18px);grid-template-columns:1fr;padding-top:10px}.brand{position:relative;top:auto;left:auto;font-size:24px;max-width:180px}.menu-slider{margin-top:4px;grid-template-columns:38px minmax(0,1fr) 38px}.menu-arrow{width:38px;height:38px;font-size:30px}.menu-track,.menu-track ul{gap:18px;padding:5px 2px}.menu-track a,.menu-track li a{font-size:15px;line-height:1;letter-spacing:.02em;padding:6px 0}.hero-inner{padding-top:calc(var(--nav-h) + 28px)}}


/* v1.5 — category panel uses poster-image tiles */
.world-grid{grid-template-columns:repeat(10,minmax(110px,1fr));gap:14px}
.world-tile.world-tile--poster{position:relative;min-height:150px;border-radius:18px;overflow:hidden;background-color:#111;background-image:var(--poster);background-position:center center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.12);display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;isolation:isolate;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.world-tile.world-tile--poster:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.76) 100%);opacity:1}
.world-tile__overlay{position:absolute;inset:auto auto 0 0;width:100%;height:4px;background:var(--accent);z-index:2;box-shadow:0 0 18px var(--accent)}
.world-tile__label{position:relative;z-index:2;display:block;width:100%;font-size:12px;line-height:1.05;font-weight:1000;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 10px rgba(0,0,0,.95)}
.world-tile.world-tile--poster:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);box-shadow:0 24px 44px rgba(0,0,0,.38)}
.world-tile.world-tile--poster:hover:before{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.72) 100%)}
@media(max-width:1050px){.world-grid{grid-template-columns:repeat(5,minmax(110px,1fr))}.world-tile.world-tile--poster{min-height:138px}}
@media(max-width:680px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-tile.world-tile--poster{min-height:164px;padding:12px}.world-tile__label{font-size:11px}}


/* v1.8 — plugin category pages + poster fallbacks */
.category-world-page{background:#050507;color:var(--ink)}
.category-hero{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}
.category-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050507 0%,rgba(5,5,7,.72) 35%,rgba(5,5,7,.14) 67%,#050507 100%),var(--category-hero) center/cover no-repeat;filter:saturate(1.05)}
.category-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#050507)}
.category-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:end;padding:calc(var(--nav-h) + 72px) 0 72px}
.category-hero__copy h1{font-size:clamp(44px,7vw,104px);line-height:.84;margin:18px 0 16px;text-transform:uppercase;letter-spacing:-.065em;max-width:980px;text-shadow:0 12px 50px #000}
.category-hero__copy h1:after{content:"";display:block;width:min(360px,48vw);height:8px;margin-top:18px;border-radius:999px;background:var(--world-accent);box-shadow:0 0 28px var(--world-accent)}
.category-hero__copy p,.category-description{max-width:760px;font-size:clamp(18px,2.2vw,26px);color:#eee;text-shadow:0 8px 30px #000}
.category-hero__badge{justify-self:end;width:230px;background:rgba(0,0,0,.48);border:1px solid var(--line);border-radius:24px;padding:18px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.category-hero__badge img{width:150px;height:150px;object-fit:cover;border-radius:18px;display:block;margin:0 auto 10px;box-shadow:0 18px 30px rgba(0,0,0,.38);filter:none}
.category-hero__badge b,.category-hero__badge span{display:block;text-transform:uppercase;font-weight:1000}.category-hero__badge b{color:var(--world-accent)}
.category-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.category-section-head h2{margin:0}.category-section-head h2 span{color:var(--world-accent)}
.category-card-grid,.archive-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-card-grid{margin-top:24px}
.category-post-card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.category-post-card__image{display:block;aspect-ratio:3/2;background:#111;overflow:hidden}.category-post-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.category-post-card:hover .category-post-card__image img{transform:scale(1.045)}
.category-post-card__body{padding:20px}.category-post-card__body h3,.category-post-card__body h2{font-size:clamp(22px,2.6vw,34px);line-height:.95;margin:12px 0;text-transform:uppercase;letter-spacing:-.035em}.category-post-card__body p{color:var(--muted)}.read-more{font-weight:1000;text-transform:uppercase;color:#fff;text-decoration:underline;text-decoration-color:var(--world-accent);text-decoration-thickness:3px;text-underline-offset:6px}
.single-hero-image{margin:24px 0;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.single-hero-image img{display:block;width:100%;height:auto}.single-world-kicker{display:inline-block;margin:0 0 18px;padding:8px 12px;border-radius:10px;background:var(--world-accent);color:#050507;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1050px){.category-hero__inner{grid-template-columns:1fr}.category-hero__badge{justify-self:start}.category-card-grid,.archive-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-section-head{display:block}}
@media(max-width:680px){.category-hero{min-height:520px}.category-hero__inner{padding:calc(var(--nav-h) + 50px) 0 44px}.category-hero__badge{width:180px}.category-hero__badge img{width:115px;height:115px}.category-card-grid,.archive-card-grid{grid-template-columns:1fr}.category-hero__copy h1{font-size:42px}.category-hero__copy p,.category-description{font-size:17px}}


/* v1.9 — iOS-first responsive pass + full wallpaper wall */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
.nav-float{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
.section-tight{padding-top:28px;padding-bottom:28px}
.home-top-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;align-items:stretch}
.home-top-grid .feature-card{min-height:380px}
.section-head-inline{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}
.section-head-inline h2{margin-bottom:0}
.poster-wall-panel{overflow:visible}
.poster-wall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.poster-wall-card{position:relative;display:block;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#0d0d12;box-shadow:var(--shadow);min-height:0;transform:translateZ(0)}
.poster-wall-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .28s ease}
.poster-wall-card:before{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82));z-index:1}
.poster-wall-card:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--accent);z-index:2;box-shadow:0 0 18px var(--accent)}
.poster-wall-card__meta{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:grid;gap:4px;text-shadow:0 3px 10px rgba(0,0,0,.95)}
.poster-wall-card__meta b,.poster-wall-card__meta strong{display:block;text-transform:uppercase}
.poster-wall-card__meta b{font-size:11px;letter-spacing:.08em;color:#fff;opacity:.88}
.poster-wall-card__meta strong{font-size:18px;line-height:.92;letter-spacing:-.04em}
.poster-wall-card:hover img{transform:scale(1.035)}
.roster{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.category-card-grid,.archive-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.category-post-card__image img,.single-hero-image img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
@media(max-width:1180px){.home-top-grid{grid-template-columns:1fr}.home-top-grid .feature-card{min-height:340px}.poster-wall-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}
@media(max-width:820px){.section-head-inline{display:block}.section-head-inline p{margin-top:8px}.poster-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.poster-wall-card img{aspect-ratio:4/5}.article{grid-template-columns:96px 1fr}.hero{min-height:680px}.hero-inner{gap:24px}}
@media(max-width:680px){.section-tight{padding-top:22px;padding-bottom:22px}.home-top-grid{gap:18px}.poster-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster-wall-card{border-radius:16px}.poster-wall-card__meta{left:10px;right:10px;bottom:10px}.poster-wall-card__meta strong{font-size:15px}.poster-wall-card__meta b{font-size:10px}.category-card-grid,.archive-card-grid{grid-template-columns:1fr}.roster{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-width:1024px){.poster-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* v2.0 — Actual World hero: purple La Gaffe becomes the main website picture */
.hero--actual{min-height:760px;background:#050507}
.hero--actual:before{background:linear-gradient(90deg,#050507 0%,rgba(5,5,7,.86) 22%,rgba(5,5,7,.34) 48%,rgba(5,5,7,.08) 69%,#050507 100%),var(--hero) center/cover no-repeat;filter:saturate(1.15) contrast(1.05)}
.hero--actual .hero-inner{grid-template-columns:minmax(0,.95fr) minmax(280px,.55fr);align-items:end}
.hero--actual h1 span{color:#a86bff;text-shadow:0 0 28px rgba(123,44,255,.55)}
.hero--actual .btn{background:linear-gradient(135deg,#7b2cff,#a76dff);box-shadow:0 0 34px rgba(123,44,255,.42),0 20px 44px rgba(0,0,0,.35)}
.hero-card--actual{border-color:rgba(168,107,255,.45);background:linear-gradient(180deg,rgba(20,7,35,.66),rgba(0,0,0,.52));box-shadow:0 0 44px rgba(123,44,255,.22),var(--shadow)}
.world-strip .strip-card>strong{display:block;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;color:#fff}.world-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.world-tile.world-tile--poster:first-child{border-color:#a86bff;box-shadow:0 0 0 2px rgba(168,107,255,.55),0 0 28px rgba(123,44,255,.45),0 20px 40px rgba(0,0,0,.5)}
.world-tile.world-tile--poster:first-child .world-tile__overlay{height:6px;background:#a86bff;box-shadow:0 0 26px #a86bff}.feature-card{background-position:center center}.poster-wall-grid .poster-wall-card:first-child{border-color:#a86bff;box-shadow:0 0 0 2px rgba(168,107,255,.42),var(--shadow)}.mini:first-child{border-color:#a86bff!important;box-shadow:0 0 26px rgba(123,44,255,.22)}
@media(max-width:820px){.hero--actual{min-height:720px}.hero--actual:before{background:linear-gradient(180deg,rgba(5,5,7,.28) 0%,rgba(5,5,7,.72) 48%,#050507 100%),var(--hero) 58% center/cover no-repeat}.hero--actual .hero-inner{grid-template-columns:1fr;align-items:end}.hero-card--actual{max-width:100%}}


/* v2.0.2 — Google Fonts integration: cute purple academy hero + robust constructed UI */
body{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em}
.brand,.hero h1,.category-hero__copy h1,.section h2,.hero-card h2,.entry h1{font-family:var(--font-hero);font-weight:400;letter-spacing:-.035em;text-transform:uppercase}
.brand em,.hero h1 span,.hero-card h2 span,.eyebrow,.single-world-kicker{font-family:var(--font-marker);font-weight:400;letter-spacing:.025em;text-transform:uppercase}
.menu-track a,.join,.btn,.world-tile__label,.world-tile b,.poster-wall-card__meta,.category-hero__badge b,.category-hero__badge span,.category-section-head h2,.category-post-card__body h2,.category-post-card__body h3,.read-more,.stat,.footer-inner strong{font-family:var(--font-ui);font-weight:900;letter-spacing:.015em}
.hero-card--actual h2,.poster-wall-grid .poster-wall-card:first-child .poster-wall-card__meta strong,.roster .mini:first-child b{font-family:var(--font-wet);font-weight:400;letter-spacing:.01em}
.article h3,.entry h2,.entry h3{font-family:var(--font-ui);font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
p,.entry-content,.category-description,.article p,.muted{font-family:var(--font-body);font-weight:600}
.hero p,.category-hero__copy p,.category-description{font-weight:800;line-height:1.34}
.btn{font-size:18px;line-height:1;letter-spacing:.06em}.eyebrow{font-size:14px;line-height:1.05}.menu-track a{letter-spacing:.01em}.brand{text-shadow:0 8px 30px #000,0 0 24px rgba(123,44,255,.55)}
.hero h1,.category-hero__copy h1{text-shadow:0 12px 55px #000,0 0 22px rgba(123,44,255,.42)}
@media(max-width:680px){.btn{font-size:16px}.eyebrow{font-size:12px}.hero h1{letter-spacing:-.02em}}


/* v2.0.3 — portrait/iPad cleanup: keep landscape unchanged, simplify the vertical hero so the poster stays visible */
.hero-copy{max-width:640px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
@media (orientation:portrait) and (max-width:1100px){
  :root{--nav-h:74px}
  .nav-float{width:calc(100% - 18px);grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:8px;align-items:start}
  .join{display:none}
  .brand{font-size:clamp(22px,4vw,32px);line-height:.82}
  .menu-slider{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}
  .menu-slider:before{inset:10px 30px;border-radius:18px}
  .menu-track{padding:10px 0}
  .menu-track a{font-size:clamp(18px,2.8vw,28px);padding:2px 8px 6px;line-height:.88}
  .menu-arrow{width:40px;height:40px;font-size:30px;line-height:30px}

  .hero--actual{min-height:100svh}
  .hero--actual:before{background:linear-gradient(180deg,rgba(5,5,7,.14) 0%,rgba(5,5,7,.20) 20%,rgba(5,5,7,.48) 48%,rgba(5,5,7,.84) 76%,#050507 100%),var(--hero) center 18%/cover no-repeat;filter:saturate(1.08) contrast(1.02)}
  .hero--actual .hero-inner{grid-template-columns:1fr;align-items:end;gap:0;padding:calc(var(--nav-h) + 12px) 0 24px}
  .hero--actual .hero-copy{max-width:100%;padding-top:12px}
  .hero--actual .eyebrow{margin-bottom:6px}
  .hero--actual h1{font-size:clamp(44px,9.2vw,82px);line-height:.84;max-width:7.8ch;margin:10px 0 14px}
  .hero--actual h1 span{display:block;margin-top:6px;font-size:.8em;line-height:.9}
  .hero--actual p{max-width:24ch;font-size:clamp(17px,2.5vw,22px);line-height:1.28;margin:0 0 14px}
  .hero-actions{gap:10px;margin-top:12px}
  .hero-actions .btn{padding:14px 18px;font-size:15px}
  .hero-card--actual{display:none}

  .world-strip{margin-top:-10px}
  .strip-card{padding:14px}
}
@media (orientation:portrait) and (max-width:680px){
  .hero--actual{min-height:92svh}
  .hero--actual:before{background:linear-gradient(180deg,rgba(5,5,7,.10) 0%,rgba(5,5,7,.18) 18%,rgba(5,5,7,.42) 42%,rgba(5,5,7,.84) 74%,#050507 100%),var(--hero) 58% 12%/cover no-repeat}
  .hero--actual h1{font-size:clamp(40px,11vw,64px);max-width:8.2ch}
  .hero--actual p{max-width:100%;font-size:16px}
  .hero-actions{display:grid;grid-template-columns:1fr;max-width:340px}
  .hero-actions .btn{justify-content:center}
}

/* v2.0.4 — use the new purple icon and rebalance the 11 world/category tiles so there are no awkward holes */
.world-grid{grid-auto-flow:dense}
.world-tile{aspect-ratio:1/1;min-height:132px}
.roster{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:stretch}
.roster .mini{height:100%}
@media (orientation:portrait) and (max-width:1100px){
  .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .world-grid .world-tile:first-child{grid-column:1/-1;aspect-ratio:2.05/1;min-height:164px}
}
@media (min-width:821px){
  .world-grid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}
}


/* v2.0.5 — wallpaper links + vanilla JS lightbox */
.poster-wall-card{cursor:zoom-in}
.category-post-card__image{cursor:zoom-in}
.single-hero-image{display:block;cursor:zoom-in}
.lgu-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);padding:clamp(14px,3vw,38px)}
.lgu-lightbox.is-open{display:flex}
.lgu-lightbox__frame{position:relative;max-width:min(1500px,96vw);max-height:92svh;width:auto;height:auto}
.lgu-lightbox__img{display:block;max-width:96vw;max-height:86svh;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 44px rgba(123,44,255,.32);border:1px solid rgba(255,255,255,.16);object-fit:contain;background:#050507}
.lgu-lightbox__caption{margin-top:10px;color:#fff;font-family:var(--font-ui);font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 4px 18px #000}
.lgu-lightbox__close,.lgu-lightbox__prev,.lgu-lightbox__next{position:absolute;border:1px solid rgba(255,255,255,.22);background:rgba(8,8,12,.72);color:#fff;border-radius:999px;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.lgu-lightbox__close{top:18px;right:18px;width:48px;height:48px;font-size:32px;line-height:1}
.lgu-lightbox__prev,.lgu-lightbox__next{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:46px;line-height:1}
.lgu-lightbox__prev{left:18px}.lgu-lightbox__next{right:18px}
.lgu-lightbox__close:hover,.lgu-lightbox__prev:hover,.lgu-lightbox__next:hover{background:var(--violet)}
@media(max-width:680px){
  .lgu-lightbox{padding:10px}
  .lgu-lightbox__img{max-width:94vw;max-height:80svh;border-radius:12px}
  .lgu-lightbox__close{top:10px;right:10px;width:44px;height:44px}
  .lgu-lightbox__prev,.lgu-lightbox__next{width:42px;height:42px;font-size:36px}
  .lgu-lightbox__prev{left:8px}.lgu-lightbox__next{right:8px}
}


/* v2.0.6 — Explore Extras + Wallpaper Wall are now horizontal sliders */
.slider-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.slider-head>strong{display:block;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.slider-controls{display:flex;gap:10px;flex:0 0 auto}
.slider-arrow{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.slider-arrow:hover{background:var(--violet);border-color:rgba(255,255,255,.28)}
.lgu-slider__viewport{overflow:hidden;margin-inline:-2px;padding:2px}
.lgu-slider__track{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.lgu-slider__track::-webkit-scrollbar{display:none}
.world-slider .world-grid,.wallpaper-slider .poster-wall-grid{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2px 4px 18px}
.world-slider .world-tile{flex:0 0 clamp(126px,12vw,178px);min-height:132px;aspect-ratio:1/1;scroll-snap-align:start;grid-column:auto!important}
.world-slider .world-tile:first-child{flex-basis:clamp(170px,18vw,240px);aspect-ratio:1/1!important;min-height:132px!important}
.wallpaper-slider .poster-wall-card{flex:0 0 clamp(230px,26vw,420px);scroll-snap-align:start}
.wallpaper-slider .poster-wall-card img{aspect-ratio:16/10}
@media (orientation:portrait) and (max-width:1100px){
  .world-slider .world-grid,.wallpaper-slider .poster-wall-grid{gap:12px;padding-bottom:16px}
  .world-slider .world-tile{flex-basis:clamp(132px,32vw,210px)}
  .world-slider .world-tile:first-child{flex-basis:clamp(190px,46vw,320px)}
  .wallpaper-slider .poster-wall-card{flex-basis:clamp(250px,58vw,460px)}
  .wallpaper-slider .poster-wall-card img{aspect-ratio:4/5}
}
@media(max-width:680px){
  .slider-head{align-items:flex-end;gap:12px}
  .slider-arrow{width:40px;height:40px;font-size:32px}
  .world-slider .world-tile{flex-basis:42vw}
  .world-slider .world-tile:first-child{flex-basis:62vw}
  .wallpaper-slider .poster-wall-card{flex-basis:76vw}
}


/* v2.0.7 — Character Roster slider + uniform cards */
.roster-panel{min-width:0}
.slider-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.slider-head h2{margin:0}
.slider-controls{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.slider-btn{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.36)}
.slider-btn:hover{background:var(--violet);border-color:rgba(255,255,255,.34)}
.roster-slider{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin}
.roster-slider::-webkit-scrollbar{height:8px}
.roster-slider::-webkit-scrollbar-thumb{background:rgba(123,44,255,.72);border-radius:999px}
.roster-slide{flex:0 0 clamp(190px,22vw,250px);scroll-snap-align:start;min-height:230px;display:flex!important;flex-direction:column;align-items:center!important;justify-content:space-between;text-align:center;padding:16px!important}
.roster-slide img{width:132px!important;height:132px!important;object-fit:contain;flex:0 0 132px;display:block;margin:0 auto 12px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.46))}
.roster-slide>div{display:grid;gap:4px;align-content:start;min-height:58px;width:100%}
.roster-slide b{display:block;font-size:18px;line-height:1;text-transform:uppercase}
.roster-slide p{margin:0;font-size:14px;line-height:1.15;text-transform:uppercase}
@media(max-width:820px){
  .roster-slide{flex-basis:clamp(170px,42vw,230px);min-height:220px}
  .roster-slide img{width:120px!important;height:120px!important;flex-basis:120px}
}
@media(max-width:520px){
  .slider-btn{width:40px;height:40px;font-size:30px}
  .roster-slide{flex-basis:78vw;min-height:218px}
}


/* v2.0.8 — fixed Actual World icon transparency */


/* v2.1.1 — homepage Featured Options slider + richer article/category landing styles */
.featured-slider-panel{min-width:0;padding:18px;background:linear-gradient(180deg,rgba(20,7,35,.82),rgba(5,5,7,.92));border-color:rgba(168,107,255,.34)}
.featured-slider-head{margin-bottom:14px}
.featured-slider-head p{margin:.2rem 0 0}
.featured-slider-viewport{overflow:hidden;border-radius:22px}
.featured-slider-track{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 18px;scrollbar-width:none}
.featured-slider-track::-webkit-scrollbar{display:none}
.feature-slide{flex:0 0 min(100%,760px);min-height:420px;scroll-snap-align:start;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:var(--bgimg) center/cover no-repeat;box-shadow:0 22px 70px rgba(0,0,0,.44);isolation:isolate}
.feature-slide:before{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 43%,rgba(0,0,0,.14) 100%),linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.06) 60%)}
.feature-slide:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 31%),linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%);mix-blend-mode:screen;opacity:.75;z-index:0}
.feature-slide>*{z-index:1}
.feature-slide__content{max-width:560px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.feature-slide .eyebrow{width:max-content;background:rgba(0,0,0,.58);border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18))}
.feature-slide h2{font-size:clamp(38px,4.4vw,76px);line-height:.9;margin:0;text-transform:uppercase;letter-spacing:-.045em;text-shadow:0 12px 42px #000;color:#fff}
.feature-slide p{font-size:clamp(17px,1.35vw,22px);line-height:1.22;max-width:50ch;color:#f2eef9;text-shadow:0 4px 20px #000}
.feature-slide .btn{width:max-content;background:linear-gradient(135deg,var(--accent),#fff);color:#09070d;text-shadow:none}
.feature-slide--sticky{flex-basis:min(100%,860px)}
.feature-slide--sticky:before{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 46%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,#050507 0%,rgba(0,0,0,.04) 68%)}
.latest-lessons-panel{min-width:0}
.latest-lessons-panel .article img{width:110px;height:74px;object-fit:cover}
.entry.single-entry,.entry.archive-entry{max-width:1180px}
.single-entry article,.page-entry article{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:28px;padding:clamp(18px,3vw,36px);box-shadow:var(--shadow);overflow:hidden}
.single-entry article:before,.page-entry article:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:radial-gradient(circle at 16% 0,rgba(123,44,255,.38),transparent 36%);pointer-events:none}
.single-entry article>* , .page-entry article>*{position:relative}
.single-hero-image{margin:22px -12px 28px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 60px rgba(0,0,0,.42)}
.single-hero-image img{width:100%;display:block;aspect-ratio:21/9;object-fit:cover}
.single-world-kicker{display:inline-flex;padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--world-accent) 22%,#111);border:1px solid color-mix(in srgb,var(--world-accent) 55%,rgba(255,255,255,.18));color:#fff;margin:0 0 18px;text-transform:uppercase}
.entry-content{background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:clamp(18px,2.5vw,34px)}
.entry-content p{font-size:clamp(18px,1.5vw,22px);line-height:1.55}
.entry-content a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:#d7c4ff}
.entry-content h2,.entry-content h3{font-family:var(--font-hero);line-height:.95;text-transform:uppercase}
.archive-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
.archive-entry>h1{margin-top:0}
.category-world-page .category-articles{padding-top:36px}
.category-post-card{transition:transform .2s ease,border-color .2s ease}
.category-post-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--world-accent, var(--violet)) 50%,rgba(255,255,255,.18))}
@media(max-width:1050px){
  .home-top-grid{grid-template-columns:1fr}
  .feature-slide{flex-basis:88vw;min-height:390px}
  .archive-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .featured-slider-panel{padding:12px;border-radius:20px}
  .featured-slider-head{display:flex;align-items:flex-end}
  .featured-slider-head p{display:none}
  .feature-slide{flex-basis:86vw;min-height:420px;background-position:center top}
  .feature-slide__content{justify-content:flex-end;padding:18px!important}
  .feature-slide h2{font-size:clamp(32px,11vw,52px)}
  .feature-slide p{font-size:16px}
  .feature-slide .btn{width:100%;justify-content:center}
  .archive-card-grid{grid-template-columns:1fr}
  .single-hero-image img{aspect-ratio:4/5}
  .entry-content{padding:18px}
}


/* v2.1.2 — default collectible pre-order landing page */
.collectibles-page{background:radial-gradient(circle at 20% 0,rgba(123,44,255,.24),transparent 32%),#050507}
.collectibles-hero{position:relative;min-height:72svh;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}
.collectibles-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.64) 42%,rgba(5,5,7,.18) 100%),var(--collectibles-hero) center/cover no-repeat;filter:saturate(1.08) contrast(1.02)}
.collectibles-hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#050507)}
.collectibles-hero__inner{position:relative;z-index:2;padding:calc(var(--nav-h) + 72px) 0 72px}
.collectibles-hero__copy{max-width:820px}
.collectibles-hero h1{font-family:var(--font-hero);font-size:clamp(54px,8vw,128px);line-height:.82;letter-spacing:-.04em;text-transform:uppercase;margin:18px 0;text-shadow:0 18px 70px #000}
.collectibles-hero h1 span{display:block;color:#a86bff;font-family:var(--font-marker);font-size:.74em;line-height:.92;text-shadow:0 0 28px rgba(123,44,255,.55)}
.collectibles-hero p{font-size:clamp(19px,2.1vw,30px);line-height:1.2;max-width:760px;color:#fff;text-shadow:0 8px 34px #000;font-weight:900}
.collectibles-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px}
.collectibles-intro h2,.collectibles-order-card h2,.collectibles-terms h2{font-family:var(--font-hero);font-size:clamp(34px,4.8vw,72px);line-height:.9;text-transform:uppercase;margin:10px 0 18px}
.collectibles-intro p{font-size:clamp(18px,1.5vw,22px);line-height:1.4}
.collectibles-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.collectibles-order-card{background:linear-gradient(180deg,rgba(123,44,255,.24),rgba(255,255,255,.035))}
.collectibles-order-card ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.collectibles-order-card li{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;background:rgba(0,0,0,.28);text-transform:uppercase;font-weight:1000}
.collectibles-order-card li b{font-size:28px;color:#fff}
.collectibles-faculty-slider{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-color:rgba(168,107,255,.25)}
.collectibles-faculty-track{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px}
.collectibles-faculty-card{flex:0 0 clamp(260px,28vw,430px);scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.16));border-radius:22px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#101014),#09090d);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.collectibles-faculty-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}
.collectibles-faculty-card div{padding:18px}
.collectibles-faculty-card h3{font-family:var(--font-hero);font-size:clamp(24px,2.4vw,38px);line-height:.9;margin:12px 0;text-transform:uppercase}
.collectibles-faculty-card p{color:#eee;font-weight:800;line-height:1.25}
.collectibles-terms .entry-content{margin-top:18px}
@media(max-width:900px){
  .collectibles-grid{grid-template-columns:1fr}
  .collectibles-hero{min-height:78svh}
}
@media(max-width:680px){
  .collectibles-hero:before{background:linear-gradient(180deg,rgba(5,5,7,.18) 0%,rgba(5,5,7,.54) 42%,#050507 100%),var(--collectibles-hero) center top/cover no-repeat}
  .collectibles-hero__inner{padding:calc(var(--nav-h) + 36px) 0 34px}
  .collectibles-hero h1{font-size:clamp(42px,12vw,64px)}
  .collectibles-hero p{font-size:17px}
  .collectibles-cta-row{display:grid}
  .collectibles-cta-row .btn{justify-content:center}
  .collectibles-faculty-card{flex-basis:82vw}
}


/* v2.1.3 — dean links: main parent category + email contact */
.hero-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.hero-card-actions .btn{padding:13px 16px;font-size:14px}
@media(max-width:680px){
  .hero-card-actions{display:grid}
  .hero-card-actions .btn{justify-content:center}
}


/* v2.1.4 — Featured Options is now a real one-card autoplay carousel */
.featured-slider-panel{overflow:hidden}
.featured-slider-viewport{
  overflow:hidden!important;
  width:100%;
  border-radius:22px;
}
.featured-slider-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch;
  width:100%;
  padding:0!important;
}
.featured-slider-track > .feature-slide{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  margin:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always;
  display:flex!important;
  align-items:flex-end!important;
}
.featured-slider-track > .feature-slide:not(:first-child){
  margin-left:0!important;
}
.featured-slider-panel .slider-controls:after{
  content:"AUTO";
  display:inline-grid;
  place-items:center;
  min-width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(123,44,255,.20);
  color:#fff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
}
.featured-slider-panel:hover .slider-controls:after{content:"PAUSE"}
@media(max-width:680px){
  .featured-slider-panel .slider-controls:after{display:none}
  .featured-slider-track > .feature-slide{min-height:430px}
}


/* v2.1.5 — subtle auto menu slider + functional UI motion */
.menu-slider{overflow:visible}
.menu-slider-progress{position:absolute;left:50px;right:50px;bottom:2px;height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;z-index:4;opacity:.78}
.menu-slider-progress i{display:block;width:18%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--violet),#fff,var(--violet),transparent);transform:translateX(-120%);animation:lguMenuPulse 4.2s linear infinite}
@keyframes lguMenuPulse{to{transform:translateX(620%)}}
.menu-slider.is-paused .menu-slider-progress i{animation-play-state:paused;opacity:.35}
.menu-slider.is-moving .menu-arrow{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 24px rgba(123,44,255,.55)}
.menu-track a,.menu-track li a{position:relative;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}
.menu-track a:after,.menu-track li a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:999px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.menu-track a:hover,.menu-track li a:hover{transform:translateY(-2px);text-shadow:0 8px 24px #000,0 0 26px rgba(123,44,255,.8)}
.menu-track a:hover:after,.menu-track li a:hover:after,.menu-track .current-menu-item>a:after,.menu-track li.current-menu-item>a:after{transform:scaleX(1)}
.lgu-motion-reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(6px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease;transition-delay:var(--lgu-delay,0ms)}
.lgu-motion-reveal.is-visible{opacity:1;transform:none;filter:none}
.world-tile,.poster-wall-card,.category-post-card,.collectibles-faculty-card,.roster-slide,.article,.feature-slide{will-change:transform}
.lgu-tilt{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease}
.lgu-tilt:hover{box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.13)}
.world-tile:hover,.poster-wall-card:hover,.collectibles-faculty-card:hover{transform:translateY(-5px) rotate(var(--lgu-rotate,0deg))}
.feature-slide .btn,.btn,.slider-arrow,.menu-arrow{transition:transform .18s ease,filter .18s ease,background .18s ease}
.feature-slide .btn:hover,.btn:hover,.slider-arrow:hover,.menu-arrow:hover{transform:translateY(-2px) scale(1.025);filter:saturate(1.15)}
.feature-slide:after{animation:lguAuroraDrift 8s ease-in-out infinite alternate}
@keyframes lguAuroraDrift{0%{opacity:.50;transform:translate3d(-1.5%,0,0) scale(1)}100%{opacity:.82;transform:translate3d(1.5%,-1%,0) scale(1.025)}}
.category-post-card__image img,.article img,.poster-wall-card img,.collectibles-faculty-card img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.category-post-card:hover .category-post-card__image img,.article:hover img,.poster-wall-card:hover img,.collectibles-faculty-card:hover img{transform:scale(1.045);filter:saturate(1.12) contrast(1.05)}
.lgu-slider{position:relative}
.lgu-slider:before{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:linear-gradient(90deg,transparent,var(--violet),transparent);opacity:.32;pointer-events:none}
.featured-slider-panel:before,.collectibles-faculty-slider:before{opacity:.55}
@media(max-width:680px){
  .menu-slider-progress{left:42px;right:42px;bottom:-2px}
  .menu-slider-progress i{width:28%}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .lgu-motion-reveal{opacity:1!important;transform:none!important;filter:none!important}
  .menu-slider-progress{display:none!important}
}


/* v2.1.7 — WordPress login/register account block */
.account-panel{background:linear-gradient(180deg,rgba(123,44,255,.20),rgba(255,255,255,.035));border-color:rgba(168,107,255,.32)}
.account-panel h2{margin-top:12px}
.account-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.account-actions--inline{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.collectibles-cta-row .account-actions{margin:0}
.account-actions .btn{min-width:150px;justify-content:center}
@media(max-width:680px){
  .account-actions,.account-actions--inline{display:grid}
  .account-actions .btn{width:100%}
}


/* v2.1.8 — spacing and alignment pass */
:root{--space-card:clamp(18px,2.2vw,34px);--space-section:clamp(42px,5vw,72px)}
.section{padding:var(--space-section) 0}
.section-tight{padding:clamp(34px,4vw,56px) 0}
.panel-pad{padding:var(--space-card)!important}
.panel{position:relative}
.panel>*:first-child{margin-top:0}
.panel>*:last-child{margin-bottom:0}
.wrap.panel,.wrap.strip-card,.wrap.collectibles-faculty-slider{padding:var(--space-card)!important}
.home-top-grid,.lore,.collectibles-grid{gap:clamp(18px,2.2vw,30px);align-items:stretch}
.slider-head{padding-inline:2px;margin-bottom:clamp(14px,1.8vw,24px)}
.slider-head h2,.slider-head strong{margin-top:0}
.slider-head p{margin-bottom:0}
.featured-slider-panel{padding:var(--space-card)!important}
.featured-slider-viewport{margin-top:4px}
.feature-slide__content{padding:clamp(22px,3vw,42px)!important}
.article-list{gap:clamp(14px,1.6vw,22px)}
.article{padding:12px 0 16px;gap:clamp(12px,1.4vw,18px)}
.article:first-child{padding-top:0}
.article:last-child{border-bottom:0;padding-bottom:0}
.article img{display:block}
.category-post-card__body{padding:clamp(18px,2vw,28px)!important}
.category-section-head{margin-bottom:clamp(18px,2vw,28px)}
.category-card-grid,.archive-card-grid{gap:clamp(18px,2vw,30px)}
.roster-slide{padding:clamp(16px,1.8vw,24px)!important}
.stats{gap:clamp(10px,1.3vw,18px)}
.stat{padding:clamp(16px,2vw,28px)}
.account-panel{display:grid;gap:14px;align-items:start}
.account-panel h2{margin:0}
.account-actions{margin-top:4px}
.collectibles-intro,.collectibles-order-card,.collectibles-terms{padding:var(--space-card)!important}
.collectibles-order-card ul{margin-top:10px}
.collectibles-faculty-card div{padding:clamp(18px,2vw,28px)}
.entry.single-entry,.entry.archive-entry,.entry.page-entry{padding-inline:clamp(14px,3vw,34px)}
.entry-content{padding:clamp(20px,2.4vw,34px)!important}
.site-footer{padding:18px 0;background:#030304;border-top:1px solid rgba(255,255,255,.10)}
.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.footer-inner strong{color:#fff}
.footer-inner span{color:var(--muted)}
@media(max-width:900px){
  .footer-inner{justify-content:flex-start;flex-wrap:wrap}
  .home-top-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .wrap{width:min(100% - 22px,1480px)}
  .section{padding:38px 0}
  .panel-pad,.wrap.panel,.wrap.strip-card,.featured-slider-panel,.wrap.collectibles-faculty-slider{padding:18px!important}
  .feature-slide__content{padding:20px!important}
  .slider-head{gap:12px}
  .article{grid-template-columns:86px 1fr}
  .footer-inner{display:grid;gap:6px;font-size:12px}
}


/* v3.0 — Ask La Gaffe Creative Media Academy purple integration */
:root{--purple:#7b2cff;--purple-2:#a86bff;--purple-3:#d5b8ff;--pink:#ff82d2;--cream:#fff7ff;}
body{background:radial-gradient(circle at 70% 20%,rgba(168,107,255,.22),transparent 34%),linear-gradient(180deg,#12001f,#050507 42%,#090012);}
.site-header .brand{background:url('assets/images/ask-la-gaffe-logo.webp') left center/contain no-repeat;color:transparent;min-width:293px;height:54px;display:block;overflow:hidden;}
.site-header .brand em,.site-header .brand .brand-text{display:none}.join,.btn{border-radius:999px}.btn{background:linear-gradient(135deg,var(--pink),var(--purple-2));}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);}
.hero--actual{min-height:min(860px,100svh);background:#130022;}
.hero--actual:before{background:linear-gradient(90deg,#12001f 0%,rgba(18,0,31,.92) 28%,rgba(18,0,31,.50) 52%,rgba(18,0,31,.15) 74%,#12001f 100%),var(--hero) center/cover no-repeat;filter:saturate(1.18) contrast(1.04);}
.hero--actual h1 span,.hero-copy h1 span{color:var(--pink);text-shadow:0 0 30px rgba(255,130,210,.45)}
.hero-card--actual,.panel{border-color:rgba(168,107,255,.28);background:linear-gradient(180deg,rgba(92,29,151,.20),rgba(15,0,24,.70));box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 60px rgba(123,44,255,.13);backdrop-filter:blur(12px)}
.world-tile.world-tile--poster,.poster-wall-card,.category-post-card,.mini{border-color:rgba(213,184,255,.28);background-color:#1a0830}.world-tile__label{font-size:11px}.world-tile.world-tile--poster:after,.poster-wall-card:after{background:linear-gradient(90deg,var(--pink),var(--accent),var(--purple-2));}
.category-hero:before{background:linear-gradient(90deg,#12001f 0%,rgba(18,0,31,.78) 35%,rgba(18,0,31,.18) 68%,#12001f 100%),var(--category-hero) center/cover no-repeat;}
.widget{padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.academy-widget-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}.site-footer{background:#08000f;border-top:1px solid rgba(168,107,255,.2)}
@media(max-width:720px){.site-header .brand{min-width:188px;height:38px}.hero--actual{min-height:760px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-tile__label{font-size:10px}}

.world-tile.world-tile--poster{background-image:var(--poster)!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}


/* Ask La Gaffe v3.1 — child-friendly Creative Media Academy typography
   Fredoka: big friendly headings
   Baloo 2: playful studio labels/buttons
   Nunito: readable body/UI copy
*/
body,
button,
input,
select,
textarea {
  font-family: var(--font-ui) !important;
}

h1, h2, h3, h4, h5, h6,
.hero h1,
.hero-card h2,
.section h2,
.category-hero__copy h1,
.poster-wall-panel h2,
.roster-panel h2,
.account-panel h2 {
  font-family: var(--font-hero) !important;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.eyebrow,
.btn,
.menu-track a,
.join,
.world-tile__label,
.world-tile b,
.poster-wall-card__meta,
.category-hero__badge,
.category-post-card__body h2,
.category-post-card__body h3,
.read-more,
.stat,
.footer-inner strong,
.slider-head strong,
.roster-slide b,
.roster-slide p {
  font-family: var(--font-wet) !important;
  font-weight: 800;
  letter-spacing: .015em;
}

p,
.muted,
.article p,
.entry-content,
.category-hero__copy p,
.feature-slide__content p {
  font-family: var(--font-ui) !important;
  font-weight: 700;
}


/* Ask La Gaffe v3.1.1 — fonts + bright readable text only */
:root{
  --font-hero:"Fredoka",system-ui,sans-serif;
  --font-wet:"Baloo 2",system-ui,sans-serif;
  --font-marker:"Baloo 2",system-ui,sans-serif;
  --font-ui:"Nunito",system-ui,sans-serif;
  --font-body:"Nunito",system-ui,sans-serif;
  --pink-soft:#ffb0ea;
  --text-bright:#fff8ff;
  --text-soft:#f3eaff;
}

body,button,input,select,textarea,.entry-content,.article p,.muted,.category-hero__copy p,.feature-slide__content p{
  font-family:var(--font-body)!important;
  color:var(--text-soft);
}

.brand,.hero h1,.category-hero__copy h1,.section h2,.hero-card h2,.entry h1,.collectibles-hero h1,.feature-slide h2,.category-post-card__body h2,.category-post-card__body h3,.article h3{
  font-family:var(--font-hero)!important;
  color:var(--text-bright)!important;
}

.hero h1 span,.hero-card h2 span,.hero-copy h1 span,.hero--actual h1 span,.collectibles-hero h1 span,.section h2 span,.category-section-head h2 span{
  font-family:var(--font-wet)!important;
  color:var(--pink-soft)!important;
}

.eyebrow,.single-world-kicker,.menu-track a,.join,.btn,.world-tile__label,.world-tile b,.poster-wall-card__meta,.category-hero__badge b,.category-hero__badge span,.read-more,.stat,.footer-inner strong,.slider-head strong,.roster-slide b,.roster-slide p,.slider-arrow,.slider-btn,.menu-arrow{
  font-family:var(--font-wet)!important;
}

.eyebrow{
  color:var(--text-bright)!important;
  background:rgba(32,15,46,.72)!important;
  border-color:rgba(255,176,234,.28)!important;
}

.btn,.join{
  color:var(--text-bright)!important;
}

.btn.ghost{
  color:var(--text-bright)!important;
}

.hero h1,.category-hero__copy h1,.hero-card h2,.entry h1,.collectibles-hero h1{
  text-shadow:0 10px 42px rgba(0,0,0,.62),0 0 22px rgba(123,44,255,.22)!important;
}

.hero p,.category-hero__copy p,.feature-slide p,.collectibles-hero p{
  color:var(--text-soft)!important;
}

.menu-track a,.slider-head>strong,.footer-inner strong,.world-tile__label,.poster-wall-card__meta,.read-more,.stat,.article h3{
  color:var(--text-bright)!important;
}

.feature-slide .btn{
  color:#22052c!important;
}

@media(max-width:980px){.site-header .brand{min-width:240px;height:45px}}


/* v23 Dean + AI cheat cards + software manual */
.lgu-guidance-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr);gap:clamp(1rem,3vw,2rem);align-items:center;margin-block:1.25rem}.lgu-guidance-hero img{width:100%;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);object-fit:cover;max-height:520px}.lgu-guidance-hero h1{font-size:clamp(2.2rem,7vw,5rem);line-height:.9;margin:.1em 0}.lgu-card-profession{margin-block:1.25rem;border-color:color-mix(in srgb,var(--accent),#fff 25%)}.lgu-card-profession__head{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.lgu-card-profession__head img{width:80px;height:80px;border-radius:22px;object-fit:cover;background:#190929}.lgu-cheat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.lgu-cheat-card{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:1rem;min-height:250px;box-shadow:0 20px 55px rgba(0,0,0,.18)}.lgu-cheat-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:999px;background:var(--accent,#b169ff);color:#fff;font-weight:900}.lgu-cheat-card b{display:block;margin-top:.8rem;color:#f6d5ff;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.lgu-cheat-card h3{font-size:1.35rem;margin:.25rem 0}.lgu-cheat-card p{font-size:.98rem}.lgu-cheat-card em{display:block;margin-top:.75rem;color:#f8dfff}.lgu-manual{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.lgu-manual-page{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:1rem;break-inside:avoid}.lgu-manual-page span{color:#f2c6ff;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lgu-manual-page h2{font-size:1.45rem}.lgu-manual-page ul{padding-left:1.1rem}.guidance-actions{margin-top:1rem;flex-wrap:wrap}@media(max-width:780px){.lgu-guidance-hero{grid-template-columns:1fr}.lgu-card-profession__head{align-items:flex-start}.lgu-guidance-hero img{max-height:none}}


/* === Creative Compass Academy v2 Alpha DEF additions === */
:root{--cca-purple:#21102f;--cca-violet:#8e4cff;--cca-pink:#ff77d7;--cca-gold:#ffc85a;--cca-ink:#110817;--cca-paper:#fff8ff;--cca-glass:rgba(38,14,60,.72)}
.hero--compass{min-height:86vh;background:radial-gradient(circle at 25% 20%,rgba(255,119,215,.26),transparent 30%),radial-gradient(circle at 75% 10%,rgba(142,76,255,.32),transparent 28%),linear-gradient(135deg,#1b0928,#32124c 55%,#150819);position:relative;overflow:hidden;display:flex;align-items:center}
.hero--compass:before{content:"";position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center;opacity:.28;filter:saturate(1.2) contrast(1.08)}
.hero--compass .wrap{position:relative;z-index:2}.compass-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(20px,4vw,54px);align-items:center}.compass-copy{max-width:880px}.compass-copy h1{font-size:clamp(48px,8vw,112px);line-height:.88;margin:.1em 0 .2em;letter-spacing:-.07em}.compass-copy h1 span{display:block;color:#fff;text-shadow:0 0 30px rgba(255,119,215,.5)}.compass-copy p{font-size:clamp(18px,2vw,25px);line-height:1.42;max-width:820px}.compass-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.dean-card{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.35);border-radius:34px;padding:18px;backdrop-filter:blur(16px)}.dean-card img{width:100%;border-radius:26px;display:block}.dean-card h2{font-size:clamp(26px,3vw,44px);margin:16px 0 8px}.dean-card p{color:rgba(255,255,255,.8)}.cca-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.cca-pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-weight:800}.cca-section{padding:clamp(44px,7vw,88px) 0}.cca-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cca-path-card{position:relative;min-height:330px;border-radius:28px;overflow:hidden;background:#251039;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14)}.cca-path-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(1.05)}.cca-path-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(15,5,24,.94))}.cca-path-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.cca-path-card b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--cca-gold)}.cca-path-card h3{font-size:24px;margin:5px 0}.cca-path-card p{font-size:14px;color:rgba(255,255,255,.82)}.cca-os-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cca-os-card,.cca-form-card,.cca-inbox-card,.cca-compass-card{border-radius:28px;padding:clamp(20px,3vw,34px);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.22)}.cca-form-grid{display:grid;gap:12px}.cca-form-grid label{font-weight:900}.cca-form-grid input,.cca-form-grid select,.cca-form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.92);color:#23132f;border-radius:16px;padding:12px 14px;font-size:16px}.cca-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.cca-check{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px}.cca-check input{width:auto}.cca-notice{border-left:4px solid var(--cca-gold);background:rgba(255,200,90,.12);padding:12px 14px;border-radius:12px;margin:12px 0}.cca-inbox-list{display:grid;gap:12px}.cca-inbox-item{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.08);border-radius:18px;padding:10px;text-decoration:none;color:inherit}.cca-inbox-item img{width:110px;height:80px;object-fit:cover;border-radius:14px}.cca-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cca-compass-card span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--cca-gold);font-weight:900}.cca-compass-card h3{margin:.35em 0}.site-footer:after{content:"© NotYouAgain Studio. ChatGPT co-production concept support. Creative Compass Academy v2 Alpha DEF.";display:block;padding:14px;text-align:center;color:rgba(255,255,255,.62);font-size:13px}.cca-account-mini{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cca-account-mini a{border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);text-decoration:none;font-weight:900}.cca-account-mini .solid{background:#fff;color:#2d1040}@media(max-width:1000px){.compass-hero-grid,.cca-os-grid{grid-template-columns:1fr}.cca-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dean-card{max-width:520px}}@media(max-width:640px){.cca-grid,.cca-check-grid,.cca-deck{grid-template-columns:1fr}.cca-path-card{min-height:280px}.cca-inbox-item{grid-template-columns:82px 1fr}.cca-inbox-item img{width:82px;height:64px}}


/* === v2 Alpha DEF Dean Stage + Header Cleanup ===
   Purpose: remove beta-feeling header/hero collision, stop the storyteller-monster hero background,
   and make the Grey Old Alien Dean the clear centre-stage guide of the academy. */
:root{--nav-h:86px;--cca-header-bg:rgba(12,0,22,.82);--cca-header-line:rgba(255,255,255,.14)}
body{padding-top:0!important;background:#090012!important}.site-header{position:sticky!important;top:0!important;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(10,0,18,.94),rgba(16,0,28,.82))!important;border-bottom:1px solid var(--cca-header-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 32px rgba(142,76,255,.18)!important;backdrop-filter:blur(18px)!important;pointer-events:auto!important}.admin-bar .site-header{top:32px!important}.nav-float{height:var(--nav-h)!important;width:min(1480px,calc(100% - 28px))!important;display:grid!important;grid-template-columns:minmax(210px,300px) minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;pointer-events:auto!important}.site-header .brand{background:none!important;color:#fff!important;min-width:0!important;height:auto!important;display:grid!important;overflow:visible!important;text-decoration:none!important;line-height:.86!important;text-shadow:0 8px 25px rgba(0,0,0,.65),0 0 22px rgba(142,76,255,.35)!important}.site-header .brand .brand-text{display:block!important;font-family:var(--font-hero)!important;font-size:clamp(24px,2.4vw,38px)!important;font-weight:900!important;letter-spacing:-.05em!important;text-transform:none!important}.site-header .brand em{display:block!important;color:#ffb0ea!important;font-family:var(--font-wet)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-top:3px!important}.site-header .brand:before{content:"";width:42px;height:42px;float:left;margin-right:10px;background:url('assets/images/ask-la-gaffe-logo.webp') left center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(255,119,215,.32));position:absolute;transform:translateX(-52px);display:none}.menu-slider{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:10px!important;min-width:0!important}.menu-slider:before{inset:15px 38px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:inset 0 0 22px rgba(142,76,255,.12)!important;opacity:1!important}.menu-arrow{width:42px!important;height:42px!important;font-size:31px!important;line-height:31px!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important}.menu-track{gap:10px!important;padding:14px 6px!important}.menu-track a,.menu-track li a{font-size:clamp(14px,1.25vw,18px)!important;line-height:1!important;letter-spacing:.04em!important;padding:8px 12px!important;border-radius:999px!important;text-shadow:none!important;white-space:nowrap!important;background:transparent!important}.menu-track a:hover,.menu-track .current-menu-item>a{background:rgba(255,119,215,.15)!important;color:#fff!important}.join{font-size:13px!important;padding:10px 14px!important;white-space:nowrap!important;text-shadow:none!important}

.hero--compass{min-height:calc(100svh - var(--nav-h))!important;padding:clamp(38px,5vw,76px) 0 clamp(52px,6vw,88px)!important;align-items:center!important;background:radial-gradient(circle at 72% 25%,rgba(255,119,215,.28),transparent 32%),radial-gradient(circle at 42% 12%,rgba(142,76,255,.35),transparent 30%),linear-gradient(135deg,#14001f 0%,#2a0d40 46%,#110016 100%)!important}.hero--compass:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(9,0,18,.82),rgba(26,5,45,.42) 42%,rgba(9,0,18,.72)),radial-gradient(circle at 70% 35%,rgba(255,255,255,.07),transparent 24%)!important;opacity:1!important;filter:none!important}.hero--compass:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#090012);pointer-events:none}.compass-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(340px,1.05fr)!important;gap:clamp(28px,5vw,80px)!important;align-items:center!important}.compass-copy{max-width:760px!important;position:relative;z-index:3}.compass-copy h1{font-size:clamp(54px,7vw,110px)!important;line-height:.84!important;margin:.05em 0 .16em!important;text-shadow:0 18px 65px rgba(0,0,0,.66),0 0 28px rgba(142,76,255,.36)!important}.compass-copy h1 span{color:#ffdbfb!important}.compass-copy p{font-size:clamp(18px,1.8vw,24px)!important;max-width:720px!important;color:#fff6ff!important}.compass-copy .eyebrow{display:inline-flex!important;margin-bottom:14px!important;position:relative!important;z-index:2!important}.cca-pills{margin-top:18px!important}.compass-actions{margin-top:22px!important}.dean-card{position:relative!important;isolation:isolate!important;padding:clamp(14px,2vw,22px)!important;border-radius:42px!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 38px 120px rgba(0,0,0,.48),0 0 120px rgba(142,76,255,.26)!important;backdrop-filter:blur(18px)!important;max-width:620px!important;justify-self:center!important}.dean-card:before{content:"";position:absolute;inset:-18px;border-radius:52px;background:radial-gradient(circle at 50% 36%,rgba(255,119,215,.36),transparent 44%),radial-gradient(circle at 50% 60%,rgba(142,76,255,.28),transparent 52%);z-index:-1;filter:blur(3px)}.dean-card:after{content:"Career Compass Dean";position:absolute;top:22px;left:22px;z-index:3;padding:8px 13px;border-radius:999px;background:rgba(10,0,20,.62);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-wet);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.dean-card img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center 42%!important;border-radius:32px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 20px 55px rgba(0,0,0,.42)!important}.dean-card h2{font-size:clamp(28px,3.4vw,50px)!important;line-height:.92!important;margin:18px 4px 8px!important}.dean-card p{margin-inline:4px!important;font-size:clamp(16px,1.4vw,19px)!important;color:#f4eaff!important}.dean-card .cca-account-mini{margin:14px 4px 2px!important}

@media(max-width:980px){:root{--nav-h:82px}.nav-float{grid-template-columns:190px minmax(0,1fr)!important;gap:12px!important}.join{display:none!important}.site-header .brand .brand-text{font-size:25px!important}.site-header .brand em{font-size:10px!important}.menu-track a,.menu-track li a{font-size:15px!important}.hero--compass{min-height:auto!important;padding:34px 0 62px!important}.compass-hero-grid{grid-template-columns:1fr!important}.dean-card{order:-1;max-width:min(560px,100%)!important}.compass-copy{text-align:left!important}.compass-copy h1{font-size:clamp(46px,9vw,78px)!important;max-width:10ch}.compass-copy p{font-size:18px!important}.cca-pills{gap:7px}.cca-pill{font-size:14px;padding:7px 10px}}
@media(max-width:640px){:root{--nav-h:74px}.nav-float{width:min(100% - 18px,1480px)!important;grid-template-columns:150px minmax(0,1fr)!important}.site-header .brand .brand-text{font-size:20px!important}.site-header .brand em{font-size:8px!important}.menu-slider{grid-template-columns:34px minmax(0,1fr) 34px!important}.menu-arrow{width:34px!important;height:34px!important;font-size:25px!important}.menu-track{gap:7px!important;padding:11px 4px!important}.menu-track a,.menu-track li a{font-size:13px!important;padding:7px 8px!important}.hero--compass{padding-top:24px!important}.dean-card{border-radius:30px!important}.dean-card img{border-radius:22px!important}.dean-card:after{top:16px;left:16px;font-size:11px}.compass-copy h1{font-size:44px!important}.compass-actions{display:grid;grid-template-columns:1fr;max-width:360px}.compass-actions .btn{text-align:center;justify-content:center}}


/* === Ask La Gaffe v2 Alpha DEF — five-slide hero integration === */
:root{--adlg-gold:#f8d98a;--adlg-pink:#ffb4f2;--adlg-violet:#8f4cff;--adlg-deep:#08000f;--adlg-ink:#13001f;}
.adlg-hero-slider{position:relative;min-height:calc(100svh - var(--nav-h));overflow:hidden;background:#090012;color:#fff;isolation:isolate;border-bottom:1px solid rgba(248,217,138,.16)}
.adlg-slides{position:absolute;inset:0;z-index:0}.adlg-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity 1200ms ease,transform 3500ms ease;pointer-events:none}.adlg-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.adlg-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.03);transform:scale(1.02)}
.adlg-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,0,15,.96) 0%,rgba(17,0,28,.88) 24%,rgba(36,0,58,.48) 53%,rgba(8,0,15,.18) 100%),radial-gradient(circle at 82% 42%,rgba(255,180,242,.10),transparent 34%),radial-gradient(circle at 34% 16%,rgba(143,76,255,.22),transparent 36%)}
.adlg-slide-inner{position:relative;z-index:2;min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;padding:clamp(70px,8vw,120px) 0 clamp(150px,12vw,190px)}
.adlg-slide-copy{max-width:min(760px,57vw);animation:adlgFloatIn 900ms ease both}.adlg-slide.is-active .adlg-slide-copy{animation:adlgFloatIn 900ms ease both}.adlg-slide-copy .eyebrow{border-color:rgba(248,217,138,.35)!important;color:#fff!important;background:rgba(17,0,28,.62)!important;box-shadow:0 0 34px rgba(143,76,255,.22)!important}.adlg-slide-copy h1{font-family:var(--font-hero)!important;font-size:clamp(52px,7.5vw,122px)!important;line-height:.82!important;letter-spacing:-.06em!important;margin:.12em 0 .18em!important;color:#fff7ff!important;text-shadow:0 20px 80px rgba(0,0,0,.74),0 0 32px rgba(143,76,255,.38)!important}.adlg-slide-copy h1 span{display:block;color:#ffd9fb!important}.adlg-slide-copy h2{font-family:var(--font-wet)!important;font-size:clamp(25px,3.3vw,56px)!important;line-height:.95!important;margin:.1em 0 .32em!important;color:var(--adlg-gold)!important;text-shadow:0 10px 38px rgba(0,0,0,.62)}.adlg-slide-copy p{font-size:clamp(17px,1.6vw,24px)!important;line-height:1.38!important;max-width:680px;color:#fff2ff!important;font-weight:800!important;text-shadow:0 8px 25px rgba(0,0,0,.55)}
.adlg-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.adlg-actions .btn{box-shadow:0 18px 50px rgba(143,76,255,.26),inset 0 0 0 1px rgba(255,255,255,.16)!important}.adlg-actions .btn.ghost{background:rgba(255,255,255,.075)!important;border-color:rgba(248,217,138,.26)!important;color:#fff!important}
.adlg-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:58px;height:58px;border-radius:999px;border:1px solid rgba(248,217,138,.44);background:rgba(30,5,47,.62);color:#fff;font-family:var(--font-wet);font-size:44px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 0 38px rgba(143,76,255,.32),inset 0 0 18px rgba(255,255,255,.06);backdrop-filter:blur(14px);cursor:pointer}.adlg-hero-arrow:hover{background:rgba(143,76,255,.42);border-color:rgba(255,255,255,.58)}.adlg-prev{left:clamp(14px,2vw,34px)}.adlg-next{right:clamp(14px,2vw,34px)}
.adlg-dots{position:absolute;z-index:9;left:50%;bottom:118px;transform:translateX(-50%);display:flex;gap:11px;padding:9px 12px;border-radius:999px;background:rgba(16,0,26,.42);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.adlg-dots button{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.18);cursor:pointer;box-shadow:none;padding:0}.adlg-dots button.is-active{width:34px;background:linear-gradient(90deg,var(--adlg-gold),var(--adlg-pink));border-color:rgba(255,255,255,.8);box-shadow:0 0 22px rgba(255,180,242,.58)}
.adlg-feature-rail{position:absolute;z-index:7;left:50%;bottom:24px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid rgba(248,217,138,.28);border-radius:30px;background:linear-gradient(180deg,rgba(42,10,61,.74),rgba(20,0,31,.74));box-shadow:0 24px 90px rgba(0,0,0,.44),0 0 48px rgba(143,76,255,.22);backdrop-filter:blur(18px);overflow:hidden}.adlg-feature-rail a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:78px;padding:14px 22px;text-decoration:none;color:#fff!important;border-right:1px solid rgba(248,217,138,.16);font-family:var(--font-wet);font-weight:900}.adlg-feature-rail a:last-child{border-right:0}.adlg-feature-rail span{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(248,217,138,.42);color:var(--adlg-gold);background:rgba(255,255,255,.05);font-size:20px}.adlg-feature-rail b{font-size:clamp(13px,1.2vw,18px);line-height:1.05}.adlg-feature-rail a:hover{background:rgba(255,180,242,.08)}
@keyframes adlgFloatIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.adlg-slide-shade{background:linear-gradient(90deg,rgba(8,0,15,.95),rgba(17,0,28,.76) 52%,rgba(8,0,15,.26)),linear-gradient(0deg,rgba(8,0,15,.75),transparent 48%)}.adlg-slide-copy{max-width:min(720px,68vw)}.adlg-feature-rail{grid-template-columns:repeat(5,max-content);max-width:calc(100% - 24px);overflow-x:auto;justify-content:start}.adlg-feature-rail a{min-width:210px}.adlg-hero-arrow{width:48px;height:48px;font-size:36px}.adlg-dots{bottom:114px}}
@media(max-width:760px){.adlg-hero-slider{min-height:auto}.adlg-slide-inner{min-height:calc(100svh - var(--nav-h));align-items:end;padding:170px 0 172px}.adlg-slide img{object-position:67% center}.adlg-slide-shade{background:linear-gradient(180deg,rgba(8,0,15,.18) 0%,rgba(8,0,15,.62) 36%,rgba(8,0,15,.98) 82%),linear-gradient(90deg,rgba(8,0,15,.74),rgba(8,0,15,.08))}.adlg-slide-copy{max-width:100%}.adlg-slide-copy h1{font-size:clamp(42px,13vw,70px)!important;max-width:9.5ch}.adlg-slide-copy h2{font-size:clamp(24px,7vw,38px)!important}.adlg-slide-copy p{font-size:17px!important;max-width:560px}.adlg-actions{display:grid;grid-template-columns:1fr;max-width:360px}.adlg-actions .btn{justify-content:center}.adlg-hero-arrow{top:auto;bottom:95px;transform:none;width:42px;height:42px;font-size:32px}.adlg-prev{left:14px}.adlg-next{right:14px}.adlg-dots{bottom:98px}.adlg-feature-rail{bottom:12px;border-radius:22px}.adlg-feature-rail a{min-height:62px;min-width:190px;padding:10px 16px}.adlg-feature-rail span{width:34px;height:34px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.adlg-slide,.adlg-slide-copy{transition:none!important;animation:none!important}}

/* v2.0.3 — Dean visual cards for Academy OS, Compass Cards, and Alpha DEF principles */
.cca-system-section{padding-top:clamp(54px,7vw,96px);padding-bottom:clamp(40px,6vw,82px)}
.cca-os-grid--visual{align-items:stretch;gap:clamp(18px,2.2vw,28px)}
.cca-os-card--image{position:relative;overflow:hidden;min-height:clamp(420px,42vw,620px);display:flex;align-items:center;border-color:rgba(255,208,236,.28);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035) inset;background:#16051f}
.cca-os-card--image:before{content:"";position:absolute;inset:0;background:var(--panel-bg) center/cover no-repeat;opacity:.94;transform:scale(1.01);filter:saturate(1.08) contrast(1.05)}
.cca-os-card--image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,0,14,.90) 0%,rgba(22,4,33,.68) 38%,rgba(22,4,33,.22) 72%,rgba(9,0,14,.50) 100%),radial-gradient(circle at 12% 10%,rgba(255,176,234,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));pointer-events:none}
.cca-os-card--image .cca-os-card__copy{position:relative;z-index:2;width:min(520px,76%);padding:clamp(18px,2.4vw,34px);border-radius:28px;background:linear-gradient(90deg,rgba(12,0,19,.44),rgba(12,0,19,.08));backdrop-filter:blur(3px)}
.cca-os-card--image h2{font-size:clamp(34px,4vw,58px);line-height:.92;margin:.2em 0 .38em;text-shadow:0 12px 40px rgba(0,0,0,.82),0 0 24px rgba(255,176,234,.18)}
.cca-os-card--image p{max-width:560px;font-size:clamp(16px,1.35vw,21px);line-height:1.35;color:#fff4ff!important;text-shadow:0 4px 18px rgba(0,0,0,.72)}
.cca-os-card--image .btn{margin-top:10px;box-shadow:0 18px 42px rgba(143,76,255,.38),0 0 24px rgba(255,119,215,.22)}
.cca-os-card--image:hover:before{transform:scale(1.035);transition:transform .65s ease}
.cca-os-card--compass:after{background:linear-gradient(90deg,rgba(9,0,14,.88) 0%,rgba(22,4,33,.62) 44%,rgba(22,4,33,.25) 100%),radial-gradient(circle at 78% 18%,rgba(255,176,234,.16),transparent 34%)}
.cca-alpha-principles{position:relative;overflow:hidden;border-color:rgba(255,208,236,.20);box-shadow:0 24px 70px rgba(0,0,0,.32);min-height:280px;background:#16051f!important}
.cca-alpha-principles:before{content:"";position:absolute;inset:0;background:var(--principles-bg) center/cover no-repeat;opacity:.28;filter:saturate(1.05) contrast(1.02);transform:scale(1.04)}
.cca-alpha-principles:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,0,19,.96) 0%,rgba(12,0,19,.82) 50%,rgba(12,0,19,.58) 100%),radial-gradient(circle at 15% 20%,rgba(255,119,215,.16),transparent 40%);pointer-events:none}
.cca-alpha-principles__inner{position:relative;z-index:2}.cca-alpha-principles .stats{margin:22px 0}.cca-alpha-principles .stat{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 0 24px rgba(255,255,255,.035)}.cca-alpha-principles .stat b{font-size:clamp(36px,4.2vw,62px);text-shadow:0 12px 38px rgba(0,0,0,.65)}
@media(max-width:980px){.cca-os-grid--visual{grid-template-columns:1fr}.cca-os-card--image{min-height:520px}.cca-os-card--image .cca-os-card__copy{width:min(620px,88%)}}
@media(max-width:620px){.cca-os-card--image{min-height:560px;align-items:flex-end}.cca-os-card--image:after{background:linear-gradient(180deg,rgba(9,0,14,.10) 0%,rgba(9,0,14,.68) 48%,rgba(9,0,14,.96) 100%)}.cca-os-card--image .cca-os-card__copy{width:100%;padding:18px;background:rgba(12,0,19,.28)}.cca-os-card--image h2{font-size:36px}.cca-os-card--image p{font-size:16px}.cca-alpha-principles .stats{grid-template-columns:1fr 1fr}.cca-alpha-principles .stat:last-child{grid-column:1/-1}}


/* === v2.0.4 — Hero copy position fix for iPad/landscape ===
   Keeps the hero text block directly under the header and keeps CTA buttons clear of the bottom feature rail. */
.adlg-slide-inner{
  align-items:start !important;
  padding-top:clamp(24px,4svh,54px) !important;
  padding-bottom:clamp(140px,16svh,190px) !important;
}
.adlg-slide-copy{
  margin-top:0 !important;
  transform:none;
}
.adlg-slide-copy h1{
  max-width:10.8ch;
}
.adlg-actions{
  position:relative;
  z-index:11;
  margin-top:clamp(14px,2svh,22px) !important;
}
.adlg-feature-rail{
  z-index:10;
}
@media (orientation:landscape) and (max-height:850px){
  .adlg-slide-inner{
    padding-top:clamp(18px,3svh,34px) !important;
    padding-bottom:118px !important;
  }
  .adlg-slide-copy{
    max-width:min(720px,58vw) !important;
  }
  .adlg-slide-copy .eyebrow{
    font-size:13px !important;
    padding:7px 13px !important;
    margin-bottom:10px !important;
  }
  .adlg-slide-copy h1{
    font-size:clamp(48px,6.6vw,88px) !important;
    line-height:.84 !important;
    margin:.08em 0 .12em !important;
  }
  .adlg-slide-copy h2{
    font-size:clamp(24px,2.7vw,38px) !important;
    line-height:.95 !important;
    margin:.04em 0 .2em !important;
  }
  .adlg-slide-copy p{
    font-size:clamp(15px,1.35vw,19px) !important;
    line-height:1.25 !important;
    max-width:58ch !important;
    margin-bottom:0 !important;
  }
  .adlg-actions .btn{
    min-height:46px !important;
    padding:12px 20px !important;
  }
  .adlg-dots{
    bottom:92px !important;
  }
  .adlg-feature-rail{
    bottom:14px !important;
  }
  .adlg-feature-rail a{
    min-height:62px !important;
    padding:10px 16px !important;
  }
  .adlg-feature-rail span{
    width:34px !important;
    height:34px !important;
  }
}
@media (max-width:760px){
  .adlg-slide-inner{
    align-items:end !important;
    padding-top:150px !important;
    padding-bottom:172px !important;
  }
}


/* === v2.0.6 — restore monster brand mark + fashionable latest feed grid === */
.site-header .brand{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
}
.site-header .brand:before{
  content:"";
  grid-row:1 / span 2;
  width:58px;
  height:58px;
  border-radius:999px;
  background:url('assets/images/ask-la-gaffe-logo.webp') center/contain no-repeat;
  filter:drop-shadow(0 0 20px rgba(143,76,255,.62)) drop-shadow(0 12px 24px rgba(0,0,0,.72));
}
.site-header .brand .brand-text,
.site-header .brand em{
  min-width:0;
}
.site-header .brand .brand-text{
  align-self:end;
}
.site-header .brand em{
  align-self:start;
}
.latest-feed-section{
  position:relative;
}
.latest-feed-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 8%, rgba(255,180,242,.08), transparent 28%),
    radial-gradient(circle at 86% 32%, rgba(143,76,255,.10), transparent 30%);
}
.latest-feed-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:22px;
}
.latest-feed-head h2{
  margin:.1em 0 .08em;
  font-size:clamp(36px,4.7vw,78px);
  line-height:.86;
  letter-spacing:-.055em;
}
.latest-feed-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.7vw,24px);
}
.latest-feed-card{
  position:relative;
  min-height:360px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--feed-accent) 48%,rgba(255,255,255,.16));
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    rgba(19,0,31,.82);
  box-shadow:0 26px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03) inset;
  isolation:isolate;
  transform:translateZ(0);
}
.latest-feed-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,0,12,.04) 0%,rgba(7,0,12,.28) 42%,rgba(7,0,12,.92) 100%),
    radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--feed-accent) 46%,transparent),transparent 36%);
}
.latest-feed-card:after{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--feed-accent),#fff,var(--feed-accent),transparent);
  z-index:4;
  opacity:.78;
  box-shadow:0 0 22px var(--feed-accent);
}
.latest-feed-card figure{
  position:absolute;
  inset:0;
  margin:0;
  z-index:1;
}
.latest-feed-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.08) contrast(1.04);
  transform:scale(1.01);
  transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease;
}
.latest-feed-card:hover figure img{
  transform:scale(1.075);
  filter:saturate(1.18) contrast(1.08);
}
.latest-feed-card__body{
  position:relative;
  z-index:3;
  margin-top:auto;
  padding:clamp(18px,2vw,28px);
  text-shadow:0 8px 26px rgba(0,0,0,.78);
}
.latest-feed-card__kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.42);
  border:1px solid color-mix(in srgb,var(--feed-accent) 55%,rgba(255,255,255,.18));
  color:#fff;
  font-family:var(--font-wet);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
  margin-bottom:10px;
}
.latest-feed-card h3{
  margin:0 0 9px;
  color:#fff;
  font-family:var(--font-hero);
  font-size:clamp(24px,2vw,36px);
  line-height:.92;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.latest-feed-card p{
  margin:0;
  color:#f4eefa;
  font-weight:800;
  line-height:1.25;
  font-size:clamp(15px,1.05vw,18px);
}
.latest-feed-card--lead{
  grid-column:span 2;
  grid-row:span 2;
  min-height:560px;
}
.latest-feed-card--lead h3{
  font-size:clamp(36px,4vw,68px);
  line-height:.86;
}
.latest-feed-card--lead p{
  font-size:clamp(17px,1.35vw,22px);
  max-width:52ch;
}
@media(max-width:1180px){
  .latest-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .latest-feed-card--lead{grid-column:span 2;min-height:480px}
  .site-header .brand{grid-template-columns:50px minmax(0,1fr)}
  .site-header .brand:before{width:50px;height:50px}
}
@media(max-width:720px){
  .latest-feed-head{display:block}
  .latest-feed-head .btn{margin-top:14px}
  .latest-feed-grid{grid-template-columns:1fr}
  .latest-feed-card,.latest-feed-card--lead{grid-column:auto;grid-row:auto;min-height:390px}
  .latest-feed-card h3,.latest-feed-card--lead h3{font-size:clamp(28px,9vw,46px)}
  .site-header .brand{grid-template-columns:42px minmax(0,1fr);max-width:230px}
  .site-header .brand:before{width:42px;height:42px}
}


/* === v2.1.6 — force visible AI Compass Card deck === */
.guidance-page--cheat-cards,
.guidance-page--manual{
  padding-top:calc(var(--nav-h, 88px) + 64px);
}
.lgu-guidance-hero{
  max-width:min(1280px, calc(100vw - 56px));
  margin:0 auto clamp(28px,4vw,54px);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(240px,.6fr);
  gap:clamp(20px,4vw,46px);
  align-items:center;
  background:linear-gradient(135deg,rgba(105,42,166,.42),rgba(24,3,38,.92));
}
.lgu-guidance-hero__text h1{
  font-size:clamp(48px,7vw,104px);
  line-height:.88;
  letter-spacing:-.06em;
  margin:.08em 0 .18em;
}
.lgu-guidance-hero img{
  width:100%;
  max-width:420px;
  justify-self:end;
  border-radius:30px;
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.lgu-card-profession{
  max-width:min(1280px, calc(100vw - 56px));
  margin:0 auto clamp(26px,4vw,48px);
  border-color:color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.18));
}
.lgu-card-profession__head{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:22px;
  align-items:center;
  margin-bottom:24px;
}
.lgu-card-profession__head img{
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.16) inset;
}
.lgu-card-profession__head h2{
  font-size:clamp(32px,4vw,64px);
  line-height:.9;
  margin:.08em 0 .12em;
}
.lgu-cheat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(12px,1.5vw,18px);
}
.lgu-cheat-card{
  position:relative;
  min-height:260px;
  padding:20px;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border:1px solid color-mix(in srgb,var(--accent) 50%,rgba(255,255,255,.16));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.lgu-cheat-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.32);
  border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.22));
  color:#fff;
  font-weight:1000;
  margin-bottom:12px;
}
.lgu-cheat-card b{
  display:block;
  color:var(--cca-gold,#ffe486);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.lgu-cheat-card h3{
  margin:.35em 0 .45em;
  font-size:clamp(22px,1.7vw,30px);
  line-height:.92;
  text-transform:uppercase;
}
.lgu-cheat-card p,
.lgu-cheat-card em{
  font-size:15px;
  line-height:1.28;
  color:rgba(255,255,255,.82);
}
.lgu-cheat-card em{
  display:block;
  margin-top:14px;
  color:rgba(255,255,255,.62);
}
@media(max-width:1180px){
  .lgu-cheat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .lgu-guidance-hero{grid-template-columns:1fr}
  .lgu-guidance-hero img{justify-self:start;max-width:280px}
  .lgu-card-profession__head{grid-template-columns:92px minmax(0,1fr)}
  .lgu-card-profession__head img{width:92px;height:92px;border-radius:18px}
  .lgu-cheat-grid{grid-template-columns:1fr}
}


/* === v2.1.7 — 10 cards for Career Compass + 10 cards for every one of the 22 categories === */
.lgu-cheat-jump{
  max-width:min(1280px, calc(100vw - 56px));
  margin:0 auto clamp(26px,4vw,48px);
}
.lgu-cheat-jump strong{
  display:block;
  margin-bottom:14px;
  color:#fff;
  font-family:var(--font-ui);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.lgu-cheat-jump div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lgu-cheat-jump a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:#fff;
  text-decoration:none;
  font-family:var(--font-ui);
  font-weight:900;
  font-size:13px;
}
.lgu-card-profession--career{
  border-color:rgba(248,217,138,.5);
  box-shadow:0 0 0 1px rgba(248,217,138,.14) inset, 0 30px 90px rgba(0,0,0,.34);
}


/* === v2.1.8 — clean hero-image panels + main-page scroll motion === */

/* The OS / Compass panels now use the clean hero image instead of panel artwork containing lettering. */
.cca-os-card--image:before{
  background:var(--panel-bg) right center/cover no-repeat !important;
  opacity:.88 !important;
  filter:saturate(1.06) contrast(1.04) brightness(.95) !important;
}
.cca-os-card--image:after{
  background:
    linear-gradient(90deg,rgba(9,0,14,.94) 0%,rgba(16,0,26,.76) 38%,rgba(16,0,26,.30) 74%,rgba(9,0,14,.68) 100%),
    radial-gradient(circle at 10% 12%,rgba(255,176,234,.16),transparent 34%) !important;
}
.cca-os-card--compass:after{
  background:
    linear-gradient(90deg,rgba(9,0,14,.94) 0%,rgba(16,0,26,.74) 42%,rgba(16,0,26,.30) 78%,rgba(9,0,14,.66) 100%),
    radial-gradient(circle at 72% 18%,rgba(255,176,234,.14),transparent 34%) !important;
}
.cca-os-card--image .cca-os-card__copy{
  background:linear-gradient(90deg,rgba(12,0,19,.54),rgba(12,0,19,.16)) !important;
  backdrop-filter:blur(2px);
}

/* More visible but still premium scroll-in motion for the main page. */
.lgu-motion-reveal{
  opacity:0;
  transform:translateY(46px) scale(.975);
  filter:blur(10px);
  transition:
    opacity .82s ease,
    transform .9s cubic-bezier(.17,.84,.32,1),
    filter .82s ease;
  transition-delay:var(--lgu-delay,0ms);
}
.lgu-motion-reveal.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.cca-path-card.lgu-motion-reveal,
.latest-feed-card.lgu-motion-reveal,
.cca-os-card.lgu-motion-reveal{
  transform:translateY(54px) scale(.965);
}
.cca-path-card.lgu-motion-reveal.is-visible,
.latest-feed-card.lgu-motion-reveal.is-visible,
.cca-os-card.lgu-motion-reveal.is-visible{
  transform:none;
}
@media(max-width:620px){
  .cca-os-card--image:before{
    background-position:center center !important;
  }
  .cca-os-card--image:after{
    background:linear-gradient(180deg,rgba(9,0,14,.18) 0%,rgba(9,0,14,.70) 46%,rgba(9,0,14,.97) 100%) !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .lgu-motion-reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}


/* === v2.1.9 — header logo/title one-line lockup ===
   Brand becomes: [logo] Ask La Gaffe
                 Creative Compass Academy
   No stacked title words. Subtitle sits underneath the title, next to the logo. */
.site-header .brand{
  display:grid !important;
  grid-template-columns:clamp(42px,4.2vw,58px) minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:12px !important;
  min-width:clamp(240px,24vw,360px) !important;
  max-width:clamp(240px,24vw,360px) !important;
  height:auto !important;
  overflow:visible !important;
  white-space:nowrap !important;
  background:none !important;
  color:#fff !important;
  text-decoration:none !important;
}
.site-header .brand:before{
  content:"" !important;
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:clamp(42px,4.2vw,58px) !important;
  height:clamp(42px,4.2vw,58px) !important;
  border-radius:0 !important;
  background:url('assets/images/ask-la-gaffe-logo.webp') center/contain no-repeat !important;
  filter:drop-shadow(0 0 18px rgba(143,76,255,.58)) drop-shadow(0 12px 24px rgba(0,0,0,.62)) !important;
  position:static !important;
  transform:none !important;
  display:block !important;
  margin:0 !important;
  float:none !important;
}
.site-header .brand .brand-text{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  align-self:end !important;
  font-family:var(--font-hero) !important;
  font-size:clamp(22px,2.05vw,34px) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
  text-transform:none !important;
  white-space:nowrap !important;
  color:#fff !important;
  text-shadow:0 8px 25px rgba(0,0,0,.72),0 0 22px rgba(142,76,255,.35) !important;
}
.site-header .brand em{
  grid-column:2 !important;
  grid-row:2 !important;
  display:block !important;
  align-self:start !important;
  margin-top:3px !important;
  font-family:var(--font-wet) !important;
  font-size:clamp(8px,.75vw,12px) !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  color:#ffb0ea !important;
}
.nav-float{
  grid-template-columns:clamp(250px,25vw,380px) minmax(0,1fr) auto !important;
}
@media(max-width:980px){
  .nav-float{
    grid-template-columns:clamp(210px,30vw,300px) minmax(0,1fr) !important;
  }
  .site-header .brand{
    min-width:clamp(210px,30vw,300px) !important;
    max-width:clamp(210px,30vw,300px) !important;
  }
  .site-header .brand .brand-text{
    font-size:clamp(20px,3vw,28px) !important;
  }
}
@media(max-width:640px){
  .nav-float{
    grid-template-columns:185px minmax(0,1fr) !important;
  }
  .site-header .brand{
    grid-template-columns:38px minmax(0,1fr) !important;
    min-width:185px !important;
    max-width:185px !important;
    column-gap:8px !important;
  }
  .site-header .brand:before{
    width:38px !important;
    height:38px !important;
  }
  .site-header .brand .brand-text{
    font-size:20px !important;
    line-height:.9 !important;
  }
  .site-header .brand em{
    font-size:7.5px !important;
    letter-spacing:.11em !important;
  }
}

/* v3.2 — site-native Academy login/register */
.cca-form-card{
  border:1px solid rgba(213,184,255,.28);
  background:linear-gradient(180deg,rgba(92,29,151,.24),rgba(15,0,24,.78));
  box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 60px rgba(123,44,255,.13);
  border-radius:28px;
  padding:clamp(22px,3vw,44px);
}
.cca-form-grid input,.cca-form-grid select,.cca-form-grid textarea{
  width:100%;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:var(--text-bright,#fff8ff);
  padding:14px 16px;
  margin-top:8px;
}
.cca-form-grid label{font-weight:800;color:var(--text-bright,#fff8ff)}
.cca-notice{
  border:1px solid rgba(255,176,234,.32);
  background:rgba(255,130,210,.12);
  color:var(--text-bright,#fff8ff);
  border-radius:18px;
  padding:14px 16px;
  margin:18px 0;
  font-weight:800;
}
.cca-notice--success{background:rgba(123,44,255,.18);border-color:rgba(213,184,255,.38)}
.cca-notice a{color:var(--pink-soft,#ffb0ea);text-decoration:underline;text-underline-offset:3px}
.cca-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}

/* v3.2.1 — Academy register profession picker alignment fix
   The broad form-input style must not turn checkbox controls into full-width fields. */
.cca-form-grid .cca-check-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0 18px;
}
.cca-form-grid .cca-check{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:76px;
  padding:14px 16px;
  margin:0;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(213,184,255,.22);
}
.cca-form-grid .cca-check input[type="checkbox"]{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:9px !important;
  display:block;
  justify-self:start;
  accent-color:var(--pink,#ff4fd8);
}
.cca-form-grid .cca-check span{
  display:block;
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
  line-height:1.08;
  color:var(--text-bright,#fff8ff);
}
@media(max-width:760px){
  .cca-form-grid .cca-check-grid{grid-template-columns:1fr}
  .cca-form-grid .cca-check{min-height:64px;grid-template-columns:34px minmax(0,1fr)}
  .cca-form-grid .cca-check input[type="checkbox"]{width:30px !important;height:30px !important;min-width:30px !important;max-width:30px !important}
}