.hero {
  background:
    radial-gradient(ellipse at 18% 18%, rgba(23, 104, 172, .34), transparent 38%),
    radial-gradient(ellipse at 82% 66%, rgba(43, 130, 201, .2), transparent 42%),
    linear-gradient(132deg, #041522 0%, #07243d 48%, #0a3152 100%);
}
.hero-molten { position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.82; mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 56%,rgba(0,0,0,.42) 100%); }
.hero-molten canvas { width:100%; height:100%; display:block; }
.hero-molten.is-fallback { background:radial-gradient(ellipse at 30% 72%,rgba(245,200,76,.13),transparent 32%),radial-gradient(ellipse at 66% 18%,rgba(43,130,201,.22),transparent 38%); }
.hero::before { z-index:1; }
.hero-grid,.hero-scroll { z-index:2; }
.hero::before {
  opacity: 1;
  background:
    linear-gradient(112deg, transparent 0 38%, rgba(255,255,255,.035) 38% 38.2%, transparent 38.2% 100%),
    linear-gradient(180deg, transparent 62%, rgba(3,17,30,.34));
  mask-image: none;
}
.hero-orbit { display: none; }
.hero-title { line-height: .94; letter-spacing: -.044em; }
.hero-title span + span { margin-top: .1em; }
.experience-stage { border-radius: 32px; box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.loop-overlay h2 { line-height: .94; }
.section-heading h2,
.page-hero h1,
.closing-cta h2 { line-height: .92; }
.story-intro h2 { line-height: .94; }
.story-step h3 { line-height: .98; }
.detail-hero h1 { line-height: .92; }
.listing-card h2 { line-height: 1; }
.category-more { display:flex; justify-content:flex-end; margin-top:30px; }

.category-card,
.reference-card__media,
.listing-card { border-radius: 22px; }
.category-card__visual > i {
  width: 56%;
  height: 42%;
  border: 0;
  border-radius: 3px;
  background: linear-gradient(135deg, var(--color-brand-blue), #59a3d9);
  transform: translate(-50%,-50%) skew(-9deg) rotate(-3deg);
}
.category-card--yellow .category-card__visual > i { background: linear-gradient(135deg, #d8a926, var(--color-academy-yellow)); }
.category-card--green .category-card__visual > i { background: linear-gradient(135deg, #3f7f30, #80b969); }
.category-card { height:570px; min-height:570px; max-height:570px; }
.category-card__visual { height:260px; min-height:260px; max-height:260px; flex:0 0 260px; }
.category-card__visual picture { width:100%; height:100%; display:block; overflow:hidden; }
.category-card__visual img { width:100%; height:100%; object-fit:cover; transform:scale(1.04); }
.category-card:hover .category-card__visual img { transform:scale(1.09); }
.category-card__content { min-height:0; overflow:hidden; }
.category-card__content h3 {
  display:-webkit-box;
  overflow:hidden;
  font-size:clamp(32px,2.35vw,40px);
  line-height:.98;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.category-card__content p {
  display:-webkit-box;
  overflow:hidden;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.nav-actions { justify-self:end; }
.mobile-menu { z-index:2; min-height:calc(100dvh + 20px); overflow-y:auto; background:linear-gradient(145deg,#041522 0%,#082b49 72%,#0d3f65 100%); box-shadow:0 30px 80px rgba(0,0,0,.34); }


.activity-page-hero { padding-top: 150px; padding-bottom: 72px; }
.activity-page-hero__mark {
  height: 280px;
  aspect-ratio: auto;
  display: block;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(23,104,172,.2), rgba(43,130,201,.04));
}
.activity-page-hero__mark > span {
  position: absolute;
  left: 26px;
  bottom: -13px;
  color: rgba(255,255,255,.12);
  font-size: 210px;
}
.activity-page-hero__mark > i {
  width: 72%;
  height: 22px;
  top: 70px;
  left: 42px;
  border: 0;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--color-brand-blue), var(--color-academy-yellow));
  transform: rotate(-13deg);
}
.activity-placeholder > i:nth-of-type(1) {
  width: 58%;
  height: 28px;
  top: 39%;
  left: 12%;
  border: 0;
  border-radius: 2px;
  background: var(--color-brand-blue);
  transform: rotate(-12deg);
}
.activity-placeholder > i:nth-of-type(2) { border-radius: 3px; }

/* Content families use different compositions instead of a repeated hero block. */
.reference-index-hero {
  min-height: 760px; position: relative; display: flex; align-items: center; overflow: hidden;
  padding: 150px 0 86px;
  background: radial-gradient(circle at 78% 18%, rgba(245,200,76,.2), transparent 23%), linear-gradient(125deg, #07315a 0%, #1768ac 54%, #2b82c9 100%);
  background-size: 120% 120%; color: white; animation: surfaceDrift 15s ease-in-out infinite alternate;
}
.reference-index-hero::after { content:""; width:44vw; height:1px; position:absolute; right:-7vw; bottom:16%; transform:rotate(-13deg); background:rgba(255,255,255,.23); }
.reference-index-hero__grid { display:grid; grid-template-columns:minmax(0,.83fr) minmax(520px,1.17fr); align-items:center; gap:clamp(56px,7vw,120px); }
.reference-index-hero__copy { position:relative; z-index:2; }
.reference-index-hero h1 { margin:0 0 28px; font:700 clamp(5rem,8.4vw,9rem)/.96 var(--font-display); letter-spacing:-.04em; text-transform:uppercase; }
.reference-index-hero h1 em { color:var(--color-academy-yellow); }
.reference-index-hero__copy>p:not(.eyebrow) { max-width:510px; color:#d8e9f5; font-size:18px; }
.reference-index-hero .arrow-link { margin-top:24px; }
.reference-showcase { min-height:500px; position:relative; }
.reference-showcase__item { position:absolute; display:block; overflow:hidden; border:1px solid rgba(255,255,255,.22); background:#0c3961; box-shadow:0 28px 65px rgba(2,18,32,.28); }
.reference-showcase__item picture,.reference-showcase__item img { position:absolute; inset:0; }
.reference-showcase__item::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(2,17,30,.8)); }
.reference-showcase__item>span { position:absolute; z-index:2; right:18px; bottom:15px; left:18px; font:600 13px var(--font-ui); text-transform:uppercase; }
.reference-showcase__item--1 { width:62%; height:72%; top:2%; right:5%; z-index:2; border-radius:6px 54px 6px 6px; transform:rotate(2deg); }
.reference-showcase__item--2 { width:47%; height:53%; bottom:0; left:0; z-index:3; border-radius:38px 5px 5px; transform:rotate(-3deg); }
.reference-showcase__item--3 { width:32%; height:38%; right:0; bottom:1%; z-index:4; border-radius:5px 5px 34px 5px; transform:rotate(4deg); }
.reference-showcase__empty { height:460px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); }
.reference-showcase__empty span { font:700 15rem/.8 var(--font-display); color:rgba(255,255,255,.1); }
.reference-showcase__empty b { position:absolute; font:500 12px var(--font-mono); }

.reference-detail-hero { min-height:780px; position:relative; display:flex; align-items:flex-end; overflow:hidden; padding:170px 0 82px; color:white; background:#051627; }
.reference-detail-hero__backdrop { position:absolute; inset:0; }
.reference-detail-hero__backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,15,27,.94) 0%,rgba(2,15,27,.76) 45%,rgba(2,15,27,.2) 100%),linear-gradient(0deg,rgba(2,15,27,.72),transparent 55%); }
.reference-detail-hero__content { position:relative; z-index:2; }
.reference-detail-hero h1 { max-width:1100px; margin:0 0 26px; font:700 clamp(4.6rem,8vw,8.5rem)/.98 var(--font-display); letter-spacing:-.035em; text-wrap:balance; text-transform:uppercase; }
.reference-detail-hero h1 em { color:var(--color-academy-yellow); }
.reference-detail-hero__content>p:not(.eyebrow) { max-width:560px; color:#d7e5ef; font-size:18px; }
.reference-detail-hero__cue { position:absolute; right:0; bottom:5px; display:flex; align-items:center; gap:24px; font:500 11px var(--font-mono); }.reference-detail-hero__cue i{font-size:22px;font-style:normal}

.editorial-page-hero { position:relative; overflow:hidden; padding:190px 0 90px; background:linear-gradient(135deg,#edf5f9 0%,#dceaf2 55%,#f7edd0 100%); }
.editorial-page-hero::before { content:""; width:48%; height:20px; position:absolute; right:-4%; top:43%; transform:rotate(-8deg); background:linear-gradient(90deg,var(--color-brand-blue),var(--color-academy-yellow)); }
.editorial-page-hero__grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); align-items:end; gap:80px; }
.editorial-page-hero h1 { max-width:900px; margin:0; font:700 clamp(4.8rem,9vw,9rem)/.98 var(--font-display); letter-spacing:-.04em; text-transform:uppercase; }
.editorial-page-hero__aside { position:relative; z-index:1; padding:30px; border-top:1px solid rgba(7,28,51,.28); background:rgba(255,255,255,.55); backdrop-filter:blur(12px); }
.editorial-page-hero__aside>span { position:absolute; right:12px; bottom:-35px; z-index:-1; font:700 150px/.8 var(--font-display); color:rgba(23,104,172,.1); }
.editorial-page-hero__aside p { margin:0; font-size:18px; }
.editorial-prose { position:relative; }
.editorial-page-hero__media { height:230px; margin:-30px -30px 24px; overflow:hidden; }

.about-page-hero { min-height:820px; position:relative; display:flex; align-items:center; overflow:hidden; padding:150px 0 82px; background:linear-gradient(130deg,#041522 0%,#092d4d 55%,#0d4775 100%); color:white; }
.about-page-hero::before { content:""; position:absolute; inset:0; opacity:.35; background:linear-gradient(110deg,transparent 0 48%,rgba(255,255,255,.08) 48% 48.15%,transparent 48.15%),radial-gradient(circle at 15% 78%,rgba(245,200,76,.22),transparent 22%); }
.about-page-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); align-items:center; gap:clamp(60px,8vw,130px); }
.about-page-hero__copy h1 { margin:0 0 30px; font:700 clamp(5rem,7.8vw,8.5rem)/.98 var(--font-display); letter-spacing:-.04em; text-wrap:balance; text-transform:uppercase; }
.about-page-hero__copy h1 em { color:var(--color-academy-yellow); }
.about-page-hero__copy>p:not(.eyebrow) { max-width:560px; color:#c8ddea; font-size:18px; }
.about-page-hero__stamp { display:flex; align-items:center; gap:12px; margin-top:38px; color:#d6e6f0; font:500 11px var(--font-mono); letter-spacing:.06em; }
.about-page-hero__stamp i { width:5px; aspect-ratio:1; border-radius:50%; background:var(--color-academy-yellow); }
.about-page-hero__visual { min-height:570px; position:relative; overflow:hidden; border-radius:5px 72px 5px 5px; background:linear-gradient(145deg,#1768ac,#79b6dc); box-shadow:0 35px 85px rgba(0,0,0,.3); transform:rotate(1.5deg); }
.about-page-hero__visual::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(2,17,30,.7)); }
.about-page-hero__visual picture,.about-page-hero__visual img { position:absolute; inset:0; }
.about-page-hero__index { position:absolute; z-index:2; top:24px; left:25px; padding:8px 11px; border:1px solid rgba(255,255,255,.4); border-radius:999px; font:500 10px var(--font-mono); }
.about-page-hero__words { height:100%; display:flex; justify-content:center; flex-direction:column; padding:42px; font:700 clamp(4rem,6vw,7rem)/.94 var(--font-display); text-transform:uppercase; }
.about-page-hero__words span:nth-child(even) { color:var(--color-academy-yellow); transform:translateX(8%); }
.about-page-hero__shape { position:absolute; z-index:1; pointer-events:none; }
.about-page-hero__shape--one { width:115px; height:24px; top:22%; right:43%; transform:rotate(-14deg); background:var(--color-academy-yellow); animation:aboutFloat 7s ease-in-out infinite alternate; }
.about-page-hero__shape--two { width:55px; aspect-ratio:1; right:4%; bottom:9%; border:12px solid var(--color-academy-green); transform:rotate(12deg); animation:aboutFloat 9s ease-in-out -2s infinite alternate-reverse; }

.categories-section { position:relative; background:linear-gradient(150deg,#e7f2f8 0%,#fff9e9 52%,#e5f1e1 100%); }
.categories-section::before { content:""; width:420px; aspect-ratio:1; position:absolute; top:7%; left:-190px; border:1px solid rgba(23,104,172,.22); border-radius:46% 54% 63% 37%; animation:ambientTurn 18s linear infinite; }
.categories-section::after { content:""; width:70px; height:18px; position:absolute; right:7%; top:13%; transform:rotate(12deg); background:var(--color-academy-yellow); box-shadow:110px 370px 0 var(--color-academy-green); animation:ambientBob 6s ease-in-out infinite alternate; }
.categories-section>.container,.categories-section>.wide-container { position:relative; z-index:1; }
.category-heading { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); align-items:end; gap:clamp(60px,9vw,150px); margin-bottom:64px; }
.category-heading .section-heading { margin-bottom:0; }
.category-heading__play { min-height:260px; position:relative; display:flex; justify-content:flex-end; flex-direction:column; overflow:hidden; padding:30px; border:1px solid rgba(23,104,172,.18); border-radius:32px 5px 32px 5px; background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(208,233,246,.65)); box-shadow:0 22px 55px rgba(7,28,51,.08); }
.category-heading__play span { width:max-content; padding:5px 10px; margin-bottom:5px; transform:rotate(-2deg); background:var(--color-brand-blue); color:white; font:700 28px/.9 var(--font-display); }
.category-heading__play span:nth-child(2) { margin-left:42px; transform:rotate(2deg); background:var(--color-academy-yellow); color:var(--color-experience-navy); }
.category-heading__play span:nth-child(3) { margin-left:14px; background:var(--color-academy-green); }
.category-heading__play b { position:absolute; right:26px; bottom:31px; font:600 11px/1.35 var(--font-mono); text-align:right; }
.category-heading__play i { width:86px; aspect-ratio:1; position:absolute; top:-24px; right:-18px; border:18px solid rgba(23,104,172,.13); border-radius:50%; }
.references-section { position:relative; overflow:hidden; background:radial-gradient(circle at 8% 22%,rgba(43,130,201,.14),transparent 30%),linear-gradient(145deg,#fff 0%,#edf6fa 55%,#fdf6df 100%); }
.references-section::before { content:""; width:520px; height:520px; position:absolute; right:-270px; top:15%; border:60px solid rgba(23,104,172,.055); border-radius:50%; animation:ambientPulse 8s ease-in-out infinite alternate; }
.references-section::after { content:""; position:absolute; inset:0; opacity:.18; pointer-events:none; background-image:radial-gradient(circle,rgba(7,28,51,.35) 1px,transparent 1.5px); background-size:34px 34px; mask-image:linear-gradient(90deg,transparent 45%,#000); }
.references-section>.container { position:relative; z-index:1; }
.story-section { position:relative; isolation:isolate; overflow:visible; background:radial-gradient(ellipse at 72% var(--story-nebula-y,18%),rgba(23,104,172,.26),transparent 34%),linear-gradient(165deg,#010914 0%,#031425 44%,#082b49 100%); }
.story-section::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.34; background:linear-gradient(118deg,transparent 0 48%,rgba(245,200,76,.1) 49%,transparent 50%),radial-gradient(ellipse at 50% 48%,rgba(43,130,201,.16),transparent 44%); transform:translateY(var(--story-shift,0)); }
.story-section::after { content:"03 / ROTA"; position:absolute; z-index:2; right:max(22px,calc((100% - var(--page-max-width))/2)); top:120px; color:rgba(183,218,242,.46); font:500 9px var(--font-mono); letter-spacing:.18em; writing-mode:vertical-rl; }
.story-space { position:absolute; z-index:0; inset:0; overflow:clip; pointer-events:none; }
.story-space::before { content:""; width:70%; height:38%; position:sticky; top:28%; left:20%; display:block; opacity:.28; background:conic-gradient(from 140deg at 50% 50%,transparent,rgba(43,130,201,.2),transparent 42%,rgba(245,200,76,.09),transparent 68%); filter:blur(65px); transform:scale(1.3) rotate(var(--story-rotate,0deg)); }
.story-space canvas { width:100%; height:100vh; position:sticky; top:0; display:block; }
.story-section>.container { position:relative; z-index:2; }
.story-intro { text-shadow:0 8px 30px rgba(0,0,0,.26); }
.story-step { position:relative; }
.story-step::after { content:""; width:36px; height:1px; position:absolute; top:-1px; left:0; background:linear-gradient(90deg,var(--color-academy-yellow),transparent); box-shadow:0 0 18px rgba(245,200,76,.35); }
.story-step.is-visible h3 { text-shadow:0 0 34px rgba(43,130,201,.12); }
.closing-cta { background:linear-gradient(180deg,#edf5f8,#fff8e6); }
.closing-cta__inner { background:radial-gradient(circle at 83% 23%,rgba(245,200,76,.24),transparent 20%),linear-gradient(130deg,#0d5794,#1768ac 52%,#2b82c9); }
.listing-section { background:linear-gradient(160deg,#f6f9fa 0%,#eef4f2 50%,#faf6e9 100%); }
.reference-detail-page { background:linear-gradient(145deg,#fff 0%,#f0f6f8 55%,#faf5e6 100%); }
.site-footer { background:radial-gradient(circle at 78% 15%,rgba(23,104,172,.22),transparent 28%),linear-gradient(135deg,#03111f,#082944 70%,#0b3552); }
@keyframes surfaceDrift { from { background-position:0 0; } to { background-position:100% 38%; } }
@keyframes ambientTurn { to { transform:rotate(360deg); } }
@keyframes ambientBob { from { translate:0 -8px; } to { translate:0 12px; } }
@keyframes ambientPulse { from { transform:scale(.92) rotate(-8deg); } to { transform:scale(1.08) rotate(8deg); } }
@keyframes aboutFloat { from { translate:0 -10px; } to { translate:12px 14px; } }

.site-preloader { position:fixed; inset:0; z-index:10000; display:none; place-items:center; overflow:hidden; background:linear-gradient(132deg,#020d18 0%,#041b30 45%,#082f50 100%); color:white; opacity:0; visibility:hidden; transition:opacity .8s ease,visibility .8s ease,clip-path .85s cubic-bezier(.7,0,.2,1); clip-path:inset(0); }
html.has-entry-preloader .site-preloader { display:grid; opacity:1; visibility:visible; }
html.is-preloader-leaving .site-preloader { opacity:0; visibility:hidden; clip-path:inset(0 0 100% 0); }
html.is-loading,html.is-loading body { overflow:hidden; }
.site-preloader::before { content:""; width:105vw; height:78vh; position:absolute; left:-8vw; top:7vh; background:conic-gradient(from 118deg at 52% 52%,transparent 0 14%,rgba(23,104,172,.66) 23%,rgba(43,130,201,.2) 35%,transparent 47%,rgba(245,200,76,.25) 58%,transparent 72%); filter:blur(72px); transform:skewX(-14deg) scale(1.2); animation:preloaderAurora 5.8s ease-in-out infinite alternate; }
.site-preloader::after { content:"AKTİVİTE AKADEMİSİ / 2026"; position:absolute; right:28px; bottom:24px; color:rgba(255,255,255,.42); font:500 9px var(--font-mono); letter-spacing:.14em; }
.site-preloader__atmosphere { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.site-preloader__atmosphere i { width:82vw; height:18vh; position:absolute; left:8vw; display:block; opacity:.38; background:linear-gradient(90deg,transparent,rgba(43,130,201,.82),rgba(245,200,76,.24),transparent); filter:blur(34px); transform:rotate(-12deg) skewX(-24deg); animation:preloaderCurrent 4.6s ease-in-out infinite alternate; }
.site-preloader__atmosphere i:nth-child(1) { top:8%; }
.site-preloader__atmosphere i:nth-child(2) { top:45%; left:-12vw; opacity:.22; animation-delay:-1.8s; animation-direction:alternate-reverse; }
.site-preloader__atmosphere i:nth-child(3) { top:77%; left:28vw; opacity:.18; animation-delay:-3s; }
.site-preloader__inner { width:min(calc(100% - 44px),860px); position:relative; z-index:2; display:grid; justify-items:center; text-align:center; }
.site-preloader[hidden] { display:none; }
.site-preloader__brand { width:100%; display:grid; justify-items:center; gap:18px; animation:preloaderLogo 1.1s cubic-bezier(.2,.8,.2,1) both; }
.site-preloader__brand small { color:#b9d3e5; font:500 9px var(--font-mono); letter-spacing:.24em; }
.site-preloader__masked-heading { width:100%; display:grid; justify-items:center; font:700 clamp(4rem,10.5vw,8.4rem)/.9 var(--font-display); letter-spacing:-.04em; text-transform:uppercase; }
.site-preloader__masked-heading span { display:block; color:transparent; background:linear-gradient(108deg,#f5c84c 2%,#fff3bc 20%,#36a0e4 43%,#0f568f 62%,#f5c84c 82%,#d8efff 100%); background-size:260% 180%; background-position:0 50%; -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 12px 34px rgba(7,71,119,.32)); animation:preloaderMaskedMedia 3.4s ease-in-out infinite alternate,preloaderWordReveal .9s cubic-bezier(.18,.8,.18,1) both; }
.site-preloader__masked-heading span:nth-child(2) { animation-delay:-1.1s,.08s; }
.site-preloader__masked-heading span:nth-child(3) { animation-delay:-2.2s,.16s; }
.site-preloader__flow { width:100%; margin:20px 0 4px; }
.site-preloader__flow svg { width:100%; height:auto; display:block; overflow:visible; }
.site-preloader__flow path { fill:none; stroke-linecap:round; }
.site-preloader__flow-bed { stroke:rgba(133,187,224,.14); stroke-width:17; }
.site-preloader__flow-glow { stroke:var(--color-bright-blue); stroke-width:9; opacity:.32; filter:blur(8px); stroke-dasharray:.26 .74; animation:preloaderFlow 2s linear infinite; }
.site-preloader__flow-core { stroke:var(--color-academy-yellow); stroke-width:2.4; stroke-dasharray:.09 .91; filter:drop-shadow(0 0 8px rgba(245,200,76,.85)); animation:preloaderFlow 1.45s linear infinite; }
.site-preloader__status { display:flex; align-items:center; justify-content:space-between; width:100%; padding-top:16px; border-top:1px solid rgba(255,255,255,.16); }
.site-preloader__status p { margin:0; font:600 12px var(--font-mono); letter-spacing:.12em; }
.site-preloader__status p span { color:var(--color-academy-yellow); }
.site-preloader__status b { color:#789bb4; font:500 9px var(--font-mono); letter-spacing:.1em; }
@keyframes preloaderLogo { from { opacity:0; transform:translateY(18px) scale(.92); } to { opacity:1; transform:none; } }
@keyframes preloaderFlow { to { stroke-dashoffset:-1; } }
@keyframes preloaderAurora { from { transform:skewX(-14deg) scale(1.08) translate3d(-3%,0,0); } to { transform:skewX(-8deg) scale(1.28) translate3d(4%,-3%,0); } }
@keyframes preloaderCurrent { from { transform:translate3d(-9%,0,0) rotate(-12deg) skewX(-24deg); } to { transform:translate3d(10%,18px,0) rotate(-7deg) skewX(-18deg); } }
@keyframes preloaderMaskedMedia { from { background-position:0 50%; } to { background-position:100% 50%; } }
@keyframes preloaderWordReveal { from { opacity:0; transform:translateY(.55em); clip-path:inset(100% 0 0); } to { opacity:1; transform:none; clip-path:inset(0); } }

@media (hover:hover) and (pointer:fine) {
  html.has-custom-cursor,html.has-custom-cursor body,html.has-custom-cursor a,html.has-custom-cursor button,html.has-custom-cursor input,html.has-custom-cursor textarea,html.has-custom-cursor select,html.has-custom-cursor label { cursor:none!important; }
  .aa-cursor,.aa-cursor-trail { position:fixed; z-index:12000; top:0; left:0; pointer-events:none; opacity:0; transition:opacity .2s ease; }
  .aa-cursor.is-visible,.aa-cursor-trail.is-visible { opacity:1; }
  .aa-cursor__pointer { width:22px; height:27px; position:absolute; left:-2px; top:-2px; overflow:visible; transform-origin:3px 3px; filter:drop-shadow(0 0 2px #69b9f0) drop-shadow(0 0 6px rgba(43,130,201,.72)); transition:transform .16s ease,filter .2s ease; }
  .aa-cursor__pointer path { fill:#030b13; stroke:#fff; stroke-width:3.2; stroke-linejoin:round; stroke-linecap:round; }
  .aa-cursor.is-interactive .aa-cursor__pointer { transform:scale(1.04) rotate(-2deg); filter:drop-shadow(0 0 3px #8bd2ff) drop-shadow(0 0 8px rgba(43,130,201,.9)); }
  .aa-cursor.is-pressed .aa-cursor__pointer { transform:scale(.88); }
  .aa-cursor-trail__star { width:7px; height:7px; position:absolute; display:block; transition:width .2s ease,height .2s ease; }
  .aa-cursor-trail__star::before { content:""; position:absolute; inset:0; clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%); background:#fff5bd; filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px var(--color-academy-yellow)) drop-shadow(0 0 11px rgba(43,130,201,.8)); }
  .aa-cursor-trail__star::after { content:""; width:20px; height:1px; position:absolute; right:4px; top:3px; transform-origin:right center; background:linear-gradient(90deg,transparent,rgba(91,181,241,.15),rgba(255,255,255,.85)); filter:blur(.3px); }
  .aa-cursor-trail.is-interactive .aa-cursor-trail__star { width:8px; height:8px; }
  .aa-cursor-trail i { width:var(--trail-size); height:var(--trail-size); position:absolute; display:block; border-radius:50%; background:linear-gradient(135deg,rgba(43,130,201,.28),rgba(255,255,255,.88)); opacity:var(--trail-opacity); filter:blur(var(--trail-blur)); }
}

.footer-logo { width: auto; max-width: 210px; height: 52px; margin-bottom: 28px; object-fit: contain; object-position: left center; }
.footer-description { max-width: 480px; color: #8da8bb; }
.footer-links__second { margin-top: 24px; }
.footer-statement { line-height:.99; letter-spacing:-.025em; }
.footer-description,.footer-links,.footer-bottom { line-height:1.7; }
.closing-cta h2,.section-heading h2,.page-hero h1,.detail-hero h1,.listing-card h2 { letter-spacing:-.025em; }

@media (max-width: 980px) and (min-width: 721px) {
  .reference-index-hero__grid { grid-template-columns:1fr; }
  .reference-showcase { min-height:440px; }
  .editorial-page-hero__grid { grid-template-columns:1fr; gap:48px; }
  .about-page-hero__grid { grid-template-columns:1fr; }
  .about-page-hero__visual { min-height:520px; }
  .category-heading { grid-template-columns:1fr; }
  .category-heading__play { min-height:230px; }
}

@media (max-width: 720px) {
  .hero-title { line-height:.94; letter-spacing:-.04em; }
  .site-header,.nav-shell,.hero,.categories-section,.references-section,.story-section,.closing-cta,.site-footer { max-width:100%; }
  .hero-molten { opacity:.62; mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.68) 70%,transparent); }
  .site-preloader__inner { width:calc(100% - 34px); }
  .site-preloader__brand img { max-width:190px; height:88px; }
  .site-preloader__flow { width:116%; margin-block:28px 12px; }
  .site-preloader__status { align-items:flex-start; flex-direction:column; gap:10px; text-align:left; }
  .activity-page-hero { padding-top: 128px; padding-bottom: 62px; }
  .hero-title { line-height: .95; letter-spacing: -.038em; }
  .hero-title span + span { margin-top: .1em; }
  .experience-stage { border-radius: 22px; }
  .reference-index-hero { min-height:auto; padding:130px 0 70px; }
  .reference-index-hero__grid { grid-template-columns:1fr; gap:45px; }
  .reference-index-hero h1 { font-size:clamp(4.4rem,21vw,6.5rem); }
  .reference-showcase { min-height:360px; }
  .reference-detail-hero { min-height:680px; padding:140px 0 58px; }
  .reference-detail-hero h1 { font-size:clamp(4rem,18vw,6rem); }
  .reference-detail-hero__backdrop::after { background:linear-gradient(0deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.68) 62%,rgba(2,15,27,.3)); }
  .reference-detail-hero__cue { display:none; }
  .editorial-page-hero { padding:145px 0 65px; }
  .editorial-page-hero__grid { grid-template-columns:1fr; gap:46px; }
  .editorial-page-hero h1 { font-size:clamp(4.2rem,20vw,6.4rem); }
  .about-page-hero { min-height:auto; padding:130px 0 65px; }
  .about-page-hero__grid { grid-template-columns:1fr; gap:48px; }
  .about-page-hero__copy h1 { font-size:clamp(4.4rem,20vw,6.5rem); }
  .about-page-hero__visual { min-height:430px; border-radius:4px 42px 4px 4px; transform:none; }
  .about-page-hero__shape--one { right:-25px; top:19%; }
  .category-card { height:540px; min-height:540px; max-height:540px; }
  .category-card__visual { height:230px; min-height:230px; max-height:230px; flex-basis:230px; }
  .category-heading { grid-template-columns:1fr; gap:36px; margin-bottom:40px; }
  .category-heading__play { min-height:220px; }
  .hero-categories { width:100%; max-width:100%; margin-right:0; overscroll-behavior-inline:contain; scrollbar-width:none; }
  .hero-categories::-webkit-scrollbar { display:none; }
  .closing-cta { overflow:hidden; }
  .closing-cta__inner { max-width:100%; contain:paint; }
  .cta-rings { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
  .story-section::after { right:10px; top:88px; opacity:.65; }
  .story-space::before { width:100%; left:0; }
  .story-space canvas { height:100svh; }
}