:root{--font-title:var(--font-main);--font-text:var(--font-main);--font-hand:var(--font-script);--violet:#4a23ff;--paper:#f6f5f1;--ink:#050505;--acid:#9bff23;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;color:#fff;background:var(--ink);font-family:var(--font-text)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}h1,h2,h3,p{text-wrap:pretty}.panel{position:relative;width:100%;overflow:hidden}
.site-header{position:fixed;z-index:100;left:clamp(24px,2.5vw,48px);right:clamp(24px,2.5vw,48px);top:18px;display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(20px,1.9vw,34px);height:62px;color:#fff}.header-logo{flex:0 0 auto}.header-logo img{display:block;width:clamp(124px,8.6vw,148px);max-height:56px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(22px,1.8vw,32px)}.main-nav a,.header-links>a:first-child{display:flex;align-items:center;min-height:42px;white-space:nowrap;font-size:clamp(11px,.76vw,13px);font-weight:600;line-height:1;letter-spacing:.065em}.main-nav a:after{content:"";display:block;width:0;height:1px;margin-top:5px;background:var(--acid);transition:width .3s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-links{display:flex;align-items:center;gap:14px;height:42px}.telegram{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.75);border-radius:50%;transition:.25s}.telegram:hover{color:#000;background:var(--acid);border-color:var(--acid)}.telegram svg{width:20px;height:20px;fill:currentColor}.menu-toggle{display:none}
.hero{height:100svh;min-height:720px;background:#050505}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(74,35,255,.12),transparent 32%),linear-gradient(90deg,#050505 0,#050505 34%,transparent 67%);z-index:1;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.hero-image{position:absolute;right:-2%;top:0;width:72%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.65) contrast(1.08) brightness(.74);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);will-change:transform}.hero-copy{position:absolute;z-index:3;left:clamp(30px,4.5vw,88px);top:50%;width:min(650px,48vw);transform:translateY(-44%)}.case-index{margin:0 0 22px;color:#aaa;font-size:12px;font-weight:600;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(92px,12vw,220px);font-weight:900;line-height:.7;letter-spacing:-.08em}.hero-lead{max-width:580px;margin:36px 0 0;font-size:clamp(18px,1.45vw,27px);font-weight:500;line-height:1.33}.hand-label{width:max-content;margin:22px 0 0;color:var(--acid);font:500 clamp(25px,2.6vw,48px)/.9 var(--font-hand);transform:rotate(-5deg)}.fact-row{display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,52px);margin-top:46px}.fact b{display:block;font-size:clamp(39px,3.4vw,64px);font-weight:900;line-height:.85;letter-spacing:-.06em}.fact span{display:block;max-width:150px;margin-top:9px;color:#b7b7b7;font-size:10px;font-weight:600;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}.scope{position:absolute;z-index:4;right:3.5vw;bottom:4.5vh;display:flex;max-width:48vw;flex-wrap:wrap;justify-content:flex-end;gap:7px}.scope span{padding:8px 13px;border:1px solid rgba(255,255,255,.58);border-radius:99px;background:rgba(5,5,5,.5);font-size:11px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(8px)}
.work{min-height:100svh;padding:clamp(100px,9vw,150px) clamp(24px,3vw,58px) clamp(50px,5vw,90px);color:#050505;background:var(--paper);border-radius:clamp(35px,4vw,72px) clamp(35px,4vw,72px) 0 0}.work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.work-head h2{margin:0;font-size:clamp(58px,6.4vw,122px);font-weight:900;line-height:.78;letter-spacing:-.075em}.work-head>p{max-width:430px;margin:0 10px 5px 0;font-size:17px;font-weight:500;line-height:1.42}.work .case-index{color:var(--violet)}.work-board{display:flex;gap:12px;height:min(62vh,650px);min-height:520px}.work-card{position:relative;flex:1 1 33.333%;min-width:0;overflow:hidden;border:1px solid rgba(5,5,5,.2);border-radius:26px;background:#111;color:#fff;cursor:pointer;isolation:isolate;transition:flex .72s cubic-bezier(.18,.8,.18,1),transform .32s ease,filter .32s ease}.work-card:hover{transform:translateY(-5px)}.work-board.has-active .work-card{flex-grow:.64;filter:saturate(.7) brightness(.72)}.work-board.has-active .work-card.active{flex-grow:2.25;filter:none}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.work-card[data-index="2"] img{object-position:68% center}.work-card:hover img,.work-card.active img{transform:scale(1.045)}.work-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.9) 100%)}.card-number{position:absolute;z-index:3;top:20px;left:20px;color:var(--acid);font-size:12px;font-weight:700;letter-spacing:.12em}.card-action{position:absolute;z-index:3;right:20px;top:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.25);font-size:22px;cursor:pointer;transition:transform .35s}.work-card.active .card-action{transform:rotate(45deg)}.card-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:24px}.card-copy h3{margin:0;font-size:clamp(28px,2.75vw,50px);font-weight:900;line-height:.9;letter-spacing:-.05em}.card-short{max-width:22ch;margin:11px 0 0;color:var(--acid);font:500 clamp(20px,1.55vw,28px)/.95 var(--font-hand)}.card-detail{max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height .55s ease,opacity .3s ease,margin .45s ease}.work-card.active .card-detail{max-height:190px;margin-top:16px;opacity:1}.card-detail p{max-width:560px;margin:0;font-size:14px;line-height:1.4}.card-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.card-facts span{padding:6px 9px;border:1px solid rgba(255,255,255,.7);border-radius:99px;font-size:10px;font-weight:600}
.next{min-height:690px;padding:clamp(105px,9vw,150px) clamp(24px,4vw,76px) clamp(50px,5vw,80px);background:#050505;color:#fff}.next:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(74,35,255,.18),transparent 32%);pointer-events:none}.next-cases{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1fr 1fr;gap:12px;height:430px}.next-title,.next-card{overflow:hidden;border-radius:24px}.next-title{display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid rgba(255,255,255,.2)}.next-title span{color:var(--acid);font-size:11px;letter-spacing:.14em}.next-title h3{margin:0;font-size:clamp(31px,3.2vw,54px);font-weight:900;line-height:.9;letter-spacing:-.055em}.next-card{position:relative;isolation:isolate;background:#111;transition:transform .32s ease}.next-card:hover{transform:translateY(-7px)}.next-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.next-card:hover img{transform:scale(1.04)}.next-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88))}.next-card span,.next-card b,.next-card i{position:absolute;z-index:2}.next-card span{left:22px;top:20px;color:var(--acid);font-size:12px}.next-card b{left:22px;bottom:25px;font-size:clamp(25px,2.3vw,42px);font-weight:900;letter-spacing:-.04em}.next-card i{right:22px;bottom:29px;font-size:11px;font-style:normal;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:960px){.header-links>a:first-child{display:none}.hero-copy{width:52vw}.work-head>p{max-width:340px}.next-cases{grid-template-columns:.55fr 1fr 1fr}}
@media(max-width:720px){.site-header{left:16px;right:16px;top:12px;height:52px}.header-logo img{width:116px;max-height:48px}.main-nav,.header-links{display:none}.menu-toggle{display:block;margin-left:auto;padding:10px 14px;border:1px solid #fff;border-radius:99px;background:rgba(0,0,0,.42);font-size:11px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(10px)}.main-nav.open{position:absolute;top:62px;right:0;display:flex;width:min(280px,calc(100vw - 32px));padding:14px;flex-direction:column;align-items:stretch;border:1px solid #333;border-radius:18px;background:#050505}.main-nav.open a{justify-content:center}.hero{min-height:780px}.hero:before{background:linear-gradient(180deg,rgba(5,5,5,.15),#050505 64%)}.hero-image{top:0;right:-34%;width:145%;height:61%;object-position:60% top;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%)}.hero-copy{left:18px;right:18px;top:auto;bottom:32px;width:auto;transform:none}.case-index{margin-bottom:12px;font-size:10px}.hero h1{font-size:clamp(70px,24vw,102px)}.hero-lead{max-width:340px;margin-top:18px;font-size:16px}.hand-label{margin-top:13px;font-size:27px}.fact-row{gap:18px;margin-top:25px}.fact b{font-size:34px}.fact span{max-width:90px;font-size:8px}.scope{display:none}.work{padding:82px 0 40px;border-radius:30px 30px 0 0}.work-head{display:block;padding:0 18px;margin-bottom:22px}.work-head h2{font-size:49px}.work-head>p{margin-top:18px;font-size:15px}.work-board{height:570px;min-height:0;gap:10px;padding:0 18px;overflow-x:auto;scroll-snap-type:x mandatory}.work-card,.work-board.has-active .work-card,.work-board.has-active .work-card.active{flex:0 0 84vw;filter:none;transform:none;scroll-snap-align:center}.card-detail,.work-card.active .card-detail{max-height:190px;margin-top:13px;opacity:1}.card-action{display:none}.card-copy h3{font-size:35px}.next{min-height:660px;padding:82px 18px 28px}.next-cases{height:550px;grid-template-columns:1fr 1fr;grid-template-rows:118px 1fr}.next-title{grid-column:1/-1;padding:19px}.next-title h3{font-size:30px}.next-card b{left:14px;bottom:44px;font-size:23px}.next-card i{left:14px;right:auto;bottom:20px}.next-card span{left:14px;top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}
.hero-image{filter:grayscale(1) contrast(1.12) brightness(.58)}

/* Composition corrections after desktop review. */
@media(min-width:721px){
  .hero-copy{top:43%;transform:translateY(-43%)}
  .fact-row{margin-top:34px}
  .site-header.on-light{color:#050505}
  .site-header.on-light .header-logo img{filter:invert(1)}
  .site-header.on-light .telegram{border-color:rgba(5,5,5,.65)}
}
.card-short{max-width:24ch;color:var(--acid);font-family:var(--font-main);font-size:clamp(13px,.92vw,17px);font-weight:600;line-height:1.25;letter-spacing:0;transform:none}
.work-card[data-index="0"] img{object-position:62% center}
.work-card[data-index="2"] img{object-position:38% center}
.next-cases{grid-template-columns:minmax(390px,.9fr) minmax(0,1fr) minmax(0,1fr)}
.next-title h3{font-size:clamp(28px,2.65vw,48px);line-height:.94}
@media(max-width:960px) and (min-width:721px){.next-cases{grid-template-columns:minmax(300px,.72fr) 1fr 1fr}.next-title h3{font-size:clamp(27px,3vw,38px)}}
@media(max-width:720px){
  .hero-copy{bottom:24px}
  .fact-row{margin-top:20px}
  .next-cases{grid-template-columns:1fr 1fr}
  .next-title h3{font-size:28px}
}

/* Final hierarchy refinement. */
.hero h1{font-weight:700;letter-spacing:-.065em}
.card-number,.card-short{color:#fff}
@media(min-width:721px){.hero-copy{top:38.5%;transform:translateY(-38%)}}
@media(max-width:720px){.hero-copy{bottom:34px}}