.ph{position:relative;width:100%;aspect-ratio:5/4;background:var(--paper-2);overflow:hidden}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph__e{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2vw,28px);border:1px dashed #BDB7AC}
.ph__e p{font:italic 400 clamp(20px,1.8vw,28px)/1.2 var(--serif);color:var(--ink-2);max-width:24ch}
.band .ph{background:#22221F}.band .ph__e{border-color:#3C3B37}.band .ph__e p,.band .ph__e .label{color:#A8A49D}
.frame.ph{aspect-ratio:4/5}
.stk{position:relative;height:calc(100% - 32px);aspect-ratio:4/5;max-width:100%}
.stk .st{position:absolute;inset:0}
.stk .ph{height:100%;aspect-ratio:auto}
.revstats{display:grid;border-top:1px solid var(--ink)}
.revstats>div{padding:24px 0;border-bottom:1px solid var(--rule)}
.revstats b{display:block;font:400 clamp(56px,7vw,112px)/.9 var(--serif);letter-spacing:-.02em;margin-bottom:12px}
.revstats b i{font-style:normal;font-size:.45em;color:var(--terra);vertical-align:.7em;margin-left:.08em}
.revstats span{font-size:15px;color:var(--ink-2);max-width:26ch;display:block}
@media(min-width:900px){.revstats{grid-template-columns:repeat(3,1fr)}.revstats>div{border-bottom:0;border-right:1px solid var(--rule);padding:32px 24px 8px 0;margin-right:24px}.revstats>div:last-child{border-right:0;margin-right:0}}
.quotes{display:grid;gap:32px;margin:clamp(48px,6vw,96px) 0 24px}
@media(min-width:900px){.quotes{grid-template-columns:repeat(3,1fr);gap:40px}}
.quotes figure{margin:0;padding-top:20px;border-top:1px solid var(--rule)}
.quotes .stars{color:var(--terra);letter-spacing:.15em;font-size:15px}
.quotes blockquote{margin:14px 0 16px;font:italic 400 clamp(22px,2vw,28px)/1.25 var(--serif)}
.quotes figcaption{font-size:14px;color:var(--ink-2)}
.sec>.wrap>.ph.rv{aspect-ratio:21/9}
@media(max-width:899px){.sec>.wrap>.ph.rv{aspect-ratio:4/3}}
@media(min-width:900px){.sf__grid{grid-template-columns:2fr repeat(4,1fr)}}
.pair{display:grid;gap:20px}
@media(min-width:900px){.pair{grid-template-columns:1fr 1fr;gap:28px}}
.pair .ph{aspect-ratio:1/1}
.cases{display:grid;gap:48px 28px}
@media(min-width:900px){.cases{grid-template-columns:1fr 1fr}}
.cases__i{text-decoration:none;display:block}
.cases__i .frame.ph{aspect-ratio:1/1}
.cases__i img{transition:transform .6s var(--ease)}
.cases__i:hover img{transform:scale(1.035)}
.cases__i h3{font-size:clamp(26px,2.4vw,36px);line-height:1.05}
.nav a,.sh__cta{white-space:nowrap}
@media(min-width:1180px) and (max-width:1399px){.nav{display:none}.burger{display:grid}.drawer{display:block}}
@media(min-width:1400px){.nav ul{gap:22px}}