@font-face{font-family:'Instrument Serif';src:url('/5680/fonts/instrument-serif-regular-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/5680/fonts/instrument-serif-italic-latin.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('/5680/fonts/inter-var-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

.yd{--ez:cubic-bezier(.22,1,.36,1);--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--rule:rgba(215,232,188,.12);--rule-2:rgba(215,232,188,.22);--sage:#a3b089;--paper:#f7f5ef;--paper-2:#ecE8dd;--ink:#141516;--ink-2:#55595e;--ink-3:#7b7f84;--line:rgba(20,21,22,.1);--olive:#4f5a1f;--sea:#2f5d62}
.yd main{padding-top:60px;overflow-x:clip}
.yd a{color:inherit}
.yd button{font:inherit;color:inherit}
.yd-wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
@media (min-width:700px){.yd-wrap{padding-left:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-left));padding-right:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-right))}}

.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ez) var(--d,0s),transform .9s var(--ez) var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.js .ld{opacity:0;transform:translateY(16px);transition:opacity 1s var(--ez) var(--d,0s),transform 1s var(--ez) var(--d,0s)}
.yd-ready .ld{opacity:1;transform:none}

.yd-sec{padding:clamp(3.2rem,9vw,7rem) 0;border-top:1px solid var(--rule)}
.yd-cover{border-top:0;padding-top:clamp(1.6rem,5vh,4rem)}
.yd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vw,40px);align-items:center}
.yd-grid>*{min-width:0}
.yd-copy{min-width:0}
.yd-copy-c{text-align:center}
.yd-copy-c .yd-h2,.yd-copy-c .yd-sub{margin-left:auto;margin-right:auto}
.yd-kick{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.yd-kick{flex-wrap:wrap}
.yd-kick i{display:block;width:34px;height:1px;background:var(--accent)}
.yd-nw{white-space:nowrap}
.yd-h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,11vw,104px);line-height:.98;letter-spacing:-.02em;margin:0;max-width:11ch}
.yd-h1 em,.yd-h2 em{color:var(--accent)}
.yd-tag{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;color:var(--muted)}
.yd-tag b{font-weight:400;color:var(--accent)}
.yd-tag::after{content:"";flex:0 0 auto;width:60px;height:1px;background:var(--rule-2)}
.yd-copy-c .yd-tag{justify-content:center}
.yd-h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,8.6vw,64px);line-height:1.02;letter-spacing:-.012em;margin:0;max-width:14ch}
.yd-h2-big{font-size:clamp(42px,10.4vw,84px)}
.yd-sub{margin:14px 0 0;max-width:40ch;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6;color:var(--sage);font-weight:300}
.yd-cue{margin:22px 0 0}
.yd-cue a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.yd-cue a:hover,.yd-cue a:focus-visible{color:var(--accent)}
.yd-cue i{font-style:normal;display:inline-block;animation:ydNudge 2.4s var(--ez) infinite}
@keyframes ydNudge{0%,60%,100%{transform:none}30%{transform:translateY(4px)}}

.yd-stage{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.yd-cap{margin:0;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--muted);text-align:center}
.yd-grid.has-ctl{grid-template-areas:"copy" "stage" "ctl";row-gap:18px}
.has-ctl>.yd-copy{grid-area:copy;margin-bottom:6px}
.has-ctl>.yd-stage{grid-area:stage}
.has-ctl>.yd-ctl{grid-area:ctl;width:100%;max-width:420px;justify-self:center}
.yd-stage-look .yd-cap{display:none}

.yd-card-host{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;position:relative}
.yd-card-host::-webkit-scrollbar{display:none}
.yd-card-host>.yc{transform-origin:0 0}

.yc{--f:1;display:flex;flex-direction:column;gap:calc(8px * var(--f));padding:2px 0;font-size:calc(14px * var(--f));line-height:1.4}
.yc.lg{--f:1.22}
.yc [data-k]{will-change:transform}
@keyframes ydPulse{50%{opacity:.4}}

.yd-seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.yd-seg button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--rule-2);background:none;color:var(--sage);font-size:.9rem;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.yd-seg button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.yd-seg button[aria-checked="true"]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.yd-seg button:focus-visible,.yd-langs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.yd-chan{display:grid;grid-template-columns:1fr 1fr;margin-top:0}
.yd-chan button{justify-content:center}
.yd-two{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:3px;border:1px solid var(--rule-2);border-radius:999px}
.yd-two button{border:0;min-height:40px;justify-content:center;padding:0 10px;font-size:.86rem}
.yd-langs{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px}
.yd-langs::-webkit-scrollbar{display:none}
.yd-langs button{flex:none;scroll-snap-align:start;min-height:40px;min-width:44px;padding:0 13px;border-radius:999px;border:1px solid var(--rule-2);background:none;color:var(--sage);font-size:.86rem;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.yd-langs button[aria-checked="true"]{background:var(--text);border-color:var(--text);color:var(--ink)}
.yd-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 4px 0 16px;border:1px solid var(--rule-2);border-radius:999px;cursor:pointer}
.yd-switch input{position:absolute;opacity:0;width:1px;height:1px}
.yd-switch .t{font-size:.9rem;color:var(--sage)}
.yd-switch .sw{position:relative;width:46px;height:28px;border-radius:999px;background:rgba(215,232,188,.18);transition:background .25s;margin-right:6px}
.yd-switch .sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform .3s var(--ez)}
.yd-switch input:checked~.sw{background:var(--accent)}
.yd-switch input:checked~.sw::after{transform:translateX(18px);background:var(--ink)}
.yd-switch input:focus-visible~.sw{outline:2px solid var(--accent);outline-offset:2px}

@keyframes ydIn{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes ydRing{50%{box-shadow:0 0 0 14px rgba(233,240,86,.12)}}
.yd-wave i:nth-child(1){--n:1;height:40%}.yd-wave i:nth-child(2){--n:4;height:75%}.yd-wave i:nth-child(3){--n:2;height:55%}.yd-wave i:nth-child(4){--n:7;height:90%}.yd-wave i:nth-child(5){--n:3;height:60%}.yd-wave i:nth-child(6){--n:6;height:35%}.yd-wave i:nth-child(7){--n:5;height:80%}.yd-wave i:nth-child(8){--n:8;height:50%}.yd-wave i:nth-child(9){--n:2;height:70%}.yd-wave i:nth-child(10){--n:9;height:40%}.yd-wave i:nth-child(11){--n:4;height:62%}.yd-wave i:nth-child(12){--n:1;height:30%}
@keyframes ydWave{50%{transform:scaleY(.45)}}

.yd-phone .ip-view{margin-top:4px}
.yd-phone .ip-beat{display:flex;flex-direction:column;justify-content:flex-start;padding-top:12px}
.yd-phone .ip-beat>div{width:100%;flex:none}
.yd-again{min-height:44px;padding:0 18px;border:0;background:none;color:var(--ink-2);font-size:.86rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

@keyframes ydCaret{50%{opacity:0}}
.ip-static .yd-typed::after{display:none}

.yd-chip{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:5px 10px;border-radius:999px;background:#ecE8dd;font-family:var(--mono);font-size:.62rem;letter-spacing:.03em;line-height:1.35;color:var(--ink-2)}
.yd-chip::before{content:"";flex:none;width:12px;height:12px;background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1.5h4l2 2v7H3z' fill='none' stroke='%2355595e' stroke-width='1.1'/%3E%3Cpath d='M4.5 6h3M4.5 8h3' stroke='%2355595e' stroke-width='1'/%3E%3C/svg%3E")}

.ip-beat.is-run .yd-who li,.ip-beat.is-run .yd-tbl tbody tr,.ip-beat.is-run .yd-new{animation:ydUp .6s var(--ez) both;animation-delay:var(--d,.2s)}
.ip-beat.is-run .yd-ans{animation:ydUp .7s var(--ez) both;animation-delay:var(--ans,1.9s)}
.ip-beat.is-run .yd-gscreen>*,.ip-beat.is-run .yd-desk>*{animation:ydUp .6s var(--ez) both}
.ip-beat.is-run .yd-gscreen>:nth-child(2),.ip-beat.is-run .yd-desk>:nth-child(2){animation-delay:.12s}
.ip-beat.is-run .yd-gscreen>:nth-child(3),.ip-beat.is-run .yd-desk>:nth-child(3){animation-delay:.24s}
.ip-beat.is-run .yd-gscreen>:nth-child(4),.ip-beat.is-run .yd-desk>:nth-child(4){animation-delay:.36s}
.ip-beat.is-run .yd-gscreen>:nth-child(5),.ip-beat.is-run .yd-desk>:nth-child(5){animation-delay:.48s}
@keyframes ydUp{from{opacity:0;transform:translateY(12px)}}

.ip-beat.is-run .yd-note{animation:ydDrop .7s var(--ez) .5s both}
@keyframes ydDrop{from{opacity:0;transform:translateY(-24px) scale(.96)}}
.ip-beat.is-run .yd-tap{animation:ydTap 1.4s var(--ez) 2.3s both}
@keyframes ydTap{0%{opacity:0;transform:translate(40px,40px)}50%{opacity:1;transform:none}70%{transform:scale(.8)}100%{opacity:0;transform:scale(1.4)}}

.yd-film{width:min(100%,330px);border-radius:20px;margin-top:8px}

.yd-sig-out{max-width:520px;min-height:9.5em;margin:18px auto 0;padding:18px 20px;border:1px solid var(--rule);border-radius:18px;background:rgba(255,255,255,.02);text-align:center}
.yd-sig-k{margin:0 0 6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.yd-sig-t{margin:0 auto;max-width:40ch;font-size:1.02rem;line-height:1.55;color:var(--text);font-weight:300}
.yd-chip-d{margin-top:12px;background:rgba(215,232,188,.08);color:var(--sage)}
.yd-chip-d::before{filter:invert(1) brightness(1.4)}
.yd-sig-out.swap .yd-sig-t,.yd-sig-out.swap .yd-sig-k,.yd-sig-out.swap .yd-chip{animation:ydUp .45s var(--ez) both}
.yd-fine{margin:16px auto 0;max-width:46ch;text-align:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;line-height:1.6;color:var(--muted)}

.js .js 
.yd-act{margin:22px 0 0}
.yd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--ink)!important;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s var(--ez),background .2s}
.yd-btn:hover{transform:translateY(-1px)}
.yd-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.yd-btn-o{background:none;color:var(--text)!important;border-color:var(--rule-2)}
.yd-btn-o:hover{border-color:var(--accent)}
.yd-close{text-align:center;padding-bottom:clamp(4rem,10vw,8rem)}
.yd-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0}
.yd-ctas .yd-btn{flex:1 1 200px;max-width:260px}
.yd-quiet{margin:22px 0 0}
.yd-quiet a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--sage);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:4px;font-size:.95rem}
.yd-quiet a:hover,.yd-quiet a:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}

@keyframes ydDraw{to{stroke-dashoffset:0}}
.yd-pv{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);line-height:1.4;white-space:nowrap;opacity:.8}
.yd-tag .yd-pv{order:3;margin-left:0}
.yd-pvline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:26px auto 0;max-width:46ch;font-size:.92rem;line-height:1.55;color:var(--sage)}

.yd-blk{position:relative;margin:0;border-radius:14px}
.ip-beat.is-run .yd-blk{animation:ydBlk .75s var(--ez) both;animation-delay:var(--d,.4s)}
.ip-beat.is-run .yd-blk::after{animation:ydSkel 1.1s ease both;animation-delay:var(--d,.4s)}
@keyframes ydBlk{from{opacity:0;transform:translateY(16px) scale(.94)}}
@keyframes ydSkel{0%{opacity:1;background-position:120% 0}65%{opacity:1;background-position:-20% 0}100%{opacity:0;background-position:-20% 0}}
.ip-beat.is-run .yd-cmp tbody tr,.ip-beat.is-run .yd-chk tbody tr{animation:ydUp .5s var(--ez) both;animation-delay:var(--r,1s)}
.yd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.js .ip-beat .yd-map .yd-ln{stroke-dasharray:1;stroke-dashoffset:1}
.ip-beat.is-run .yd-map .yd-ln{animation:ydDraw 1.4s var(--ez) .7s forwards}
.ip-beat.is-run .yd-map .yd-ln.yd-acc{animation-delay:1s}
.ip-beat.is-run .yd-ring{animation:ydRingIn 1s var(--ez) 1.1s both}
.ip-beat.is-run .yd-ring2{animation-delay:1.3s}
@keyframes ydRingIn{from{transform:scale(.2);opacity:0}}
.ip-beat.is-run .yd-pin,.ip-beat.is-run .yd-rt{animation:ydFade .5s var(--ez) both;animation-delay:var(--p,1.6s)}
@keyframes ydFade{from{opacity:0}}
.ip-static .yd-map .yd-ln,.ip-beat:not(.is-run) .yd-map .yd-ln{stroke-dashoffset:0}
.yd-bar{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;margin:8px 0}
.ip-beat.is-run .yd-bt i{animation:ydGrow .7s var(--ez) both;animation-delay:var(--b,1s)}
@keyframes ydGrow{from{transform:scaleX(0)}}
.ip-beat.is-run .yd-yr i{animation-duration:1.6s}
.yd-yrs{display:flex;justify-content:space-between;margin:2px 0 0 24px;padding-right:4.6em;font-family:var(--mono);font-size:.56rem;color:var(--ink-3)}

@media (min-width:900px){
  .yd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px)}
  .yd-sec:nth-of-type(odd) .yd-grid>.yd-stage{order:-1}
  .yd-sec.yd-cover .yd-grid>.yd-stage{order:0}
  .yd-sees-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);max-width:1000px;margin:0 auto}
  .yd-sees-body .yd-sig-out{margin:0;text-align:left;padding:28px 30px}
  .yd-sees-body .yd-sig-t{margin:0;font-size:1.25rem}
  .yd-sec{min-height:calc(100dvh - 60px);display:flex;align-items:center}
  .yd-sec>.yd-wrap{width:100%}
  .yd-stage-look .yd-cap{display:block}
  .yd-grid.has-ctl{grid-template-areas:"copy stage" "ctl stage";grid-template-rows:auto 1fr;row-gap:28px}
  #look .yd-grid.has-ctl{grid-template-areas:"stage copy" "stage ctl"}
  .has-ctl>.yd-copy{align-self:end}
  .has-ctl>.yd-ctl{align-self:start;justify-self:start}
  .yd-chan{display:flex}
}
@media (max-width:899px){
  .yd-grid>.yd-copy{text-align:left}
}
@media (max-width:380px){
  .yd-screen{padding-left:10px;padding-right:10px}
  .yd-two button{font-size:.8rem;padding:0 6px}
}
@media (prefers-reduced-motion:reduce){
  .js .rv,.js .ld,.js   .yd-cue i,.yc-when i,.yd-livel i,.yd-wave i,.ch-call .ch-av,.yd-typed::after{animation:none}
  .ch,.ip-beat.is-run *,.ip-beat.is-run *::after{animation:none!important}
  .yd-map .yd-ln{stroke-dashoffset:0!important}
  .yd-fring{stroke-dashoffset:0!important;transition:none!important}
}
.no-js .rv,.no-js .ld{opacity:1;transform:none}



.yd-field{position:relative;width:min(100%,440px);aspect-ratio:1;margin:clamp(20px,4vw,36px) auto 0;touch-action:pan-y}
.yd-field svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.yd-fring{fill:none;stroke:var(--rule-2);stroke-width:.25;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ez) var(--d,0s)}
.yd-field.drawn .yd-fring{stroke-dashoffset:0}
.yd-rlab{position:absolute;left:50%;transform:translate(-50%,-50%);padding:0 6px;background:var(--bg);font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--muted);opacity:0;transition:opacity .6s var(--ez) var(--d,0s)}
.yd-field.drawn .yd-rlab{opacity:1}
.yd-addr{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(233,240,86,.14),0 0 0 14px rgba(233,240,86,.05);z-index:2}
.yd-addr-l{position:absolute;left:50%;top:50%;transform:translate(-50%,14px);font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;z-index:2}
.yd-spk{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 7px 2px 5px;margin:0;border:0;border-radius:2px;background:#2C2F32;color:var(--text);font-size:.7rem;line-height:1.15;white-space:nowrap;cursor:pointer;transform:translate(-5px,-50%);opacity:0;transition:opacity .28s var(--ez),transform .28s var(--ez),background .2s,color .2s;z-index:3}
.yd-spk.l{transform:translate(calc(-100% + 5px),-50%);flex-direction:row-reverse;padding:3px 6px 3px 8px}
.yd-spk.on{opacity:1}
.yd-spk.out{opacity:0;transform:translate(-5px,-50%) scale(.92)}
.yd-spk.l.out{transform:translate(calc(-100% + 5px),-50%) scale(.92)}
.yd-spk i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(233,240,86,.18)}
.yd-spk small{font-family:var(--mono);font-size:.6rem;letter-spacing:.02em;color:var(--sage)}
.yd-spk[aria-pressed="true"]{background:var(--accent);color:var(--ink);text-shadow:none;z-index:4}
.yd-spk[aria-pressed="true"] small{color:#3a3f1a}
.yd-spk[aria-pressed="true"] i{background:var(--ink);box-shadow:none}
.yd-spk:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.yd-fbar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:14px auto 0;max-width:440px}
.yd-fpp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--rule-2);background:none;color:var(--text);font-size:.86rem;cursor:pointer}
.yd-fpp:hover,.yd-fpp:focus-visible{border-color:var(--accent)}
.yd-fpp svg{width:14px;height:14px;fill:currentColor}
@media (min-width:900px){.yd-field{width:min(100%,520px)}.yd-sees-body .yd-fwrap{min-width:0}}
@media (prefers-reduced-motion:reduce){.yd-spk{transition:none}.yd-rlab{transition:none;opacity:1}}
.no-js .yd-fring{stroke-dashoffset:0}
.yd-chip[hidden]{display:none}
.yd-endfine{margin:10px 0 0;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--muted)}
.yd-fclose{margin:22px auto 0;max-width:30ch;text-align:center}
.yd-fcl{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,5.6vw,2.2rem);line-height:1.15;color:var(--text)}
.yd-fcl em{display:block;color:var(--accent)}
.yd-fsm{margin:10px 0 0;font-size:.88rem;line-height:1.5;color:var(--muted)}
.js .yd-fclose{opacity:0;transform:translateY(12px);transition:opacity 1s var(--ez),transform 1s var(--ez)}
.js .yd-fclose.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .yd-fclose{transition:none}}



.yd-screen{--ink:#D7E8BC;--ink-2:rgba(215,232,188,.7);--ink-3:rgba(215,232,188,.42);--line:rgba(215,232,188,.13);--acc:#E9F056;--dk:#1A1C1E;position:relative;height:100%;border-radius:38px;background:#2C2F32;color:var(--ink);overflow:hidden;padding:52px 18px 18px 12px;display:flex;flex-direction:column;font-weight:300}
.yd-pscreen{padding:48px 12px 12px 12px}
.s-scr{position:relative;padding-left:30px}
.s-fill{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.s-vx{position:absolute;left:0;bottom:4px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.s-vx i{display:block;width:1px;height:48px;background:var(--ink-3)}
.s-k{margin:0;font-family:var(--mono);font-size:8.5px;font-weight:400;letter-spacing:.2em;line-height:1.55;text-transform:uppercase;color:var(--ink-3)}
.s-k2{margin:0;display:flex;flex-direction:column;font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;line-height:1.65;text-transform:uppercase}
.s-k2 b{font-weight:400;color:var(--ink)}
.s-k2>span{color:var(--ink-3)}
.s-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.s-r{text-align:right}
.s-d{margin:0;font-family:var(--serif);font-weight:400;font-size:56px;line-height:.9;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.s-dxl{font-size:76px}
.s-dl{font-size:44px;line-height:.95}
.s-h{margin:0;font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.12;color:var(--ink)}
.s-h3{margin:0;font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--ink)}
.s-t{margin:0;font-size:12.5px;line-height:1.55;color:var(--ink-2);font-weight:300}
.s-acc{position:relative;z-index:2;align-self:flex-start;width:fit-content;margin:0 0 0 -30px;padding:7px 14px 7px 30px;background:var(--acc);color:var(--dk);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}
.s-link{position:relative;align-self:flex-start;display:inline-block;padding-top:12px;font-family:var(--mono);font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.s-link::before{content:"";position:absolute;left:0;top:0;width:24px;height:1px;background:var(--ink-2)}
.s-link::after{content:"\2009\2197"}
.s-src{margin:0;padding-top:8px;border-top:1px solid var(--line);font-family:var(--mono);font-size:8px;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:var(--ink-3)}
.s-rows{margin:0;display:grid;border-top:1px solid var(--line)}
.s-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.s-rows dt{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.s-rows dd{margin:0;font-family:var(--serif);font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.s-list{list-style:none;margin:0;padding:0}
.s-list li{display:flex;gap:14px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.s-list li:last-child{border-bottom:1px solid var(--line)}
.s-n{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--ink-3)}
.s-field{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.s-field svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--ink-3);stroke-width:1.5;stroke-linecap:round}
.s-q{font-size:22px}
.yd-typed::after{content:"";display:inline-block;width:1px;height:.9em;margin-left:3px;vertical-align:-.08em;background:var(--acc);animation:ydCaret 1s steps(1) infinite}
.s-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s-fig{font-family:var(--serif);font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}
.s-hero{display:flex;flex-direction:column;gap:8px}
.s-tbl{width:100%;border-collapse:collapse;font-size:12px}
.s-tbl th,.s-tbl td{padding:7px 8px 7px 0;text-align:start;border-bottom:1px solid var(--line);vertical-align:baseline}
.s-tbl thead th{font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.s-tbl tbody th{font-weight:300;color:var(--ink-2)}
.s-tbl td{font-family:var(--serif);font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.yd-tbl td:nth-child(3){font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:normal}
.s-tbl td.s-hit,.s-tbl tr.s-hitrow>*{background:var(--acc);color:var(--dk)}
.s-tbl td.s-hit{padding-left:6px}
.s-tbl tr.s-hitrow>th{box-shadow:-30px 0 0 var(--acc)}
.s-fn{margin:0;font-family:var(--mono);font-size:7.5px;letter-spacing:.06em;line-height:1.6;color:var(--ink-3)}
.yd-chk td{width:34px;text-align:center;font-size:0}
.yd-chk td::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;background:no-repeat center/16px}
.yd-chk td.y::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.4 2.3L12 5.4' fill='none' stroke='%23D7E8BC' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.yd-chk td.n::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8h6' stroke='%23D7E8BC' stroke-opacity='.35' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E")}
.s-legend{margin:0;display:grid}
.s-legend div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}
.s-legend dt{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.s-legend dd{margin:0;font-family:var(--serif);font-size:16px;color:var(--ink)}
.s-wave{display:flex;align-items:center;gap:12px}
.yd-play{flex:none;position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--ink-2)}
.yd-play::after{content:"";position:absolute;left:11px;top:9px;border-left:9px solid var(--ink);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.yd-wave{display:flex;align-items:center;gap:4px;height:26px;flex:1}
.yd-wave i{display:block;width:1px;background:var(--ink-2);height:30%;animation:ydWave 1.1s ease-in-out infinite;animation-delay:calc(var(--n,0) * -.13s)}
.yd-dur{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--ink-3)}
.s-quote{margin:0;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.3;color:var(--ink)}
.s-hl{background:var(--acc);color:var(--dk);padding:0 4px}
.s-turn{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--line)}
.s-turn.it{padding-left:22px}
.s-turn.it .s-t{color:var(--ink);font-size:13px}

.yd-people{flex:none;display:flex;gap:18px}
.yd-person{min-height:36px;padding:0;border:0;border-radius:0;background:none;font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;box-shadow:inset 0 -1px 0 transparent;transition:color .3s,box-shadow .3s}
.yd-person[aria-pressed="true"]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--acc)}
.yd-person:focus-visible{outline:1px solid var(--acc);outline-offset:3px}
.yd-for{flex:none;margin:6px 0 16px;font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.s-mast{flex:none;margin-bottom:14px}
.yc{--f:1;display:flex;flex-direction:column;gap:calc(12px * var(--f));padding:0 0 4px}
.yc.lg{--f:1.2}
.yc .s-k,.yc .s-k2,.yc .s-link,.yc .s-src,.yc .s-rows dt{font-size:calc(8.5px * var(--f))}
.yc .s-acc{font-size:calc(9px * var(--f))}
.yc .s-list li{font-size:calc(12.5px * var(--f))}
.yc .s-rows dd{font-size:calc(17px * var(--f))}
.yc-price{font-size:calc(54px * var(--f))}
.yc.photos .yc-price{font-size:calc(34px * var(--f))}
.yc-dg{font-size:calc(26px * var(--f))}
.yc-pics{display:flex;align-items:flex-end;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.yc-pics .s-d{font-size:calc(88px * var(--f));line-height:.8}
.yc [data-k]{will-change:transform}

.ch{position:absolute;inset:52px 18px 18px 12px;display:flex;flex-direction:column;gap:16px;animation:ydIn .5s var(--ez) both}
.ch-msg{font-size:24px}
.ch-inbox{display:flex;flex-direction:column;margin-top:auto}
.ch-inbox i{display:block;height:30px;border-top:1px solid var(--line)}
.ch-call{gap:10px}
.ch-call-b{display:flex;gap:22px;margin-top:auto}
.ch-call-b span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ink-3)}
.ch-call-b span.acc{background:var(--acc);border-color:var(--acc)}
.ch-call-b svg{width:20px;height:20px;fill:var(--ink)}
.ch-call-b span.acc svg{fill:var(--dk)}

.yd-phone .ip{--ip-bg:transparent;--accent:#E9F056;--text:#D7E8BC;--muted:rgba(215,232,188,.45);height:100%;min-height:0;max-height:none;border:0;border-radius:0;padding:0;color:var(--ink)}
.yd-phone .ip-top{padding-left:30px}
.yd-phone .ip-seg i{height:1px;background:rgba(215,232,188,.2)}
.yd-phone .ip-seg b{background:var(--acc)}
.yd-phone .ip-seg.done b{background:rgba(215,232,188,.6)}
.yd-phone .ip-btn{width:32px;height:32px;border-color:var(--line);color:var(--ink)}
.yd-phone .ip-btn svg{width:13px;height:13px;stroke-width:1.5}
.yd-phone .ip-btn:hover{border-color:var(--acc)}
.yd-phone .ip-view{margin-top:6px}
.yd-phone .ip-beat{display:flex;flex-direction:column;justify-content:flex-start;padding-top:14px}
.yd-phone .ip-beat>div{width:100%;flex:none}
.yd-phone .ip-end{align-items:flex-start;justify-content:flex-end;text-align:left;padding:20px 8px 24px 30px;gap:14px}
.yd-phone .ip-end-k{font-family:var(--mono);font-size:8.5px;font-weight:400;letter-spacing:.22em;color:var(--ink-3)}
.yd-phone .ip-end-t{max-width:none;font-size:44px;line-height:.98;color:var(--ink)}
.yd-phone .ip-end-t em{color:var(--ink);font-style:italic}
.yd-phone .ip-replay{min-height:44px;padding:0 20px;border-radius:0;background:var(--acc);color:var(--dk);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;margin-left:-30px;padding-left:30px}
.yd-phone .yd-again.ip-replay,.yd-again{min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--ink-2);font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer}

.yd-gq,.yd-gscreen,.yd-dscreen,.yd-desk,.yd-qa,.yd-gen,.yd-lock{display:flex;flex-direction:column;gap:14px}
.yd-gscreen{gap:16px}
.yd-gen{gap:12px}
.yd-qa .yd-ans{display:flex;flex-direction:column;gap:10px}
.yd-thread{display:flex;flex-direction:column;justify-content:flex-start}
.yd-lock{position:relative;gap:10px}
.yd-clock{font-size:104px;line-height:.82;margin-bottom:22px}
.yd-note{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.ip-beat.is-run .yd-note{animation:ydDrop .7s var(--ez) .5s both}
.yd-tap{position:absolute;left:46%;top:78%;width:30px;height:30px;border-radius:50%;border:1px solid var(--acc);opacity:0}
.ip-beat.is-run .yd-tap{animation:ydTap 1.4s var(--ez) 2.3s both}

.yd-blk{position:relative;margin:0}
.yd-blk::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#303337 30%,#3a3e44 50%,#303337 70%);background-size:220% 100%;opacity:0;pointer-events:none}
.yd-map{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.yd-map svg{display:block;width:100%;height:auto}
.yd-ln{fill:none;stroke-linecap:round;stroke-linejoin:round}
.yd-road{stroke:rgba(215,232,188,.16);stroke-width:1}
.yd-ln.yd-acc{stroke:var(--acc);stroke-width:1}
.yd-ring{fill:none;stroke:var(--ink-2);stroke-width:.8;stroke-dasharray:2 4;opacity:.7;transform-origin:150px 110px}
.yd-ring2{opacity:.4}
.yd-rt{font-family:var(--mono);font-size:7.5px;letter-spacing:.18em;fill:var(--ink-3);text-anchor:middle}
.yd-coast{fill:var(--ink-3)}
.yd-pin circle{fill:var(--ink)}
.yd-pin text{font-family:var(--mono);font-size:7.5px;letter-spacing:.16em;fill:var(--ink)}
.yd-pin .yd-pl{fill:var(--dk);font-family:var(--serif);font-size:11px;letter-spacing:0;text-anchor:middle}
.yd-pw circle{fill:var(--acc)}
.yd-bars,.yd-tl{display:flex;flex-direction:column;gap:2px}
.yd-bar{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;margin:6px 0}
.yd-bn{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3)}
.yd-bar b{min-width:4.6em;text-align:end;font-family:var(--serif);font-weight:400;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
.yd-bt{display:flex;gap:1px;height:4px}
.yd-bt i{display:block;width:var(--w);height:100%;transform-origin:left center}
.s1{background:rgba(215,232,188,.85)}.s2{background:rgba(215,232,188,.45)}.s3{background:rgba(215,232,188,.22)}.s4{background:var(--acc,#E9F056)}.s5{background:rgba(215,232,188,.5)}.s6{background:var(--acc,#E9F056)}
.yd-yr{position:relative}
.yd-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.yd-key li{display:flex;align-items:center;gap:6px}
.yd-key i{width:10px;height:2px}
.yd-card-host>.yc{min-height:100%}
.yc>.s-link{margin-top:auto}
.ch-name{font-size:58px;line-height:.9;margin:8px 0 6px}
.yd-h1,.yd-h2,.yd-fcl{text-wrap:balance}
.yd-phone{--pw:min(80vw,330px);position:relative;flex:none;width:var(--pw);height:calc(var(--pw) * 2.1667);border-radius:46px;background:#0d0e0f;padding:7px;box-shadow:0 0 0 1px rgba(215,232,188,.18),0 30px 70px rgba(0,0,0,.42);transition:width .55s var(--ez),height .55s var(--ez),border-radius .55s var(--ez)}
.yd-notch{position:absolute;top:16px;left:50%;width:31%;height:25px;transform:translateX(-50%);border-radius:14px;background:#000;z-index:3;transition:width .4s var(--ez),height .4s var(--ez),border-radius .4s var(--ez)}
.yd-phone.is-pad{--pw:min(88vw,430px);height:calc(var(--pw) * 1.3333);border-radius:26px;padding:10px}
.yd-phone.is-pad .yd-notch{top:4px;width:6px;height:6px;border-radius:50%;background:#1d1f21}
.yd-phone.is-pad .yd-screen{border-radius:16px}
.yd-phone.is-pad .yd-pscreen{padding-top:22px}
@media (min-width:900px){.yd-phone{--pw:330px}.yd-phone.is-pad{--pw:440px}.yd-stage{min-height:calc(330px * 2.1667 + 40px);justify-content:center}}
.yd-gq .s-hero{margin-top:2px}
@media (prefers-reduced-motion:reduce){.yd-phone,.yd-notch{transition:none}}
.yd-stage-five{min-height:calc(min(80vw,330px) * 2.1667);justify-content:center}
.s-thead{align-items:flex-end;padding-bottom:8px}
.ch-prev{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line);opacity:.75}
.yd-phone .ip-beat>.s-scr{min-height:100%;display:flex;flex-direction:column}
.s-foot{margin-top:auto!important}
.s-comp{justify-content:space-between;border:1px solid var(--line);border-radius:22px;padding:10px 14px;color:var(--ink-3)}
.s-comp svg{stroke:var(--ink-2)}
.ch-inbox{margin-top:auto}
.yc-earlier{display:flex;flex-direction:column;gap:6px;margin-top:auto;opacity:.8}
.yc>.yc-earlier+.s-link{margin-top:4px}
.yd-phone.is-pad{--pw:min(92vw,440px)}
.yd-phone.is-pad .s-dxl{font-size:54px}
.yd-phone.is-pad .yd-gen{gap:9px}
.yd-phone.is-pad .s-tbl th,.yd-phone.is-pad .s-tbl td{padding-top:5px;padding-bottom:5px}
.yd-phone.is-pad .yd-map svg{max-height:190px}
@media (min-width:900px){.yd-phone.is-pad{--pw:460px}}
.yc-hist{display:flex;flex-direction:column;gap:6px}
.yc-hist svg{display:block;width:100%;height:calc(34px * var(--f));overflow:visible}
.yc-hist path{fill:none;stroke:var(--ink-2);stroke-width:1;vector-effect:non-scaling-stroke}
.yc-hist circle{fill:var(--acc)}
.ch-log{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.ch-log .s-list li{display:grid;grid-template-columns:34px 1fr auto;gap:10px}
.s-rel{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.yd-note2{opacity:.6;border-top:0;padding-top:0}
.yd-phone.is-pad .s-dxl{font-size:46px}
.yd-phone.is-pad .s-tbl th,.yd-phone.is-pad .s-tbl td{padding-top:4px;padding-bottom:4px}
.yd-phone.is-pad .ip-beat{padding-top:8px}
@media (min-width:900px){.yd-phone{--pw:min(300px,calc((100dvh - 120px) / 2.1667))}.yd-stage{min-height:0}.yd-stage-five{min-height:calc(min(300px,calc((100dvh - 120px) / 2.1667)) * 2.1667)}}
.yd-zero{position:relative;width:min(100%,420px);margin:0 auto;padding:6px 0 0 34px;color:var(--text)}
.yd-zv{position:absolute;left:0;top:8px;margin:0;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.yd-zv i{display:block;width:1px;height:56px;background:var(--rule-2)}
.yd-zd{position:relative;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(150px,46vw,230px);line-height:.8;letter-spacing:-.04em;color:var(--text)}
.yd-zd::after{content:"";display:block;width:58%;height:6px;margin:14px 0 0 -34px;background:var(--accent);transform-origin:left center}
.yd-ledger{margin:30px 0 0;border-top:1px solid var(--rule-2)}
.yd-ledger div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.yd-ledger dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.yd-ledger dd{margin:0;font-family:var(--serif);font-size:1.6rem;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.yd-ledger .hit dt{color:var(--text)}
.yd-zf{margin:18px 0 0;max-width:40ch;font-size:.76rem;line-height:1.55;color:var(--muted)}
.js .yd-zero .yd-zd::after{transform:scaleX(0);transition:transform 1.1s var(--ez) .5s}
.js .yd-zero.in .yd-zd::after{transform:none}
.js .yd-zero .yd-ledger div{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ez) var(--d,0s),transform .6s var(--ez) var(--d,0s)}
.js .yd-zero.in .yd-ledger div{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .yd-zero .yd-zd::after,.js .yd-zero .yd-ledger div{transition:none;transform:none;opacity:1}}
@media (min-width:900px){.yd-zero{width:min(100%,480px)}.yd-zd{font-size:240px}}
.yd-spk::before{content:"";position:absolute;inset:-9px -4px}
.yd-spk{transform:translate(-5px,-50%) scale(.9);transform-origin:left center;transition:opacity .18s var(--ez),transform .18s var(--ez),background .2s,color .2s}
.yd-spk.l{transform:translate(calc(-100% + 5px),-50%) scale(.9);transform-origin:right center}
.yd-spk.on,.yd-spk.m{transform:translate(-5px,-50%)}
.yd-spk.l.on,.yd-spk.l.m{transform:translate(calc(-100% + 5px),-50%)}
.yd-spk.out{opacity:0;transform:translate(-5px,-50%) scale(.94);transition-duration:.22s}
.yd-spk.l.out{transform:translate(calc(-100% + 5px),-50%) scale(.94)}
.yd-spk.on i{animation:ydSpark .5s ease-out}
@keyframes ydSpark{0%{background:#fff;box-shadow:0 0 0 0 rgba(233,240,86,.9)}100%{box-shadow:0 0 0 9px rgba(233,240,86,0)}}
@media (prefers-reduced-motion:reduce){.yd-spk,.yd-spk.l{transform:translate(-5px,-50%);transition:none}.yd-spk.l{transform:translate(calc(-100% + 5px),-50%)}.yd-spk.on i{animation:none}}
@media (max-width:375px){.yd-spk{font-size:.66rem;gap:5px;padding-left:4px;padding-right:6px}.yd-spk small{font-size:.56rem}}
.yd-st .yd-l1,.yd-st .yd-l2{display:block}
.yd-st .yd-l2{overflow:hidden;padding:0 .14em .18em 0;margin:0 -.14em -.18em 0}
.yd-fcl .yd-l2 em{display:inline}
.js .yd-st .yd-l2 em{display:inline-block;transform:translateY(-62%);opacity:0;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.js .yd-st.go .yd-l2 em{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.js .yd-st .yd-l2 em{transform:none;opacity:1;transition:none}}
.js .yd-st .yd-l2 .yd-l2i{display:inline-block;transform:translateY(-62%);opacity:0;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.js .yd-st .yd-l2 .yd-l2i em{transform:none;opacity:1;display:inline}
.js .yd-st.go .yd-l2 .yd-l2i{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.js .yd-st .yd-l2 .yd-l2i{transform:none;opacity:1;transition:none}}
.yd-sub.yd-sub-after{margin:22px auto 0;text-align:center}
@media (max-width:899px){
  .yd-grid,.yd-grid.has-ctl{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .yd-grid>.yd-copy{display:contents}
  .yd-grid>.yd-stage,.yd-grid>.yd-zero{order:1;margin-top:20px}
  .yd-grid>.yd-ctl{order:2;margin-top:16px;align-self:center}
  .yd-grid .yd-sub,.yd-grid .yd-cue{order:3}
  .yd-sec:not(.yd-cover){padding:clamp(2rem,6vw,3.2rem) 0}
  .yd-grid .yd-sub{margin-top:18px}
  .yd-phone{--pw:min(80vw,330px,calc((100dvh - 300px) / 2.1667))}
  .yd-cover .yd-phone{--pw:min(80vw,330px,calc((100dvh - 262px) / 2.1667))}
  .yd-cover{padding-top:clamp(1.2rem,3vh,2.4rem)}
  .yd-cover .yd-kick{margin-bottom:12px}
}