/* Pangea v15 world: Drive, the road. Night tarmac and alpine dawn: a graphite ground, paper type,
 * Pangea's copper warmed a little for the dark. Precise, fast but controlled, everything moves sideways. */
html[data-world="drive"]{--dr-ground:#121315;--dr-raise:#1a1b1e;--dr-paper:#eee9df;--dr-soft:rgba(238,233,223,.8);--dr-mute:rgba(238,233,223,.6);--dr-dim:rgba(238,233,223,.34);--dr-faint:rgba(238,233,223,.13);--dr-accent:#cf8b5d;background:var(--dr-ground)}
html[data-world="drive"] body{background:var(--dr-ground)}
.wd--drive{position:relative;background:var(--dr-ground);color:var(--dr-mute)}
.wd--drive h1,.wd--drive h2,.wd--drive h3{color:var(--dr-paper)}
.wd--drive h2 em{font-style:italic;font-weight:200}
.wd--drive h2 .soft{color:var(--dr-dim)}
.wd--drive .eyebrow{color:var(--dr-mute)}
.wd--drive :focus-visible{outline-color:var(--dr-paper)}
.wd--drive .link{color:var(--dr-paper)}
.wd--drive .cta{border-color:var(--dr-paper);color:var(--dr-paper)}
.wd--drive .cta i{background:var(--dr-paper);color:var(--dr-ground)}
.wd--drive .cta:hover{background:var(--dr-paper);color:var(--dr-ground)}
.wd--drive .cta:hover i{background:var(--dr-ground);color:var(--dr-paper)}
.wd--drive .cta--fill{background:var(--dr-paper);border-color:var(--dr-paper);color:var(--dr-ground)}
.wd--drive .cta--fill i{background:var(--dr-ground);color:var(--dr-paper)}
.wd--drive .cta--fill:hover{background:var(--dr-accent);border-color:var(--dr-accent);color:var(--dr-ground)}
.wd--drive .cta--fill:hover i{background:var(--dr-ground);color:var(--dr-accent)}
@keyframes drSlide{from{transform:translate3d(-104%,0,0)}}
@keyframes drFade{from{opacity:0}}
@keyframes drRise{from{opacity:0;transform:translate3d(0,18px,0)}}

/* ---------- the hero: the door's photograph, then the word arrives sideways ---------- */
.dr-hero{color:var(--dr-paper)}
.dr-hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(18,19,21,.94) 0%,rgba(18,19,21,.62) 24%,rgba(18,19,21,.14) 50%,rgba(18,19,21,0) 62%);animation:drFade 1.8s var(--soft) .3s both}
.dr-hero__dusk{position:absolute;inset:0;pointer-events:none;background:var(--dr-ground);opacity:0}
.dr-hero__txt{position:absolute;left:var(--g);right:var(--g);bottom:calc(34px + env(safe-area-inset-bottom));z-index:2;display:grid;gap:20px}
.dr-hero__h{font-size:clamp(116px,23vw,370px);font-weight:200;line-height:.8;letter-spacing:-.06em;margin:0 0 0 -.05em;color:var(--dr-paper)}
.dr-ch{display:inline-block;overflow:hidden;line-height:1;padding-top:.04em;vertical-align:top}
.dr-ch>span{display:inline-block;animation:drSlide 1.7s var(--caress) both;animation-delay:calc(.5s + var(--i) * 85ms)}
.dr-hero__line{max-width:34ch;font-size:16px;line-height:1.6;color:var(--dr-soft);animation:drRise 1.5s var(--caress) 1.15s both}

/* ---------- the road ---------- */
.dr-intro{padding:clamp(120px,18vh,200px) var(--g) clamp(60px,9vh,110px);display:grid;gap:28px}
.dr-intro h2{font-size:clamp(46px,7.4vw,124px);letter-spacing:-.045em;line-height:.98}
.dr-intro__meta{display:grid;gap:6px;font-size:14px;letter-spacing:.02em;color:var(--dr-mute)}
.dr-intro__meta span:first-child{color:var(--dr-paper)}

.dr-road{height:var(--dr-len,760vh)}
.dr-road__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:4vw;row-gap:30px;padding:calc(104px + env(safe-area-inset-top)) var(--g) 40px}
.dr-road__stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 30% at 76% 30%,rgba(207,139,93,.1),rgba(207,139,93,0))}
.dr-road__k{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--dr-paper)}
.dr-road__k span{color:var(--dr-dim)}

/* the map: true degrees, the ghost of the whole road, and the road being driven */
.dr-map{grid-column:2;grid-row:1/4;position:relative;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.dr-map__svg{position:absolute;left:0;top:0;display:block}
.dr-ghost{fill:none;stroke:rgba(238,233,223,.19);stroke-linecap:round;stroke-linejoin:round}
.dr-line{fill:none;stroke:var(--dr-paper);stroke-linecap:round;stroke-linejoin:round;transition:stroke 1.4s var(--soft)}
.dr-trail{fill:none;stroke:var(--dr-accent);stroke-linecap:round;stroke-linejoin:round}
.is-end .dr-line{stroke:var(--dr-accent)}
.is-end .dr-trail,.is-flat .dr-trail{opacity:0}
.dr-grid line{stroke:rgba(238,233,223,.07)}
.dr-grid__labels{position:absolute;inset:0;pointer-events:none}
.dr-grid__t{position:absolute;left:0;top:0;margin:-18px 0 0 8%;font-size:10px;font-weight:400;letter-spacing:.2em;color:var(--dr-dim);white-space:nowrap}
.dr-grid__t[data-ax="lon"]{top:auto;bottom:6px;margin:0 0 0 6px}
.dr-pins{list-style:none;position:absolute;inset:0;pointer-events:none}
.dr-pin{position:absolute;left:0;top:0;width:0;height:0}
.dr-pin__dot{position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%;border:1px solid rgba(238,233,223,.4);background:var(--dr-ground);transition:background .6s var(--caress),border-color .6s var(--caress),transform .7s var(--caress)}
.dr-pin.in .dr-pin__dot{background:var(--dr-paper);border-color:var(--dr-paper)}
.dr-pin.now .dr-pin__dot{background:var(--dr-accent);border-color:var(--dr-accent);transform:scale(1.4)}
.dr-pin__t{position:absolute;top:-13px;left:18px;display:grid;gap:3px;white-space:nowrap;opacity:0;transform:translate3d(-12px,0,0);transition:opacity .8s var(--caress),transform 1s var(--caress)}
.dr-pin[data-side="l"] .dr-pin__t{left:auto;right:18px;justify-items:end;text-align:right;transform:translate3d(12px,0,0)}
.dr-pin[data-side="b"] .dr-pin__t{top:16px;left:-8px;transform:translate3d(0,-8px,0)}
.dr-pin[data-side="bl"] .dr-pin__t{top:16px;left:auto;right:-8px;justify-items:end;text-align:right;transform:translate3d(0,-8px,0)}
.dr-pin[data-side="t"] .dr-pin__t{top:auto;bottom:16px;left:-8px;transform:translate3d(0,8px,0)}
.dr-pin[data-side="sw"] .dr-pin__t{top:15px;left:auto;right:15px;justify-items:end;text-align:right;transform:translate3d(0,-8px,0)}
.dr-pin[data-side="bb"] .dr-pin__t{top:30px;left:-10px;transform:translate3d(0,-8px,0)}
.dr-pin.in .dr-pin__t{opacity:.55;transform:none}
.dr-pin.now .dr-pin__t{opacity:1}
.dr-pin__t b{font-size:17px;font-weight:300;line-height:1.1;letter-spacing:.005em;color:var(--dr-paper)}
.dr-pin__t small{font-size:10px;font-weight:400;letter-spacing:.22em;color:var(--dr-mute)}
.dr-loupe{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border-radius:50%;border:1px solid rgba(238,233,223,.3);pointer-events:none;will-change:transform,opacity}
.dr-loupe__t{position:absolute;left:0;top:-14px;font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--dr-mute);pointer-events:none}
.dr-head{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--dr-accent);box-shadow:0 0 0 5px rgba(207,139,93,.16),0 0 30px 8px rgba(207,139,93,.32);pointer-events:none;will-change:transform}
.is-end .dr-head{opacity:0;transition:opacity 1s var(--caress)}

/* the odometer: numbers as the moment, wheels that roll */
.dr-odo{position:absolute;right:4%;top:2%;display:flex;align-items:baseline;gap:14px;color:var(--dr-paper);pointer-events:none}
.dr-odo__n{display:flex;font-size:clamp(64px,7.4vw,124px);font-weight:200;line-height:1;letter-spacing:0}
.dr-odo__d{display:block;width:.56em;height:1em;overflow:hidden;text-align:center;transition:color .6s var(--caress)}
.dr-odo__d>span{display:block;will-change:transform}
.dr-odo__d b{display:block;height:1em;font-weight:200;font-variant-numeric:tabular-nums}
.dr-odo__d.lead{opacity:0}
.dr-odo__d{transition:opacity .5s var(--caress)}
.dr-odo__c{width:.24em;height:1em;font-size:1em;line-height:1;text-align:center;transform:translateX(-.07em);opacity:0;transition:opacity .5s var(--caress)}
.dr-odo.k .dr-odo__c{opacity:1}
.dr-odo__u{font-size:12px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--dr-mute)}

/* the window onto the day, and the day in words */
.dr-win{grid-column:1;grid-row:2;align-self:end;position:relative;width:100%;aspect-ratio:4/3;max-height:100%;margin:0;overflow:hidden;border-radius:2px;background:var(--dr-raise)}
.dr-win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,clip-path}
.dr-win__a{z-index:2}
.dr-text{grid-column:1;grid-row:3;display:grid;min-height:0}
.dr-days{list-style:none;display:grid;grid-area:1/1}
.dr-day{grid-area:1/1;align-self:end;opacity:0;transform:translate3d(30px,0,0);transition:opacity .6s var(--caress),transform 1.1s var(--caress)}
.dr-day.past{transform:translate3d(-30px,0,0)}
.dr-day.on{opacity:1;transform:none;transition-delay:.1s}
.dr-day__k{font-size:11px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--dr-accent);margin-bottom:14px}
.dr-day h3{font-size:clamp(34px,3.3vw,54px);letter-spacing:-.035em;line-height:1.02;margin-bottom:12px}
.dr-day__t{font-size:16px;line-height:1.55;max-width:42ch;color:var(--dr-mute)}
.dr-end{grid-area:1/1;align-self:end;display:grid;gap:12px;justify-items:start;opacity:0;pointer-events:none;transform:translate3d(30px,0,0);transition:opacity .6s var(--caress),transform 1.1s var(--caress)}
.dr-end.on{opacity:1;transform:none;pointer-events:auto;transition-delay:.1s}
.dr-end__f{font-size:clamp(32px,3vw,46px);font-weight:200;line-height:1.05;letter-spacing:-.03em;color:var(--dr-paper)}
.dr-end__f small{display:block;margin-top:8px;font-size:13px;letter-spacing:.01em;color:var(--dr-mute)}
.dr-end__s{font-size:14px;color:var(--dr-accent)}
.dr-end__go{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:10px}
.dr-end__go .link{padding-top:19px}
.wd--drive .sn h3 a{position:relative}
.wd--drive .sn h3 a::after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}

/* the road laid flat: reduced motion and still captures show the finished map and every day */
.dr-road.is-flat{height:auto}
.dr-road.is-flat .dr-road__stage{position:relative;height:auto;display:block;overflow:visible;padding:20px var(--g) 90px}
.is-flat .dr-road__stage::before{display:none}
.is-flat .dr-map{height:min(84vh,860px);margin:28px 0 0;-webkit-mask-image:none;mask-image:none}
.is-flat .dr-win{display:none}
.is-flat .dr-text{display:block}
.is-flat .dr-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 34px;margin-top:70px;padding-top:50px;border-top:1px solid var(--dr-faint)}
.is-flat .dr-day,.is-flat .dr-end{grid-area:auto;opacity:1;transform:none;align-self:start}
.is-flat .dr-day h3{font-size:clamp(28px,2.4vw,38px)}
.is-flat .dr-end{margin-top:70px;pointer-events:auto}
.is-flat .dr-head{display:none}
.dr-day__img{aspect-ratio:3/2;margin:0 0 22px;overflow:hidden;border-radius:2px;background:var(--dr-raise)}
.dr-day__img img{width:100%;height:100%;object-fit:cover}

/* ---------- the convoy, drifting sideways ---------- */
.dr-convoy{height:var(--dr-cv,420vh)}
.dr-convoy__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.dr-convoy__track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:flex-start;gap:clamp(40px,4.4vw,84px);padding:0 12vw 0 var(--g);will-change:transform}
.dr-convoy__intro{position:relative;z-index:2;flex:0 0 auto;align-self:center;width:min(34vw,540px)}
.dr-convoy__intro h2{font-size:clamp(48px,6.2vw,106px);letter-spacing:-.045em;line-height:.98;margin:22px 0 30px}
.dr-convoy__lead{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--dr-soft)}
.dr-convoy__lead::before{content:"";width:28px;height:1px;background:var(--dr-accent)}
.dr-cv{position:relative;z-index:1;flex:0 0 auto;margin:calc(var(--y) * 1vh) 0 0;margin-top:calc(var(--y) * 1svh);height:calc(var(--h) * 1vh);height:calc(var(--h) * 1svh);width:calc(var(--h) * var(--r) * 1vh);width:calc(var(--h) * var(--r) * 1svh);overflow:hidden;border-radius:2px;background:var(--dr-raise)}
.dr-cv img{width:100%;height:100%;object-fit:cover;transform:scale(1.14)}
.dr-num{flex:0 0 auto;align-self:flex-end;display:grid;gap:16px;margin-bottom:13vh;margin-bottom:13svh;position:relative;z-index:3}
.dr-cv--over{z-index:2;margin-left:-7vw;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.dr-num b{font-size:clamp(120px,15vw,240px);font-weight:200;line-height:.8;letter-spacing:-.06em;color:var(--dr-paper)}
.dr-num span{font-size:14px;line-height:1.5;color:var(--dr-mute);max-width:25ch;padding-left:.75em;border-left:1px solid var(--dr-accent);text-wrap:balance}
.dr-convoy.is-flat{height:auto}
.dr-convoy.is-flat .dr-convoy__stage{position:relative;height:auto;overflow:visible}
.dr-convoy.is-flat .dr-convoy__track{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:80px var(--g) 40px}
.is-flat .dr-convoy__intro{grid-column:1/-1;width:auto;margin-bottom:30px}
.is-flat .dr-cv{width:auto;height:auto;margin:0;aspect-ratio:var(--r)}
.is-flat .dr-cv img{transform:none}
.is-flat .dr-num{width:auto;margin:0}
.is-flat .dr-cv--over{margin:0}

/* ---------- fixed dates, re-lit for the night ---------- */
.dr-dep{padding:clamp(120px,14vw,200px) var(--g) clamp(60px,8vw,110px)}
.dr-dep h2,.dr-all h2{font-size:clamp(50px,8.2vw,138px);letter-spacing:-.045em;line-height:.98}
.dr-dep h2{margin-bottom:clamp(56px,7vw,110px)}
.wd--drive .sn__img{background:var(--dr-raise)}
.wd--drive .sn__when,.wd--drive .sn h3,.wd--drive .sn__fare{color:var(--dr-paper)}
.wd--drive .sn__k,.wd--drive .sn__fare small{color:var(--dr-mute)}
.wd--drive .sn__left{color:var(--dr-accent)}
.wd--drive .u{border-color:var(--dr-paper)}
.wd--drive .u.taken{border-color:rgba(238,233,223,.2);background:rgba(238,233,223,.1)}
.wd--drive .u.yours{background:var(--dr-accent);border-color:var(--dr-accent)}

.wd--drive .sn__img.dr-undrawn{position:relative;aspect-ratio:4/3;background:radial-gradient(55% 45% at 30% 42%,rgba(207,139,93,.09),rgba(207,139,93,0)),var(--dr-raise)}
.dr-undrawn__g{position:absolute;inset:0;width:100%;height:100%}
.dr-undrawn__g line{stroke:rgba(238,233,223,.1);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .4s var(--caress)}
.dr-undrawn:hover .dr-undrawn__g line,.dr-undrawn:focus-visible .dr-undrawn__g line{stroke:rgba(238,233,223,.2)}
.dr-undrawn__k{position:absolute;font-size:10px;font-weight:400;letter-spacing:.2em;color:var(--dr-dim);white-space:nowrap}
.dr-undrawn__w{position:absolute;left:7%;top:14%;max-width:13ch;font-size:clamp(30px,3.9vw,60px);font-weight:200;line-height:1.02;letter-spacing:-.035em;color:var(--dr-paper)}
.dr-undrawn__t{position:absolute;left:7%;right:7%;bottom:9%;display:flex;align-items:center;gap:14px;font-size:clamp(14px,1.15vw,17px);font-weight:300;line-height:1.3;color:var(--dr-soft)}
.dr-undrawn__t::before{content:"";flex:0 0 28px;height:1px;background:var(--dr-accent)}
.wd--drive .dr-rblank{border-radius:2px;background:linear-gradient(rgba(238,233,223,.12),rgba(238,233,223,.12)) 0 52%/100% 1px no-repeat,linear-gradient(rgba(238,233,223,.12),rgba(238,233,223,.12)) 38% 0/1px 100% no-repeat,linear-gradient(rgba(238,233,223,.12),rgba(238,233,223,.12)) 74% 0/1px 100% no-repeat,var(--dr-raise)}

/* ---------- every drive ---------- */
.dr-all{padding:clamp(110px,13vw,190px) var(--g) clamp(110px,13vw,190px)}
.dr-all__head{margin-bottom:clamp(50px,6vw,90px)}
.wd--drive .rows{border-top-color:var(--dr-faint)}
.wd--drive .row a{border-bottom-color:var(--dr-faint)}
.wd--drive .r-t,.wd--drive .r-f{color:var(--dr-paper)}
.wd--drive .r-t small,.wd--drive .r-s,.wd--drive .r-n,.wd--drive .r-w{color:var(--dr-mute)}
.wd--drive .r-n{transition:color .3s var(--caress)}
.wd--drive .row a:hover .r-n,.wd--drive .row a:focus-visible .r-n{color:var(--dr-accent)}

/* ---------- your road ---------- */
.dr-yours{min-height:100vh;min-height:100svh;display:grid;align-items:end;overflow:hidden}
.dr-yours__img{position:absolute;inset:0;margin:0;overflow:hidden}
.dr-yours__img img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transform:scale(1.12)}
.dr-yours__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,19,21,.95) 0%,rgba(18,19,21,.5) 42%,rgba(18,19,21,.12) 72%),linear-gradient(to right,rgba(18,19,21,.5),rgba(18,19,21,0) 62%)}
.dr-yours__txt{position:relative;z-index:2;padding:0 var(--g) clamp(64px,11vh,120px);max-width:980px}
.dr-yours h2{font-size:clamp(54px,8.6vw,146px);letter-spacing:-.045em;line-height:.96;margin:24px 0 30px}
.dr-yours__line{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:36ch;color:var(--dr-soft);margin-bottom:42px;text-wrap:pretty}
.dr-yours__go{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.dr-yours__go>span{font-size:14px;color:var(--dr-mute)}
.dr-yours .eyebrow{color:var(--dr-soft)}
.dr-more{background:linear-gradient(to bottom,var(--dr-ground),var(--night,#1c1a17));color:var(--dr-paper)}

/* ---------- desktop ---------- */
@media (min-width:900px){
  .dr-hero__txt{grid-template-columns:1fr auto;align-items:end;bottom:52px}
  .dr-hero__line{font-size:17px;max-width:31ch;margin-bottom:1.4vw}
  .dr-intro{grid-template-columns:1fr auto;align-items:end;column-gap:6vw}
  .dr-intro>.eyebrow{grid-column:1/-1}
  .dr-intro__meta{text-align:right;justify-items:end;padding-bottom:12px}
  .dr-all__head{display:flex;align-items:end;justify-content:space-between}
}
/* ---------- phone: composed for the hand, map above, window, then the day ---------- */
@media (max-width:699px){
  .dr-hero__h{font-size:clamp(104px,33vw,160px)}
  .dr-hero__line{font-size:15px}
  .dr-road__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;row-gap:14px;padding:calc(80px + env(safe-area-inset-top)) var(--g) calc(18px + env(safe-area-inset-bottom))}
  .dr-road__k{font-size:10px;letter-spacing:.24em}
  .dr-map{grid-column:1;grid-row:2;-webkit-mask-image:none;mask-image:none}
  .dr-win{grid-column:1;grid-row:3;align-self:auto;aspect-ratio:16/9;max-height:none}
  .dr-text{grid-column:1;grid-row:4}
  .dr-day__k{margin-bottom:8px;font-size:10px;letter-spacing:.24em}
  .dr-day h3{font-size:28px;margin-bottom:8px}
  .dr-day__t{font-size:14px;line-height:1.5}
  .dr-odo{right:0;top:0;gap:8px}
  .dr-odo__n{font-size:48px}
  .dr-odo__u{font-size:10px}
  .dr-pin__t b{font-size:13px}
  .dr-pin__t small{font-size:9px;letter-spacing:.16em}
  .dr-pin__t{left:13px;top:-11px}
  .dr-pin[data-side="l"] .dr-pin__t{right:13px}
  .dr-grid__t{font-size:9px}
  .dr-text{position:relative}
  .dr-road:not(.is-flat) .dr-end{position:absolute;left:0;right:0;bottom:0}
  .dr-win{transition:opacity .7s var(--caress)}
  .is-end .dr-win{opacity:0}
  .dr-road:not(.is-flat) .dr-pin:not(.now) .dr-pin__t{opacity:0}
  .dr-grid__t[data-ax="lon"],.dr-loupe__t{display:none}
  .dr-end__f{font-size:28px}
  .dr-end__go{gap:12px 22px;margin-top:4px}
  .dr-end .cta{height:52px;padding-left:22px;gap:12px;font-size:11px;letter-spacing:.18em}
  .dr-end .cta i{width:38px;height:38px}
  .is-flat .dr-map{height:62vh;height:62svh}
  .is-flat .dr-days{grid-template-columns:minmax(0,1fr);gap:46px}
  .dr-convoy__track{gap:28px;padding-right:10vw}
  .dr-convoy__intro{width:80vw}
  .dr-convoy__intro h2{font-size:48px}
  .dr-num b{font-size:132px}
  .dr-num{margin-bottom:16vh;margin-bottom:16svh}
  .dr-cv--over{margin-left:-22vw}
  .dr-cv{margin-top:calc(var(--ym) * 1vh);margin-top:calc(var(--ym) * 1svh);height:calc(var(--hm) * 1vh);height:calc(var(--hm) * 1svh);width:calc(var(--wm) * 1vw)}
  .dr-cv img{object-position:var(--pm)}
  .dr-num span{font-size:13px;max-width:21ch}
  .dr-convoy.is-flat .dr-convoy__track{grid-template-columns:minmax(0,1fr);gap:22px}
  .is-flat .dr-cv{width:auto}
  .dr-yours__img img{object-position:var(--posm)}
}
@media (max-width:699px) and (max-height:700px){.dr-win{aspect-ratio:21/9}}
@media (prefers-reduced-motion:reduce){
  .dr-ch>span,.dr-hero__line,.dr-hero__shade{animation:drFade .6s ease .25s both}
  .dr-day,.dr-end,.dr-pin__t{transform:none!important;transition:opacity .3s ease}
}