.creel{color:#161413;background:#f5f2ed;padding:clamp(72px,9vw,140px) clamp(24px,6vw,96px)}.creel-inner{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:48px clamp(40px,8vw,128px);max-width:1240px;margin:0 auto;display:grid}.creel-kicker{font-family:var(--font-matahari,inherit);letter-spacing:.06em;margin-bottom:18px;font-size:13px;display:block}.creel h2{margin:0 0 24px;font-size:clamp(34px,4.2vw,64px);line-height:1.12;text-transform:none!important}.creel-name{white-space:nowrap}.creel-copy p{max-width:44ch;margin:0;font-size:clamp(16px,1.2vw,18px);line-height:1.6}.creel-frame{aspect-ratio:9/16;background:#e4d6c6;justify-self:end;width:min(360px,78vw);position:relative}.creel-frame video{object-fit:cover;width:100%;height:100%;display:block}.creel-toggle{color:#f5f2ed;cursor:pointer;opacity:.85;background:#161413b8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .16s;display:grid;position:absolute;bottom:12px;right:12px}.creel-toggle:hover,.creel-toggle:focus-visible{opacity:1}.creel-toggle svg{width:16px;height:16px}.creel-toggle:focus-visible{outline-offset:3px;outline:2px solid #f5f2ed}[data-quiet-focus].creel-toggle:focus-visible{outline:none}@media (max-width:820px){.creel-inner{grid-template-columns:1fr}.creel-frame{justify-self:start}}.creel-article{margin:48px 0}.creel-article-row{flex-wrap:wrap;gap:16px;display:flex}.creel-article .creel-frame{width:min(320px,calc((100% - 16px * (var(--n,1) - 1)) / var(--n,1)));justify-self:auto}@media (max-width:560px){.creel-article .creel-frame{width:min(320px,100%)}}.creel-article figcaption{margin-top:12px}.creel-shop{justify-content:center;margin-top:clamp(48px,6vw,88px);display:flex}
