:root{--accent:#2b6f6b;--night:#0b1a22;--night-rgb:6,18,28;--cream:#e9f0ee;--on-dark-label:#8fdcd1;--on-dark-sub:#a9bcbf;--on-dark-num:#7f9497;--on-dark-hi:#8fdcd1;--on-dark-quiet:#a9bcbf;--paper:#eef0ee;--close-cols:minmax(0,8fr) minmax(0,5fr)}.open{background:#dfe6e6}.open .photo{object-position:62% 40%;transform-origin:68% 55%}.motion .open .photo{animation:arrive 2.2s cubic-bezier(.2,.7,.1,1) both}@keyframes arrive{0%{opacity:0;filter:brightness(1.1) blur(6px)}to{opacity:1;filter:none}}.open .veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#e8eeeee6,#e8eeeeb8 26%,#e8eeee40 44%,#e8eeee00 56%)}.open .grain{opacity:.05}.open .otext{top:53%;width:min(440px,32vw)}.motion .open .otext>*{animation:rise 1.1s cubic-bezier(.2,.7,.1,1) both}.motion .open .otext>:nth-child(1){animation-delay:.35s}.motion .open .otext>:nth-child(2){animation-delay:.45s}.motion .open .otext>:nth-child(3){animation-delay:.6s}.motion .open .otext>:nth-child(4){animation-delay:.75s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.open .otext .kick{color:var(--accent)}.open h1{font-size:clamp(52px,6.4vw,104px);line-height:.92}.open .lede{font-size:17px;color:#33454b;max-width:40ch}.open .glance dt{color:#5d6f74}.open .cue{left:max(var(--gut),7vw);bottom:calc(26px + env(safe-area-inset-bottom,0px));color:#5d6f74}.table{aspect-ratio:1920/1080}.frame:has(.howto){align-self:stretch}.frame .howto{height:100%;min-height:0;width:min(80vw,360px);display:grid;align-content:center;gap:18px}.frame .howto ol{margin:0;padding:0;list-style:none;counter-reset:st;display:grid;gap:14px}.frame .howto li{counter-increment:st;display:grid;grid-template-columns:28px minmax(0,1fr);font-size:17px;font-weight:300}.frame .howto li:before{content:counter(st,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--accent);padding-top:5px}.worn{margin-top:var(--gap);padding:clamp(40px,8vh,100px) clamp(12px,2vw,28px) 0}.worn .head,.worn .wq{padding-inline:max(0px,calc(var(--gut) - clamp(12px,2vw,28px)))}.worn .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 48px;margin-bottom:clamp(36px,6vh,64px)}.worn h2{font-size:clamp(34px,4.6vw,64px);line-height:1;margin-top:14px}.worn .head>p{color:var(--mute);max-width:36ch}.shoot{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}.shoot figure{margin:0;overflow:hidden;background:#cfd6d6}.shoot img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}.shoot figure:hover img{transform:scale(1.025)}.shoot .full{grid-column:1 / -1;aspect-ratio:16/9}.shoot .half{grid-column:span 3;aspect-ratio:4/5}.shoot .third{grid-column:span 2;aspect-ratio:3/4}.wq{margin:clamp(64px,12vh,140px) auto 0;max-width:min(100%,820px);text-align:center;display:grid;gap:18px;justify-items:center}.wq p{font-weight:300;font-size:clamp(22px,2.2vw,32px);line-height:1.28;text-wrap:balance}.wq cite{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}@media(max-width:860px){.open .photo{object-position:66% 40%}.open .veil{background:linear-gradient(to top,#e8eeeef2,#e8eeeecc 42%,#e8eeee00 64%)}.open .otext{left:var(--gut);right:var(--gut);top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));transform:none;width:auto}.shoot .half,.shoot .third{grid-column:span 3}.shoot .third.end{grid-column:1 / -1;aspect-ratio:4/5}}@media(max-width:720px){.open h1{font-size:40px}.open .lede{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.trio .ch .im{position:relative;padding:0}.trio .ch .im img{position:absolute;left:10%;top:10%;width:80%;height:80%;max-height:none;object-fit:contain}.focus .big{position:relative;padding:0}.focus .big img{position:absolute;left:9%;top:9%;width:82%;height:82%;max-height:none;object-fit:contain}.focus .dr{position:relative;background:#fff;padding:0}.focus .dr img{position:absolute;left:6%;top:6%;width:88%;height:88%;max-height:none;object-fit:contain}