@layer sections{.bags-page .bag-hero{background:radial-gradient(ellipse 650px 540px at 85% 40%, var(--glow), transparent 84%);padding-top:22px;padding-bottom:64px}.bag-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;font-size:.76rem;display:flex}.bag-breadcrumb a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.bag-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.bag-hero-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;display:grid}.bag-hero-copy h1{letter-spacing:-.045em;margin-bottom:26px;font-size:clamp(2.6rem,4.6vw,4.05rem);line-height:1.08}.bag-hero-copy h1 span{color:var(--accent)}.bag-intro{max-width:58ch;font-size:1rem}.bag-design-promise{color:var(--accent);margin-block:22px 26px;font-size:.9rem;font-weight:600}.bag-hero-note{margin-top:20px;font-size:.76rem}.bag-hero-photo{justify-self:end;width:100%;max-width:535px}.bag-hero-photo .photo-open{box-shadow:var(--shadow);border-radius:18px}.bag-section-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px 30px;padding-block:18px;display:flex}.bag-section-nav a{min-height:44px;color:var(--accent);align-items:center;font-size:.8rem;display:inline-flex}.bag-section-nav a:hover{text-underline-offset:5px;text-decoration:underline}.bag-format-points{color:var(--muted);margin-block:20px 10px;padding-left:20px;font-size:.83rem}.bag-format-points li+li{margin-top:7px}.bag-spec-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.bag-spec-table th,.bag-spec-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:22px 26px;line-height:1.65}.bag-spec-table thead th{background:var(--accent);color:var(--action-text);font-size:.8rem;font-weight:600}.bag-spec-table tbody th{background:var(--card);width:23%;font-weight:600}.bag-spec-table td{color:var(--muted);background:var(--page)}.bag-detail-notes{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:18px;padding-top:34px;display:grid}.bag-detail-notes h3{margin-bottom:12px;font-size:1.1rem}.bag-detail-notes p{font-size:.86rem}.bag-print-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.bag-finish-gallery{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.bag-finish-main{grid-column:1/-1;justify-self:center;width:100%;max-width:360px}.bag-finish-gallery .photo-open>img{aspect-ratio:1}.bag-finish-gallery figcaption{font-size:.71rem}.bag-finish-note{font-size:.81rem}.bag-box-note{border-top:1px solid var(--border);margin-top:28px;padding-top:24px;font-size:.85rem}.bag-box-note .text-link{font-size:.83rem}.bag-factory-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.bag-factory-grid .photo-open>img{aspect-ratio:4/3}.bag-production-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:48px;margin-top:32px;padding-top:24px;display:flex}.bag-production-footer p{max-width:68ch;font-size:.87rem}.bag-production-footer .text-link{flex-shrink:0;font-size:.83rem}}@layer responsive{@media (max-width:1120px){.bag-hero-grid,.bag-print-grid{gap:40px}.bag-hero-copy .button{padding-inline:17px;font-size:.8rem}.bag-section-nav{gap:6px 24px}.bag-factory-grid{grid-template-columns:1fr 1fr;gap:28px}.bag-production-footer{gap:30px}}@media (max-width:960px){.bag-hero-grid{gap:28px}.bag-hero-copy h1{font-size:clamp(2.4rem,5vw,3.2rem)}.bag-hero-copy .eyebrow{font-size:.66rem}.bag-intro{font-size:.94rem}.bag-print-grid{gap:32px}.bag-spec-table th,.bag-spec-table td{padding:20px}.bag-production-footer{display:block}.bag-production-footer .text-link{margin-top:12px}}@media (max-width:700px){.bags-page .bag-hero{padding-block:16px 48px}.bag-breadcrumb{margin-bottom:22px}.bag-hero-grid,.bag-print-grid{grid-template-columns:1fr;gap:34px}.bag-hero-copy h1{font-size:clamp(2.5rem,8.4vw,3.45rem)}.bag-hero-copy .eyebrow{font-size:.67rem}.bag-hero-photo{justify-self:center;max-width:470px}.bag-design-promise{font-size:.85rem}.bag-section-nav{grid-template-columns:1fr 1fr;gap:4px 18px;display:grid}.bag-section-nav a{font-size:.79rem}.bag-spec-table{font-size:.83rem}.bag-spec-table th,.bag-spec-table td{padding:18px 12px}.bag-spec-table tbody th{width:30%}.bag-detail-notes{grid-template-columns:1fr;gap:26px}.bag-finish-gallery{width:min(100%,500px);margin-inline:auto}.bag-finish-main{max-width:330px}.bags-page #bag-design .split-grid>.photo{order:2}.bags-page #bag-design .section-copy{order:1}.bag-factory-grid{gap:24px 16px}.bag-factory-grid figcaption{font-size:.71rem}}}
