/* Prowlen — photography frames (band, split, inset). */
:root{--pw-frame-fill:#eef0f4}

.pw-md{position:relative;background:var(--bg);padding:var(--pw-sec) var(--pw-edge)}
.pw-md--tint{background:#f6f7f8}
.pw-md-frame{position:relative;overflow:hidden;border-radius:var(--radius-l);background:var(--pw-frame-fill);isolation:isolate}
.pw-md-frame img{display:block;width:100%;height:100%;object-fit:cover}
.pw-md [data-pw-md-par] img,.pw-md-band__frame img,.pw-md-tile .pw-md-frame img{will-change:transform;transform-origin:50% 50%}

.pw-md-band{padding-block:calc(var(--pw-sec) * .5)}
.pw-md-band__frame{aspect-ratio:21/9;border-radius:24px;clip-path:inset(0 var(--pw-md-side,0%) round 24px)}
.pw-md-band__cap{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:24px;font-size:15px;color:var(--ink-2)}
.pw-md-band__cap span:first-child{font-weight:600;color:var(--ink);letter-spacing:-.01em}
.pw-md-band__cap span:last-child{text-align:right;max-width:32rem}

.pw-md-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px 64px;align-items:center}
.pw-md-split--flip .pw-md-split__text{order:2}
.pw-md-split__text{display:grid;gap:24px;align-content:start}
.pw-md-split__text .pw-h2{max-width:14ch}
.pw-md-facts{display:grid;margin-top:16px;border-top:1px solid var(--ink)}
.pw-md-facts div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.pw-md-facts dt{font-weight:600;font-size:15px;letter-spacing:-.01em}
.pw-md-facts dd{font-size:15px;color:var(--ink-2)}
.pw-md-split__media{position:relative;padding-bottom:12%}
.pw-md-split__main{width:80%;margin-left:auto;aspect-ratio:4/5}
.pw-md-split--flip .pw-md-split__main{margin-left:0;margin-right:auto}
.pw-md-split__inset{position:absolute;left:0;bottom:0;width:42%;aspect-ratio:3/4;box-shadow:0 0 0 8px var(--bg),var(--shadow)}
.pw-md--tint .pw-md-split__inset{box-shadow:0 0 0 8px #f6f7f8,var(--shadow)}
.pw-md-split--flip .pw-md-split__inset{left:auto;right:0}

.pw-md-mosaic__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(200px,17vw,300px)) clamp(240px,22vw,380px);gap:16px}
.pw-md-tile{position:relative;margin:0;will-change:transform}
.pw-md-tile .pw-md-frame{height:100%}
.pw-md-tile--a{grid-column:1/8;grid-row:1/3}
.pw-md-tile--b{grid-column:8/13;grid-row:1}
.pw-md-tile--c{grid-column:8/13;grid-row:2}
.pw-md-tile--d{grid-column:1/6;grid-row:3}
.pw-md-tile--e{grid-column:6/13;grid-row:3}
.pw-md-mosaic--flip .pw-md-tile--a{grid-column:6/13}
.pw-md-mosaic--flip .pw-md-tile--b,.pw-md-mosaic--flip .pw-md-tile--c{grid-column:1/6}
.pw-md-mosaic--flip .pw-md-tile--d{grid-column:1/8}
.pw-md-mosaic--flip .pw-md-tile--e{grid-column:8/13}
.pw-md-tile figcaption{position:absolute;left:16px;bottom:16px;z-index:1;max-width:calc(100% - 32px);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.92);color:var(--ink);font-size:14px;font-weight:500;letter-spacing:-.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.pw-md-reel{padding-inline:0;overflow:hidden}
.pw-md-reel__head{padding-inline:var(--pw-edge);margin-bottom:48px}
.pw-md-reel__track{list-style:none;display:flex;gap:16px;width:max-content;padding-inline:var(--pw-edge);will-change:transform}
.pw-md-reel__item{flex:none;width:clamp(240px,22vw,360px);aspect-ratio:3/4}
.pw-md-reel__item:nth-child(even){margin-top:48px}

.pw-story__img{margin:-10px -10px 4px;aspect-ratio:16/10;border-radius:14px}
.r6-portrait{display:block;width:96px;height:96px;margin:0 auto 24px;border-radius:50%;box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--line)}
.pw-bl-feat__img{position:absolute;inset:0;z-index:0}
.pw-bl-feat__art svg{z-index:1}
.pw-bl-feat__art::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55))}
.pw-bl-post__img{display:block;aspect-ratio:16/9;border-radius:var(--radius-m);margin-bottom:8px}
.pw-bl-post__img img{transition:transform var(--t-heavy) var(--ease-primary)}
.pw-bl-post a:hover .pw-bl-post__img img,.pw-bl-post a:focus-visible .pw-bl-post__img img{transform:scale(1.04)}
.pw-bp__cover{max-width:1080px;margin:40px auto 0}
.pw-bp__cover .pw-md-frame{aspect-ratio:21/9}
.pw-bp__cover figcaption,.pw-md-inline figcaption{margin-top:12px;font-size:14px;color:var(--ink-3)}
.pw-md-inline{margin:8px 0}
.pw-md-inline .pw-md-frame{aspect-ratio:16/10}
.pw-bp__avatar{overflow:hidden}
.pw-bp__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.pw-md-still{max-width:1080px;margin:40px auto 0}
.pw-md-still .pw-md-frame{aspect-ratio:21/8}
.pw-md-nf{aspect-ratio:16/7}

@media (max-width:991px){
  .pw-md-band__frame{aspect-ratio:4/3;border-radius:18px;clip-path:inset(0 var(--pw-md-side,0%) round 18px)}
  .pw-md-band__cap{flex-direction:column;gap:8px;margin-top:16px}
  .pw-md-band__cap span:last-child{text-align:left}
  .pw-md-split{grid-template-columns:minmax(0,1fr);gap:32px}
  .pw-md-split--flip .pw-md-split__text{order:0}
  .pw-md-split__main{width:84%}
  .pw-md-mosaic__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
  .pw-md-tile--a,.pw-md-mosaic--flip .pw-md-tile--a{grid-column:1/3;grid-row:auto;aspect-ratio:4/3}
  .pw-md-tile--b,.pw-md-tile--c,.pw-md-mosaic--flip .pw-md-tile--b,.pw-md-mosaic--flip .pw-md-tile--c{grid-column:auto;grid-row:auto;aspect-ratio:4/5}
  .pw-md-tile--d,.pw-md-tile--e,.pw-md-mosaic--flip .pw-md-tile--d,.pw-md-mosaic--flip .pw-md-tile--e{grid-column:1/3;grid-row:auto;aspect-ratio:16/10}
  .pw-md-tile figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:13px}
  .pw-md-reel__head{margin-bottom:32px}
  .pw-md-reel__item{width:62vw}
  .pw-md-reel__item:nth-child(even){margin-top:32px}
  .pw-bp__cover .pw-md-frame,.pw-md-still .pw-md-frame{aspect-ratio:16/10}
  .pw-md-nf{aspect-ratio:16/10}
}
@media (max-width:600px){
  .pw-md-tile--b,.pw-md-tile--c,.pw-md-mosaic--flip .pw-md-tile--b,.pw-md-mosaic--flip .pw-md-tile--c{grid-column:1/3;aspect-ratio:16/10}
}