/* Portfolio and the ABER Performance case study. */
.work-section{font-family:Onest,Arial,sans-serif}
.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}
.work-heading h2{font-family:Onest,Arial,sans-serif;font-size:clamp(42px,4.8vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em}
.work-heading h2 span{color:#74746b}
.work-heading>p{font-size:17px;line-height:1.65;letter-spacing:-.02em;color:#6a6a62;max-width:390px;padding-bottom:5px}
.featured-case{display:block;border-radius:24px;color:var(--ink);outline-offset:8px}
.featured-cover{position:relative;height:540px;overflow:hidden;background:#0a0b0c;border-radius:24px;isolation:isolate}
.featured-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0c 0%,#0a0b0ce6 24%,#0a0b0c00 66%);z-index:1;pointer-events:none}
.featured-logo{position:absolute;width:245px;height:auto;left:44px;top:33px;z-index:3;mix-blend-mode:screen;opacity:.93}
.featured-location{position:absolute;top:47px;right:43px;font-size:14px;color:#c1c0ba;z-index:3}
.featured-car{position:absolute;right:-8%;bottom:-14%;width:82%;height:auto;max-width:none;mix-blend-mode:screen;transform:scale(1);transition:transform 1.2s var(--ease),filter 1.2s;z-index:0}
.featured-story{position:absolute;left:44px;bottom:76px;z-index:3;color:#f7f4ea;font-size:clamp(42px,4.5vw,62px);font-weight:500;line-height:1.1;letter-spacing:-.055em;max-width:520px}
.featured-story em{font-style:normal;color:#e6bf68}
.featured-open{position:absolute;right:38px;bottom:34px;z-index:4;display:flex;align-items:center;gap:24px;background:#fffdf4;color:#292921;border-radius:40px;padding:15px 21px;font-size:15px;font-weight:500;transition:background .25s,transform .4s}
.featured-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s}
.featured-case:hover .featured-car{transform:scale(1.035);filter:brightness(1.12)}
.featured-case:hover .featured-open{background:#f7cc78;transform:translateY(-3px)}
.featured-case:hover .featured-open svg{transform:translate(2px,-2px)}
.featured-info{padding:28px 1px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.featured-info h3{font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-.045em}
.featured-info p{font-size:17px;line-height:1.6;color:#717168;margin-top:11px;letter-spacing:-.02em}
.featured-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:480px;list-style:none;padding:0;margin:4px 0 0}
.featured-tags li{border:1px solid #d9d8ce;border-radius:30px;padding:8px 14px;font-size:13px;line-height:1.5;color:#626258;white-space:nowrap}

/* A glint and two small arrow movements, followed by a long quiet interval. */
.hero-actions .btn-dark{overflow:hidden;isolation:isolate}
.hero-actions .btn-dark:after{content:'';position:absolute;inset:-80% auto -80% -35%;width:28%;background:linear-gradient(90deg,transparent,#ffffff26,transparent);transform:translateX(-200%) rotate(24deg);pointer-events:none;z-index:0;animation:invitation-glint 9s -5.5s infinite}
.hero-actions .btn-dark .btn-icon{z-index:1}
.hero-actions .btn-dark .btn-icon svg{animation:invitation-nudge 9s -5.5s infinite}
.hero-actions .btn-dark:hover:after,.hero-actions .btn-dark:focus-visible:after{animation-play-state:paused;opacity:0}
@keyframes invitation-glint{0%,72%{transform:translateX(-200%) rotate(24deg);opacity:0}75%{opacity:1}88%,100%{transform:translateX(750%) rotate(24deg);opacity:0}}
@keyframes invitation-nudge{0%,76%,88%,100%{transform:translate(0)}79%,85%{transform:translate(3px,-3px)}82%{transform:translate(0)}}

.calc-disclaimer{font-size:12px!important;line-height:1.65!important}
.draft-notice{font-size:12px!important;line-height:1.65!important}
.footer-links button{font-size:12px}
.copyright{font-size:11px}

/* Case page */
.case-document{scroll-padding-top:75px}
.case-page{font-family:Onest,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.case-page .logo{font-size:34px;font-weight:600;letter-spacing:-1.6px;gap:10px}
.case-page .logo-mark{transform:none;box-shadow:none;width:41px;height:43px;font-size:30px}
.case-header{height:100px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}
.case-back{display:inline-flex;align-items:center;gap:10px;margin-left:auto;font-size:15px;font-weight:400;color:#63635b;padding:12px 0}
.case-back span{font-size:23px;transition:transform .3s}
.case-back:hover span{transform:translateX(-4px)}
.case-header-cta{display:inline-flex;align-items:center;gap:22px;border:1px solid #c8c7bd;padding:13px 20px;border-radius:40px;font-size:14px;font-weight:500;transition:background .25s,color .25s}
.case-header-cta:hover{background:var(--ink);color:var(--paper)}
.case-hero{padding-top:67px;padding-bottom:55px}
.case-intro-line{display:flex;align-items:center;gap:13px;font-size:14px;color:#6a6a60;line-height:1.6;margin-bottom:27px}
.case-intro-line:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #ff641f10;flex-shrink:0;margin-left:5px}
.case-title-row{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:65px}
.case-hero h1{font-size:clamp(68px,7.7vw,108px);font-weight:500;line-height:.99;letter-spacing:-.065em}
.case-hero h1 span{color:#77776d}
.case-lead{font-size:24px;line-height:1.45;letter-spacing:-.035em;margin-bottom:5px;max-width:400px}
.case-meta{display:flex;flex-wrap:wrap;gap:45px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.case-meta div{display:flex;gap:10px;font-size:14px;line-height:1.5}
.case-meta dt{color:#7a7a70}.case-meta dd{margin:0;font-weight:500}
.case-visual{border-radius:24px;overflow:hidden;background:#0a0b0c;position:relative;height:560px;isolation:isolate}
.case-visual-logo{position:absolute;top:30px;left:36px;width:196px;z-index:3;mix-blend-mode:screen}
.case-visual>p{position:absolute;left:40px;bottom:46px;font-size:46px;font-weight:500;line-height:1.07;letter-spacing:-.04em;color:#f0ede3;z-index:3;max-width:330px}
.case-visual>p span{display:block;font-size:20px;color:#ccc8b9;letter-spacing:.02em;margin-top:10px}
.case-visual-car{position:absolute;width:80%;max-width:none;right:-4%;bottom:-8%;mix-blend-mode:screen}
.case-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0cbf 0%,transparent 70%);z-index:1}
.case-visual-link{position:absolute;right:31px;top:34px;z-index:4;color:#e9e7dd;font-size:14px;border-bottom:1px solid #ffffff3d;padding-bottom:4px}
.case-visual-link:hover{color:#f5ce7f}
.case-chapters{position:sticky;top:0;z-index:15;margin-top:28px;background:#fffdf8f2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.case-chapters .wrap{display:flex;gap:36px;align-items:center;overflow:auto;scrollbar-width:none}
.case-chapters a{font-size:14px;white-space:nowrap;color:#717166;padding:21px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.case-chapters a:hover,.case-chapters a[aria-current]{color:#292921;border-color:var(--orange)}
.case-section{padding-block:95px;scroll-margin-top:0}
.case-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:48px}
.case-section h2{font-family:Onest,Arial,sans-serif;font-size:clamp(38px,4.5vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.055em}
.case-section h2 span{color:#7a7a6e}
.case-section-heading>p{font-size:18px;line-height:1.7;color:#67675e;letter-spacing:-.02em;padding-top:7px}
.case-section-heading>p strong{font-weight:500;color:#292921}
.case-intro-copy{max-width:950px;font-size:30px;line-height:1.5;letter-spacing:-.04em}
.case-intro-copy em{font-style:normal;color:#f15d1f}
.case-goal{display:grid;grid-template-columns:230px 1fr;gap:45px;border-block:1px solid var(--line);padding:35px 0;margin-top:40px}
.case-goal h2{font-size:26px;line-height:1.4;letter-spacing:-.04em}
.case-goal p{font-size:18px;line-height:1.75;color:#68685e;max-width:800px}
.case-site{padding-top:0}
.site-scope{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:35px;margin-top:40px}
.scope-item{padding-top:24px}
.scope-item>span{font-size:15px;color:var(--orange-dark)}
.scope-item h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:17px 0 12px}
.scope-item p{font-size:16px;color:#737369;line-height:1.75;letter-spacing:-.01em}
.case-link{display:inline-flex;align-items:center;gap:30px;border:1px solid #c9c8bd;border-radius:40px;padding:14px 21px;font-size:15px;font-weight:500;margin-top:28px;transition:background .25s,color .25s,border-color .25s}
.case-link>span{font-size:24px;line-height:1}
.case-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.site-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:48px}
.site-details figure{margin:0;background:#f1f0e8;border-radius:17px;overflow:hidden}
.site-details img{width:100%;height:225px;object-fit:cover;background:#121515}
.site-details figcaption{padding:20px;font-size:16px;font-weight:500;line-height:1.45;letter-spacing:-.02em}
.case-avito{background:#f1f0e8}
.avito-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.avito-art{min-height:475px;border-radius:24px;background:#fffdf8;position:relative;overflow:hidden;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.avito-wordmark{position:absolute;left:34px;top:25px;display:flex;gap:9px;align-items:center;font-size:49px;letter-spacing:-.06em;font-weight:600}
.avito-dots{width:39px;height:42px;position:relative;display:inline-block}
.avito-dots i{position:absolute;width:16px;height:16px;border-radius:50%;background:#00aaff;top:3px;left:0}
.avito-dots i:nth-child(2){background:#965eeb;width:12px;height:12px;left:23px;top:4px}
.avito-dots i:nth-child(3){background:#a4d733;width:12px;height:12px;top:25px;left:3px}
.avito-dots i:nth-child(4){background:#ff6163;width:18px;height:18px;left:20px;top:22px}
.avito-art h3{position:relative;z-index:2;font-size:42px;font-weight:500;line-height:1.17;letter-spacing:-.05em}
.avito-art h3 span{color:#8060aa}
.avito-orbit{position:absolute;right:-70px;top:90px;width:340px;height:340px;border:1px solid #d8cde2;border-radius:50%;transform:rotate(-23deg)}
.avito-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #e4dce9;border-radius:50%}
.avito-orbit:after{content:'↗';position:absolute;top:18px;left:23px;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#eadff4;color:#8060aa;font-size:65px;transform:rotate(23deg)}
.case-flow{margin:0;padding:0;list-style:none;counter-reset:flow}
.case-flow li{position:relative;padding:22px 0 22px 49px;border-bottom:1px solid #d5d4ca;counter-increment:flow}
.case-flow li:first-child{padding-top:0}
.case-flow li:before{content:'0' counter(flow);position:absolute;top:23px;left:0;font-size:14px;color:#8a887c}
.case-flow li:first-child:before{top:2px}
.case-flow h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.035em;margin-bottom:9px}
.case-flow p{font-size:16px;line-height:1.7;color:#6e6e62}
.case-flow li:last-child{border:0;padding-bottom:0}
.case-maps .case-section-heading{margin-bottom:35px}
.maps-links{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.map-card{border:1px solid #ddddd1;padding:29px;border-radius:19px;display:grid;grid-template-columns:58px 1fr;column-gap:22px;align-items:center}
.map-brand{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:38px;background:#f34438;color:white;line-height:1}
.map-brand.gis{font-size:24px;font-weight:600;background:#78ad36;letter-spacing:-.06em}
.map-card h3{font-size:25px;font-weight:500;letter-spacing:-.035em}
.map-card p{font-size:15px;color:#757569;margin-top:3px}
.map-card a{grid-column:2;display:inline-flex;align-items:center;justify-content:space-between;font-size:15px;margin-top:20px;padding-top:17px;border-top:1px solid #deded1;gap:20px}
.map-card a span{font-size:24px;line-height:1}
.map-card a:hover{color:#d34b12}
.case-address{display:flex;gap:16px;align-items:center;font-size:15px;color:#737369;margin-top:24px}
.case-address svg{width:22px;height:22px;fill:none;stroke:#d9521a;stroke-width:1.5;flex-shrink:0}
.case-brand{background:#f3f0e8}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.brand-copy h2{margin-bottom:26px}
.brand-copy>p{font-size:18px;line-height:1.75;color:#6b6a60;margin-bottom:22px}
.brand-copy ul{list-style:none;padding:0;margin:24px 0 0}
.brand-copy li{padding:13px 0;border-bottom:1px solid #d7d4c9;display:flex;gap:12px;font-size:16px}
.brand-copy li:before{content:'↗';color:#da551d;font-size:20px;line-height:1.4}
.case-media{margin:0}
.case-media-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:19px;background:#17191b;cursor:zoom-in}
.case-media-button:after{content:'↗';position:absolute;right:17px;bottom:17px;background:#fffdf4e8;color:#25251f;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .3s}
.case-media-button:hover:after{transform:scale(1.1)}
.case-media img{width:100%;height:auto;transition:transform .7s var(--ease)}
.case-media-button:hover img{transform:scale(1.018)}
.sign-media img{height:605px;object-fit:cover;object-position:center}
.case-media figcaption{font-size:14px;line-height:1.6;color:#7c7a6d;margin-top:14px}
.banner-media{margin-top:49px}
.banner-media img{width:100%;aspect-ratio:2.55/1;object-fit:contain;background:#191b1d}
.case-result{padding-bottom:100px}
.result-heading{max-width:820px}
.result-heading>p{font-size:20px;line-height:1.7;color:#747368;margin-top:25px;max-width:700px}
.result-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;list-style:none;margin:40px 0 0;padding:0}
.result-list li{display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--line);font-size:21px;font-weight:400;line-height:1.45;letter-spacing:-.025em}
.result-list span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;background:#fff0e3;border-radius:50%;font-size:18px;color:#d64b15}
.case-contact{background:var(--orange);color:#fffdf5;padding-block:75px}
.case-contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}
.case-contact h2{font-size:clamp(40px,4.9vw,67px);font-weight:500;letter-spacing:-.05em;line-height:1.08}
.case-contact p{font-size:17px;line-height:1.6;margin-top:23px;color:#fff2e4}
.case-contact-link{flex-shrink:0;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:37px;font-size:17px;font-weight:500;border-radius:40px;padding:16px 19px 16px 27px;transition:transform .3s}
.case-contact-link span{display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;width:41px;height:41px;font-size:25px}
.case-contact-link:hover{transform:translateY(-4px)}
.case-footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-block:32px}
.case-footer p{font-size:13px;color:#828073}
.case-footer>a:last-child{font-size:14px}
.media-viewer{width:min(1320px,calc(100% - 32px));max-width:none;padding:14px;border-radius:16px;background:#151617;color:#fffdf5;overflow:hidden}
.media-viewer .dialog-close{z-index:2;right:23px;top:23px;background:#fffdf4;color:#222}
.media-viewer img{width:100%;height:auto;max-height:78dvh;object-fit:contain;border-radius:8px}
.media-viewer p{font-size:15px;text-align:center;color:#f5f1e6;margin:13px 10px 3px;line-height:1.5}

@media(max-width:1100px){
  .featured-cover{height:480px}
  .featured-logo{width:220px;left:35px;top:28px}
  .featured-location{right:30px;top:36px;font-size:13px}
  .featured-story{left:35px;bottom:65px;font-size:48px}
  .featured-car{width:92%;right:-16%;bottom:-7%}
  .featured-info{gap:30px}
  .featured-info h3{font-size:28px}.featured-info p{font-size:16px}
  .featured-tags{max-width:390px}.featured-tags li{font-size:12px;padding:7px 12px}
  .case-title-row{gap:40px;grid-template-columns:1.25fr 1fr}
  .case-lead{font-size:21px}
  .case-visual{height:470px}.case-visual>p{font-size:39px;max-width:280px}
  .case-section-heading,.avito-grid,.brand-grid{gap:40px}
  .avito-art{min-height:450px}.avito-art h3{font-size:36px}
  .sign-media img{height:540px}
  .case-contact-link{gap:18px;font-size:16px}
}
@media(max-width:800px){
  .work-heading{display:block;margin-bottom:30px}.work-heading>p{margin-top:24px;font-size:16px}
  .featured-cover{height:450px}.featured-logo{width:210px}
  .featured-story{font-size:42px;bottom:76px}.featured-car{width:103%;right:-23%;bottom:0}
  .featured-location{top:30px;max-width:180px;text-align:right;font-size:12px}
  .featured-open{font-size:14px;right:25px;bottom:24px;gap:18px;padding:13px 18px}
  .featured-info{display:block}.featured-info p br{display:none}.featured-tags{justify-content:flex-start;max-width:none;margin-top:19px;gap:7px}
  .case-header{height:88px;gap:23px}.case-header-cta{font-size:13px;padding:12px 15px;gap:15px}.case-back{font-size:14px}
  .case-hero{padding-top:45px;padding-bottom:35px}.case-title-row{grid-template-columns:1fr;gap:27px}
  .case-hero h1{font-size:86px}.case-lead{font-size:22px;max-width:500px}
  .case-meta{gap:20px 30px;margin-top:30px}.case-meta div{font-size:13px}
  .case-visual{height:420px}.case-visual>p{font-size:35px;left:30px;bottom:38px}
  .case-visual-logo{left:27px;top:25px;width:165px}.case-visual-car{width:102%;right:-21%;bottom:-1%}
  .case-visual-link{right:24px;top:27px;font-size:12px}
  .case-chapters .wrap{gap:25px}.case-chapters a{font-size:13px;padding:18px 0}
  .case-section{padding-block:65px}.case-site{padding-top:0}
  .case-section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.case-section-heading>p{font-size:17px;max-width:600px;padding:0}
  .case-section h2{font-size:45px}.case-intro-copy{font-size:26px}.case-goal{grid-template-columns:1fr;gap:15px;margin-top:30px;padding:26px 0}.case-goal h2{font-size:24px}.case-goal p{font-size:17px}
  .site-scope{gap:25px;margin-top:30px}.scope-item h3{font-size:20px}.scope-item p{font-size:14px}.site-details{gap:13px;margin-top:35px}.site-details img{height:155px}.site-details figcaption{font-size:13px;padding:15px}
  .avito-grid{grid-template-columns:1fr;gap:34px}.avito-art{min-height:370px}.avito-art h3{font-size:40px}.avito-orbit{right:40px;top:65px;width:300px;height:300px}
  .case-flow h3{font-size:22px}.case-flow p{font-size:16px}
  .map-card{padding:22px;column-gap:16px;grid-template-columns:50px 1fr}.map-brand{width:50px;height:50px;font-size:32px}.map-brand.gis{font-size:22px}.map-card h3{font-size:21px}.map-card p{font-size:13px}.map-card a{font-size:13px;grid-column:1/-1}
  .brand-grid{grid-template-columns:1fr;gap:32px}.brand-copy>p{font-size:17px}.sign-media{max-width:540px;margin-inline:auto;width:100%}.sign-media img{height:auto;max-height:670px}.banner-media{margin-top:35px}
  .result-list{gap:0 30px}.result-list li{font-size:18px;gap:14px}.result-heading>p{font-size:18px}
  .case-contact .wrap{display:block}.case-contact-link{margin-top:29px}.case-contact{padding-block:55px}.case-contact h2{font-size:49px}
}
@media(max-width:540px){
  .work-heading h2{font-size:41px;letter-spacing:-.05em}.work-heading>p{font-size:15px;margin-top:21px}.work-heading>p br{display:none}
  .featured-cover{height:455px;border-radius:20px}
  .featured-cover:after{background:linear-gradient(180deg,#0a0b0c00 40%,#0a0b0c00 70%,#0a0b0c88 100%)}
  .featured-logo{width:190px;top:22px;left:23px}.featured-location{left:24px;right:auto;top:105px;text-align:left;font-size:12px;max-width:none}
  .featured-story{font-size:37px;left:23px;top:153px;bottom:auto;z-index:3;line-height:1.05;max-width:300px}
  .featured-car{width:135%;right:-22%;bottom:3%;opacity:.85}
  .featured-open{bottom:20px;right:20px;font-size:13px;padding:12px 16px;gap:25px}
  .featured-info{padding-top:22px}.featured-info h3{font-size:27px}.featured-info p{font-size:16px;line-height:1.6;margin-top:10px}
  .featured-tags li{font-size:12px;padding:6px 11px}
  .case-header{height:83px;gap:15px}.case-header .logo{font-size:30px;gap:8px}.case-header .logo-mark{width:35px;height:37px;font-size:27px}.case-header-cta{display:none}.case-back{font-size:13px;gap:6px}
  .case-hero{padding-top:34px}.case-intro-line{font-size:12px;gap:11px;margin-bottom:24px}
  .case-hero h1{font-size:clamp(54px,13.5vw,74px);letter-spacing:-.06em;line-height:1.03}.case-title-row{gap:25px}.case-lead{font-size:20px;line-height:1.5;letter-spacing:-.03em}
  .case-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;margin:26px 0 0;padding-top:21px}.case-meta div{display:block;font-size:12px}.case-meta dd{margin-top:4px;font-size:13px}
  .case-visual{height:420px;border-radius:18px}.case-visual-logo{left:21px;top:20px;width:155px}.case-visual-link{top:91px;left:23px;right:auto;font-size:12px}
  .case-visual>p{left:22px;top:147px;bottom:auto;font-size:34px;max-width:none}.case-visual>p span{font-size:15px;margin-top:7px}
  .case-visual-car{width:134%;right:-20%;bottom:0}.case-visual:after{background:linear-gradient(180deg,#0a0b0c00 10%,#0a0b0c66 40%,transparent 70%)}
  .case-chapters{margin-top:22px}.case-chapters .wrap{gap:24px}.case-chapters a{font-size:13px}
  .case-section{padding-block:52px}.case-site{padding-top:0}.case-section h2{font-size:36px;letter-spacing:-.05em}.case-section-heading{gap:20px}.case-section-heading>p{font-size:16px;line-height:1.75}
  .case-intro-copy{font-size:24px;line-height:1.5}.case-goal h2{font-size:23px}.case-goal p{font-size:16px}
  .site-scope{grid-template-columns:1fr;gap:0;border:0;margin-top:0}.scope-item{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:0 14px}.scope-item>span{grid-row:1/3;margin-top:4px;font-size:13px}.scope-item h3{font-size:22px;margin:0 0 10px}.scope-item p{font-size:15px}
  .case-link{font-size:14px;margin-top:20px;padding:13px 18px;gap:28px}
  .site-details{grid-template-columns:1fr;gap:16px;margin-top:30px}.site-details img{height:auto;aspect-ratio:1.65;object-fit:cover}.site-details figcaption{font-size:16px;padding:18px}
  .avito-art{min-height:345px;padding:26px}.avito-wordmark{font-size:43px;left:25px;top:18px}.avito-art h3{font-size:34px}.avito-orbit{width:260px;height:260px;right:-60px;top:80px}.avito-orbit:after{width:80px;height:80px;font-size:52px}
  .case-flow li{padding:22px 0 22px 37px}.case-flow h3{font-size:21px}.case-flow p{font-size:15px}
  .maps-links{grid-template-columns:1fr;gap:16px}.map-card{padding:23px}.map-card h3{font-size:24px}.map-card p{font-size:14px}.map-card a{font-size:15px}.case-address{font-size:14px;line-height:1.7;align-items:flex-start}
  .brand-copy h2{margin-bottom:23px}.brand-copy>p{font-size:16px}.brand-copy li{font-size:15px}.case-media figcaption{font-size:13px}.banner-media{margin-top:28px}.banner-media .case-media-button:after{width:32px;height:32px;right:11px;bottom:11px;font-size:21px}
  .result-heading>p{font-size:17px;margin-top:23px}.result-list{grid-template-columns:1fr;margin-top:29px}.result-list li{font-size:18px;padding:20px 0;gap:15px}
  .case-contact h2{font-size:42px}.case-contact p{font-size:16px;margin-top:20px}.case-contact-link{font-size:15px;padding:12px 12px 12px 22px;gap:25px}.case-contact-link span{width:37px;height:37px}
  .case-footer{flex-wrap:wrap;gap:20px;padding-block:28px}.case-footer p{width:100%;order:3;font-size:12px}.case-footer>a:last-child{font-size:13px;margin-left:auto}
  .media-viewer{padding:9px;width:calc(100% - 18px)}.media-viewer p{font-size:13px}.media-viewer .dialog-close{right:16px;top:16px}
}
@media(max-width:370px){.featured-story{font-size:32px}.featured-cover{height:425px}.work-heading h2{font-size:36px}.featured-car{bottom:6%}.case-hero h1{font-size:13.3vw}.case-intro-line{font-size:11px}}