/* Landing page */
body.landing{overflow:hidden}

/* ---------- desktop ---------- */
.L{height:100vh;display:flex;flex-direction:column;padding:28px 32px 0}
.Lhead{position:relative;min-height:20px}
.Lhead .hrow{position:absolute;top:0;left:40%;right:0;opacity:0;transition:left .55s cubic-bezier(.65,0,.35,1),width .55s cubic-bezier(.65,0,.35,1),opacity .3s ease}
.Lhead .hrow.ready{opacity:1}
.Lhead .hrow:not(.ready){transition:opacity .3s ease}
.Lbody{flex:1;min-height:0;display:flex;gap:32px;margin-top:44px;padding-bottom:16px;position:relative}
.Lnav{flex:0 0 300px;display:flex;flex-direction:column;min-height:0}
.ls{flex:none;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fb,12px),#000 calc(100% - var(--fb,12px)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fb,12px),#000 calc(100% - var(--fb,12px)),transparent 100%)}
.track{position:absolute;left:0;right:0;top:0;will-change:transform}
.row{height:40px;display:flex;align-items:center}
.item{display:flex;align-items:center;width:100%;color:var(--fg)}
.grp{display:flex;align-items:center;width:100%;gap:0;border-top:1px solid color-mix(in srgb,var(--fg) 10%,transparent);height:40px;opacity:max(.28,calc(1 - var(--d)*.2));transition:opacity var(--dur,.45s) var(--ease,ease)}
.item{--ease:cubic-bezier(.22,1,.36,1);--dur:.45s}
.swb{order:-1;flex:none;width:46px;display:flex;align-items:center;justify-content:flex-start}
.sw{display:block;height:10px;width:18px;background:var(--pc);transition:width var(--dur) var(--ease),background-color var(--dur) var(--ease)}
.item[aria-current="true"] .sw{width:34px;background:var(--pcs)}
.item[aria-current="false"]:hover .sw{width:21px}
.dt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;transform-origin:center center;transition:transform var(--dur) var(--ease)}
.cl{display:inline-block;font-size:10.5px;color:var(--mu);white-space:nowrap;margin-left:12px;padding-right:10px;transform-origin:center center;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.num{order:9;display:inline-block;width:auto;min-width:18px;margin-left:14px;text-align:right;font-size:10px;color:var(--mu);font-variant-numeric:tabular-nums;transition:color var(--dur) var(--ease)}
.item[aria-current="true"] .dt,.item[aria-current="true"] .cl{transform:scale(1.06)}
.item[aria-current="true"] .cl,.item[aria-current="true"] .num{color:var(--fg)}
.item[aria-current="false"]:hover .dt,.item[aria-current="false"]:hover .cl{transform:scale(1.02)}
.item[aria-current="false"]:hover .grp{opacity:.9}
.item[aria-current="false"]:hover .cl,.item[aria-current="false"]:hover .num{color:var(--fg)}
.still-hover .item[aria-current="false"]:hover .grp{opacity:max(.28,calc(1 - var(--d)*.2))}
.still-hover .item[aria-current="false"]:hover .dt,.still-hover .item[aria-current="false"]:hover .cl{transform:none}
.still-hover .item[aria-current="false"]:hover .cl,.still-hover .item[aria-current="false"]:hover .num{color:var(--mu)}
.still-hover .item[aria-current="false"]:hover .sw{width:18px}
.stage{position:relative;flex:1;min-height:0}
.layer{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px)));display:flex;flex-direction:column;gap:14px;width:var(--lw,min(100%, calc(84vh + 8px)));transition:opacity .6s ease,width .55s cubic-bezier(.65,0,.35,1)}
.instant .layer,.instant .shotimg,.instant .grid4,.instant .capb{transition:none!important}
.Lhead .hrow.instant{transition:opacity .3s ease}
.wide .layer{width:var(--lw,min(100%, calc(84vh * 1.78 + 8px)))}
.layer.off{opacity:0;pointer-events:none}
.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shotimg{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--ph);transition:aspect-ratio .55s cubic-bezier(.65,0,.35,1)}
.wide .shotimg{aspect-ratio:16 / 9}
.exp{position:absolute;right:0;top:-30px;width:28px;height:28px;display:flex;align-items:center;justify-content:flex-end;padding:0;border:0;background:none;cursor:pointer;color:var(--mu)}
.exp:hover{color:var(--fg)}
.exp .ic2{display:none}.wide .exp .ic1{display:none}.wide .exp .ic2{display:block}
.capb{position:absolute;left:0;right:0;top:calc(100% + 14px);display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
.capb .lbl{display:flex;align-items:baseline;gap:16px;min-width:0}
.capb .num2{font-size:11px;color:var(--mu);white-space:nowrap;font-variant-numeric:tabular-nums}
.pal{display:flex;gap:4px;align-self:center}
.pal span{display:block;flex:1;height:14px}
.Lfoot{position:relative;padding-bottom:28px}
.fmail{position:absolute;top:0;right:0;color:var(--mu);white-space:nowrap;transition:color .25s ease}
.fmail:hover{color:var(--fg)}

/* collapsible "Selects" filter, overlaid at the top-left of the image grid */
.hud{position:absolute;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease}
.hud.ready{opacity:1}
.hud .rd{position:absolute;left:0;top:-22px;display:flex;align-items:baseline;gap:16px;pointer-events:auto;font-size:8px;letter-spacing:.15em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.hud .fo{position:relative;color:var(--mu);display:flex;align-items:baseline;gap:7px;padding-bottom:3px;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .25s ease}
.hud .fo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.hud .fo:hover,.hud .fo:focus-visible{color:var(--fg)}
.hud .fo:hover::after,.hud .fo:focus-visible::after,.hud .fo.on::after{transform:scaleX(1)}
.hud .fo.on{color:var(--fg)}
.hud .fo .n{opacity:.5;transition:opacity .25s ease}
.hud .fo:hover .n,.hud .fo.on .n{opacity:1}
.hud .fcur .chev{display:inline-block;margin-left:2px;font-size:13px;line-height:1;letter-spacing:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s ease;opacity:.6}
.hud .fcur:hover .chev{transform:translateX(3px);opacity:1}
.hud .rd.open .fcur .chev{transform:rotate(180deg);opacity:1}
.hud .rd.open .fcur:hover .chev{transform:rotate(180deg) translateX(3px)}
.hud .fcur:hover{color:var(--fg)}
.hud .fcur:hover .n{opacity:1}
.hud .more{display:flex;gap:22px;max-width:0;overflow:hidden;pointer-events:none;transition:max-width .55s cubic-bezier(.22,1,.36,1)}
.hud .rd.open .more{max-width:640px;pointer-events:auto}
.hud .more .fo{flex:none;opacity:0;transform:translateX(-10px);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1),color .25s ease}
.hud .rd.open .more .fo{opacity:1;transform:none}
.hud .rd.open .more .fo:nth-child(1){transition-delay:.05s}.hud .rd.open .more .fo:nth-child(2){transition-delay:.1s}.hud .rd.open .more .fo:nth-child(3){transition-delay:.15s}

/* ---------- phone ---------- */
.M{display:none}
@media (max-width:820px){
  .L{display:none}
  .M{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:20px 20px 18px;overflow:hidden;touch-action:none}
  .M .row1{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .M .brand{gap:10px;min-width:0}
  .M .right{gap:16px}
  .inv{width:36px;height:36px;margin:-10px -10px -10px 0}
  .M nav{display:flex;align-items:baseline;gap:22px;margin-top:24px;position:relative;z-index:4}
  .Mbody{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:34px}
  .Mtop{position:relative}
  .Mstage{position:relative}
  .frow{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 36px 14px 0;white-space:nowrap;font-size:9.5px;letter-spacing:.01em}
  .frow::-webkit-scrollbar{display:none}
  .frow .fo{position:relative;flex:none;display:flex;align-items:baseline;gap:4px;padding:0 0 4px;border:0;background:none;font:inherit;color:var(--mu);cursor:pointer;transition:color .25s ease}
  .frow .fo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
  .frow .fo.on{color:var(--fg)}.frow .fo.on::after{transform:scaleX(1)}
  .frow .fo .n{font-size:8px;opacity:.55;font-variant-numeric:tabular-nums}.frow .fo.on .n{opacity:1}
  .mexp{position:absolute;top:-6px;right:0;z-index:2;display:inline-flex;align-items:center;justify-content:flex-end;width:40px;height:28px;padding:0;border:0;background:none;cursor:pointer;color:var(--mu)}
  .mexp .ic2{display:none}.orig .mexp .ic1{display:none}.orig .mexp .ic2{display:block}
  .mlayer{position:relative;display:flex;flex-direction:column;gap:12px;transition:opacity .5s ease}
  .mlayer.off{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none}
  .mtitle{display:flex;align-items:center;gap:10px;min-height:22px}
  .mtitle i{display:block;flex:none;width:29px;height:12px}
  .mtitle .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mtitle .cl{margin-left:auto;padding-left:12px;flex:none;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mu)}
  .mshot{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--ph);transition:aspect-ratio .5s cubic-bezier(.65,0,.35,1)}
  .orig .mshot{aspect-ratio:var(--ar,16 / 9)}
  .mcred{display:flex;gap:12px;font-size:11px;white-space:nowrap;min-width:0}
  .mcred>span{flex:none;color:var(--mu)}
  .mls{position:relative;flex:1;min-height:72px;margin-top:22px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 100%)}
  .mtrack{position:absolute;left:0;right:0;top:0;transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .mrow{display:flex;align-items:center;height:36px;padding:0;border:0;background:none;color:var(--fg);cursor:pointer;width:100%;text-align:left;--ease:cubic-bezier(.22,1,.36,1);--dur:.45s;border-top:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}
  .mrow .swb{flex:none;width:44px;display:flex;align-items:center}
  .mrow .sw{display:block;width:18px;height:10px;background:var(--pc);transition:width var(--dur) var(--ease),background-color var(--dur) var(--ease)}
  .mrow[aria-current="true"] .sw{width:34px;background:var(--pcs)}
  .mrow .lbl{flex:1;min-width:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:center center;transition:transform var(--dur) var(--ease)}
  .mrow .cl{flex:none;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--mu);margin-left:10px;transform-origin:center center;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}
  .mrow .num{flex:none;min-width:18px;margin-left:12px;text-align:right;font-size:10px;color:var(--mu);font-variant-numeric:tabular-nums}
  .mrow[aria-current="true"] .lbl,.mrow[aria-current="true"] .cl{transform:scale(1.06)}
  .mrow[aria-current="true"] .cl,.mrow[aria-current="true"] .num{color:var(--fg)}
  .Mfoot{display:flex;gap:24px;color:var(--mu);font-size:13px;padding-top:10px}
}