/* Generated paper imagery; ordinary type and responsive layout stay in CSS. */
:root{--paper-field:url('assets/fivefold/paper-v5/field-light.webp');--paper-field-light:url('assets/fivefold/paper-v5/field-light.webp')}
html[data-theme="dark"]{--paper-field:url('assets/fivefold/paper-v5/field-dark.webp')}
.portal-heading{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:410px;padding:52px 46px;margin-top:28px;margin-bottom:38px;background:var(--brand-paper);color:var(--brand-ink);border-radius:3px}
.portal-heading>div{position:relative;z-index:1;width:57%}
.portal-heading h1{font-size:clamp(34px,4.2vw,60px);max-width:19ch}
.portal-heading h1 em,.portal-heading>div>p:last-child{color:#525553}
.portal-brand-art{position:absolute;inset:0 0 0 auto;width:65%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:right center;z-index:0;border-radius:0}
.shop-studio-hero{--paper:var(--brand-paper);--ink:var(--brand-ink);--muted:#5c5d5a;--surface:#fffdf8;position:relative;isolation:isolate;color:var(--brand-ink);background-color:var(--brand-paper);background-image:var(--paper-field-light);background-size:cover;background-position:center}
html[data-theme="dark"] .shop-studio-hero{--paper:var(--brand-paper);--ink:var(--brand-ink);--muted:#5c5d5a;--surface:#fffdf8;color:var(--brand-ink);background-color:var(--brand-paper);background-image:var(--paper-field-light)}
.shop-studio-intro{position:relative;z-index:1;background-image:none;background-color:transparent}
.shop-studio-hero .shop-kicker{color:#4d534c}
.shop-studio-signature{position:absolute;z-index:2;right:0;bottom:0;width:min(22%,180px);height:auto;max-height:35%;object-fit:contain;object-position:right bottom;pointer-events:none}
.portal-entry-art{position:relative;isolation:isolate}
.portal-entry-art>.shop-studio-signature{width:min(19%,92px);height:auto;max-height:none;object-fit:contain;object-position:right bottom;filter:none;opacity:.94}
.portal-entry-small .portal-entry-art>.shop-studio-signature{width:min(24%,54px)}
.shop-detail-picture{position:relative;isolation:isolate;overflow:hidden}
.shop-detail-picture>.shop-studio-signature{width:min(21%,116px);height:auto;max-height:none;transform:none;box-shadow:none}
.shop-feature-visual,.shop-detail-picture,.shop-product-image{background-image:var(--paper-field)!important;background-size:cover;background-position:center}
.shop-archive-link{padding:34px 38px;background-image:var(--paper-field);background-size:cover;background-position:center;border:1px solid var(--line);border-radius:3px}
.shop-catalog-heading,.shop-archive-heading{background-image:var(--paper-field);background-size:cover;background-position:center;padding:32px 38px;margin-top:26px;border-radius:3px}
.footer{background-image:url('assets/fivefold/paper-v5/field-dark.webp');background-size:cover;background-position:center}
.shop-fivefold-hero{background:var(--fivefold-field)}
.portal-entry.shop-fivefold .portal-entry-art,.shop-fivefold-hero .shop-fivefold-symbol{background:var(--fivefold-field)}
.shop-fivefold-art{background:none}
.shop-fivefold-symbol img{border-radius:3px}
.shop-channel-grid{gap:22px}
.shop-channel-mark{padding:0;aspect-ratio:1;overflow:hidden}
.shop-channel-mark>.shop-emblem{width:100%;height:100%;object-fit:cover}
.shop-channel-banner{display:block;padding:0;min-height:0;height:auto;aspect-ratio:2.12;isolation:isolate;overflow:hidden;background:var(--fivefold-field)}
.shop-channel-banner-copy{position:relative;z-index:1;width:43%;max-width:none;padding:38px 0 32px 38px}
.shop-channel-banner-copy h1{font-size:clamp(30px,3.9vw,56px);margin:17px 0 20px;overflow-wrap:normal}
.shop-channel-banner-copy>p:not(.shop-kicker){font-size:.96rem;line-height:1.65;color:#eee9df;max-width:34ch}
.shop-channel-banner-copy .shop-kicker{font-size:.72rem;max-width:34ch}
.shop-channel-banner-art{display:block;position:absolute;inset:0;height:100%;width:100%;z-index:0}
.shop-channel-banner-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.shop-channel-actions{gap:15px;align-items:flex-start;flex-direction:column;margin-top:26px}
.shop-channel-actions>span{font-size:.75rem;color:#dedbd3}
.shop-archive-channel-art>img{object-fit:cover}
.channel-signet-media,.channel-signet-hero,.card-media:has(>img[src*="paper-v5/"]){background:var(--fivefold-field)!important;border-radius:3px}
.card-media>img[src*="paper-v5/"]{object-fit:contain}
@media(min-width:761px) and (max-width:1100px){
 .shop-channel-banner{aspect-ratio:auto;min-height:410px}
 .shop-channel-banner-copy{padding:30px 0 30px 30px;width:44%}
 .shop-channel-banner-copy h1{font-size:36px}
 .shop-channel-banner-art>img{object-position:54% center}
}
@media(max-width:760px){
 .portal-heading{display:block;min-height:0;padding:28px 24px 225px;margin-block:20px 30px}
 .portal-heading>div{width:100%}
 .portal-heading h1{font-size:34px;max-width:19ch}
 .portal-heading>div>p:last-child{max-width:none}
  .portal-brand-art{inset:auto 0 0 auto;height:245px;width:100%;object-fit:cover;object-position:right center}
  .shop-studio-signature{width:min(24%,104px);max-height:28%}
 .shop-channel-banner{aspect-ratio:auto;padding:0;display:flex;flex-direction:column}
 .shop-channel-banner-copy{padding:27px 24px 8px;width:100%;max-width:none;background:var(--fivefold-field)}
 .shop-channel-banner-copy h1{font-size:clamp(29px,7.5vw,40px);margin-block:16px}
 .shop-channel-banner-copy>p:not(.shop-kicker){max-width:40ch}
 .shop-channel-actions{margin-top:20px;gap:12px}
 .shop-channel-banner-art{position:relative;height:auto;aspect-ratio:16/9;width:100%;margin:0}
 .shop-channel-banner-art>img{object-fit:cover;object-position:center}
 .shop-channel-grid{gap:28px 18px}
 .shop-channel-mark{padding:0;aspect-ratio:1}
 .shop-channel:last-child .shop-channel-mark{aspect-ratio:1}
 .shop-catalog-heading,.shop-archive-heading{padding:28px 24px}
 .shop-archive-link{padding:28px 24px}
}