:root{
  --ink:#0d071a;
  --ink-2:#160926;
  --purple:#8a00ff;
  --deep:#4b00b8;
  --pink:#ff01f7;
  --lav:#dcc6ff;
  --white:#fafaf7;
  --muted:rgba(250,250,247,.66);
  --line:rgba(220,198,255,.16);
  --px:0px;
  --py:0px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-height:100vh;color:var(--white);font-family:"Nunito",system-ui,sans-serif;background:var(--ink);overflow-x:hidden;isolation:isolate}
body::before{content:"";position:fixed;z-index:-3;inset:-22%;background-image:url("../images/pattern-loop.svg");background-size:360px 360px;opacity:.17;transform:translate3d(var(--px),var(--py),0) rotate(-8deg) scale(1.12);animation:pattern-flow 24s linear infinite;will-change:background-position,transform;pointer-events:none}
body::after{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 50% 44%,rgba(138,0,255,.22),transparent 34%),linear-gradient(180deg,rgba(13,7,26,.28),var(--ink));pointer-events:none}
@keyframes pattern-flow{from{background-position:0 0}to{background-position:360px -360px}}

a{color:inherit}.home-page{height:100dvh;min-height:560px;overflow:hidden}.home-page main{height:100%}
.home-shell{width:min(1520px,100%);height:100%;margin:0 auto;padding:clamp(18px,3vw,42px) clamp(18px,4vw,68px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,2vh,28px)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:4}
.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Baloo 2",sans-serif;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wordmark-dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 22px rgba(255,1,247,.72)}
.availability{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(220,198,255,.34);border-radius:999px;background:linear-gradient(135deg,rgba(138,0,255,.28),rgba(255,1,247,.13));color:var(--white);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 9px 24px rgba(49,0,92,.24),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.availability::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}

.home-copy{align-self:center;text-align:center;position:relative;z-index:2;margin-top:clamp(-30px,-3vh,-8px)}
.mini-label{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(138,0,255,.12);color:var(--lav);font-size:clamp(.69rem,1vw,.8rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.home-title{margin:clamp(12px,2vh,22px) auto 8px;max-width:1150px;font-family:"Baloo 2",sans-serif;font-size:clamp(3.2rem,9vw,8.7rem);font-weight:800;line-height:.76;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;text-shadow:0 8px 0 rgba(75,0,184,.3)}
.home-title span{display:block;color:transparent;background:linear-gradient(100deg,var(--white) 4%,var(--lav) 42%,var(--pink) 76%,var(--white));background-size:220% auto;background-clip:text;-webkit-background-clip:text;animation:title-shine 7s linear infinite}
@keyframes title-shine{to{background-position:220% center}}
.home-intro{max-width:690px;margin:clamp(12px,2vh,20px) auto 0;color:var(--muted);font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.55;text-wrap:balance}

.choice-area{position:relative;z-index:3}.choice-label{margin:0 0 10px;text-align:center;color:rgba(250,250,247,.5);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.2vw,16px)}
.choice-card{position:relative;min-height:clamp(118px,17vh,175px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(15px,2vw,23px);overflow:hidden;border:1px solid var(--line);border-radius:clamp(22px,2.2vw,32px);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(75,0,184,.12));text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 44px rgba(0,0,0,.18);backdrop-filter:blur(16px);transition:transform .35s cubic-bezier(.2,.9,.2,1),border-color .35s,box-shadow .35s}
.choice-card::before{content:"";position:absolute;right:-54px;bottom:-73px;width:145px;height:145px;border-radius:50%;background:var(--card-glow);opacity:.22;filter:blur(28px);transition:.35s}.choice-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.1),transparent 64%);translate:-120% 0;transition:translate .65s ease}
.choice-card:hover,.choice-card:focus-visible{transform:translateY(-8px) scale(1.018);border-color:rgba(255,1,247,.62);box-shadow:0 22px 65px rgba(75,0,184,.35),0 0 28px rgba(255,1,247,.13);outline:none}.choice-card:hover::before{opacity:.62;scale:1.35}.choice-card:hover::after{translate:120% 0}
.choice-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.choice-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:0 9px 24px rgba(138,0,255,.38);font-family:"Baloo 2";font-size:1.35rem;font-weight:800}.choice-index{font-size:.67rem;font-weight:900;letter-spacing:.14em;color:rgba(250,250,247,.38)}
.choice-card h2{position:relative;z-index:1;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(1.18rem,2vw,1.7rem);line-height:.95;letter-spacing:-.025em}.choice-card p{position:relative;z-index:1;margin:6px 0 0;color:rgba(250,250,247,.52);font-size:clamp(.72rem,1vw,.84rem)}

.loader{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:var(--ink);transition:opacity .55s ease,visibility .55s ease}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-mark{width:70px;height:70px;margin:0 auto 18px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));font-family:"Baloo 2";font-size:2rem;font-weight:800;box-shadow:0 0 50px rgba(138,0,255,.45);animation:loader-bop 1s ease-in-out infinite}.loader-name{font-family:"Baloo 2";font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.loader-line{width:150px;height:4px;margin:15px auto 0;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.loader-line::before{content:"";display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--pink));animation:load 1.05s ease-in-out infinite}
@keyframes loader-bop{50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes load{from{translate:-110% 0}to{translate:320% 0}}
.page-wipe{position:fixed;z-index:999;inset:0;background:linear-gradient(135deg,var(--purple),var(--pink));transform:scaleY(0);transform-origin:bottom;pointer-events:none}.page-wipe.is-leaving{animation:wipe-in .55s cubic-bezier(.76,0,.24,1) forwards}.page-wipe.is-entering{transform:scaleY(1);transform-origin:top;animation:wipe-out .72s .12s cubic-bezier(.76,0,.24,1) forwards}@keyframes wipe-in{to{transform:scaleY(1)}}@keyframes wipe-out{to{transform:scaleY(0)}}

.inner-page{min-height:100vh}.inner-wrap{width:min(1240px,calc(100% - 36px));margin:0 auto}.inner-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.back-link,.social-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);text-decoration:none;font-size:.8rem;font-weight:900;backdrop-filter:blur(14px);transition:.25s}.back-link:hover,.social-link:hover{border-color:rgba(255,1,247,.55);transform:translateY(-2px)}
.inner-hero{padding:clamp(54px,9vw,118px) 0 clamp(50px,8vw,95px)}.page-number{color:var(--pink);font-size:.74rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.inner-hero h1{max-width:920px;margin:14px 0 20px;font-family:"Baloo 2";font-size:clamp(3.4rem,9vw,8rem);font-weight:800;line-height:.78;letter-spacing:-.055em;text-transform:uppercase}.inner-hero h1 em{font-style:normal;color:var(--pink)}.inner-hero>p{max-width:660px;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7}
.content-section{padding:0 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{margin:0;font-family:"Baloo 2";font-size:clamp(2.2rem,5vw,4.2rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.section-heading p{max-width:500px;margin:0;color:var(--muted);line-height:1.65}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.work-card{min-height:330px;padding:13px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:29px;background:rgba(255,255,255,.06);text-decoration:none;transition:.35s}.work-card:hover{transform:translateY(-8px);border-color:rgba(255,1,247,.58);box-shadow:0 23px 65px rgba(75,0,184,.25)}.work-visual{position:relative;min-height:215px;flex:1;display:grid;place-items:center;border-radius:21px;overflow:hidden;background:var(--visual)}.work-visual::before{content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04));transform:rotate(-3deg);transition:.35s}.work-card:hover .work-visual::before{transform:rotate(1deg) scale(1.04)}.work-abbr{position:relative;font-family:"Baloo 2";font-size:3.6rem;font-weight:800;letter-spacing:-.06em;text-shadow:0 8px 24px rgba(0,0,0,.2)}.work-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 7px 5px}.work-meta strong{display:block}.work-meta small{color:rgba(250,250,247,.45)}.work-open{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08)}
.feature-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:18px;border:1px solid var(--line);border-radius:38px;background:linear-gradient(135deg,rgba(75,0,184,.2),rgba(255,255,255,.055))}.feature-art{min-height:440px;border-radius:27px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,1,247,.4),transparent 27%),linear-gradient(140deg,#270949,#08030e);overflow:hidden}.feature-symbol{font-family:"Baloo 2";font-size:clamp(7rem,18vw,14rem);font-weight:800;line-height:1;filter:drop-shadow(0 0 30px rgba(255,1,247,.36))}.feature-copy{padding:clamp(27px,5vw,65px);align-self:center}.feature-copy h2{margin:0 0 17px;font-family:"Baloo 2";font-size:clamp(2.6rem,5vw,4.8rem);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.feature-copy p{color:var(--muted);line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--lav);font-size:.78rem;font-weight:800}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:999px;background:var(--white);color:var(--ink);font-weight:900;text-decoration:none;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,1,247,.24)}.button.ghost{background:rgba(255,255,255,.07);color:var(--white);border:1px solid var(--line)}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.service-item{padding:27px;border:1px solid var(--line);border-radius:27px;background:rgba(255,255,255,.05)}.service-item span{display:block;color:var(--pink);font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.service-item h3{margin:13px 0 8px;font-family:"Baloo 2";font-size:1.35rem}.service-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.inner-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 35px;border-top:1px solid var(--line);color:rgba(250,250,247,.43);font-size:.78rem}.inner-footer a{text-decoration:none;color:var(--lav);font-weight:900}

.work-open{width:auto;height:auto;min-height:36px;padding:0 11px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:950px){.home-title{font-size:clamp(3rem,10vw,6rem)}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-card{min-height:105px}.work-grid{grid-template-columns:repeat(2,1fr)}.feature-panel{grid-template-columns:1fr}.feature-art{min-height:310px}.section-heading{align-items:start;flex-direction:column}.service-list{grid-template-columns:1fr}}
@media(max-width:640px){.home-page{min-height:540px}.home-shell{padding:16px;gap:10px}.availability{padding:8px 10px;font-size:.62rem}.home-copy{margin-top:-8px}.home-title{font-size:clamp(2.65rem,14vw,4.3rem);line-height:.79}.home-intro{font-size:.84rem;line-height:1.42;max-width:440px}.mini-label{font-size:.61rem;padding:7px 10px}.choice-label{display:none}.choice-grid{gap:8px}.choice-card{min-height:104px;padding:13px;border-radius:21px}.choice-icon{width:34px;height:34px;border-radius:12px;font-size:1rem}.choice-index{font-size:.58rem}.choice-card h2{font-size:1.02rem}.choice-card p{font-size:.66rem}.wordmark{font-size:.92rem}.work-grid{grid-template-columns:1fr}.inner-wrap{width:min(100% - 28px,1240px)}.inner-nav{padding:17px 0}.inner-hero{padding:48px 0 60px}.inner-hero h1{font-size:clamp(3.1rem,16vw,5rem)}.feature-panel{padding:10px;border-radius:29px}.feature-art{min-height:240px}.feature-copy{padding:24px 16px 28px}.inner-footer{align-items:flex-start;flex-direction:column}}
@media(max-height:720px) and (min-width:951px){.home-shell{padding-top:18px;padding-bottom:18px;gap:10px}.home-title{font-size:clamp(3rem,8vw,6.6rem)}.home-intro{margin-top:8px}.choice-card{min-height:112px;padding:15px}.choice-icon{width:38px;height:38px}.choice-card h2{font-size:1.25rem}}
@media(max-height:620px){.home-title{font-size:clamp(2.5rem,8vw,4.5rem)}.home-intro{display:none}.choice-card{min-height:90px}.mini-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body::before{transform:none!important}.page-wipe{display:none}}

/* Home revision: fixed editorial layout with portrait project cards */
body{background:#150624}
body::before{opacity:.27;filter:saturate(1.15)}
body::after{background:radial-gradient(circle at 50% 38%,rgba(138,0,255,.34),transparent 37%),linear-gradient(180deg,rgba(30,7,52,.22),#12051f 94%)}
.home-page,.home-page *{-webkit-user-select:none;user-select:none}
.home-shell{grid-template-rows:auto auto minmax(0,1fr);gap:clamp(12px,1.8vh,24px)}
.home-copy{align-self:center;margin-top:0}
.home-title{max-width:1080px;font-size:clamp(3rem,7.4vw,7.2rem);line-height:.8}
.home-intro{display:none}
.wordmark,.availability,.mini-label,.home-title,.choice-label{transform-origin:center;transition:transform .28s cubic-bezier(.2,.9,.2,1),filter .28s}
.wordmark:hover,.availability:hover,.mini-label:hover,.choice-label:hover{transform:scale(1.055)}
.home-page:not(.panel-open) .availability{transform-origin:center;animation:collaboration-attention 2.8s ease-in-out infinite}
.home-page:not(.panel-open) .availability::before{animation:collaboration-dot 1.4s ease-in-out infinite}
.home-page:not(.panel-open) .availability:hover,.home-page:not(.panel-open) .availability:focus-visible{animation:none;transform:scale(1.06);border-color:rgba(255,104,250,.62);box-shadow:0 12px 28px rgba(72,0,130,.34),0 0 20px rgba(255,1,247,.15);outline:none}
@keyframes collaboration-attention{0%,100%{transform:scale(1);background:linear-gradient(135deg,rgba(138,0,255,.28),rgba(255,1,247,.13));border-color:rgba(220,198,255,.34);box-shadow:0 9px 24px rgba(49,0,92,.24),inset 0 1px 0 rgba(255,255,255,.12)}50%{transform:scale(1.045);background:linear-gradient(135deg,rgba(157,24,255,.4),rgba(255,1,247,.21));border-color:rgba(255,141,252,.56);box-shadow:0 12px 30px rgba(73,0,132,.34),0 0 20px rgba(255,1,247,.14),inset 0 1px 0 rgba(255,255,255,.18)}}
@keyframes collaboration-dot{0%,100%{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1.2)}}
.home-title:hover{transform:scale(1.018);filter:drop-shadow(0 0 18px rgba(138,0,255,.18))}
.choice-area{min-height:0;display:flex;flex-direction:column;justify-content:flex-end}
.choice-label{margin:0 0 12px}
.choice-grid{min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.choice-card{height:clamp(330px,46vh,420px);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:9px;border-radius:30px}
.choice-card::before{right:-44px;bottom:-55px}.choice-card::after{z-index:3;pointer-events:none}
.choice-visual{position:relative;z-index:1;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:var(--visual-tone);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.choice-visual::before{content:"";position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:36%;transform:rotate(22deg);box-shadow:0 0 55px rgba(255,1,247,.2),inset 0 0 35px rgba(255,255,255,.04)}
.choice-visual::after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.24);border-radius:50%;animation:spin 18s linear infinite}
.tone-web{--visual-tone:linear-gradient(145deg,#461074,#160526)}
.tone-game{--visual-tone:linear-gradient(145deg,#6b0c76,#21032e)}
.tone-minecraft{--visual-tone:linear-gradient(145deg,#41138c,#130529)}
.tone-video{--visual-tone:linear-gradient(145deg,#78076e,#260528)}
.choice-visual .choice-icon{position:relative;z-index:2;width:64px;height:64px;border-radius:22px;font-size:1.75rem}
.choice-copy{position:relative;z-index:2;display:block;padding:15px 10px 12px}
.choice-card h2{font-size:clamp(1.18rem,1.8vw,1.6rem)}
.choice-card p{font-size:clamp(.76rem,.95vw,.86rem)}
.page-wipe{background:linear-gradient(135deg,#0f041b,#35105d 55%,#160624)}

.section-menu{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(13,7,26,.64);backdrop-filter:blur(16px)}
.section-menu a{padding:9px 13px;border-radius:999px;text-decoration:none;color:rgba(250,250,247,.6);font-size:.76rem;font-weight:900;transition:.25s}
.section-menu a:hover,.section-menu a[aria-current="page"]{background:var(--white);color:var(--ink);transform:scale(1.04)}
.inner-nav{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(13,7,26,.94),rgba(13,7,26,.68) 70%,transparent);backdrop-filter:blur(8px)}

@media(max-width:950px){
  .home-title{font-size:clamp(2.9rem,9vw,5.6rem)}
  .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .choice-card{height:clamp(225px,32vh,295px)}
  .choice-card h2{font-size:1.05rem}
  .choice-card p{font-size:.72rem}
  .choice-visual .choice-icon{width:52px;height:52px;border-radius:18px;font-size:1.4rem}
}
@media(max-width:720px){
  .inner-nav{align-items:flex-start;flex-direction:column;gap:12px}
  .section-menu{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .section-menu::-webkit-scrollbar{display:none}
}
@media(max-width:640px){
  .home-shell{gap:9px}
  .home-copy{margin-top:-2px}
  .home-title{font-size:clamp(2.35rem,12.2vw,3.75rem);line-height:.81}
  .mini-label{font-size:.58rem}
  .choice-label{display:block;margin-bottom:7px;font-size:.62rem}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .choice-card{height:clamp(164px,24vh,205px);padding:7px;border-radius:22px}
  .choice-visual{border-radius:16px}
  .choice-visual .choice-icon{width:38px;height:38px;border-radius:13px;font-size:1rem}
  .choice-copy{padding:9px 7px 7px}
  .choice-card h2{font-size:.95rem}
  .choice-card p{font-size:.64rem;line-height:1.25;margin-top:3px}
}
@media(max-height:700px){
  .home-title{font-size:clamp(2.4rem,7vw,5rem)}
  .choice-card{height:clamp(150px,28vh,220px)}
  .choice-copy{padding-top:8px;padding-bottom:7px}
  .choice-card p{display:none}
}
@media(prefers-reduced-motion:reduce){.choice-visual::after{animation:none!important}.wordmark,.availability,.mini-label,.home-title,.choice-label{transition:none!important}}

/* In-page portfolio navigation */
.home-title{font-size:clamp(2.65rem,6.25vw,6.15rem);line-height:.84;text-shadow:none}
.home-title span{background-image:linear-gradient(100deg,var(--white),#e5d7ff 46%,#b975ff 78%,var(--white));text-shadow:none}
.home-title:hover{filter:none}
.home-copy{align-self:start;padding-top:clamp(4px,1vh,12px)}
.choice-area{justify-content:flex-start}
.choice-grid{align-items:start}
.mini-label{font-size:clamp(.65rem,.9vw,.76rem)}
.choice-label{margin-top:0}

.project-explorer{position:fixed;z-index:200;inset:0;overflow-y:auto;overscroll-behavior:contain;background:rgba(13,7,26,.975);opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .42s ease,visibility .42s ease,transform .42s cubic-bezier(.2,.9,.2,1)}
body.panel-open .project-explorer{opacity:1;visibility:visible;transform:none}
.explorer-wrap{width:min(1240px,calc(100% - 36px));min-height:100%;margin:0 auto;padding-bottom:70px}
.explorer-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;background:linear-gradient(180deg,#0d071a 68%,transparent)}
.explorer-close{min-height:43px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.065);color:var(--white);font:800 .82rem "Nunito",sans-serif;cursor:pointer;transition:transform .25s,border-color .25s}
.explorer-close:hover,.explorer-close:focus-visible{transform:scale(1.05);border-color:rgba(220,198,255,.42);outline:none}
.explorer-nav{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);backdrop-filter:blur(16px)}
.explorer-nav a{padding:9px 14px;border-radius:999px;color:rgba(250,250,247,.56);font-size:.78rem;font-weight:900;text-decoration:none;transition:.25s}
.explorer-nav a:hover,.explorer-nav a.active{background:var(--white);color:var(--ink);transform:scale(1.04)}
.explorer-nav a[data-panel-link="collabora"]{background:linear-gradient(135deg,rgba(255,1,247,.84),rgba(138,0,255,.9));color:var(--white);box-shadow:0 7px 18px rgba(138,0,255,.24),inset 0 1px 0 rgba(255,255,255,.2)}
.explorer-nav a[data-panel-link="collabora"]:hover,.explorer-nav a[data-panel-link="collabora"].active{background:linear-gradient(135deg,var(--pink),var(--purple));color:var(--white);box-shadow:0 10px 26px rgba(138,0,255,.38),inset 0 1px 0 rgba(255,255,255,.28);transform:scale(1.05)}
.explorer-panel{display:none;padding:clamp(30px,5vw,70px) 0}.explorer-panel.active{display:block;animation:panel-in .45s ease both}
@keyframes panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.panel-hero{padding:0 0 clamp(34px,6vw,64px)}
.panel-hero h2{max-width:920px;margin:12px 0 14px;font-family:"Baloo 2",sans-serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:800;line-height:.82;letter-spacing:-.045em;text-transform:uppercase}
.panel-hero h2 em{font-style:normal;color:var(--pink)}
.panel-hero p{max-width:650px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.65}

@media(max-width:640px){
  .home-title{font-size:clamp(2.15rem,10.5vw,3.25rem);line-height:.85}
  .home-copy{padding-top:0}
  .choice-area{margin-top:-8px}
  .explorer-wrap{width:min(100% - 24px,1240px)}
  .explorer-header{align-items:flex-start;flex-direction:column;padding:12px 0 16px}
  .explorer-nav{width:100%;overflow-x:auto;scrollbar-width:none}
  .explorer-nav::-webkit-scrollbar{display:none}
  .explorer-nav a{padding:8px 12px;white-space:nowrap}
  .explorer-panel{padding-top:28px}
  .panel-hero h2{font-size:clamp(2.65rem,13vw,4.2rem)}
  .panel-hero p{font-size:.95rem}
}

/* Portfolio content revision */
.choice-label{margin-bottom:clamp(18px,2.6vh,30px)}
.choice-copy{text-align:center;padding:16px 8px 13px}
.choice-card h2,.choice-card p{text-align:center}
.choice-visual .choice-icon{width:76px;height:76px;border-radius:25px;font-size:2rem}
.choice-visual::before{width:82%}
.choice-visual::after{width:49%}

.web-hero{padding-bottom:clamp(28px,4vw,46px)}
.web-hero h2{font-size:clamp(2.8rem,5.4vw,5.25rem)}
.web-hero p{max-width:980px}
.work-visual{background:#160926}
.work-visual::before{display:none}
.work-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.9,.2,1),filter .55s}
.work-card:hover .work-visual img{transform:scale(1.045);filter:saturate(1.06)}

.project-explorer[data-active-panel="game"],
.project-explorer[data-active-panel="minecraft"],
.project-explorer[data-active-panel="video"]{overflow:hidden}
.project-explorer[data-active-panel="game"] .explorer-wrap,
.project-explorer[data-active-panel="minecraft"] .explorer-wrap,
.project-explorer[data-active-panel="video"] .explorer-wrap{height:100%;min-height:0;padding-bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
.fixed-panel.active{height:100%;min-height:0;padding:clamp(12px,2vh,24px) 0}
.fixed-layout{height:100%;min-height:0;display:grid;gap:clamp(18px,2.5vw,34px)}
.screen-copy{min-width:0;align-self:center}
.screen-copy h2,.screen-heading h2{margin:10px 0 14px;font-family:"Baloo 2",sans-serif;font-weight:800;line-height:.88;letter-spacing:-.045em;text-transform:uppercase}
.screen-copy h2{font-size:clamp(3rem,5.4vw,5.7rem)}
.screen-copy h2 em,.screen-heading h2 em{font-style:normal;color:var(--pink)}
.screen-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:clamp(.96rem,1.25vw,1.08rem);line-height:1.58}
.screen-copy>p strong{color:var(--white);font-weight:900}
.screen-copy .button{margin-top:2px}

.game-layout{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:stretch}
.game-stage{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:1px solid rgba(220,198,255,.2);border-radius:38px;background:radial-gradient(circle at 50% 45%,rgba(255,1,247,.38),transparent 25%),linear-gradient(145deg,#3c0864 0%,#170622 52%,#08030e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 80px rgba(0,0,0,.24)}
.game-stage::before{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:35%;transform:rotate(25deg);box-shadow:0 0 80px rgba(138,0,255,.32),inset 0 0 55px rgba(255,255,255,.03)}
.game-stage::after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.25);border-radius:50%;animation:spin 18s linear infinite}
.game-stage-kicker,.game-stage strong,.game-stage p{position:relative;z-index:2}
.game-stage-kicker{font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--lav)}
.game-stage strong{font-family:"Baloo 2",sans-serif;font-size:clamp(7rem,15vw,13rem);line-height:.72;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--white);filter:drop-shadow(0 0 28px rgba(255,1,247,.34))}
.game-stage p{max-width:420px;margin:22px 30px 0;text-align:center;color:rgba(250,250,247,.72);line-height:1.5}
.game-orbit span{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:0 12px 28px rgba(138,0,255,.4);font-weight:900}
.game-orbit span:nth-child(1){top:17%;right:14%}.game-orbit span:nth-child(2){bottom:14%;left:13%}.game-orbit span:nth-child(3){top:23%;left:10%}

.minecraft-layout{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,2vh,20px)}
.screen-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.screen-heading h2{max-width:980px;font-size:clamp(2.2rem,4.3vw,4.35rem)}
.minecraft-cards{min-height:0;display:grid;grid-template-columns:1.08fr .92fr;gap:16px}
.minecraft-card{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 24px 70px rgba(0,0,0,.22)}
.minecraft-card-bg,.minecraft-card-shade{position:absolute;inset:0;width:100%;height:100%}
.minecraft-card-bg{object-fit:cover}
.minecraft-card-shade{background:linear-gradient(90deg,rgba(12,3,10,.94) 0%,rgba(20,3,13,.76) 55%,rgba(20,3,13,.3)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 45%)}
.minecraft-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,3vw,38px)}
.warmc-mark{width:clamp(62px,7vw,92px);height:clamp(62px,7vw,92px);object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}
.card-eyebrow{color:#ff5a61;font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.minecraft-card h3{margin:5px 0 8px;font-family:"Baloo 2";font-size:clamp(2rem,3.6vw,3.7rem);line-height:.9;letter-spacing:-.04em}
.minecraft-card p{max-width:590px;margin:0;color:rgba(250,250,247,.72);line-height:1.5}
.warmc-button{background:#ff3f47;color:#fff}
.dev-card{padding:clamp(20px,3vw,38px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 8%,rgba(255,1,247,.22),transparent 32%),linear-gradient(145deg,rgba(75,0,184,.24),rgba(255,255,255,.055))}
.dev-card-top{display:flex;align-items:center;gap:12px}.dev-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--pink),var(--purple));font-family:"Baloo 2";font-size:1.35rem;font-weight:800}
.minecraft-services{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.minecraft-services span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--lav);font-size:.75rem;font-weight:800}
.minecraft-banners{display:grid;gap:7px;margin-top:6px}
.minecraft-banners img{display:block;width:100%;height:auto;border-radius:8px}

.video-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:stretch}
.video-copy h2{font-size:clamp(2.7rem,4.8vw,5rem)}
.reel-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reel-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#170622;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 58px rgba(0,0,0,.24);transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .3s}
.reel-card:hover,.reel-card:focus-visible{transform:translateY(-7px) scale(1.015);border-color:rgba(255,1,247,.66);outline:none}
.reel-card img,.reel-shade{position:absolute;inset:0;width:100%;height:100%}
.reel-card img{object-fit:cover;transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.reel-card:hover img{transform:scale(1.045)}
.reel-shade{background:linear-gradient(180deg,rgba(13,7,26,.08) 30%,rgba(13,7,26,.94) 100%)}
.reel-badge,.reel-play,.reel-card strong{position:absolute;z-index:2}
.reel-badge{top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(13,7,26,.72);border:1px solid rgba(255,255,255,.2);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}
.result-card .reel-badge{background:var(--pink);color:#170622}
.reel-play{left:16px;bottom:66px;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:0 10px 24px rgba(138,0,255,.4)}
.reel-card strong{left:16px;right:14px;bottom:20px;font-family:"Baloo 2";font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1}

@media(max-width:950px){
  .choice-label{margin-bottom:16px}
  .choice-visual .choice-icon{width:62px;height:62px;font-size:1.6rem}
  .game-layout{grid-template-columns:.92fr 1.08fr}
  .screen-copy h2{font-size:clamp(2.4rem,5.6vw,4rem)}
  .screen-copy>p{font-size:.9rem}
  .minecraft-card-content,.dev-card{padding:20px}
  .minecraft-card h3{font-size:2rem}
  .minecraft-card p{font-size:.86rem}
  .video-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr)}
  .video-copy h2{font-size:2.65rem}
}

@media(max-width:700px){
  .choice-copy{text-align:center}
  .choice-label{margin-bottom:12px}
  .choice-visual .choice-icon{width:46px;height:46px;border-radius:15px;font-size:1.15rem}
  .project-explorer[data-active-panel="game"] .explorer-header,
  .project-explorer[data-active-panel="minecraft"] .explorer-header,
  .project-explorer[data-active-panel="video"] .explorer-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
  .project-explorer[data-active-panel="game"] .explorer-nav,
  .project-explorer[data-active-panel="minecraft"] .explorer-nav,
  .project-explorer[data-active-panel="video"] .explorer-nav{width:auto}
  .fixed-panel.active{padding:6px 0 10px}
  .game-layout,.video-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:9px}
  .screen-copy h2{font-size:clamp(1.85rem,9vw,2.55rem);margin:5px 0 7px}
  .screen-copy>p{font-size:.78rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .screen-copy .tags{margin:8px 0}.screen-copy .tag{padding:5px 8px;font-size:.62rem}
  .screen-copy .button{min-height:36px;padding:0 13px;font-size:.72rem}
  .game-stage{border-radius:25px}
  .game-stage strong{font-size:clamp(5rem,30vw,8rem)}
  .game-stage p{font-size:.76rem;margin-top:12px}
  .game-orbit span{width:34px;height:34px;border-radius:11px}
  .minecraft-layout{gap:7px}
  .screen-heading{display:block}.screen-heading h2{margin:3px 0 5px;font-size:clamp(1.55rem,7.6vw,2.15rem)}
  .minecraft-cards{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
  .minecraft-card{border-radius:22px}
  .minecraft-card-content,.dev-card{padding:12px 14px}
  .warmc-mark{position:absolute;top:12px;right:13px;width:48px;height:48px}
  .minecraft-card h3{font-size:1.35rem;margin:3px 0 4px}
  .minecraft-card p{font-size:.69rem;line-height:1.3;max-width:82%}
  .minecraft-card .button-row{margin-top:7px;gap:6px}
  .minecraft-card .button{min-height:31px;padding:0 10px;font-size:.64rem}
  .dev-icon{width:34px;height:34px;border-radius:11px;font-size:1rem}
  .minecraft-services{margin:7px 0;gap:4px}
  .minecraft-services span{padding:4px 7px;font-size:.57rem}
  .minecraft-banners{grid-template-columns:1fr 1fr;gap:5px;margin-top:2px}
  .video-copy h2{font-size:clamp(1.8rem,8.7vw,2.4rem)}
  .reel-grid{gap:6px}
  .reel-card{border-radius:18px}
  .reel-badge{top:7px;left:7px;padding:5px 6px;font-size:.5rem;letter-spacing:.03em}
  .reel-play{left:8px;bottom:43px;width:29px;height:29px;border-radius:9px;font-size:.68rem}
  .reel-card strong{left:8px;right:6px;bottom:10px;font-size:.74rem}
}

@media(max-height:680px) and (min-width:701px){
  .fixed-panel.active{padding:8px 0 12px}
  .screen-copy h2{font-size:clamp(2.3rem,4.5vw,3.8rem);margin:5px 0 8px}
  .screen-copy>p{font-size:.86rem;line-height:1.42}
  .screen-copy .tags{margin:10px 0}
  .screen-heading h2{font-size:clamp(1.9rem,3.7vw,3.4rem);margin:3px 0}
  .minecraft-card-content,.dev-card{padding:18px}
  .minecraft-card h3{font-size:2rem}
}

/* Unified fixed-screen portfolio layout */
.choice-card{justify-items:center;align-items:stretch}
.choice-visual{width:100%;justify-self:stretch}
.choice-visual .choice-icon{margin:auto}
.choice-copy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.choice-copy h2,.choice-copy p{width:100%;margin-left:auto;margin-right:auto;text-align:center}

.project-explorer[data-active-panel="web"]{overflow:hidden}
.project-explorer[data-active-panel="web"] .explorer-wrap{height:100%;min-height:0;padding-bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr)}

.web-layout,.game-layout,.minecraft-standard-layout,.video-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center}
.web-layout .screen-copy,.game-layout .screen-copy,.minecraft-standard-layout .screen-copy,.video-layout .screen-copy{align-self:center}
.web-layout .screen-copy h2,.game-layout .screen-copy h2,.minecraft-standard-layout .screen-copy h2,.video-layout .screen-copy h2{font-size:clamp(2.7rem,4.8vw,5rem)}
.web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(330px,55vh,440px);align-self:center}
.portfolio-count{display:inline-flex;pointer-events:none}

.web-showcase{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
.compact-work{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#160926;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .3s}
.compact-work:hover,.compact-work:focus-visible{transform:translateY(-5px) scale(1.015);border-color:rgba(255,1,247,.62);outline:none}
.compact-work::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(13,7,26,.94))}
.compact-work img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.9,.2,1)}
.compact-work:hover img{transform:scale(1.045)}
.compact-work span{position:absolute;z-index:2;left:14px;right:12px;bottom:12px;font-family:"Baloo 2";font-size:clamp(.8rem,1.1vw,1rem);font-weight:800;line-height:1.05}

.minecraft-standard-layout{min-height:0}
.minecraft-showcase{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.minecraft-compact-card{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 20px 58px rgba(0,0,0,.22)}
.minecraft-compact-content,.commission-card{height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2vw,24px)}
.server-card .minecraft-card-shade{background:linear-gradient(180deg,rgba(12,3,10,.48),rgba(12,3,10,.96) 76%)}
.minecraft-compact-card .warmc-mark{width:58px;height:58px;margin:0 0 6px}
.minecraft-compact-card h3{position:relative;z-index:2;margin:4px 0 6px;font-family:"Baloo 2";font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:.95;letter-spacing:-.035em}
.minecraft-compact-card p{position:relative;z-index:2;margin:0;color:rgba(250,250,247,.7);font-size:.79rem;line-height:1.38}
.minecraft-compact-card .minecraft-banners{position:relative;z-index:2;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 8px}
.minecraft-compact-card .minecraft-banners img{min-width:0;border-radius:5px}
.minecraft-compact-card .button-row{position:relative;z-index:2;gap:6px}
.minecraft-compact-card .button{min-height:34px;padding:0 11px;font-size:.66rem}
.commission-card{background:radial-gradient(circle at 90% 8%,rgba(255,1,247,.22),transparent 32%),linear-gradient(145deg,rgba(75,0,184,.25),rgba(255,255,255,.055))}
.commission-card .minecraft-services{margin:12px 0 10px}
.commission-card .minecraft-services span{padding:6px 8px;font-size:.62rem}
.contact-stack{display:grid;gap:6px;margin-top:2px}
.contact-stack a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.055);text-decoration:none;transition:transform .25s,border-color .25s}
.contact-stack a:hover{transform:translateX(4px);border-color:rgba(255,1,247,.52)}
.contact-stack strong{font-size:.76rem}.contact-stack small{color:rgba(250,250,247,.48);font-size:.61rem;text-align:right}

.game-stage{min-height:0}
.video-layout{align-items:center}
.reel-grid{min-height:0}
.reel-card{height:100%}

@media(max-width:950px){
  .web-layout,.game-layout,.minecraft-standard-layout,.video-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr)}
  .web-layout .screen-copy h2,.game-layout .screen-copy h2,.minecraft-standard-layout .screen-copy h2,.video-layout .screen-copy h2{font-size:clamp(2.25rem,4.7vw,3.5rem)}
  .web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(320px,53vh,410px)}
}

@media(max-width:700px){
  .web-layout,.game-layout,.minecraft-standard-layout,.video-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:9px}
  .web-layout .screen-copy h2,.game-layout .screen-copy h2,.minecraft-standard-layout .screen-copy h2,.video-layout .screen-copy h2{font-size:clamp(1.8rem,8.7vw,2.4rem)}
  .web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(300px,43vh,360px)}
  .web-showcase{gap:6px}
  .compact-work{border-radius:15px}
  .compact-work span{left:8px;right:6px;bottom:7px;font-size:.66rem}
  .minecraft-showcase{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}
  .minecraft-compact-card{border-radius:18px}
  .minecraft-compact-content,.commission-card{padding:9px 11px}
  .minecraft-compact-card .warmc-mark{position:absolute;top:9px;right:9px;width:36px;height:36px}
  .minecraft-compact-card h3{font-size:1.08rem;margin:2px 0 3px}
  .minecraft-compact-card p{font-size:.61rem;line-height:1.22;max-width:86%}
  .minecraft-compact-card .minecraft-banners{margin:5px 0 4px}
  .minecraft-compact-card .button{min-height:25px;padding:0 7px;font-size:.53rem}
  .commission-card .dev-icon{width:28px;height:28px;border-radius:9px;font-size:.8rem}
  .commission-card .minecraft-services{margin:5px 0;gap:3px}
  .commission-card .minecraft-services span{padding:3px 5px;font-size:.48rem}
  .contact-stack{grid-template-columns:1fr 1fr;gap:4px}
  .contact-stack a{display:block;padding:5px 6px;border-radius:8px}
  .contact-stack strong{display:block;font-size:.57rem}.contact-stack small{display:block;margin-top:1px;font-size:.47rem;text-align:left}
  .reel-card{border-radius:16px}
}

@media(max-height:680px) and (min-width:701px){
  .web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(300px,51vh,370px)}
}

/* Portfolio clarity, centered home cards and stronger project previews */
.choice-card{grid-template-columns:minmax(0,1fr);justify-items:stretch}
.choice-visual{inline-size:auto;min-width:0;justify-self:stretch}
.choice-visual .choice-icon{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}
.choice-copy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.choice-copy h2,.choice-copy p{width:100%;margin-left:0;margin-right:0;text-align:center}

.screen-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:2px}
.screen-copy .screen-actions .button{margin-top:0}
.screen-actions .action-team,.screen-actions .action-discord,.screen-actions .action-tiktok,.button-row .action-tiktok{border:1px solid rgba(255,255,255,.14);color:#fff}
.action-team{background:linear-gradient(135deg,#c300ff,#7900f6)!important;box-shadow:0 12px 28px rgba(138,0,255,.32),0 0 18px rgba(211,0,255,.13)!important}
.action-team:hover,.action-team:focus-visible{transform:translateY(-3px) scale(1.025);box-shadow:0 17px 34px rgba(138,0,255,.43),0 0 24px rgba(211,0,255,.2)!important;outline:none}
.action-discord{background:linear-gradient(135deg,#7180ff,#5865f2 58%,#404eed)!important;box-shadow:0 12px 28px rgba(88,101,242,.3),0 0 18px rgba(88,101,242,.12)!important}
.action-discord:hover,.action-discord:focus-visible{transform:translateY(-3px) scale(1.025);box-shadow:0 17px 34px rgba(88,101,242,.43),0 0 24px rgba(106,121,255,.2)!important;outline:none}
.action-tiktok{background:linear-gradient(135deg,#17111e,#251029 70%,#371032)!important;box-shadow:-5px 8px 22px rgba(37,244,238,.09),5px 8px 22px rgba(254,44,85,.16)!important}
.action-tiktok:hover,.action-tiktok:focus-visible{transform:translateY(-3px) scale(1.025);border-color:rgba(254,44,85,.48);box-shadow:-7px 12px 27px rgba(37,244,238,.15),7px 12px 27px rgba(254,44,85,.25)!important;outline:none}
.action-x{background:#17131d!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 22px rgba(0,0,0,.2)!important}

.compact-work{isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 45px rgba(0,0,0,.22),0 0 0 rgba(138,0,255,0)}
.compact-work:hover,.compact-work:focus-visible{transform:translateY(-7px) scale(1.02);border-color:rgba(220,198,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 55px rgba(0,0,0,.34),0 0 34px rgba(138,0,255,.48),0 0 18px rgba(255,1,247,.3)}
.compact-work::before{content:"";position:absolute;z-index:1;inset:-35%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 52%);opacity:0;transform:scale(.72);transition:opacity .35s,transform .35s;pointer-events:none}
.compact-work:hover::before,.compact-work:focus-visible::before{opacity:1;transform:scale(1)}
.compact-work::after{z-index:2;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(13,7,26,.92))}
.compact-work img{position:absolute;z-index:1;top:17%;left:14%;width:72%;height:48%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));transition:transform .45s cubic-bezier(.2,.9,.2,1),filter .45s}
.compact-work:hover img{transform:scale(1.07);filter:drop-shadow(0 13px 24px rgba(0,0,0,.3))}
.compact-work span{z-index:3}
.brand-casa{background:linear-gradient(145deg,#f7f3ed,#d9cabb)}
.brand-campania{background:linear-gradient(145deg,#ffffff,#e8eef8)}
.brand-diadema{background:linear-gradient(145deg,#eadcc7,#bda180)}
.brand-energyco{background:radial-gradient(circle at 25% 20%,#314b3b,#12241c 58%,#07110d)}
.brand-me{background:linear-gradient(145deg,#3f322a,#17120f)}
.brand-salerno{background:radial-gradient(circle at 25% 20%,#217fba,#0b4775 55%,#041c31)}

.minecraft-showcase{grid-template-columns:1.08fr .92fr;gap:16px}
.minecraft-compact-card{border-radius:32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 66px rgba(0,0,0,.28);transition:transform .3s,border-color .3s,box-shadow .3s}
.minecraft-compact-card:hover{transform:translateY(-5px);border-color:rgba(255,1,247,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 28px 72px rgba(0,0,0,.34),0 0 28px rgba(138,0,255,.18)}
.minecraft-compact-content,.commission-card{padding:clamp(21px,2.5vw,31px)}
.minecraft-card-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-bottom:4px}
.minecraft-compact-card .warmc-mark{position:static;width:68px;height:68px;margin:0;flex:0 0 auto}
.minecraft-compact-card .card-eyebrow{font-size:.76rem}
.minecraft-compact-card h3{font-size:clamp(1.75rem,2.45vw,2.45rem);margin:6px 0 8px}
.minecraft-compact-card p{max-width:100%;font-size:.86rem;line-height:1.48}
.minecraft-compact-card .minecraft-banners{grid-template-columns:1fr;gap:7px;margin:12px 0 10px}
.minecraft-compact-card .minecraft-banners img{width:100%;max-height:58px;object-fit:contain;object-position:left center}
.minecraft-compact-card .button-row{gap:8px}
.minecraft-compact-card .button{min-height:40px;padding:0 14px;font-size:.72rem}
.commission-card .dev-card-top{margin-bottom:5px}
.commission-card .dev-icon{width:52px;height:52px}
.commission-card .minecraft-services{margin:16px 0 14px;gap:7px}
.commission-card .minecraft-services span{padding:7px 10px;font-size:.68rem}
.contact-stack{gap:8px;margin-top:auto}
.contact-stack a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:initial;gap:11px;padding:11px 13px;border-radius:15px}
.contact-stack a span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.09);color:var(--lav);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.contact-stack a strong{font-size:.82rem;line-height:1.15}
.contact-stack .contact-primary{background:var(--white);color:var(--ink);border-color:var(--white)}
.contact-stack .contact-primary span{background:rgba(138,0,255,.12);color:var(--deep)}

.reel-card img{top:-5%;bottom:auto;height:105%}

@media(min-width:701px){
  .web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(390px,62vh,500px)}
}

@media(max-width:700px){
  .screen-actions{gap:6px}
  .compact-work img{top:15%;left:12%;width:76%;height:49%}
  .minecraft-showcase{height:clamp(350px,50vh,420px);grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
  .minecraft-compact-card{border-radius:19px}
  .minecraft-compact-content,.commission-card{padding:10px 12px}
  .minecraft-card-brand{gap:7px;margin-bottom:1px}
  .minecraft-compact-card .warmc-mark{position:static;width:36px;height:36px}
  .minecraft-compact-card .card-eyebrow{font-size:.52rem}
  .minecraft-compact-card h3{font-size:1.12rem;margin:2px 0 4px}
  .minecraft-compact-card p{max-width:100%;font-size:.62rem;line-height:1.25}
  .minecraft-compact-card .minecraft-banners{grid-template-columns:1fr 1fr;gap:5px;margin:6px 0 5px}
  .minecraft-compact-card .minecraft-banners img{max-height:none}
  .minecraft-compact-card .button{min-height:28px;padding:0 8px;font-size:.54rem}
  .commission-card .dev-card-top{margin-bottom:1px}
  .commission-card .dev-icon{width:30px;height:30px}
  .commission-card .minecraft-services{margin:6px 0;gap:3px}
  .commission-card .minecraft-services span{padding:3px 5px;font-size:.49rem}
  .contact-stack{grid-template-columns:1fr 1fr;gap:4px;margin-top:auto}
  .contact-stack a{display:block;padding:6px;border-radius:9px}
  .contact-stack a span{display:block;width:max-content;margin-bottom:3px;padding:2px 4px;font-size:.43rem}
  .contact-stack a strong{display:block;font-size:.56rem}
}

@media(max-height:680px) and (min-width:701px){
  .web-showcase,.game-stage,.minecraft-showcase,.reel-grid{height:clamp(350px,58vh,410px)}
  .minecraft-compact-content,.commission-card{padding:18px 20px}
  .minecraft-compact-card .warmc-mark{width:54px;height:54px}
  .minecraft-compact-card h3{font-size:1.8rem}
  .minecraft-compact-card p{font-size:.78rem}
  .minecraft-compact-card .minecraft-banners{margin:8px 0 7px}
  .commission-card .minecraft-services{margin:9px 0}
}

/* Animated home previews */
.visual-preview::before,.visual-preview::after{display:none}
.visual-preview img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.9,.2,1),filter 1.2s}
.choice-card:hover .visual-preview img{filter:saturate(1.08) contrast(1.03)}
.visual-game img{object-position:center}
.visual-game img:nth-of-type(2){inset:-16%;width:132%;height:132%;object-fit:cover;object-position:center;padding:0;background:#23053f}
.visual-game::after{content:"";display:block;position:absolute;z-index:2;inset:0;width:auto;height:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;background:linear-gradient(180deg,transparent 50%,rgba(13,7,26,.68));pointer-events:none}
.visual-video img{top:-5%;height:105%;object-position:center}
.visual-minecraft img{object-position:center}
.visual-web img{object-fit:contain;padding:clamp(28px,3vw,48px)}
.visual-web img:nth-of-type(1){background:linear-gradient(145deg,#fff9f0,#eadcca)}
.visual-web img:nth-of-type(2){background:linear-gradient(145deg,#ffffff,#eaf3fb)}
.visual-web img:nth-of-type(3){background:linear-gradient(145deg,#f3e7df,#d9c4b8)}
.visual-web img:nth-of-type(4){background:radial-gradient(circle at 25% 20%,#314b3b,#12241c 58%,#07110d)}
.visual-web img:nth-of-type(5){background:linear-gradient(145deg,#1c1724,#08060d)}
.visual-web img:nth-of-type(6){background:radial-gradient(circle at 25% 20%,#217fba,#0b4775 55%,#041c31)}
.visual-carousel img{opacity:0;will-change:opacity,filter,transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.visual-carousel-2 img{animation-name:home-preview-cycle-2;animation-duration:10s}
.visual-carousel-2 img:nth-of-type(1){animation-delay:0s}
.visual-carousel-2 img:nth-of-type(2){animation-delay:-5s}
.visual-carousel-3 img{animation-name:home-preview-cycle-3;animation-duration:15s}
.visual-carousel-3 img:nth-of-type(1){animation-delay:0s}
.visual-carousel-3 img:nth-of-type(2){animation-delay:-10s}
.visual-carousel-3 img:nth-of-type(3){animation-delay:-5s}
.visual-carousel-6 img{animation-name:home-preview-cycle-6;animation-duration:30s}
.visual-carousel-6 img:nth-of-type(1){animation-delay:0s}
.visual-carousel-6 img:nth-of-type(2){animation-delay:-25s}
.visual-carousel-6 img:nth-of-type(3){animation-delay:-20s}
.visual-carousel-6 img:nth-of-type(4){animation-delay:-15s}
.visual-carousel-6 img:nth-of-type(5){animation-delay:-10s}
.visual-carousel-6 img:nth-of-type(6){animation-delay:-5s}
.visual-game img:nth-of-type(1){animation-delay:-.8s}
.visual-game img:nth-of-type(2){animation-delay:-5.8s}
.visual-minecraft img:nth-of-type(1){animation-delay:-1.6s}
.visual-minecraft img:nth-of-type(2){animation-delay:-11.6s}
.visual-minecraft img:nth-of-type(3){animation-delay:-6.6s}
.visual-video img:nth-of-type(1){animation-delay:-2.4s}
.visual-video img:nth-of-type(2){animation-delay:-12.4s}
.visual-video img:nth-of-type(3){animation-delay:-7.4s}
.preview-badge{position:absolute;z-index:4;top:13px;left:13px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(13,7,26,.72);color:var(--white);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.24)}
@keyframes home-preview-cycle-2{0%,40%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}50%,90%{opacity:0;filter:blur(10px) saturate(1.3);transform:scale(1.1) rotate(1.5deg)}100%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}}
@keyframes home-preview-cycle-3{0%,26.667%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}33.333%,93.333%{opacity:0;filter:blur(10px) saturate(1.3);transform:scale(1.1) rotate(1.5deg)}100%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}}
@keyframes home-preview-cycle-6{0%,13.333%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}16.667%,96.667%{opacity:0;filter:blur(10px) saturate(1.3);transform:scale(1.1) rotate(1.5deg)}100%{opacity:1;filter:blur(0) saturate(1);transform:scale(1.02) rotate(0)}}

/* Single rotating Game / Mobile feature */
.game-feature-carousel{position:relative;height:clamp(330px,55vh,440px);align-self:center;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:38px;background:#120719;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 78px rgba(0,0,0,.3)}
.game-feature-slide{position:absolute;inset:0;overflow:hidden;opacity:0;animation:game-feature-cycle 10s ease-in-out infinite;will-change:opacity,filter,transform}
.game-feature-slide:nth-child(1){animation-delay:0s}
.game-feature-slide:nth-child(2){animation-delay:-5s}
.fish-feature-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.9,.2,1),filter .7s}
.game-feature-carousel:hover .fish-feature-slide>img{transform:scale(1.035);filter:saturate(1.08)}
.game-feature-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(4,3,2,.03) 24%,rgba(8,5,3,.95) 100%),linear-gradient(90deg,rgba(5,2,10,.55),transparent 66%)}
.game-feature-copy{position:absolute;z-index:3;left:clamp(20px,3vw,36px);right:clamp(20px,3vw,36px);bottom:clamp(20px,3vw,34px)}
.game-feature-copy>span{display:inline-flex;margin-bottom:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,5,3,.6);color:#ffbe4a;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(9px)}
.game-feature-copy strong{display:block;font-family:"Baloo 2",sans-serif;font-size:clamp(2.8rem,5.8vw,5.3rem);line-height:.82;letter-spacing:-.045em;color:var(--white);filter:drop-shadow(0 8px 20px rgba(0,0,0,.62))}
.game-feature-copy p{max-width:520px;margin:10px 0 0;color:rgba(250,250,247,.76);font-size:.86rem;line-height:1.4}
.octoup-feature-slide{background:radial-gradient(circle at 50% 35%,rgba(255,207,42,.34),transparent 28%),linear-gradient(135deg,#6c22c2 0%,#31105f 49%,#12041e 100%)}
.octoup-feature-slide::before{content:"";position:absolute;z-index:0;inset:-12%;background:url("../images/pattern-loop.svg") center/420px repeat;opacity:.16;transform:rotate(-5deg) scale(1.08)}
.octoup-feature-slide .game-feature-shade{background:linear-gradient(180deg,transparent 34%,rgba(20,4,36,.93) 100%),linear-gradient(90deg,rgba(24,5,43,.7),transparent 70%)}
.octoup-scene{position:absolute;z-index:1;inset:0}
.octoup-mascot{position:absolute;left:50%;top:40%;width:58%;height:70%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(21,2,39,.42));transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(.2,.9,.2,1)}
.game-feature-carousel:hover .octoup-mascot{transform:translate(-50%,calc(-50% - 5px)) scale(1.025)}
.octoup-feature-slide .game-feature-copy{max-width:68%}
.octoup-feature-slide .game-feature-copy>span{background:rgba(53,13,95,.68);color:#fff1a7}
@keyframes game-feature-cycle{0%,40%{opacity:1;filter:blur(0);transform:scale(1)}50%,90%{opacity:0;filter:blur(8px);transform:scale(1.025)}100%{opacity:1;filter:blur(0);transform:scale(1)}}

/* Branded contact actions */
.contact-stack .contact-discord,.contact-stack .contact-email{border:0;color:#fff;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.18);transition:transform .3s cubic-bezier(.2,.9,.2,1),box-shadow .3s,filter .3s}
.contact-stack .contact-discord{background:linear-gradient(135deg,#6d78ff,#5865f2 58%,#404eed)}
.contact-stack .contact-email{background:linear-gradient(135deg,#ffca35,#ff9b21 58%,#ff6b1a);color:#231102}
.contact-stack .contact-discord span{background:rgba(255,255,255,.18);color:#fff}
.contact-stack .contact-email span{background:rgba(70,27,0,.12);color:#552000}
.contact-stack .contact-discord:hover,.contact-stack .contact-email:hover{transform:translateY(-4px) scale(1.012);filter:saturate(1.1);box-shadow:0 17px 34px rgba(0,0,0,.28)}
.contact-stack .contact-discord:hover{box-shadow:0 17px 34px rgba(88,101,242,.32)}
.contact-stack .contact-email:hover{box-shadow:0 17px 34px rgba(255,155,33,.28)}

/* Collaboration area */
.project-explorer[data-active-panel="collabora"]{overflow-y:auto}
.project-explorer[data-active-panel="collabora"] .explorer-wrap{min-height:100%;padding-bottom:72px;display:block}
.collaboration-layout{width:min(1040px,100%);height:auto;min-height:calc(100vh - 130px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(18px,2.5vh,26px)}
.collaboration-copy{width:min(880px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.collaboration-copy h2{margin:0;font-size:clamp(2.8rem,5.4vw,4.9rem)}
.collaboration-copy>p{max-width:760px;margin:0 auto}
.collaboration-copy .tags{justify-content:center;margin:4px 0 0}
.collaboration-copy .screen-actions{max-width:none;justify-content:center;margin-top:2px}
.collaboration-grid{width:100%;height:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(132px,auto);gap:10px}
.collaboration-card{min-width:0;display:flex;align-items:center;gap:14px;padding:clamp(14px,1.7vw,21px);border:1px solid rgba(220,198,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(138,0,255,.2),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 36px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .3s,box-shadow .3s}
.collaboration-card{color:var(--white);font:inherit;text-align:left;cursor:pointer}
.collaboration-card:hover{transform:translateY(-5px);border-color:rgba(255,1,247,.55);box-shadow:0 20px 44px rgba(75,0,184,.3),0 0 24px rgba(255,1,247,.13)}
.collaboration-card:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.collaboration-card{grid-column:span 2}
.collaboration-card:nth-child(4),.collaboration-card-wide{grid-column:span 3}
.role-icon{flex:0 0 auto;width:clamp(42px,4.5vw,58px);height:clamp(42px,4.5vw,58px);display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:0 11px 26px rgba(138,0,255,.35);font-family:"Baloo 2",sans-serif;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:900}
.role-copy{min-width:0;display:block}.role-copy>span{display:block;color:var(--pink);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.role-copy strong{display:block;margin:2px 0 3px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1}.role-copy small{display:block;color:var(--muted);font-size:clamp(.7rem,.9vw,.82rem);line-height:1.3}
.collaboration-card>div{min-width:0}.collaboration-card div>span{color:var(--pink);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.collaboration-card h3{margin:2px 0 3px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1}
.collaboration-card p{margin:0;color:var(--muted);font-size:clamp(.7rem,.9vw,.82rem);line-height:1.3}
.collaboration-footer{width:100%;display:flex;justify-content:center;align-items:center;padding:2px 0 10px}

/* Collaboration form, privacy and cookie notice */
.collaboration-open{border:0;cursor:pointer;font:900 .78rem "Nunito",sans-serif}
.collaboration-primary{min-height:58px!important;padding:0 34px!important;background:linear-gradient(135deg,#ffd448,#ff9b22 58%,#ff7424)!important;color:#241005!important;font-size:.94rem!important;letter-spacing:.02em;box-shadow:0 14px 34px rgba(255,139,31,.27),0 0 0 1px rgba(255,255,255,.3) inset!important;transform-origin:center;will-change:transform;backface-visibility:hidden;animation:collaboration-cta 5s cubic-bezier(.37,0,.63,1) infinite}
.collaboration-primary:hover,.collaboration-primary:focus-visible{box-shadow:0 20px 44px rgba(255,130,24,.38),0 0 25px rgba(255,201,55,.18)!important;outline:none}
@keyframes collaboration-cta{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.social-pending{opacity:.62;cursor:not-allowed;user-select:none}
.site-dialog{width:min(940px,calc(100% - 28px));max-height:92vh;margin:auto;padding:0;border:1px solid rgba(220,198,255,.24);border-radius:32px;background:transparent;color:var(--white);box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 70px rgba(138,0,255,.18);overflow:hidden}
.site-dialog::backdrop{background:rgba(7,2,14,.78);backdrop-filter:blur(13px)}
.dialog-shell{position:relative;max-height:92vh;padding:clamp(22px,3.3vw,38px);overflow-y:auto;background:radial-gradient(circle at 90% 0,rgba(255,1,247,.15),transparent 34%),linear-gradient(145deg,#1e0834,#0d071a 72%)}
.dialog-close{position:sticky;z-index:3;top:0;float:right;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:var(--white);font:700 1.55rem/1 "Nunito",sans-serif;cursor:pointer;backdrop-filter:blur(12px);transition:.25s}
.dialog-close:hover,.dialog-close:focus-visible{transform:rotate(5deg) scale(1.06);border-color:rgba(255,1,247,.58);outline:none}
.dialog-heading{padding-right:54px}.dialog-heading h2{max-width:760px;margin:7px 0 8px;font-family:"Baloo 2",sans-serif;font-size:clamp(2.35rem,5vw,4.4rem);line-height:.86;letter-spacing:-.04em;text-transform:uppercase}.dialog-heading h2 em{font-style:normal;color:var(--pink)}.dialog-heading p{max-width:720px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.48}.dialog-heading p strong{color:var(--white)}
.collaboration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.collaboration-form label{display:grid;gap:7px}.collaboration-form label>span{color:rgba(250,250,247,.76);font-size:.76rem;font-weight:900;letter-spacing:.035em}.collaboration-form label>span small{font:700 .68rem "Nunito",sans-serif;color:rgba(250,250,247,.48)}.collaboration-form input,.collaboration-form select,.collaboration-form textarea{width:100%;border:1px solid rgba(220,198,255,.2);border-radius:15px;background:rgba(255,255,255,.065);color:var(--white);font:700 .9rem "Nunito",sans-serif;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.collaboration-form input,.collaboration-form select{height:48px;padding:0 14px}.collaboration-form textarea{min-height:120px;padding:13px 14px;resize:vertical}.collaboration-form option{background:#1b0a2c;color:var(--white)}.collaboration-form input::placeholder,.collaboration-form textarea::placeholder{color:rgba(250,250,247,.34)}.collaboration-form input:focus,.collaboration-form select:focus,.collaboration-form textarea:focus{border-color:rgba(255,1,247,.68);background:rgba(138,0,255,.09);box-shadow:0 0 0 4px rgba(138,0,255,.13)}.form-wide{grid-column:1/-1}
.privacy-check{grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;padding:12px 14px;border:1px solid rgba(220,198,255,.14);border-radius:15px;background:rgba(255,255,255,.04)}.privacy-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--pink)}.privacy-check>span{font-weight:700!important;line-height:1.45}.privacy-check button{padding:0;border:0;background:none;color:#e7baff;font:inherit;text-decoration:underline;cursor:pointer}
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin:0;padding:12px 14px;border:1px solid rgba(220,198,255,.16);border-radius:15px;background:rgba(255,255,255,.05);color:var(--lav);font-size:.82rem;font-weight:800;line-height:1.4}.form-status[hidden]{display:none}.form-status.is-success{border-color:rgba(106,255,191,.34);background:rgba(48,190,129,.1);color:#baffdc}.form-status.is-error{border-color:rgba(255,105,132,.4);background:rgba(255,62,104,.1);color:#ffc3d0}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-footer p{max-width:560px;margin:0;color:rgba(250,250,247,.48);font-size:.72rem;line-height:1.4}.form-submit{flex:0 0 auto;min-height:56px!important;padding:0 28px!important;border:0;cursor:pointer;background:linear-gradient(135deg,var(--pink),var(--purple))!important;color:var(--white)!important;font:900 .9rem "Nunito",sans-serif;box-shadow:0 14px 32px rgba(138,0,255,.34);transition:transform .25s,box-shadow .25s,opacity .25s}.form-submit:hover,.form-submit:focus-visible{transform:translateY(-3px) scale(1.025);box-shadow:0 19px 42px rgba(138,0,255,.46);outline:none}.form-submit:disabled{cursor:wait;opacity:.66;transform:none}
.privacy-shell{width:100%}.privacy-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.privacy-content section{padding:17px;border:1px solid rgba(220,198,255,.14);border-radius:18px;background:rgba(255,255,255,.045)}.privacy-content h3{margin:0 0 6px;font-family:"Baloo 2",sans-serif;font-size:1.12rem;line-height:1}.privacy-content p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.privacy-content a{color:#e4b7ff}.privacy-sources{grid-column:1/-1}.privacy-sources p{display:flex;flex-wrap:wrap;gap:10px}.privacy-sources a{display:inline-flex;padding:8px 11px;border:1px solid rgba(220,198,255,.18);border-radius:999px;text-decoration:none}
.cookie-notice{position:fixed;z-index:2200;left:50%;bottom:18px;width:min(840px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid rgba(220,198,255,.22);border-radius:22px;background:rgba(20,7,35,.94);color:var(--white);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 32px rgba(138,0,255,.15);backdrop-filter:blur(18px);transform:translateX(-50%);animation:cookie-in .48s cubic-bezier(.2,.9,.2,1) both}.cookie-notice[hidden]{display:none}.cookie-notice strong{font-family:"Baloo 2",sans-serif;font-size:1.08rem}.cookie-notice p{margin:2px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.cookie-actions{display:flex;gap:8px;flex:0 0 auto}.cookie-actions .button{min-height:40px;border:0;cursor:pointer;font:900 .75rem "Nunito",sans-serif}.cookie-actions .ghost{border:1px solid rgba(255,255,255,.18)}
.legal-links{position:fixed;z-index:210;right:18px;bottom:11px;display:flex;gap:5px}.legal-links button{padding:5px 8px;border:0;border-radius:999px;background:rgba(13,7,26,.62);color:rgba(250,250,247,.48);font:800 .61rem "Nunito",sans-serif;cursor:pointer;backdrop-filter:blur(9px);transition:.2s}.legal-links button:hover,.legal-links button:focus-visible{color:var(--white);background:rgba(138,0,255,.25);outline:none}
@keyframes cookie-in{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:950px) and (min-width:701px){
  .collaboration-layout{min-height:calc(100vh - 116px);gap:16px}
  .collaboration-copy h2{font-size:clamp(2.5rem,6vw,3.6rem)}
  .collaboration-grid{grid-auto-rows:minmax(116px,auto)}
}

@media(max-width:700px){
  .preview-badge{top:8px;left:8px;padding:5px 7px;font-size:.46rem}
  .video-copy>p{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.64rem;line-height:1.24}
  .game-feature-carousel{height:clamp(280px,40vh,330px);border-radius:23px}
  .game-feature-copy{left:15px;right:14px;bottom:14px}
  .game-feature-copy>span{margin-bottom:6px;padding:5px 7px;font-size:.47rem;letter-spacing:.05em}
  .game-feature-copy strong{font-size:clamp(2rem,11vw,3rem)}
  .game-feature-copy p{max-width:88%;margin-top:5px;font-size:.62rem;line-height:1.25}
  .octoup-feature-slide .game-feature-copy{max-width:94%}
  .octoup-mascot{left:50%;top:38%;width:62%;height:62%}
  .project-explorer[data-active-panel="collabora"]{overflow-y:auto}
  .project-explorer[data-active-panel="collabora"] .explorer-wrap{height:auto;min-height:100%;padding-bottom:90px;display:block}
  .project-explorer[data-active-panel="collabora"] .explorer-header{position:relative}
  .project-explorer[data-active-panel="collabora"] .fixed-panel.active{height:auto;min-height:0;padding:8px 0 34px}
  .collaboration-layout{width:100%;min-height:0;margin:0;display:flex;gap:14px}
  .collaboration-copy{width:100%;display:flex;align-items:center;gap:7px;text-align:center}
  .collaboration-copy h2{font-size:clamp(2.25rem,12vw,3.2rem);margin:0;line-height:.86}
  .collaboration-copy .tags{justify-content:center;margin:2px 0}
  .collaboration-copy .screen-actions{width:100%;max-width:none;justify-content:center;margin-top:1px}
  .collaboration-copy>p{display:block;overflow:visible;font-size:.86rem;line-height:1.45;max-width:34rem}
  .collaboration-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:9px}
  .collaboration-footer{padding:4px 0 14px}
  .collaboration-footer .collaboration-primary{width:min(100%,340px);justify-content:center}
  .collaboration-card,.collaboration-card:nth-child(4),.collaboration-card-wide{grid-column:1;min-height:104px;gap:12px;padding:14px;border-radius:19px}
  .role-icon{width:46px;height:46px;border-radius:14px;font-size:1rem}
  .collaboration-card h3{font-size:1.08rem}
  .collaboration-card p{font-size:.74rem;line-height:1.3}
  .collaboration-card div>span{font-size:.53rem}
  .role-copy>span{font-size:.53rem}.role-copy strong{font-size:1.08rem}.role-copy small{font-size:.74rem;line-height:1.3}
  .site-dialog{width:min(100% - 16px,940px);border-radius:23px}.dialog-shell{padding:18px 14px 20px}.dialog-close{width:36px;height:36px}.dialog-heading{padding-right:42px}.dialog-heading h2{font-size:clamp(2rem,11vw,3rem)}.dialog-heading p{font-size:.8rem}.collaboration-form{grid-template-columns:1fr;gap:10px;margin-top:16px}.form-wide{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column}.form-submit{width:100%;justify-content:center}.privacy-content{grid-template-columns:1fr;gap:8px}.privacy-sources{grid-column:auto}.privacy-content section{padding:14px}.cookie-notice{bottom:10px;align-items:stretch;flex-direction:column;gap:12px;padding:14px}.cookie-actions{width:100%}.cookie-actions .button{flex:1;justify-content:center}.legal-links{right:8px;bottom:5px}
}

@media(min-width:701px){.game-feature-carousel{height:clamp(390px,62vh,500px)}}
@media(max-width:950px) and (min-width:701px){.game-feature-carousel{height:clamp(320px,53vh,410px)}}
@media(max-height:680px) and (min-width:701px){.game-feature-carousel{height:clamp(350px,58vh,410px)}}

@media(prefers-reduced-motion:reduce){
  .home-page:not(.panel-open) .availability,.home-page:not(.panel-open) .availability::before{animation:none!important}
  .collaboration-primary{animation:none!important}
  .cookie-notice{animation:none!important}
  .visual-carousel img{animation:none!important;opacity:0}
  .visual-carousel img:first-of-type{opacity:1}
  .game-feature-slide{animation:none!important;opacity:0}
  .game-feature-slide:first-child{opacity:1}
}