@font-face{font-family:"PT Sans STEK";src:url("/ru-v1-case-stek-souvenir-v1/assets/fonts/PTSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"PT Sans STEK";src:url("/ru-v1-case-stek-souvenir-v1/assets/fonts/PTSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{--stek-brown:#382e2c;--stek-paper:#efeeea;--stek-taupe:#8e847d;--stek-clay:#c18669;--stek-red:#b85241;--stek-line:rgba(239,238,234,.15);--stek-brand:"PT Sans STEK","Helvetica Neue",Arial,sans-serif}
body.souvenir-case{background:var(--stek-paper)}
.souvenir-case .site-header{background:rgba(11,10,10,.96)}
.souvenir-case .header-cta{background:var(--stek-red)}
.case-section{padding-block:var(--section-space)}
.souvenir-hero{position:relative;min-height:max(700px,calc(100svh - var(--header-h)));overflow:hidden;background:#0d0c0c;color:#fff}
.souvenir-hero::after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 62% 50%,rgba(193,134,105,.12),transparent 36%),linear-gradient(90deg,rgba(13,12,12,.8) 0 25%,transparent 52%);pointer-events:none}
.souvenir-hero__meta,.souvenir-hero__footer,.souvenir-hero__content{position:absolute;z-index:4;right:0;left:0}
.souvenir-hero__meta{top:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.souvenir-hero__content{top:50%;transform:translateY(-48%);pointer-events:none}
.souvenir-hero__content .eyebrow{margin-bottom:26px;color:var(--stek-clay)}
.souvenir-hero h1{max-width:760px;margin:0;font-size:clamp(92px,10vw,182px);line-height:.79;letter-spacing:-.045em}
.souvenir-hero__content>p:last-child{max-width:470px;margin:40px 0 0;font-size:17px;line-height:1.45;color:rgba(255,255,255,.72)}
.souvenir-hero__footer{bottom:28px;display:flex;align-items:end;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.souvenir-hero__footer a{text-underline-offset:.3em}
.model-controls{display:flex;gap:18px;align-items:center}
.model-controls button{padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;color:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.model-controls span{color:rgba(255,255,255,.5)}
.product-model{position:absolute;z-index:2;top:5%;right:-1%;width:min(76vw,1180px);height:88%;touch-action:pan-y;cursor:grab}
.product-model.is-dragging{cursor:grabbing}
.product-model canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .65s ease}
.product-model.is-ready canvas{opacity:1}
.product-model__fallback{position:absolute;top:50%;left:50%;width:min(70%,760px);height:auto;transform:translate(-40%,-50%);mix-blend-mode:screen;object-fit:contain;opacity:.94;transition:opacity .45s ease}
.product-model.is-ready .product-model__fallback{opacity:0}
.product-model__status{position:absolute;right:4%;bottom:8%;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.52)}
.product-model.is-ready .product-model__status{display:none}
.case-index{position:sticky;z-index:90;top:var(--header-h);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(239,238,234,.96);border-bottom:1px solid rgba(56,46,44,.2);backdrop-filter:blur(12px)}
.case-index a{display:flex;justify-content:center;gap:12px;padding:21px 10px;border-right:1px solid rgba(56,46,44,.16);font-size:9px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.case-index a span{color:var(--stek-red)}
.context{background:var(--stek-paper);color:var(--stek-brown)}
.section-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:clamp(72px,8vw,128px)}
.section-heading .eyebrow{grid-column:1/span 2}
.section-heading h2{grid-column:3/span 9;font-size:clamp(60px,6.2vw,112px);line-height:.91}
.context__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.context__lead{grid-column:3/span 5;margin:0;font-size:clamp(29px,2.7vw,48px);line-height:1.05;font-family:var(--display)}
.context__copy{grid-column:9/-1;font-size:18px;line-height:1.5}
.scope-row{display:grid;grid-template-columns:repeat(6,1fr);margin-top:clamp(70px,9vw,140px);border-top:1px solid rgba(56,46,44,.22);border-left:1px solid rgba(56,46,44,.22)}
.scope-row span{min-height:96px;padding:16px;border-right:1px solid rgba(56,46,44,.22);border-bottom:1px solid rgba(56,46,44,.22);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.section-heading--split h2{grid-column:3/span 6}
.section-heading--split>p:last-child{grid-column:10/-1;align-self:end;margin:0;font-size:clamp(16px,1.18vw,20px);line-height:1.48}
.case-section figcaption{margin-top:11px;color:var(--stek-taupe);font-size:9px;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}

.car-concept{padding-bottom:0;background:#f7f6f2;color:var(--stek-brown)}
.object-data{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:clamp(70px,8vw,130px);border-top:1px solid rgba(56,46,44,.24);border-left:1px solid rgba(56,46,44,.24)}
.object-data>div{display:grid;min-height:170px;padding:18px;border-right:1px solid rgba(56,46,44,.24);border-bottom:1px solid rgba(56,46,44,.24)}
.object-data span,.object-data small{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.object-data strong{align-self:end;font-family:var(--display);font-size:clamp(42px,4vw,72px);font-weight:400;letter-spacing:-.035em;line-height:.88}
.object-data small{margin-top:10px;color:var(--stek-taupe)}
.wide-visual{width:100%;margin:0;padding-inline:var(--gutter)}
.wide-visual img{width:100%;height:auto;object-fit:contain}
.wide-visual figcaption{max-width:var(--content-max);margin-right:auto;margin-left:auto}
.wide-visual--car{padding-bottom:clamp(100px,11vw,180px);background:#f7f6f2}
.object-study{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-bottom:var(--section-space)}
.object-study__render{grid-column:1/span 7;margin:0;background:#0b0a0a}
.object-study__render img{width:100%;height:auto;object-fit:contain}
.object-study__render figcaption{padding:0 12px 12px;color:rgba(255,255,255,.5)}
.object-study__copy{grid-column:9/-1}
.object-study__copy .eyebrow{margin-bottom:26px;color:var(--stek-red)}
.object-study__copy h3{margin-bottom:32px;font-size:clamp(48px,4.6vw,82px);line-height:.92}
.object-study__copy>p:not(.eyebrow){font-size:18px;line-height:1.48}
.object-study__copy ul{display:grid;grid-template-columns:repeat(2,1fr);padding:0;margin:44px 0 0;border-top:1px solid rgba(56,46,44,.22);border-left:1px solid rgba(56,46,44,.22);list-style:none}
.object-study__copy li{min-height:72px;padding:12px;border-right:1px solid rgba(56,46,44,.22);border-bottom:1px solid rgba(56,46,44,.22);font-size:10px;letter-spacing:.08em;text-transform:uppercase}

.hanger-concept{padding-bottom:0;background:var(--stek-paper);color:var(--stek-brown)}
.hanger-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:clamp(72px,8vw,132px)}
.hanger-intro>div:first-child{grid-column:1/span 8}
.hanger-intro>div:last-child{grid-column:10/-1;align-self:end;font-size:18px;line-height:1.48}
.hanger-intro .eyebrow{margin-bottom:34px}
.hanger-intro h2{font-size:clamp(62px,6.2vw,112px);line-height:.91}
.hanger-stage{position:relative;display:grid;place-items:center;min-height:min(74vw,980px);overflow:hidden;background:#dfe7ee;isolation:isolate}
.hanger-model{position:absolute;z-index:2;inset:clamp(54px,5vw,86px) clamp(28px,4vw,76px);touch-action:pan-y;cursor:grab}
.hanger-model.is-dragging{cursor:grabbing}
.hanger-model canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .65s ease}
.hanger-model.is-ready canvas{opacity:1}
.hanger-model__fallback{position:absolute;top:50%;left:50%;width:min(62vw,920px);max-width:92%;height:auto;transform:translate(-50%,-50%);object-fit:contain;opacity:1;transition:opacity .45s ease}
.hanger-model.is-ready .hanger-model__fallback{opacity:0}
.hanger-model__status{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(56,46,44,.56)}
.hanger-model.is-ready .hanger-model__status{display:none}
.hanger-stage__labels{position:absolute;z-index:3;top:34px;right:var(--gutter);left:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.hanger-stage__size{position:absolute;z-index:3;right:var(--gutter);bottom:28px;display:flex;align-items:end;gap:10px}
.hanger-stage__size strong{font-family:var(--display);font-size:clamp(20px,1.35vw,26px);font-weight:400;letter-spacing:-.04em;line-height:.8}
.hanger-stage__size span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.wide-visual--hanger{padding-top:var(--section-space);padding-bottom:var(--section-space)}

.process{background:#151313;color:#fff}
.process .section-heading--split>p:last-child{color:rgba(255,255,255,.64)}
.process-steps{display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:0 0 clamp(80px,10vw,160px);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);list-style:none}
.process-steps li{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:16px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);font-family:var(--display);font-size:clamp(28px,2.6vw,46px);line-height:.92}
.process-steps span{font-family:var(--sans);font-size:9px;letter-spacing:.1em;color:var(--stek-clay)}
.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,34px);width:min(100%,var(--content-max));margin-inline:auto;padding-inline:var(--gutter);align-items:start}
.boards figure{margin:0;padding:16px;background:var(--stek-paper)}
.boards img{width:100%;height:auto;object-fit:contain}

.result{background:var(--stek-clay);color:#1a1310}
.result__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.result__grid>div{grid-column:3/span 5;font-size:clamp(24px,2.2vw,38px);line-height:1.18}
.result__grid>ul{grid-column:9/-1;padding:0;margin:0;border-top:1px solid rgba(26,19,16,.28);list-style:none}
.result__grid li{padding:13px 0;border-bottom:1px solid rgba(26,19,16,.28);font-size:13px}
.concept-note{margin-top:38px;padding-top:18px;border-top:1px solid rgba(26,19,16,.28);font-family:var(--sans);font-size:14px;line-height:1.48}

.related{background:#f7f6f2;color:var(--stek-brown)}
.related__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.related__grid>div{grid-column:1/span 5}
.related__grid h2{margin:30px 0 34px;font-size:clamp(76px,8vw,144px);line-height:.82}
.related__grid>div>p:not(.eyebrow){max-width:520px;font-size:18px;line-height:1.5}
.text-link{display:inline-block;margin-top:28px;text-underline-offset:.28em}
.related__card{position:relative;grid-column:7/-1;display:grid;min-height:560px;place-items:center;overflow:hidden;background:var(--stek-paper);border:1px solid rgba(56,46,44,.2)}
.related__card img{width:min(78%,700px);height:auto;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.related__card span{position:absolute;right:16px;bottom:16px;padding:10px 12px;background:var(--stek-brown);color:#fff;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.related__card:hover img{transform:scale(1.035)}

.case-contact{background:#090909;color:#fff}
.case-contact .gradient-text{background:linear-gradient(104deg,#c18669 0%,#b85241 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.case-contact .button{background:var(--stek-red)}
.copy-feedback{position:fixed;z-index:1000;right:24px;bottom:24px;padding:12px 16px;transform:translateY(20px);border-radius:99px;background:#fff;color:#111;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.copy-feedback.is-visible{transform:none;opacity:1}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:959px){.souvenir-hero__content{top:auto;bottom:112px;transform:none}.souvenir-hero h1{font-size:clamp(76px,16vw,132px)}.souvenir-hero__content>p:last-child{display:none}.product-model{top:8%;right:-18%;width:118%;height:68%}.product-model__fallback{width:76%;transform:translate(-43%,-54%)}.section-heading h2,.section-heading--split h2{grid-column:3/-1}.section-heading--split>p:last-child{grid-column:3/span 7;margin-top:28px}.context__lead{grid-column:3/span 6}.context__copy{grid-column:9/-1}.scope-row{grid-template-columns:repeat(3,1fr)}.object-study__render{grid-column:1/span 7}.object-study__copy{grid-column:8/-1}.hanger-intro>div:first-child{grid-column:1/span 8}.hanger-intro>div:last-child{grid-column:9/-1}.process-steps{grid-template-columns:repeat(3,1fr)}.result__grid>div{grid-column:3/span 6}.result__grid>ul{grid-column:9/-1}.related__card{min-height:440px}}
@media(max-width:767px){.souvenir-hero{min-height:calc(100svh - var(--header-h))}.souvenir-hero__meta{top:18px}.souvenir-hero__meta span:last-child{display:none}.souvenir-hero::after{background:linear-gradient(to bottom,transparent 20%,rgba(13,12,12,.9) 72%)}.product-model{top:4%;right:-28%;width:142%;height:62%}.product-model__status,.model-controls span{display:none}.souvenir-hero__content{bottom:96px}.souvenir-hero h1{font-size:clamp(70px,22vw,104px)}.souvenir-hero__footer{bottom:20px}.case-index{overflow-x:auto;grid-template-columns:repeat(5,minmax(128px,1fr));scrollbar-width:none}.case-index a{padding:17px 8px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:30px}.section-heading h2,.section-heading--split h2{font-size:clamp(54px,15vw,78px)}.section-heading--split>p:last-child{margin-top:34px;font-size:16px}.context__grid{display:block}.context__lead{margin-bottom:38px;font-size:34px}.context__copy{font-size:16px}.scope-row{grid-template-columns:repeat(2,1fr);margin-top:68px}.scope-row span{min-height:82px}.object-data{grid-template-columns:1fr}.object-data>div{min-height:128px}.wide-visual{padding-inline:16px}.object-study{display:block}.object-study__render{margin-bottom:64px}.object-study__copy h3{font-size:52px}.hanger-intro{display:block}.hanger-intro>div:first-child{margin-bottom:42px}.hanger-intro h2{font-size:clamp(54px,15vw,78px)}.hanger-intro>div:last-child{font-size:16px}.hanger-stage{min-height:92vw}.hanger-model{inset:44px 8px 36px}.hanger-model__fallback{width:88vw;max-width:94%}.hanger-model__status{display:none}.hanger-stage__labels{top:18px}.hanger-stage__labels span:nth-child(2){display:none}.hanger-stage__size{right:18px;bottom:18px}.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps li{min-height:112px}.boards{grid-template-columns:1fr;gap:18px;padding-inline:16px}.result__grid{display:block}.result__grid>div{margin-bottom:56px}.related__grid{display:block}.related__grid>div{margin-bottom:64px}.related__card{min-height:360px}.related__card img{width:88%}}
@media (min-width:768px) and (max-height:600px){.souvenir-hero{height:calc(100svh - var(--header-h));min-height:314px}.souvenir-hero__meta{top:14px}.souvenir-hero__content{top:48%;width:48%;transform:translateY(-42%)}.souvenir-hero__content .eyebrow{margin-bottom:10px}.souvenir-hero h1{font-size:clamp(68px,8.6vw,84px);line-height:.78}.souvenir-hero__content>p:last-child{display:none}.product-model{top:0;right:-2%;width:65%;height:100%}.souvenir-hero__footer{bottom:10px}.model-controls span{display:none}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.product-model canvas,.hanger-model canvas{display:none}.product-model__fallback,.hanger-model__fallback{opacity:1!important}.model-controls{display:none}}
.case-index{position:relative;top:auto}