.expanded-footer{padding-block:48px 56px}.footer-layout{display:flex;align-items:flex-start;justify-content:space-between;gap:60px}.expanded-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 48px}.expanded-footer nav a{font-size:12px;color:#b8bbbf;display:flex;align-items:center;justify-content:space-between;gap:24px}.expanded-footer nav a span{color:#737b84;transition:transform .2s}.expanded-footer nav a:hover,.expanded-footer nav a[aria-current]{color:#fff}.expanded-footer nav a:hover span{transform:translate(2px,-2px)}
.topic-page{--blue:var(--accent)}.topic-hero{position:relative;overflow:hidden}.topic-hero>.container{position:relative}.breadcrumbs{display:flex;gap:11px;align-items:center;padding-top:24px;font-size:11px;color:#8c929b}.breadcrumbs a:hover{color:white}.breadcrumbs>span:last-child{color:#b9bfc6}.topic-intro{text-align:center;max-width:980px;margin:57px auto 0}.topic-intro .eyebrow{font-size:10px;margin-bottom:23px}.topic-intro h1{font-size:clamp(38px,5.6vw,67px);line-height:1.13;letter-spacing:-.055em;animation:enter .7s both}.topic-intro h1 em{display:block;margin-top:9px;font-size:.91em;color:#a2a8b0}.topic-intro>p{font-size:17px;line-height:1.8;max-width:690px;margin:25px auto 0;animation:enter .7s .08s both}.topic-intro .hero-actions{margin-top:25px;margin-bottom:44px}.topic-hero-art{margin:0;background:#202223;border:1px solid #ffffff20;border-radius:17px;overflow:hidden;box-shadow:0 24px 60px #0003;animation:enter .8s .15s both}.art-zoom{padding:0;background:transparent;display:block;position:relative;width:100%;overflow:hidden;text-align:left}.art-zoom>img{width:100%;height:auto;transition:transform .6s}.art-zoom:hover>img{transform:scale(1.018)}.topic-hero-art .art-zoom>img{aspect-ratio:1.7;object-fit:contain;background:#1c1e1f}.topic-videos .topic-hero-art .art-zoom>img{aspect-ratio:2.12;object-position:center 48%}.zoom-mark{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff3a;border-radius:50%;background:#171b20b3;backdrop-filter:blur(8px);color:white;font-size:18px}.topic-hero-art figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 21px;font-size:11px;color:#abb2bc}.topic-hero-art figcaption>span:last-child{font-size:9px;letter-spacing:.13em;color:#7b858f}.topic-facts{display:flex;justify-content:center;gap:62px;padding:25px 0 53px;font-size:11px;color:#b8bdc5}.topic-facts b{font:11px monospace;color:var(--accent);margin-right:11px}.section-nav{border-block:1px solid #ffffff14;background:#1e2021}.section-nav>.container{display:flex;justify-content:center;gap:45px;padding-block:17px}.section-nav a{font-size:12px;color:#abb0b7;white-space:nowrap}.section-nav a:hover{color:white}.topic-page .section-head h2{font-size:43px}.topic-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.topic-case{border:1px solid #ffffff20;background:#202223;border-radius:13px;overflow:hidden;transition:border-color .3s,transform .3s}.topic-case:hover{border-color:#ffffff50;transform:translateY(-5px)}.sample{height:253px;overflow:hidden;background:#26292b;position:relative}.sample>img,.video-still>img{width:100%;height:100%;object-fit:cover}.topic-case-copy{padding:24px}.topic-case-copy .case-tag{font-size:10px;letter-spacing:.08em;color:var(--accent)}.topic-case-copy h3{font-size:23px;margin-top:12px;line-height:1.15}.topic-case-copy p{font-size:14px;line-height:1.8;margin-top:13px}.sample-note{text-align:center;font-size:11px;color:#8b9199;margin-top:24px}.topic-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.topic-steps article{border-top:1px solid #ffffff30;padding-top:23px}.step-number{font-size:38px;font-weight:300;color:var(--accent);letter-spacing:-.06em}.topic-steps h3{font-size:22px;margin-top:23px;line-height:1.3}.topic-steps p{font-size:14px;line-height:1.8;margin-top:15px}.editorial-split{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:65px}.editorial-art{border-radius:13px;border:1px solid #ffffff1a;overflow:hidden}.editorial-art img{aspect-ratio:1.17;object-fit:cover}.editorial-split .split-copy h2{font-size:38px}.editorial-split .split-copy>p{font-size:15px}.art-note{font-size:11px;line-height:1.7;display:block;color:#8d959f;margin-top:20px}.editorial-split .text-link{margin-top:28px;font-size:12px}.portrait-art{padding:28px 85px;background:linear-gradient(130deg,#233445,#25272a)}.portrait-art img{aspect-ratio:4/7;object-fit:contain}.portrait-art .art-zoom{box-shadow:0 15px 30px #0004;transform:rotate(-4deg)}.guide-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}.guide-heading{position:sticky;top:108px}.guide-heading h2{font-size:36px;line-height:1.17}.guide-heading>p{margin-top:24px;font-size:15px;line-height:1.8}.guide-heading .text-link{margin-top:30px;font-size:12px}.guide-articles article{border-top:1px solid #ffffff22;padding-top:26px;margin-bottom:35px}.guide-articles article:last-child{margin-bottom:0}.guide-articles .number{margin-bottom:13px;font-size:11px}.guide-articles h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.guide-articles p{font-size:15px;line-height:1.9;margin-top:17px}.topic-prompt{max-width:880px;border:1px solid #ffffff23;border-radius:14px;background:linear-gradient(145deg,#ffffff04,transparent),#202223;margin:auto;padding:27px 32px}.prompt-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;padding-bottom:21px;margin-bottom:23px}.prompt-top>span:first-child{display:flex;gap:12px;align-items:center;font-size:13px}.prompt-top>span:last-child{font-size:9px;color:#7c8794;letter-spacing:.12em}.topic-prompt>#prompt-text{font-size:18px;color:#d6dbe0;line-height:1.85}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff15;margin-top:24px;padding-top:22px}.prompt-bottom>p{font-size:12px;max-width:470px;color:#939ca7}.prompt-bottom .copy-button{margin:0;white-space:nowrap;flex-shrink:0}.prompt-status{display:block;font-size:12px;color:#b9d7c7;margin-top:13px;min-height:20px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.related-card{display:block}.related-card>div{border:1px solid #ffffff20;position:relative;overflow:hidden;border-radius:10px}.related-card img{aspect-ratio:1.5;object-fit:cover;width:100%;transition:transform .5s}.related-card:hover img{transform:scale(1.04)}.related-card>div>span{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#202428b8;border:1px solid #ffffff30;font-size:15px}.related-card h3{margin-top:20px;font-size:21px;letter-spacing:-.035em}.related-card p{margin-top:9px;font-size:12px;line-height:1.7}.back-to-carousel{display:block;text-align:center;width:max-content;max-width:100%;margin:38px auto 0;font-size:13px;color:#a4bfdc}.back-to-carousel span{margin-left:12px}.art-dialog{width:min(1100px,calc(100% - 36px));max-height:93dvh;overflow:auto;background:#202223;color:#fff;padding:0;border:1px solid #ffffff40;border-radius:13px;box-shadow:0 30px 80px #0008}.art-dialog::backdrop{background:#090b0ded;backdrop-filter:blur(9px)}.art-dialog .dialog-toolbar>span{font-size:13px;line-height:1.5}.dialog-art{width:100%;max-height:74dvh;object-fit:contain;margin:0 auto;background:#161819}.motion-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:25px;align-items:start}.motion-card{border:1px solid #ffffff24;overflow:hidden;border-radius:13px;background:#111}.motion-card video{width:100%;height:430px;object-fit:cover}.motion-card:last-child video{object-fit:contain}.motion-caption{display:flex;justify-content:space-between;padding:15px 17px;font-size:11px;color:#a7afb9;background:#202223;gap:12px}.motion-caption span:last-child{font-size:10px;color:#838c96}.media-credit{max-width:780px;text-align:center;font-size:11px;line-height:1.8;margin:22px auto 0;color:#8b939e}.media-credit a{text-decoration:underline;text-underline-offset:3px}.video-still{height:100%;position:relative}.still-frame{position:absolute;left:14px;bottom:14px;font:9px monospace;letter-spacing:.09em;padding:6px 9px;background:#10151cb3;border-radius:4px}
/* Native typographic examples: selectable Russian content, no raster UI screenshots. */
.mini-deck,.mini-info,.mini-social,.mini-logo{height:100%;padding:25px;position:relative;display:flex;flex-direction:column;overflow:hidden}.mini-deck{background:#e5e7e5;color:#14262e}.mini-deck>span,.mini-info>span,.mini-social>span,.mini-logo>span{font-size:7px;letter-spacing:.1em;position:relative;z-index:1}.mini-deck>strong{font-size:35px;line-height:1.06;font-weight:750;letter-spacing:-.065em;margin-top:23px;position:relative;z-index:1}.mini-deck small,.mini-social small,.mini-logo small{font-size:8px;margin-top:auto;position:relative;z-index:1}.deck-1{background:#bccdec}.deck-2{background:#e0e2d7}.mini-bars{position:absolute;right:25px;bottom:55px;display:flex;align-items:flex-end;gap:8px;height:100px}.mini-bars i{width:22px;background:#38698a;height:35%}.mini-bars i:nth-child(2){height:60%;background:#628ca5}.mini-bars i:nth-child(3){height:80%;background:#466b87}.mini-bars i:nth-child(4){height:100%;background:#9bb8c5}.deck-orbit{position:absolute;width:160px;height:160px;border:33px solid #496fba;border-radius:50%;right:-35px;bottom:20px;box-shadow:0 0 0 16px #8da8d6}.deck-steps{display:flex;gap:8px;margin-top:17px}.deck-steps i{font:10px monospace;font-style:normal;padding:7px 11px;border:1px solid #223e4540;background:#faf9f144;border-radius:4px}.mini-info{background:#e2eafa;color:#1d3861}.mini-info>strong{font-size:31px;line-height:1.1;letter-spacing:-.05em;margin-top:20px}.info-flow{display:flex;align-items:center;gap:15px;margin-top:28px}.info-flow i{font:14px monospace;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#4179c4;color:#fff}.info-flow b{font-size:14px;color:#7195c5}.info-1{background:#b5d0dc}.info-compare{display:flex;gap:14px;margin-top:22px}.info-compare i{font-style:normal;font-size:10px;background:#ffffff70;padding:10px 15px;border-radius:5px;line-height:2}.info-2{background:#e4e1d6;color:#2e4345}.info-object{position:absolute;right:25px;bottom:22px;display:flex;align-items:center;gap:10px}.info-object i{width:39px;height:80px;border-radius:5px;background:linear-gradient(90deg,#72939b,#bbd1d6 55%,#597781);box-shadow:6px 10px 12px #2222}.info-object>span{font-size:8px;line-height:1.6}.mini-social{background:#e9dfca;color:#251b17}.mini-social>strong{font-size:34px;line-height:1.04;letter-spacing:-.055em;margin-top:24px;z-index:1;position:relative}.coffee-ring{position:absolute;right:-22px;bottom:15px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 42% 45%,#c28651 0,#482b1d 31%,#b58452 33%,#e6d6b8 34%,#f2e6cf 45%,#b2a18a 47%,#0000 49%);transform:rotate(-15deg)}.social-1{background:#2a2a25;color:#e9dfca}.social-1 .coffee-ring{right:0;bottom:3px;opacity:.6}.social-2{background:#b95632;color:#f2e6d5}.social-2>strong{font-size:41px}.mini-logo{background:#e3e1d8;color:#252b26;text-align:center;align-items:center;justify-content:space-between}.mini-logo>strong{font-size:42px;letter-spacing:.075em;font-weight:450;margin-top:38px}.mini-logo>strong>span{display:block;font-size:6px;letter-spacing:.27em;margin-top:8px}.mini-logo small{margin-top:auto;font-size:7px}.logo-1{background:#292d29;color:#d3d5cc}.logo-2{background:linear-gradient(130deg,#aeb0a7,#e0e1d7 50%,#babeb2)}.logo-2>strong{transform:rotate(-12deg);text-shadow:1px 1px 1px #fff8,-1px -1px 1px #5552}.monogram{display:flex;gap:5px;align-items:flex-end;height:70px;margin-top:30px;transform:skewY(-10deg)}.monogram i{display:block;width:23px;height:70px;border:2px solid #bfc8b6}.monogram i:nth-child(2){height:48px}.monogram i:nth-child(3){height:30px}
@media(max-width:1000px){.topic-intro h1{font-size:54px}.footer-layout{gap:40px}.expanded-footer nav{gap:20px 25px}.guide-layout{gap:45px}.editorial-split{gap:40px}.portrait-art{padding:25px 60px}.mini-deck>strong,.mini-social>strong{font-size:30px}.sample{height:230px}.mini-logo>strong{font-size:32px}.topic-case-copy{padding:20px}.topic-case-copy h3{font-size:21px}.topic-facts{gap:32px}.motion-card video{height:350px}}
@media(max-width:760px){.footer-layout{display:block}.expanded-footer nav{grid-template-columns:1fr 1fr;gap:23px 30px;margin-top:32px}.expanded-footer nav a{font-size:11px;gap:8px}.expanded-footer{padding-block:32px 38px}.breadcrumbs{padding-top:19px;font-size:10px;gap:8px}.topic-intro{margin-top:42px}.topic-intro h1{font-size:40px;line-height:1.15}.topic-intro h1 em{font-size:.87em;margin-top:14px}.topic-intro .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.topic-intro>p{font-size:15px;margin-top:23px;line-height:1.8}.topic-intro .hero-actions{gap:19px;margin-bottom:32px}.topic-intro .button{padding:12px 16px;font-size:12px;gap:13px}.topic-intro .text-link{font-size:12px;gap:8px}.topic-hero-art{border-radius:11px}.topic-hero-art .art-zoom>img,.topic-videos .topic-hero-art .art-zoom>img{aspect-ratio:1.4}.topic-hero-art figcaption{padding:12px 14px;font-size:9px}.topic-hero-art figcaption>span:last-child{display:none}.zoom-mark{width:28px;height:28px;font-size:15px;right:10px;bottom:10px}.topic-facts{gap:15px;justify-content:space-between;padding:22px 0 32px;font-size:9px;line-height:1.7}.topic-facts>span{flex:1;text-align:center}.topic-facts b{display:block;margin-right:0;margin-bottom:3px;font-size:9px}.section-nav{overflow-x:auto}.section-nav>.container{justify-content:flex-start;width:max-content;gap:25px;padding:15px 18px}.section-nav a{font-size:11px}.topic-page .section-head h2{font-size:33px}.topic-cases,.topic-steps{grid-template-columns:1fr;gap:24px}.sample{height:280px}.topic-case-copy{padding:23px}.topic-case-copy h3{font-size:25px}.topic-case-copy p{font-size:14px}.topic-steps{gap:35px}.step-number{font-size:33px}.topic-steps h3{font-size:23px;margin-top:16px}.topic-steps p{margin-top:12px}.editorial-split,.guide-layout{grid-template-columns:1fr;gap:34px}.editorial-split .split-copy h2{font-size:34px}.editorial-art img{aspect-ratio:1.35}.portrait-art{padding:26px 85px}.portrait-art img{aspect-ratio:4/7}.guide-heading{position:static}.guide-heading h2{font-size:33px}.guide-articles h3{font-size:24px}.guide-articles p{font-size:15px;line-height:1.85}.topic-prompt{padding:21px}.prompt-top>span:last-child{display:none}.topic-prompt>#prompt-text{font-size:16px;line-height:1.85}.prompt-bottom{display:block}.prompt-bottom .copy-button{margin-top:20px;min-height:42px}.prompt-status{font-size:11px}.related-grid{grid-template-columns:1fr;gap:30px}.main-related{grid-template-columns:1fr 1fr;gap:28px 14px}.main-related h3{font-size:18px}.main-related p{font-size:11px}.related-card h3{font-size:24px;margin-top:15px}.related-card p{font-size:13px}.back-to-carousel{font-size:12px}.topic-page .final-cta h2{font-size:36px}.topic-page .final-cta p{font-size:16px}.topic-page .cta-note{max-width:300px;margin:15px auto 0;line-height:1.8}.motion-grid{grid-template-columns:1fr;gap:25px}.motion-card video{height:auto;max-height:480px;aspect-ratio:16/9;object-fit:contain}.motion-card:last-child{width:80%;margin:auto}.motion-card:last-child video{aspect-ratio:9/16;max-height:480px}.motion-caption{font-size:10px}.motion-caption>span:last-child{font-size:9px}.media-credit{font-size:10px}.art-dialog .dialog-toolbar>span{font-size:11px}.art-dialog .dialog-footer{font-size:10px;padding:12px}.mini-deck>strong{font-size:39px}.mini-social>strong{font-size:41px}.mini-info>strong{font-size:35px}.mini-logo>strong{font-size:46px}.mini-deck,.mini-info,.mini-social,.mini-logo{padding:28px}.coffee-ring{width:155px;height:155px}.mini-bars{right:35px}.deck-orbit{width:190px;height:190px}.monogram{margin-top:43px}.topic-page .faq-layout .split-copy{position:static}}
@media(max-width:360px){.topic-intro h1{font-size:35px}.topic-facts{gap:8px}.expanded-footer nav{gap:22px 20px}.main-related{grid-template-columns:1fr}}