.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.works-hero{position:relative;isolation:isolate;overflow:hidden;height:max(88svh,680px);max-height:1050px}.works-hero-inner{position:relative;height:100%;max-width:1800px;margin:auto;padding:150px var(--gutter) clamp(40px,5vw,70px);display:flex;flex-direction:column}.works-back{align-self:flex-start;color:#d4c3b4;animation:fade-in 1s ease both;animation-delay:var(--intro-delay)}.works-back:hover svg{transform:translate(-4px)}.works-hero h1{margin-top:auto;font-size:clamp(72px,13.5vw,250px);line-height:.9;letter-spacing:-.055em}.works-hero h1 .line{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .04em .1em 0;margin-bottom:-.1em}.works-hero h1 .line>span{display:inline-block;animation:rise 1.25s var(--ease) both;animation-delay:var(--intro-delay)}.works-hero h1 .line:nth-of-type(2)>span{animation-delay:calc(var(--intro-delay) + .1s)}.works-count{font-size:.14em;letter-spacing:0;color:var(--accent);vertical-align:top;margin-left:.4em;position:relative;top:.9em;font-variant-numeric:tabular-nums}.works-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(30px,4vw,60px);animation:fade-in 1.2s ease both;animation-delay:calc(var(--intro-delay) + .35s)}.works-lead{max-width:520px;font-size:16px;line-height:1.7;color:#e3d6ca}.works-hero .scroll-link svg{transform:rotate(135deg)}.works-hero .scroll-link:hover svg{transform:rotate(135deg) translate(3px,-3px)}.works-index{max-width:1800px;margin:auto;padding-top:clamp(80px,8vw,140px)}.index-head,.index-row{display:grid;grid-template-columns:70px 1.5fr 1fr 1fr 30px;align-items:center;gap:24px}.index-head{padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.index-list{list-style:none;margin:0;padding:0}.index-row{position:relative;padding:clamp(22px,2.4vw,36px) 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.index-row:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease)}.index-num{font-size:12px;font-variant-numeric:tabular-nums}.index-name{font-size:clamp(26px,2.8vw,46px);letter-spacing:-.035em;color:var(--text);transition:color .3s,transform .6s var(--ease)}.index-row svg{width:20px;height:20px;justify-self:end;transition:transform .5s var(--ease),color .3s}.index-row:hover:after,.index-row:focus-visible:after{transform:scaleX(1);transform-origin:left}.index-row:hover .index-name,.index-row:focus-visible .index-name{color:var(--accent);transform:translate(14px)}.index-row:hover svg{color:var(--accent);transform:rotate(90deg)}.index-preview{position:fixed;left:0;top:0;z-index:40;width:clamp(280px,24vw,420px);aspect-ratio:8 / 5;translate:36px -50%;pointer-events:none;overflow:hidden;border-radius:8px;box-shadow:0 30px 70px #000a;opacity:0;clip-path:inset(20% 20% round 8px);transition:opacity .35s,clip-path .6s var(--ease)}.index-preview.visible{opacity:1;clip-path:inset(0 round 8px)}.index-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.08);transition:opacity .35s,transform .8s var(--ease)}.index-preview img.active{opacity:1;transform:none}.works{max-width:1800px;margin:auto;padding-top:clamp(100px,10vw,180px);padding-bottom:clamp(100px,10vw,170px);display:grid;gap:clamp(110px,11vw,190px)}.work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start;scroll-margin-top:110px}.work-media{grid-column:1 / span 8;display:block;overflow:hidden;border:1px solid #262624;border-radius:12px;background:#121211;transition:box-shadow .6s var(--ease),border-color .4s}.work:nth-child(2n) .work-media{grid-column:5 / span 8;grid-row:1}.work:nth-child(2n) .work-info{grid-column:1 / span 4;grid-row:1}.work-frame{display:block;aspect-ratio:8 / 5;overflow:hidden}.work-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}@media(hover:hover){.work-media:hover{border-color:#4a2a20;box-shadow:0 40px 100px -30px #f4513540}.work-media:hover .browser-bar i:first-child{background:var(--accent)}}.work-info{grid-column:9 / span 4;position:sticky;top:130px;padding-top:10px}.work-num{display:block;font-size:clamp(90px,10vw,180px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #57544e;font-weight:500}.work-info h2{font-size:clamp(36px,3.4vw,62px);line-height:1.05;margin:clamp(26px,3vw,44px) 0 30px}.work-meta{margin:0;display:grid}.work-meta>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line);font-size:14px}.work-meta dt{color:var(--muted)}.work-meta dd{margin:0;text-align:right}.work-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:26px;border-top:1px solid var(--line);font-size:18px;letter-spacing:-.02em}.work-link-arrow{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--ink);transition:background .4s}.work-link-arrow svg{width:22px;height:22px;transition:transform .6s var(--ease)}.work-link:hover .work-link-arrow{background:var(--text)}.work-link:hover .work-link-arrow svg{transform:rotate(45deg)}.work-next{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:20px 40px;padding:clamp(36px,5vw,90px);border:1px dashed #3a3935;border-radius:12px;transition:border-color .4s,background .4s}.work-next-spark{grid-row:span 2;align-self:start;width:clamp(40px,4vw,64px);height:clamp(40px,4vw,64px);fill:var(--accent);stroke:none;transition:transform .9s var(--ease)}.work-next-num{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.work-next-title{grid-column:2;font-size:clamp(38px,5.4vw,96px);line-height:1.02;letter-spacing:-.045em}.work-next-cta{grid-column:3;grid-row:2;display:inline-flex;align-items:center;gap:14px;font-size:14px;white-space:nowrap}.work-next-cta svg{width:16px;height:16px;transition:transform .35s var(--ease)}.work-next:hover{border-color:var(--accent);background:#f451350a}.work-next:hover .work-next-spark{transform:rotate(90deg)}.work-next:hover .work-next-cta svg{transform:translate(3px,-3px)}.works-contact-links{display:grid;gap:34px}.works-contact .telegram-link{font-size:clamp(20px,1.8vw,28px)}@media(max-width:1000px){.index-head,.index-row{grid-template-columns:50px 1.4fr 1fr 24px}.index-head span:nth-child(4),.index-domain{display:none}.work{grid-template-columns:1fr;gap:34px}.work-media,.work-info,.work:nth-child(2n) .work-media,.work:nth-child(2n) .work-info{grid-column:1;grid-row:auto}.work-info{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:30px;padding-top:0}.work-num{grid-row:span 3;font-size:clamp(70px,14vw,120px)}.work-info h2{margin-top:0}}@media(max-width:640px){.works-hero{height:max(84svh,620px)}.works-hero-inner{padding-top:120px}.works-hero h1{font-size:clamp(56px,17vw,90px)}.works-hero-bottom{flex-direction:column;align-items:flex-start}.works-lead{font-size:14px}.works-lead br,.index-head{display:none}.index-row{grid-template-columns:34px 1fr 20px;row-gap:6px}.index-cat{grid-column:2;grid-row:2;font-size:12px}.index-row svg{grid-column:3;grid-row:1}.index-name{font-size:26px}.work-info{grid-template-columns:1fr}.work-num{grid-row:auto;font-size:72px}.work-info h2{margin-top:18px}.work-media{border-radius:9px}.work-next{grid-template-columns:1fr;align-items:start}.work-next-spark{grid-row:auto}.work-next-title,.work-next-cta{grid-column:1;grid-row:auto}.work-next-title{font-size:clamp(34px,10vw,48px)}}