:root{--yellow:#e8e619;--red:#e50909;--ink:#fff;--page-width:1420px;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{background:#000}body{margin:0;min-height:100vh;overflow-x:hidden;background:#000;color:var(--ink)}
body::before{content:'YB';position:fixed;left:50%;top:54%;z-index:0;transform:translate(-50%,-50%) rotate(-8deg);color:transparent;font-size:min(52vw,760px);font-weight:800;line-height:1;letter-spacing:-.12em;-webkit-text-stroke:2px rgba(232,230,25,.045);pointer-events:none;user-select:none}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;-webkit-user-drag:none;user-select:none}
.page-shell{position:relative;z-index:1;width:min(var(--page-width),calc(100% - 64px));margin:0 auto;padding:54px 0 70px;opacity:0;transform:translateY(22px) scale(.995);transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}body.is-ready .page-shell{opacity:1;transform:none}
.page-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin-bottom:54px}h1{grid-column:2;margin:0;text-align:center;font-size:clamp(2.5rem,5.6vw,5.8rem);line-height:1;letter-spacing:-.045em;font-weight:800;white-space:nowrap}.accent{color:var(--yellow)}
.back-button{justify-self:start;display:inline-flex;align-items:center;gap:13px;min-height:64px;padding:0 26px 0 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:linear-gradient(135deg,#f10a0a,#c90000);box-shadow:0 14px 34px rgba(229,9,9,.2);font-size:clamp(1rem,1.55vw,1.35rem);font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,filter .3s ease}.back-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(210,0,0,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.back-icon svg{width:24px;height:24px}.back-button:hover,.back-button:focus-visible{transform:translateX(-5px);box-shadow:0 18px 42px rgba(229,9,9,.34);filter:brightness(1.08)}.back-button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,66px) clamp(28px,4.4vw,70px)}.gallery-card{position:relative;overflow:hidden;aspect-ratio:16/9;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0c0c0c;opacity:0;transform:translate3d(0,48px,0) scale(.965);filter:blur(7px);box-shadow:0 18px 42px rgba(0,0,0,.45);transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1),filter .65s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease;transition-delay:calc(170ms + var(--order) * 95ms)}body.is-ready .gallery-card{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease}.gallery-card::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}
@media (hover:hover) and (pointer:fine){body.is-ready .gallery-card:hover{transform:translateY(-10px) scale(1.012);border-color:rgba(232,230,25,.68);box-shadow:0 24px 55px rgba(0,0,0,.62),0 0 30px rgba(232,230,25,.13);transition-delay:0ms}.gallery-card:hover img{transform:scale(1.035);filter:saturate(1.06)}}
.bottom-action{display:flex;justify-content:center;margin-top:74px}.bottom-action .back-button{justify-self:auto}body.is-leaving .page-shell{opacity:0;transform:translateY(16px) scale(.99);transition-duration:.32s}
@media (max-width:1050px){h1{font-size:clamp(2.4rem,5vw,4.7rem)}}@media (max-width:900px){.page-shell{width:min(100% - 36px,var(--page-width));padding-top:32px}.page-head{grid-template-columns:1fr;margin-bottom:38px}.page-head .back-button{grid-row:1;grid-column:1}h1{grid-row:2;grid-column:1;margin-top:10px;white-space:normal}.gallery{gap:26px}}@media (max-width:680px){.page-shell{width:min(100% - 28px,var(--page-width));padding-bottom:46px}.gallery{grid-template-columns:1fr;gap:24px}.page-head{gap:22px}h1{font-size:clamp(2.35rem,12vw,3.7rem)}.back-button{min-height:56px;padding-right:21px;gap:10px}.back-icon{width:44px;height:44px}.bottom-action{margin-top:46px}}@media (prefers-reduced-motion:reduce){.page-shell,.gallery-card,.gallery-card img,.back-button{opacity:1;transform:none;filter:none;transition:none}}