:root{
  --green:#0b2a20;
  --green2:#123a2b;
  --green3:#071c15;
  --cream:#efe8da;
  --paper:#f6f1e7;
  --dark:#0b0c0b;
  --ink:#10251c;
  --red:#b61e2a;
  --red2:#d12835;
  --gold:#d5b271;
  --white:#fffaf0;
  --line:rgba(255,255,255,.24);
  --lineDark:rgba(16,37,28,.22);
  --shadow:0 30px 90px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--green3);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:200;background:#fff;color:#000;padding:8px 12px}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--green)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 42%;transition:opacity .36s ease,transform .55s ease;transform:scale(1.015)}
.hero-bg.changing{opacity:.45;transform:scale(1.035)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,23,.62) 0%,rgba(5,27,21,.30) 35%,rgba(0,0,0,.10) 58%,rgba(3,16,12,.26) 100%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.05) 58%,rgba(4,17,13,.48) 100%)}
.hero-grain{position:absolute;inset:0;opacity:.15;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light;pointer-events:none}
.hero-top,.hero-center,.hero-footer{position:relative;z-index:3}
.hero-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:46px 5.5vw 0}
.brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand strong{font-size:clamp(42px,4.6vw,78px);line-height:.88;letter-spacing:-.045em;font-weight:900}
.brand span{font-size:13px;text-transform:uppercase;letter-spacing:.24em;font-weight:800;margin-top:8px}
.hero-contacts{display:flex;justify-content:flex-end;gap:12px;align-items:center}
.outline-control,.phone-control,.icon-control,.corner-button{position:relative;border:1px solid rgba(255,255,255,.22);background:rgba(10,22,17,.24);backdrop-filter:blur(8px);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:.22s ease}
.outline-control,.phone-control{min-height:56px;padding:0 22px;display:inline-flex;align-items:center;gap:14px}
.icon-control{width:56px;height:56px;display:grid;place-items:center;padding:0}
.icon-control svg{width:21px;height:21px;fill:#fff}
.max-control{font-size:22px;letter-spacing:-.05em;text-transform:lowercase}.mobile-phone{display:none}
.outline-control::before,.outline-control::after,.phone-control::before,.phone-control::after,.icon-control::before,.icon-control::after,.corner-button::before,.corner-button::after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}
.outline-control::before,.phone-control::before,.icon-control::before,.corner-button::before{left:-1px;top:-1px;border-left:1px solid rgba(255,255,255,.62);border-top:1px solid rgba(255,255,255,.62)}
.outline-control::after,.phone-control::after,.icon-control::after,.corner-button::after{right:-1px;bottom:-1px;border-right:1px solid rgba(255,255,255,.62);border-bottom:1px solid rgba(255,255,255,.62)}
.outline-control:hover,.phone-control:hover,.icon-control:hover,.corner-button:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.burger{display:grid;gap:4px}.burger i{display:block;width:18px;height:2px;background:#fff}
.hero-center{padding:12vh 5.5vw 4vh;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-center h1{margin:0;width:min(1480px,96vw);font-size:clamp(58px,6.3vw,104px);line-height:.92;letter-spacing:-.045em;font-weight:900;text-transform:uppercase;text-shadow:0 4px 28px rgba(0,0,0,.26)}
.story-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(1240px,92vw);margin:38px auto 22px}
.story-segment{position:relative;height:3px;padding:0;border:0;background:rgba(255,255,255,.34);overflow:hidden}
.story-segment i{position:absolute;inset:0 auto 0 0;width:0;background:var(--red2)}
.story-segment.active i{animation:storyFill var(--story-duration,5200ms) linear forwards}
@keyframes storyFill{from{width:0}to{width:100%}}
.story-text{margin:0;min-height:42px;font-size:clamp(20px,2vw,32px);font-weight:700;transition:opacity .2s ease,transform .2s ease;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.story-text.fade{opacity:0;transform:translateY(6px)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.corner-button{min-height:58px;padding:0 28px}
.corner-button.primary{background:linear-gradient(90deg,#97121e,var(--red));border-color:rgba(255,255,255,.22)}
.corner-button.primary:hover{background:linear-gradient(90deg,#b51724,var(--red2))}
.hero-footer{display:flex;justify-content:space-between;align-items:center;padding:0 5.5vw 30px;font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:rgba(255,255,255,.78)}
.nav-drawer{position:fixed;left:0;top:0;bottom:0;width:min(430px,92vw);z-index:120;background:#081d16;color:#fff;border-right:1px solid rgba(255,255,255,.14);padding:28px;display:flex;flex-direction:column;gap:0;transform:translateX(-102%);transition:transform .28s ease;box-shadow:var(--shadow)}
.nav-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.drawer-head strong{font-size:46px;letter-spacing:-.04em}.drawer-head button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:#fff;font-size:28px}
.nav-drawer>a{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:24px;font-weight:800}.nav-drawer>a span{color:var(--gold);font-size:12px;letter-spacing:.15em;padding-top:8px}
.drawer-contacts{margin-top:auto;display:grid;gap:10px}.drawer-contacts a{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.drawer-contacts b{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}
body.drawer-open,body.modal-open{overflow:hidden}
.section{padding:110px 5.5vw}
.section-green{background:linear-gradient(180deg,#0d3326,#09241b);color:var(--white)}
.section-dark{background:#0a0d0b;color:var(--white)}
.section-cream{background:var(--paper);color:var(--ink)}
.section-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,460px);gap:30px;align-items:end;margin-bottom:52px}
.section-title-row h2,.about-copy h2,.lead-copy h2{margin:0;font-size:clamp(48px,5.6vw,88px);line-height:.94;letter-spacing:-.05em;font-weight:900}
.section-title-row h2 em,.about-copy h2 em,.lead-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;text-transform:none}
.section-title-row>p,.section-title-row>div+p,.about-copy>p:not(.kicker),.lead-copy>p:not(.kicker){margin:0;font-size:19px;line-height:1.65;color:rgba(255,255,255,.76)}
.dark-text{color:var(--ink)}.dark-text>p,.dark-text>div+p{color:rgba(16,37,28,.72)}
.kicker,.index{margin:0 0 14px;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:900;color:var(--gold)}
.approach-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}
.approach-copy{padding:32px;background:rgba(7,23,17,.44);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center;min-height:520px}
.approach-copy h3{margin:0 0 18px;font-size:clamp(40px,4vw,66px);line-height:.94;letter-spacing:-.04em}.approach-copy>p:not(.index){margin:0;font-size:18px;line-height:1.7;color:rgba(255,255,255,.78)}
.approach-copy ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:9px}.approach-copy li{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:13px}.approach-copy li::before{content:'• ';color:var(--gold)}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.approach-media{position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.approach-media .main{width:100%;height:100%;object-fit:cover}.approach-media .thumbs{position:absolute;right:22px;bottom:22px;width:30%;display:grid;gap:12px}.approach-media .small{width:100%;height:188px;object-fit:cover;border:8px solid rgba(8,28,20,.88);box-shadow:var(--shadow);background:#0b1e17}
.custom-copy{grid-column:2;grid-row:2}.custom-media{grid-column:1;grid-row:2}
.trend-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:38px;align-items:center}
.trend-media-wrap{position:relative;min-height:720px}.trend-main{width:88%;height:720px;object-fit:cover;box-shadow:0 28px 60px rgba(16,37,28,.18)}.trend-small{position:absolute;width:38%;height:48%;right:0;bottom:40px;object-fit:cover;border:12px solid var(--paper);box-shadow:0 28px 60px rgba(16,37,28,.22)}
.trend-info h3{margin:0 0 18px;font-size:clamp(56px,6vw,94px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.trend-info>p:not(.index){font-size:20px;line-height:1.7;color:rgba(16,37,28,.72)}
.trend-tabs{display:grid;margin:30px 0}.trend-tab{display:flex;gap:20px;align-items:center;border:0;border-top:1px solid rgba(16,37,28,.18);background:transparent;padding:14px 0;text-align:left;color:rgba(16,37,28,.56);font-weight:900}.trend-tab:last-child{border-bottom:1px solid rgba(16,37,28,.18)}.trend-tab span{font-size:16px}.trend-tab.active{color:var(--ink)}
.corner-button.dark{color:var(--ink);border-color:var(--lineDark);background:transparent}.corner-button.dark::before{border-left-color:rgba(16,37,28,.65);border-top-color:rgba(16,37,28,.65)}.corner-button.dark::after{border-right-color:rgba(16,37,28,.65);border-bottom-color:rgba(16,37,28,.65)}.corner-button.dark.primary{background:var(--red);color:#fff;border-color:transparent}
.case-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.case-tab{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.58);font-weight:800}.case-tab.active{background:#fff;color:#0a0d0b}
.case-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.case-gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:330px 260px;gap:14px}.case-gallery img{width:100%;height:100%;object-fit:cover}.case-gallery .big{grid-row:1/3}.case-copy{padding:34px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center}.case-copy h3{margin:0 0 18px;font-size:clamp(46px,5vw,78px);line-height:.94;letter-spacing:-.05em}.case-copy>p:not(.index){font-size:19px;line-height:1.7;color:rgba(255,255,255,.72)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-grid article{padding:28px;border:1px solid rgba(255,255,255,.14);background:rgba(7,23,17,.35);min-height:230px}.process-grid span{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 8px;border:1px solid rgba(255,255,255,.18);color:var(--gold);font-weight:900}.process-grid h3{margin:22px 0 10px;font-size:28px}.process-grid p{margin:0;color:rgba(255,255,255,.72);line-height:1.65}
.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.about-copy h2{color:var(--ink)}.about-copy>p:not(.kicker){color:rgba(16,37,28,.72);margin-top:18px}.about-media{min-height:620px}.about-media img{width:100%;height:620px;object-fit:cover}
.lead-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,760px);gap:30px;align-items:start}.lead-copy{max-width:420px}.lead-copy>p:not(.kicker){margin-top:20px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px;border:1px solid rgba(255,255,255,.12);background:#0e120f;max-width:760px;justify-self:end}.lead-form label{display:grid;gap:8px}.lead-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:900}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#080b09;color:#fff;padding:15px 16px;outline:none}.lead-form input,.lead-form select{min-height:54px}.lead-form textarea{resize:vertical}.lead-form .wide{grid-column:1/-1}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:rgba(213,178,113,.8)}.form-submit-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit-row .corner-button{width:100%}
.footer{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:28px;padding:48px 5.5vw 130px;background:#061611;border-top:1px solid rgba(255,255,255,.08)}.footer-brand strong{display:block;font-size:68px;line-height:.86;letter-spacing:-.05em}.footer-brand span{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:rgba(255,255,255,.68)}.footer-col{display:grid;align-content:start;gap:11px}.footer-col p{margin:0 0 5px;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:900}.footer-col a{color:rgba(255,255,255,.86)}
.sticky-price{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;width:min(900px,calc(100% - 26px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 13px 13px 22px;background:rgba(8,20,15,.92);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.sticky-price span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:900}.sticky-price strong{font-size:27px}
.modal{border:0;background:transparent;padding:0}.modal::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(720px,calc(100vw - 26px));padding:32px;background:#0a2118;color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.modal-card h3{margin:0;font-size:clamp(40px,5vw,64px);line-height:.96;letter-spacing:-.04em}.modal-card>p:not(.kicker){color:rgba(255,255,255,.74);font-size:18px;line-height:1.65}.modal-close{position:absolute;top:14px;right:14px;width:42px;height:42px;background:transparent;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:28px}.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(8px);z-index:150;padding:13px 18px;background:#fff;color:#082018;opacity:0;pointer-events:none;transition:.2s ease;font-weight:800}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1100px){
  .hero-top{padding-left:24px;padding-right:24px}.brand span{font-size:10px;letter-spacing:.18em}.hero-contacts .phone-control{display:none}.hero-contacts .mobile-phone{display:grid}.hero-center{padding-top:11vh;padding-left:24px;padding-right:24px}.hero-center h1{font-size:clamp(52px,8vw,82px)}.hero-footer{padding-left:24px;padding-right:24px}
  .section{padding-left:24px;padding-right:24px}.section-title-row{grid-template-columns:1fr}.approach-layout{grid-template-columns:1fr}.custom-copy,.custom-media{grid-column:auto;grid-row:auto}.trend-stage{grid-template-columns:1fr}.trend-media-wrap{min-height:620px}.trend-main{height:620px}.case-layout,.about-layout,.lead-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.about-media,.about-media img{height:520px;min-height:520px}.footer{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
  .hero-top{grid-template-columns:1fr auto;align-items:start;padding-top:16px}.brand{grid-column:1/-1;grid-row:1;justify-self:center}.outline-control.nav-control{grid-column:1;grid-row:2;width:52px;height:52px;padding:0;font-size:0;justify-content:center}.hero-contacts{grid-column:2;grid-row:2}.hero-contacts .icon-control{width:52px;height:52px}.hero-center{padding-top:14vh}.hero-center h1{font-size:48px;line-height:.95}.story-progress{gap:4px;margin-top:26px}.story-text{font-size:19px;min-height:54px;max-width:340px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:340px}.corner-button{width:100%}.hero-footer{font-size:9px}.hero-loc{max-width:220px}
  .section{padding-top:76px;padding-bottom:76px}.section-title-row h2,.about-copy h2,.lead-copy h2{font-size:40px}.section-title-row>p,.section-title-row>div+p,.about-copy>p:not(.kicker),.lead-copy>p:not(.kicker){font-size:17px}.approach-copy{min-height:auto;padding:24px}.approach-media{min-height:420px}.approach-media .thumbs{right:12px;bottom:12px;width:42%;gap:8px}.approach-media .small{height:118px;border-width:6px}.button-row{display:grid;grid-template-columns:1fr}.trend-media-wrap{min-height:500px}.trend-main{width:92%;height:500px}.trend-small{width:44%;height:40%;bottom:20px;border-width:7px}.trend-info h3{font-size:54px}.case-tabs{display:grid;grid-template-columns:1fr}.case-layout{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 190px}.case-gallery .big{grid-column:1/-1;grid-row:auto}.case-copy{padding:24px}.process-grid{grid-template-columns:1fr}.about-media,.about-media img{height:420px;min-height:420px}.lead-form{grid-template-columns:1fr;padding:18px}.lead-form .wide{grid-column:auto}.form-submit-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:30px;padding-bottom:160px}.sticky-price{display:flex;grid-template-columns:none;gap:10px;padding:10px 10px 10px 14px}.sticky-price span{display:none}.sticky-price strong{font-size:20px;white-space:nowrap}.sticky-price .corner-button{width:auto;min-height:48px;padding:0 16px;font-size:12px}
}