:root{--canvas:#151b21;--panel:#1b242d;--text:#f0f2f3;--secondary:#aab6c0;--line:#3b4854;--accent:#df0733;--head:Manrope,sans-serif;--body:"Golos Text",sans-serif}
body[data-direction="d"]{background:var(--canvas)}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.story-brand{display:block;flex-shrink:0;width:180px}.story-brand img{width:100%;height:auto}
.story-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:var(--secondary)}
.story-hero{position:relative;height:100svh;min-height:700px;isolation:isolate;overflow:hidden}.story-hero-photo,.story-hero-shade{position:absolute;inset:0;z-index:-1}.story-hero-photo{z-index:-2}.story-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.story-hero-shade{background:linear-gradient(90deg,rgba(10,17,24,.66),rgba(10,17,24,.28) 44%,transparent 80%),linear-gradient(0deg,#151b21 0,rgba(12,20,28,.22) 25%,transparent 60%,rgba(12,20,28,.36))}
.story-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 3.3vw}.story-nav{display:flex;gap:32px;font-size:12px}.story-nav a{padding:12px 0}.story-header-contact{display:flex;align-items:center;gap:24px;background:none;font-size:12px;padding:14px 0;border-bottom:1px solid #91a0ab}
.story-hero-copy{position:absolute;left:5.5vw;top:31%;max-width:670px}.story-hero-copy .story-eyebrow{color:#d2dbe1;margin-bottom:24px}.story-hero h1{font-family:var(--head);font-size:clamp(64px,7.8vw,130px);line-height:.99;letter-spacing:-.055em;font-weight:500}.story-hero h1 span{display:block}.story-hero-lead{font-size:17px;line-height:1.6;max-width:360px;color:#ced7dd;margin:28px 0 34px}.story-action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:60px;padding:18px 26px;background:var(--accent);font-size:13px;font-weight:500;color:#fff;transition:background .2s}.story-action:hover{background:#b90428}.story-action svg{transition:transform .25s}.story-action:hover svg{transform:translate(3px,-3px)}
.story-hero-bottom{position:absolute;bottom:36px;left:3.3vw;right:3.3vw;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:#c2cbd2}.story-scroll{display:flex;align-items:center;gap:30px}.story-scroll svg{height:28px}
.story-sequence{height:1600svh;position:relative;background:var(--canvas)}.story-stage{height:100svh;min-height:660px;position:sticky;top:0;isolation:isolate;overflow:hidden}.story-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 57% 45%,rgba(82,109,132,.2),rgba(32,46,58,.08) 38%,transparent 67%),linear-gradient(180deg,#151b21,#131c25 52%,#151b21)}.story-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.story-stage-head{position:absolute;top:36px;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:var(--secondary)}.story-stage-head>span:first-child{color:#ed0c37;letter-spacing:.23em}.story-overlays{position:absolute;inset:0;pointer-events:none}.story-beat{position:absolute;top:31%;width:min(29vw,440px);opacity:0;pointer-events:none;will-change:transform,opacity;overflow:visible!important;clip-path:none!important}.story-beat[data-side="left"]{left:5.5vw}.story-beat[data-side="right"]{right:5.5vw}.story-beat[data-side="center"]{width:89%;left:5.5vw;top:16%;text-align:center}.story-beat .story-eyebrow{margin-bottom:26px;color:#9eacb8}.story-beat h2{font-family:var(--head);font-weight:500;font-size:clamp(34px,4.1vw,68px);line-height:1.06;letter-spacing:-.055em;margin:0 0 26px}.story-beat h2 span{display:block}.story-beat>p:not(.story-eyebrow){font-size:14px;line-height:1.65;color:var(--secondary);max-width:330px}.story-beat[data-side="center"]>p{margin-inline:auto}.story-beat .story-selection-note{font-size:10px!important;line-height:1.6!important;margin-top:22px;color:#8596a5!important}.story-beat .story-text-link{margin-top:24px;pointer-events:auto}.story-beat.is-active{pointer-events:auto}.story-beat .story-action{margin-top:24px;pointer-events:auto}
.story-stage-bottom{position:absolute;bottom:34px;left:3.3vw;right:3.3vw;display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.12em;color:#91a1ad}.story-current{min-width:63px}.story-progress{height:1px;background:#364551;flex:1}.story-progress-fill{height:1px;width:100%;background:#d91538;display:block;transform-origin:left;transform:scaleX(0)}.story-stage-bottom>span:last-child{padding-left:30px}.story-load{position:absolute;bottom:80px;left:3.3vw;font-size:12px;color:#aab6c0}.story-load[hidden]{display:none}.story-load.is-error{max-width:300px}
.story-glass-measure{display:flex;align-items:end;gap:22px;margin:26px 0 0;color:#d1dce4}.story-glass-measure strong{font:500 58px/1 var(--head);letter-spacing:-.05em}.story-glass-measure span{font-size:11px;line-height:1.7;padding-bottom:4px}.story-benefit-index{display:flex;gap:10px;margin-top:28px}.story-benefit-index span{width:26px;height:2px;background:#3a4a58}.story-benefit-index span.is-current{background:var(--accent)}
.story-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:32svh;text-align:left}.story-audience{border-top:1px solid #4d5c68;padding-top:21px}.story-audience h3{font:500 clamp(18px,1.65vw,27px)/1.2 var(--head);letter-spacing:-.035em;margin:0 0 12px}.story-audience p{font-size:12px;line-height:1.6;color:#aab6c0;max-width:360px}.story-audience .story-text-link{font-size:11px;margin-top:15px}
.story-handoff{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;max-width:350px;border-top:1px solid var(--line)}.story-handoff a{padding:13px 8px 13px 0;border-bottom:1px solid var(--line);font-size:12px;pointer-events:auto}.story-handoff small{display:block;color:#8193a1;margin-bottom:6px;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.story-handoff-price{font-size:13px;color:#e4e8eb;margin-top:21px}.story-text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;padding:7px 0;background:none;border-bottom:1px solid #6b7c89}.story-text-link svg{width:16px;height:16px}
.story-configurator{position:relative;padding-top:110px;background:radial-gradient(ellipse at 36% 46%,rgba(74,99,119,.15),transparent 58%),var(--canvas);border-top:1px solid #293641}.story-configurator .config-inner{padding-inline:3.3vw;padding-top:0}.story-configurator .config-title{font-size:clamp(38px,5vw,78px)}.story-configurator .config-workspace{grid-template-columns:minmax(0,1fr) minmax(380px,.39fr);gap:52px}.story-configurator .config-viewer{background:transparent;min-height:650px}.story-configurator .config-header{margin-bottom:58px}.story-configurator .config-endline{margin-top:70px}
.story-work{padding:140px 5.5vw 150px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story-section-heading h2,.story-contact h2{font:500 clamp(44px,5.1vw,82px)/1.08 var(--head);letter-spacing:-.055em;margin:28px 0}.story-section-intro{font-size:14px;line-height:1.7;max-width:330px;color:var(--secondary)}.story-steps{list-style:none;margin:0;padding:0}.story-steps li{display:grid;grid-template-columns:45px 1fr;gap:18px;border-top:1px solid var(--line);padding:26px 0 34px}.story-steps li:last-child{border-bottom:1px solid var(--line)}.story-step-number{font-size:10px;color:#a7b8c7;padding-top:5px}.story-steps h3{font:500 23px/1.3 var(--head);letter-spacing:-.035em;margin:0 0 15px}.story-steps p{font-size:13px;line-height:1.7;color:var(--secondary);max-width:400px}
.story-contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 5.5vw 120px;border-top:1px solid #394957;background:radial-gradient(ellipse at 0% 100%,#253440,transparent 70%),#17222b}.story-contact-lead{font-size:14px;line-height:1.7;max-width:320px;color:var(--secondary);margin:0 0 34px}.story-order-summary{padding-top:14px}.story-final-size{font:500 44px/1.15 var(--head);letter-spacing:-.045em;margin:24px 0}.story-final-material{display:flex;gap:24px;font-size:13px;color:#bdc8d0;padding-bottom:38px;margin-bottom:32px;border-bottom:1px solid var(--line)}.story-final-price{font:500 27px/1.3 var(--head);letter-spacing:-.03em;margin:16px 0}.story-price-note{font-size:10px;line-height:1.6;color:#8fa2b1}.story-order-summary .story-text-link{margin-top:34px}.story-footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:start;gap:4vw;padding:60px 3.3vw 64px;border-top:1px solid #3b4c5a;background:#17222b}.story-footer .story-brand{width:190px}.story-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px}.story-footer>p{font-size:11px;line-height:1.7;color:var(--secondary)}.story-backtop{display:flex;align-items:center;gap:20px;font-size:10px}.story-backtop svg{width:17px;height:17px}
.story-reduced .story-sequence{height:auto}.story-reduced .story-stage{position:relative;height:auto;min-height:0;overflow:visible}.story-reduced .story-canvas{position:relative;height:65svh;max-height:650px}.story-reduced .story-overlays{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 5.5vw 90px}.story-reduced .story-beat{position:relative!important;inset:auto!important;width:auto!important;max-width:none;opacity:1!important;transform:none!important;text-align:left!important}.story-reduced .story-beat>p{margin-inline:0}.story-reduced .story-audience-grid{margin-top:28px;grid-template-columns:1fr;gap:24px}.story-reduced .story-stage-head{top:25px}.story-reduced .story-stage-bottom{display:none}
@media(max-width:1100px){.story-nav{gap:18px}.story-nav a:nth-child(3){display:none}.story-configurator .config-workspace{gap:26px;grid-template-columns:minmax(0,1fr) 360px}.story-beat{width:32vw}.story-hero-copy{top:32%}.story-footer{grid-template-columns:1fr 1fr auto}.story-footer>p{display:none}}
@media(max-width:700px){.story-brand{width:140px}.story-header{padding:25px 22px;gap:18px}.story-nav{display:none}.story-header-contact{font-size:0;gap:0;padding:8px}.story-header-contact svg{width:23px;height:23px}.story-hero{min-height:680px}.story-hero-photo img{object-position:61% 50%}.story-hero-shade{background:linear-gradient(180deg,rgba(10,17,24,.4),rgba(10,17,24,.12) 19%,rgba(10,17,24,.45) 45%,#151b21 100%)}.story-hero-copy{left:24px;right:24px;top:36%;max-width:none}.story-hero h1{font-size:clamp(56px,15.1vw,86px)}.story-hero-copy .story-eyebrow{font-size:9px;margin-bottom:22px}.story-hero-lead{font-size:13px;max-width:270px;margin:23px 0 28px}.story-action{min-height:56px;padding:17px 22px;font-size:12px;gap:30px}.story-hero-bottom{bottom:28px;left:24px;right:24px}.story-hero-bottom>p{display:none}.story-scroll{font-size:10px;gap:25px}.story-stage{min-height:620px}.story-stage-head{top:25px;left:24px;right:24px;font-size:8px}.story-beat,.story-beat[data-side="left"],.story-beat[data-side="right"],.story-beat[data-side="center"]{top:12%;left:24px;right:24px;width:auto;text-align:left}.story-beat h2{font-size:36px;max-width:315px;line-height:1.05;margin-bottom:15px}.story-beat .story-eyebrow{font-size:9px;margin-bottom:17px}.story-beat>p:not(.story-eyebrow){font-size:11px;line-height:1.6;max-width:290px;margin-inline:0}.story-beat .story-selection-note{font-size:9px!important;margin-top:12px;max-width:275px}.story-stage-bottom{bottom:25px;left:24px;right:24px;gap:16px;font-size:8px}.story-stage-bottom>span:last-child{display:none}.story-current{min-width:50px}.story-glass-measure{margin-top:17px;gap:17px}.story-glass-measure strong{font-size:42px}.story-glass-measure span{font-size:9px}.story-benefit-index{margin-top:16px}.story-audience-grid{margin-top:23svh;grid-template-columns:1fr;gap:0}.story-audience{padding-top:12px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.story-audience h3{font-size:17px;margin:0;max-width:220px}.story-audience p{display:none}.story-audience .story-text-link{font-size:0;margin:0;padding:0 6px;border:0;gap:0}.story-audience .story-text-link svg{width:20px;height:20px}.story-handoff{margin-top:18px;max-width:280px}.story-handoff a{font-size:10px;padding:10px 8px 10px 0}.story-handoff small{font-size:8px}.story-handoff-price{font-size:12px;margin-top:14px}.story-beat[data-presentation="configurator"]{top:10%}.story-beat[data-presentation="work-and-contact"]{top:12%}.story-beat .story-action{min-height:50px;margin-top:20px}.story-configurator{padding-top:65px}.story-configurator .config-inner{padding-inline:24px}.story-configurator .config-header{margin-bottom:22px}.story-configurator .config-title{font-size:43px}.story-configurator .config-workspace{grid-template-columns:1fr;gap:25px}.story-configurator .config-viewer{min-height:480px;order:0}.story-configurator .config-panel{order:1}.story-configurator .config-endline{margin-top:45px}.story-work{padding:90px 24px;grid-template-columns:1fr;gap:45px}.story-section-heading h2,.story-contact h2{font-size:48px;margin:23px 0}.story-section-intro{font-size:12px;max-width:290px}.story-steps li{grid-template-columns:32px 1fr;padding:25px 0 30px;gap:14px}.story-steps h3{font-size:22px}.story-steps p{font-size:12px}.story-contact{grid-template-columns:1fr;gap:52px;padding:75px 24px 70px}.story-contact-lead{font-size:12px;max-width:280px}.story-contact .story-action{width:100%;gap:16px}.story-final-size{font-size:36px;margin:22px 0}.story-final-price{font-size:25px}.story-final-material{font-size:12px;gap:18px;padding-bottom:25px;margin-bottom:27px}.story-footer{padding:42px 24px 45px;grid-template-columns:1fr auto;gap:35px}.story-footer .story-brand{width:150px}.story-footer nav{grid-row:2;grid-column:1/3;gap:20px}.story-backtop{font-size:9px;gap:13px}.story-reduced .story-overlays{grid-template-columns:1fr;gap:45px;padding:25px 24px 70px}.story-reduced .story-canvas{height:52svh}.story-reduced .story-audience-grid{margin-top:25px}.story-reduced .story-audience p{display:block;grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-sequence{height:auto}.story-stage{position:relative}.story-action svg{transition:none}}
