:root{--ink:#0b0f10;--paper:#f2f0eb;--white:#fff;--muted:#aeb6b8;--accent:#05c4d6;--line:rgba(255,255,255,.14);--radius:26px;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.4}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:34px;background:linear-gradient(to bottom,rgba(9,13,14,.86),rgba(9,13,14,.18));backdrop-filter:blur(8px)}.brand img{width:170px;max-height:58px;object-fit:contain}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a,.phone-link{font-size:14px;color:#edf4f5}.desktop-nav a:hover{color:var(--accent)}.phone-link{font-weight:700}.menu-btn{display:none;background:none;border:0;width:42px;height:42px;padding:11px}.menu-btn span{height:1px;background:#fff;display:block;margin:7px 0}.mobile-menu{display:none}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/works/hero-new.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,9,.83) 0%,rgba(5,8,9,.44) 52%,rgba(5,8,9,.18) 100%),linear-gradient(to top,rgba(5,8,9,.92),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:170px 0 140px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--accent);margin:0 0 20px}.eyebrow.dark{color:#098d99}.hero h1,.section-head h2,.manifesto h2,.process h2,.lead h2{font-size:clamp(46px,6.8vw,96px);line-height:.93;letter-spacing:-.055em;margin:0;font-weight:670}.hero h1 span{color:#d9e0e1;font-weight:400}.hero-copy{max-width:620px;font-size:19px;color:#d4dcdd;margin:28px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:54px;padding:0 25px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:700;cursor:pointer}.btn-primary{background:var(--accent);color:#031011}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.16);backdrop-filter:blur(8px)}.hero-bottom{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hero-bottom>div{padding:24px 18px 6px 0}.hero-bottom strong{display:block;font-size:24px}.hero-bottom span{font-size:13px;color:#bac4c6}.section-pad{padding:120px max(22px,calc((100vw - var(--max))/2))}.manifesto{background:var(--paper);color:var(--ink)}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.manifesto h2 span{color:#0ba8b6}.manifesto-copy{padding-top:10px}.manifesto-copy p{font-size:20px;margin:0 0 22px;color:#3c4546}.section-head{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:end;margin-bottom:44px}.section-head h2{font-size:clamp(42px,5.4vw,76px)}.section-head>p{color:#879294;font-size:17px;margin:0 0 5px}.section-head.light>p{color:#b4bec0}.projects{background:#0e1415}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid #314043;background:transparent;color:#d5dddf;padding:11px 17px;border-radius:99px;cursor:pointer}.filter.active{background:#e9eeee;color:#0b0f10;border-color:#e9eeee}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{background:#151d1f;border:1px solid #253033;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.25s transform,.25s border-color}.project-card:hover{transform:translateY(-4px);border-color:#3f5559}.project-media{aspect-ratio:16/10;overflow:hidden}.project-media{background:#0f1516}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.project-meta{padding:22px}.project-meta-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.project-meta h3{font-size:27px;margin:0}.project-tag{font-size:11px;letter-spacing:.08em;color:#8da0a3}.project-data{margin-top:18px;display:flex;gap:24px;color:#bbc5c7}.project-data strong{color:#fff}.works{background:#080b0c}.work-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:280px 280px;gap:12px}.work-grid figure{margin:0;border-radius:20px;overflow:hidden}.work-grid img{width:100%;height:100%;object-fit:cover}.work-main{grid-row:1/3}.work-grid figure:nth-child(4){grid-column:2/3}.work-grid figure:nth-child(5){grid-column:3/4}.technology{background:var(--paper);color:var(--ink)}.tech-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd3d1;border-bottom:1px solid #cfd3d1;margin-bottom:52px}.tech-cards article{padding:30px 28px 30px 0;border-right:1px solid #cfd3d1}.tech-cards article+article{padding-left:28px}.tech-cards article:last-child{border-right:0}.tech-cards span{font-size:12px;color:#098d99}.tech-cards h3{font-size:24px;margin:18px 0 10px}.tech-cards p{color:#5c6667;margin:0}.tech-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tech-gallery img{width:100%;border-radius:22px;background:#fff}.process{background:#0d1213}.process-title{margin-bottom:50px}.process h2{font-size:clamp(44px,5.4vw,76px)}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:100px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.steps>li>span{color:var(--accent);font-weight:700}.steps h3{font-size:25px;margin:0 0 7px}.steps p{margin:0;color:#98a5a7;max-width:650px}.trust-strip{background:var(--accent);color:#031011;display:grid;grid-template-columns:repeat(4,1fr);padding:18px max(22px,calc((100vw - var(--max))/2));gap:18px;font-size:13px;font-weight:800;text-align:center}.lead{background:#080b0c}.lead-card{border-radius:34px;background:linear-gradient(130deg,#162023,#0d1112);padding:64px;display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center;border:1px solid #253033}.lead-card h2{font-size:clamp(44px,5vw,70px)}.lead-card>div>p:last-child{color:#a4afb1;max-width:560px;font-size:17px}.lead form{display:grid;gap:12px}.lead label{font-size:12px;color:#94a1a3}.lead input{width:100%;margin-top:7px;border:1px solid #364346;border-radius:14px;background:#11191b;color:#fff;padding:16px;outline:none}.lead input:focus{border-color:var(--accent)}.lead small{color:#748083}.lead button{border:0;margin-top:6px}footer{padding:64px max(22px,calc((100vw - var(--max))/2)) 28px;background:#050708}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:34px}.footer-top img{width:180px}.footer-phone{font-size:clamp(26px,4vw,48px);font-weight:650}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:38px 0;color:#aeb8ba}.footer-grid p{margin:0}.footer-bottom{display:flex;justify-content:space-between;color:#536062;font-size:11px;letter-spacing:.08em}.project-modal{width:min(1050px,calc(100% - 24px));max-height:92vh;border:1px solid #354245;border-radius:28px;background:#0c1112;color:#fff;padding:0;overflow:auto}.project-modal::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.modal-close{position:sticky;z-index:2;top:14px;float:right;margin:14px 14px -58px 0;width:44px;height:44px;border-radius:50%;border:1px solid #536064;background:rgba(10,14,15,.86);color:#fff;font-size:28px}.modal-content{display:grid;grid-template-columns:1.1fr .9fr}.modal-image{min-height:430px}.modal-image{display:flex;align-items:center;justify-content:center;background:#111718;padding:0;overflow:hidden}.modal-image img{width:100%;height:100%;max-height:560px;object-fit:contain}.modal-info{padding:64px 44px}.modal-info h2{font-size:47px;letter-spacing:-.04em;margin:0 0 28px}.modal-info>p:not(.eyebrow){color:#9aa6a8}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:0 0 24px}.modal-stats span{display:block;font-size:11px;color:#758285}.modal-stats strong{font-size:23px}.modal-plan{grid-column:1/3;padding:34px}.modal-plan h3{font-size:28px}.modal-plan img{border-radius:18px;background:#fff;width:100%}.toast{position:fixed;z-index:70;left:50%;bottom:84px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#eef4f4;color:#071011;padding:14px 18px;border-radius:14px;box-shadow:0 10px 35px rgba(0,0,0,.3);transition:.25s;max-width:420px;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.floating-call{display:none}
@media(max-width:850px){.site-header{height:68px;padding:0 18px}.brand img{width:136px}.desktop-nav,.phone-link{display:none}.menu-btn{display:block;margin-left:auto}.mobile-menu{position:fixed;z-index:45;inset:68px 0 auto 0;background:#0b0f10;padding:22px;display:grid;gap:6px;transform:translateY(-130%);transition:.3s;border-bottom:1px solid #283235}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{padding:14px 4px;border-bottom:1px solid #20282a}.hero-content{padding:125px 0 130px}.hero h1{font-size:52px}.hero-copy{font-size:16px}.hero-bottom{grid-template-columns:1fr;gap:0}.hero-bottom>div{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:10px 0}.hero-bottom>div:first-child{border-top:0}.hero-bottom strong{font-size:18px}.hero-bottom span{text-align:right;max-width:180px}.section-pad{padding:78px 20px}.manifesto-grid,.section-head,.lead-card{grid-template-columns:1fr;gap:34px}.manifesto h2,.section-head h2,.process h2,.lead-card h2{font-size:45px}.manifesto-copy p{font-size:17px}.project-grid{grid-template-columns:1fr}.project-meta h3{font-size:23px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 190px 190px}.work-main{grid-column:1/3;grid-row:auto}.work-grid figure:nth-child(4),.work-grid figure:nth-child(5){grid-column:auto}.tech-cards{grid-template-columns:1fr}.tech-cards article,.tech-cards article+article{padding:24px 0;border-right:0;border-bottom:1px solid #cfd3d1}.tech-cards article:last-child{border-bottom:0}.tech-gallery{grid-template-columns:1fr}.steps li{grid-template-columns:54px 1fr}.trust-strip{grid-template-columns:1fr 1fr}.lead-card{padding:34px 22px}.footer-top{display:grid;gap:26px}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:20px}.modal-content{grid-template-columns:1fr}.modal-image{min-height:280px}.modal-info{padding:36px 24px}.modal-info h2{font-size:36px}.modal-plan{grid-column:1;padding:24px}.floating-call{display:flex;position:fixed;z-index:42;right:14px;bottom:14px;background:var(--accent);color:#031011;border-radius:999px;padding:13px 17px;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.3)}}
@media(max-width:440px){.hero h1{font-size:43px}.hero-actions .btn{width:100%}.work-grid{grid-template-columns:1fr;grid-template-rows:280px repeat(4,180px)}.work-main{grid-column:1}.trust-strip{grid-template-columns:1fr;font-size:12px}.section-head{margin-bottom:32px}.project-meta-top{align-items:flex-start}.footer-phone{font-size:29px}}

/* project cleanup v3 */
.clean-stats>div{padding-right:14px}.modal-plan{background:#f7f7f5;color:#111}.modal-plan h3{margin-top:0}.modal-plan img{max-height:none;object-fit:contain}.brand img{width:220px;max-height:70px}.work-grid img{filter:brightness(1.08) saturate(1.05)}
@media(max-width:850px){.brand img{width:168px}.modal-stats{grid-template-columns:1fr}.modal-image{min-height:auto}.modal-image img{max-height:none}.project-media{aspect-ratio:4/3}}

/* Планировка: целиком помещается в окно ноутбука */
.modal-plan{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.modal-plan h3{
  align-self:flex-start;
  margin:0 0 18px;
}
.modal-plan img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(92vh - 110px) !important;
  object-fit:contain !important;
  margin:0 auto;
}
@media (min-width:851px){
  .project-modal{width:min(1180px,calc(100% - 32px));}
  .modal-plan{padding:24px 30px 30px;}
  .modal-plan img{max-height:calc(92vh - 95px) !important;}
}
@media (max-width:850px){
  .modal-plan img{max-height:78vh !important;}
}

/* final approved corrections */
.brand img{width:280px!important;max-height:76px!important}.site-header{height:92px}.work-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.work-grid figure,.work-main,.work-grid figure:nth-child(4),.work-grid figure:nth-child(5){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.modal-plan{padding-top:24px!important}.modal-plan h3{margin:0 0 14px!important}.modal-plan img{max-height:calc(92vh - 100px)!important}
@media(max-width:850px){.brand img{width:205px!important;max-height:58px!important}.site-header{height:72px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}.work-grid figure,.work-main{grid-column:auto;aspect-ratio:4/3}}
@media(max-width:440px){.work-grid{grid-template-columns:1fr}.work-grid figure{aspect-ratio:4/3}}
/* FINAL: окно планировки — только заголовок и вся схема целиком */
.modal-plan{display:flex!important;flex-direction:column!important;height:calc(92vh - 2px)!important;max-height:calc(92vh - 2px)!important;padding:18px 24px 22px!important;overflow:hidden!important;background:#f7f7f5!important}
.modal-plan h3{flex:0 0 auto!important;margin:0 0 10px!important;font-size:26px!important;line-height:1.1!important}
.modal-plan img{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:calc(92vh - 78px)!important;max-height:calc(92vh - 78px)!important;object-fit:contain!important;object-position:center!important;border-radius:12px!important;background:#fff!important}
@media(max-width:850px){.modal-plan{height:88vh!important;max-height:88vh!important;padding:16px!important}.modal-plan h3{font-size:22px!important}.modal-plan img{height:calc(88vh - 64px)!important;max-height:calc(88vh - 64px)!important}}
/* FINAL PROJECT PLAN VIEW — clean plan-only layout */
.project-modal{
  width:min(980px,calc(100% - 28px))!important;
  height:min(94vh,900px)!important;
  max-height:94vh!important;
  overflow:hidden!important;
  background:#f7f7f5!important;
  border:1px solid #354245!important;
}
.project-modal .modal-content{display:block!important;height:100%!important;}
.project-modal .modal-image,
.project-modal .modal-info{display:none!important;}
.project-modal .modal-plan{
  display:flex!important;
  flex-direction:column!important;
  grid-column:auto!important;
  height:100%!important;
  max-height:none!important;
  padding:20px 24px 22px!important;
  overflow:hidden!important;
  background:#f7f7f5!important;
  color:#111!important;
}
.project-modal .modal-plan h3{
  flex:0 0 auto!important;
  margin:0 54px 12px 0!important;
  font-size:27px!important;
  line-height:1.1!important;
  color:#111!important;
}
.project-modal .modal-plan img{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  max-height:calc(94vh - 72px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:#fff!important;
}
.project-modal .modal-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  float:none!important;
  margin:0!important;
}
@media(max-width:850px){
  .project-modal{width:calc(100% - 14px)!important;height:92vh!important;max-height:92vh!important;border-radius:18px!important;}
  .project-modal .modal-plan{padding:16px 12px 14px!important;}
  .project-modal .modal-plan h3{font-size:22px!important;margin-bottom:8px!important;}
  .project-modal .modal-plan img{max-height:calc(92vh - 58px)!important;}
}

/* PREMIUM MOTION — cinematic but restrained */
:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}
.site-header{transition:background .45s var(--ease-premium),height .45s var(--ease-premium),box-shadow .45s var(--ease-premium)}
.site-header.is-scrolled{background:rgba(7,10,11,.88);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.brand img{transition:transform .5s var(--ease-premium),filter .5s var(--ease-premium)}
.brand:hover img{transform:scale(1.035)}
.desktop-nav a{position:relative}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:right .35s var(--ease-premium)}
.desktop-nav a:hover::after{right:0}

.hero-bg{will-change:transform;transform:scale(1.075);animation:heroKenBurns 12s ease-out forwards}
.hero-overlay{animation:heroOverlayIn 1.2s ease-out both}
.hero-content>.eyebrow,.hero-content h1,.hero-copy,.hero-actions,.hero-bottom>div{opacity:0;transform:translateY(32px)}
.hero.is-ready .hero-content>.eyebrow{animation:heroReveal .7s .12s var(--ease-premium) forwards}
.hero.is-ready .hero-content h1{animation:heroReveal .9s .22s var(--ease-premium) forwards}
.hero.is-ready .hero-copy{animation:heroReveal .8s .38s var(--ease-premium) forwards}
.hero.is-ready .hero-actions{animation:heroReveal .8s .5s var(--ease-premium) forwards}
.hero.is-ready .hero-bottom>div:nth-child(1){animation:heroReveal .65s .7s var(--ease-premium) forwards}
.hero.is-ready .hero-bottom>div:nth-child(2){animation:heroReveal .65s .8s var(--ease-premium) forwards}
.hero.is-ready .hero-bottom>div:nth-child(3){animation:heroReveal .65s .9s var(--ease-premium) forwards}
@keyframes heroReveal{to{opacity:1;transform:none}}
@keyframes heroKenBurns{from{transform:scale(1.075)}to{transform:scale(1.015)}}
@keyframes heroOverlayIn{from{opacity:.15}to{opacity:1}}

.reveal{opacity:0;transform:translateY(48px);transition:opacity .85s var(--ease-premium),transform .85s var(--ease-premium)}
.reveal.from-left{transform:translateX(-52px)}
.reveal.from-right{transform:translateX(52px)}
.reveal.scale-in{transform:scale(.965)}
.reveal.is-visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}

.manifesto h2 span{display:inline-block;transition:letter-spacing .8s var(--ease-premium)}
.manifesto .is-visible h2 span{letter-spacing:.01em}

.project-card{position:relative;will-change:transform;transition:transform .5s var(--ease-premium),border-color .4s ease,box-shadow .5s ease}
.project-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 66%);transform:translateX(-120%);transition:transform .85s var(--ease-premium)}
.project-card:hover{transform:translateY(-10px);border-color:rgba(5,196,214,.48);box-shadow:0 24px 70px rgba(0,0,0,.26)}
.project-card:hover::after{transform:translateX(120%)}
.project-media img{transition:transform .9s var(--ease-premium),filter .6s ease}
.project-card:hover .project-media img{transform:scale(1.055);filter:brightness(1.06)}

.work-grid figure{position:relative;will-change:transform;transition:transform .55s var(--ease-premium),box-shadow .55s ease}
.work-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.22),transparent 50%);opacity:.55;transition:opacity .45s ease}
.work-grid figure:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 24px 64px rgba(0,0,0,.28)}
.work-grid figure:hover::after{opacity:.18}
.work-grid img{transition:transform 1s var(--ease-premium),filter .6s ease}
.work-grid figure:hover img{transform:scale(1.045);filter:brightness(1.12) saturate(1.08)}

.steps li{transition:background .4s ease,padding-left .5s var(--ease-premium)}
.steps li:hover{background:rgba(255,255,255,.025);padding-left:14px}
.steps>li>span{transition:transform .45s var(--ease-premium),color .3s ease}
.steps li:hover>span{transform:translateX(6px);color:#6ee8f2}

.trust-strip>div{position:relative;overflow:hidden}
.trust-strip>div::after{content:"";position:absolute;left:50%;bottom:-7px;width:0;height:1px;background:#031011;opacity:.55;transition:width .45s var(--ease-premium),left .45s var(--ease-premium)}
.trust-strip>div:hover::after{left:15%;width:70%}

.btn{transition:transform .35s var(--ease-premium),box-shadow .35s ease,filter .35s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary:hover{box-shadow:0 12px 32px rgba(5,196,214,.22)}

.lead-card{transition:transform .7s var(--ease-premium),box-shadow .7s ease}
.lead-card.is-visible{box-shadow:0 32px 90px rgba(0,0,0,.2)}

.project-modal[open]{animation:modalIn .38s var(--ease-premium) both}
.project-modal[open]::backdrop{animation:backdropIn .35s ease both}
@keyframes modalIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
.modal-close{transition:transform .3s var(--ease-premium),background .3s ease}
.modal-close:hover{transform:rotate(90deg);background:#172023}

.scroll-progress{position:fixed;z-index:80;left:0;top:0;height:2px;width:0;background:var(--accent);box-shadow:0 0 12px rgba(5,196,214,.65);pointer-events:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal,.hero-content>.eyebrow,.hero-content h1,.hero-copy,.hero-actions,.hero-bottom>div{opacity:1!important;transform:none!important}
}
/* DISTINCT CINEMA VERSION */
.hero{min-height:100vh}.hero-bg{animation:cinemaZoom 14s ease-out both}.hero-content{max-width:1100px}.hero h1{font-size:clamp(58px,8.5vw,138px);line-height:.86;letter-spacing:-.065em}.hero-copy{font-size:20px}.section-pad{padding-top:150px;padding-bottom:150px}.work-grid{grid-template-columns:1fr 1fr;gap:28px}.work-grid figure{min-height:70vh}.work-grid figure:nth-child(3n){grid-column:1/-1;min-height:85vh}.work-grid img{height:100%;object-fit:cover}.project-card{transition:transform 1s cubic-bezier(.16,1,.3,1)}
@keyframes cinemaZoom{from{transform:scale(1.16)}to{transform:scale(1)}}
/* DARK LUXURY */
body{background:#050606;color:#f2f1ed}.site-header{background:rgba(5,6,6,.82);backdrop-filter:blur(18px)}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent 0,rgba(0,0,0,.18) 35%,rgba(0,0,0,.82) 100%);pointer-events:none}.hero h1{font-size:clamp(64px,9vw,148px);line-height:.84}.section-pad{padding-top:160px;padding-bottom:160px}.project-card,.work-grid figure{filter:saturate(.78) brightness(.8);transition:filter .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}.project-card:hover,.work-grid figure:hover{filter:saturate(1.08) brightness(1.08);transform:scale(1.015)}.section-title{font-size:clamp(54px,7.5vw,116px)}.btn-primary{box-shadow:0 0 45px rgba(5,196,214,.22)}