body.is-day{background:var(--ivory);color:var(--ink)}
.is-day .label{color:var(--ink-faint)}
.is-day .cta{color:var(--ink)}
.dy-open{padding:clamp(120px,min(22vh,24vw),220px) var(--gutter) clamp(60px,10vh,110px);background:var(--ivory)}
.dy-title{margin-top:18px;font-family:var(--font-display);font-weight:var(--vw);font-variation-settings:"hght" 1000;letter-spacing:-.005em;text-transform:uppercase;line-height:.9;font-size:clamp(44px,7.8vw,140px)}
.dy-sub{margin:.45em 0 0;font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dtrack);font-size:clamp(20px,2vw,32px);line-height:1.2;color:var(--ink-soft)}
.dy-meta{display:flex;flex-wrap:wrap;gap:16px clamp(28px,3.4vw,56px);margin-top:clamp(28px,4vh,44px)}
.dy-meta div{display:flex;flex-direction:column;gap:6px}
.dy-meta div span:last-child{font-size:14.5px}
.dy-note{margin:clamp(26px,4vh,40px) 0 0;max-width:58ch;font-size:14px;line-height:1.55;color:var(--ink-faint)}
.dy-plate{margin:clamp(50px,8vh,90px) 0 0}
.dy-plate img{width:100%;aspect-ratio:2.39;height:auto;object-fit:cover}
.dy-plate figcaption{margin-top:12px}

.sv{position:relative;height:660vh;background:var(--ivory)}
.sv-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ivory)}
.sv-frame{position:absolute;inset:0;overflow:hidden;clip-path:inset(14% 12% 14% 12%)}
.sv-cam{position:absolute;transform-origin:0 0;will-change:transform}
.sv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-marks{position:absolute;inset:24% 30%;pointer-events:none;opacity:0}
.sv-marks i{position:absolute;width:22px;height:22px;border-color:rgba(255,255,255,.85);border-style:solid;border-width:0}
.sv-marks i:nth-child(1){left:0;top:0;border-top-width:1px;border-left-width:1px}
.sv-marks i:nth-child(2){right:0;top:0;border-top-width:1px;border-right-width:1px}
.sv-marks i:nth-child(3){left:0;bottom:0;border-bottom-width:1px;border-left-width:1px}
.sv-marks i:nth-child(4){right:0;bottom:0;border-bottom-width:1px;border-right-width:1px}
.sv-hud{position:absolute;z-index:3;top:clamp(84px,12vh,118px);left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:16px;opacity:0}
.sv-hud span{font-family:var(--cap);padding:8px 12px;border-radius:999px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-variant-numeric:tabular-nums;background:rgba(250,247,239,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sv-cards{position:absolute;z-index:3;left:var(--gutter);bottom:clamp(76px,12vh,120px);width:min(460px,calc(100% - var(--gutter) * 2))}
.sv-card{position:absolute;left:0;bottom:0;width:100%;padding:20px 22px 22px;border-radius:14px;background:rgba(250,247,239,.78);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);color:var(--ink);opacity:0;will-change:opacity,transform}
.sv-card .label{color:var(--ink-soft)}
.sv-card p{margin:10px 0 0;font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dtrack);font-size:clamp(20px,1.7vw,27px);line-height:1.22}

.cs-day,.cs-day .cs-pin{background:var(--ivory)}
.cs-day .cs-count b{color:var(--ink)}
.cs-day .cs-cell{background:#17130f}
.cs-day .cs-cap{padding:16px 20px 18px;border-radius:14px;max-width:min(520px,100%);background:rgba(250,247,239,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.cs-day .cs-cap .label{color:var(--ink-soft)}
.cs-day .cs-cap-t{color:var(--ink);font-size:clamp(18px,1.6vw,24px);line-height:1.25}
.cs-day .cs-caps{height:auto;bottom:clamp(74px,11vh,110px)}

.pl{position:relative;height:240vh;background:var(--ivory)}
.pl-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ivory)}
.pl-text{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);top:clamp(96px,14vh,140px);max-width:min(900px,100%);will-change:opacity,transform}
.pl-t{margin-top:14px;font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dtrack);line-height:1.08;font-size:clamp(26px,2.9vw,46px);text-wrap:balance}
.pl-shot{position:absolute;inset:0;overflow:hidden;clip-path:inset(40% 14% 8% 14%)}
.pl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}
.pl-cap{position:absolute;z-index:3;left:var(--gutter);bottom:clamp(70px,10vh,100px);margin:0;padding:8px 12px;border-radius:999px;color:var(--ink)!important;background:rgba(250,247,239,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0}

.ons-day{background:var(--ivory)}
.ons-day .ons-head p{color:var(--ink-soft)}
.ons-day .ons-media{background:var(--paper-2)}

.dy-final .dy-title{margin-top:0}
.dy-lede{margin:clamp(18px,3vh,28px) 0 0;max-width:46ch;font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--ink-soft)}
.dy-meta a{font-size:14.5px;border-bottom:1px solid currentColor;align-self:flex-start}
.pl-p{margin:16px 0 0;max-width:46ch;color:var(--ink-soft)}
.pl-ctas{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:26px}
.pl-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease)}
.pl.is-video .pl-vid{opacity:1}
.pl-fade{position:absolute;left:0;right:0;bottom:0;height:30%;pointer-events:none;background:linear-gradient(to top,var(--night),rgba(var(--night-rgb),0));opacity:0}
.pl-end{height:200vh}
.pl-end .pl-text{max-width:min(560px,calc(100% - var(--gutter) * 2));padding:22px 24px 24px;border-radius:14px;background:rgba(250,247,239,.8);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}
.dy-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);padding:clamp(110px,17vh,200px) var(--gutter);background:var(--ivory)}
.dy-about-l .label{display:block;margin-bottom:26px}
.dy-about-lede{margin:0;font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dtrack);font-size:clamp(24px,2.3vw,38px);line-height:1.2;text-wrap:balance}
.dy-about-r p{margin:0 0 clamp(30px,5vh,50px);max-width:46ch;color:var(--ink-soft)}
.dy-fig{margin:0}
.dy-fig>div,.dy-row-f>div,.dy-g>div{position:relative;overflow:hidden;background:var(--paper-2)}
.dy-fig>div{aspect-ratio:2.39}
.dy-fig img,.dy-row-f img,.dy-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dy-ch{padding:clamp(40px,8vh,90px) var(--gutter) clamp(110px,17vh,200px);background:var(--ivory)}
.dy-ch-h{display:block;margin-bottom:clamp(40px,7vh,80px)}
.dy-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:start;padding:clamp(28px,5vh,56px) 0}
.dy-row-t{font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dtrack);line-height:1.08;font-size:clamp(26px,2.6vw,42px);text-wrap:balance}
.dy-row-b p{margin:18px 0 0;max-width:46ch;color:var(--ink-soft)}
.dy-row-f{margin:0}
.dy-row-f>div{aspect-ratio:3/2}
.dy-grid{padding:clamp(40px,8vh,90px) var(--gutter) clamp(110px,17vh,200px);background:var(--ivory)}
.dy-grid-h{display:block;margin-bottom:clamp(40px,7vh,80px)}
.dy-grid-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,7vh,80px) clamp(14px,1.6vw,28px);align-items:start}
.dy-g{margin:0}
.dy-g figcaption{margin-top:12px}
.dy-g>div{aspect-ratio:2.39}
.dy-g1{grid-column:1/9}
.dy-g2{grid-column:9/13;margin-top:18vh}
.dy-g2>div,.dy-g3>div{aspect-ratio:4/5}
.dy-g3{grid-column:2/6}
.dy-g4{grid-column:6/13;margin-top:10vh}
.dy-g5{grid-column:1/8}
.dy-g6{grid-column:8/12;margin-top:14vh}
.dy-g6>div{aspect-ratio:3/2}
.is-day .credits{background:var(--ivory)}
.is-day .ons-day+.credits{padding-top:clamp(40px,6vh,70px)}
@media (max-width:900px){
  .dy-about{grid-template-columns:1fr}
  .dy-row{grid-template-columns:1fr;gap:16px}
  .dy-grid-in{grid-template-columns:1fr 1fr}
  .dy-g1,.dy-g4,.dy-g5{grid-column:1/-1;margin-top:0}
  .dy-g2,.dy-g3,.dy-g6{grid-column:auto;margin-top:0}
}
@media (max-width:720px){
  .dy-title{font-size:clamp(40px,12vw,64px)}
  .sv-frame{clip-path:inset(18% 6% 18% 6%)}
  .sv-marks{inset:30% 18%}
  .sv-cards{bottom:clamp(70px,11vh,100px)}
  .sv-hud span:last-child{display:none}
  .pl-shot{clip-path:inset(44% 5% 10% 5%)}
  .pl-t{font-size:clamp(22px,6.6vw,30px)}
  .is-day .ons-day+.credits{padding-top:24px}
  .pl-end .pl-text{top:84px}
}
@media (max-width:720px) and (orientation:portrait){
  .pl:not(.pl-end){height:auto}
  .pl:not(.pl-end) .pl-pin{position:relative;height:auto;overflow:visible;padding:clamp(48px,7vh,72px) 0 0}
  .pl:not(.pl-end) .pl-text{position:relative;top:auto;left:auto;right:auto;padding:0 var(--gutter)}
  .pl:not(.pl-end) .pl-shot{position:relative;inset:auto;height:min(105vw,62svh);margin-top:22px}
  .pl:not(.pl-end) .pl-cap{position:relative;left:auto;bottom:auto;display:inline-block;margin:12px var(--gutter) 0}
}
.dy-line{display:block;margin-top:clamp(22px,3.4vh,34px)}