.wallpaper-gallery { display:block; color:#352118; background:#faf2e5; }
.wallpaper-gallery [hidden][hidden] { display:none; }
.wallpaper-gallery .wg-wrap { width:100%; }
.wallpaper-gallery .wg-hero { position:relative; isolation:isolate; display:grid; grid-template-areas:"banner"; align-items:center; padding:0; background:#faf2e5; }
.wallpaper-gallery .wg-hero::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#faf2e5e8 0%,#faf2e5c7 25%,#faf2e500 52%); }
.wallpaper-gallery .wg-eyebrow { letter-spacing:.12em; text-transform:uppercase; margin:0 0 20px; }
.wallpaper-gallery h1,.wallpaper-gallery h2,.wallpaper-gallery h3 { color:inherit; }
.wallpaper-gallery h1 { margin:0 0 24px; }
.wallpaper-gallery p { line-height:1.6; }
.wallpaper-gallery .wg-hero-copy { grid-area:banner; position:relative; z-index:2; max-width:510px; width:36%; margin-left:max(60px,calc((100% - 1320px) / 2)); padding-block:48px; }
.wallpaper-gallery .wg-hero-banner { grid-area:banner; display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; }
.wallpaper-gallery .wg-hero-copy p { margin-block:20px 28px; }
.wallpaper-gallery .wg-section { position:relative; isolation:isolate; padding-block:80px; padding-inline:max(60px,calc((100% - 1320px) / 2)); }
.wallpaper-gallery .wg-section:nth-of-type(1) { background:#f2edf6; }
.wallpaper-gallery .wg-section:nth-of-type(2) { background:#fff0df; }
.wallpaper-gallery .wg-section:nth-of-type(3) { background:#e7eef7; }

.wallpaper-gallery .wg-section::before { content:""; position:absolute; z-index:-1; pointer-events:none; top:0; right:0; width:min(44%,560px); height:440px; background-size:cover; background-position:center 65%; opacity:.24; mask-image:radial-gradient(ellipse at 100% 0,#000 8%,transparent 72%); }
.wallpaper-gallery .wg-section:nth-of-type(1)::before { content:none; }
.wallpaper-gallery .wg-section:nth-of-type(2)::before { left:0; right:auto; background-image:var(--wg-product-art); mask-image:radial-gradient(ellipse at 0 0,#000 8%,transparent 72%); }
.wallpaper-gallery .wg-section:nth-of-type(3)::before { background-image:var(--wg-related-art); opacity:.32; }
.wallpaper-gallery .wg-intro { max-width:860px; margin:0 auto 40px; text-align:center; }
.wallpaper-gallery .wg-intro p { max-width:650px; margin-inline:auto; }
.wallpaper-gallery .wg-intro h2 { margin:0 0 16px; }
.wallpaper-gallery .wg-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px 32px; align-items:start; }
.wallpaper-gallery .wg-card { min-width:0; }
.wallpaper-gallery .wg-card h3 { margin:20px 0 6px; }
.wallpaper-gallery .wg-card p { margin:6px 0 14px; }
.wallpaper-gallery .wg-preview { display:block; width:min(100%,280px); margin-inline:auto; cursor:zoom-in; position:relative; list-style:none; }
.wallpaper-gallery .wg-card[data-selected-device="desktop"] .wg-preview { width:100%; }
.wallpaper-gallery .wg-preview::-webkit-details-marker { display:none; }
.wallpaper-gallery .wg-preview img { height:auto; width:100%; aspect-ratio:1296 / 2800; object-fit:contain; display:block; }
.wallpaper-gallery .wg-card[data-selected-device="desktop"] .wg-preview img { aspect-ratio:16 / 9; }
.wallpaper-gallery .wg-preview-hint { position:absolute; bottom:12px; right:12px; padding:6px 10px; color:#fff; background:#352118; font-size:12px; }
.wallpaper-gallery .wg-toggle { display:none; gap:4px; padding:4px; border:1px solid #35211830; border-radius:var(--button-border-radius); margin-block:16px; }
.wallpaper-gallery.is-enhanced .wg-toggle { display:flex; }
.wallpaper-gallery .wg-toggle button { flex:1; font:inherit; color:inherit; background:transparent; border:1px solid transparent; border-radius:var(--button-border-radius); padding:10px 16px; min-height:44px; cursor:pointer; }
.wallpaper-gallery .wg-toggle button[aria-pressed="true"] { border-color:#35211850; font-weight:600; background:#D9E5F5; }
.wallpaper-gallery .wg-toggle button:hover { border-color:#35211850; }
.wallpaper-gallery .wg-download { display:flex; width:100%; margin-top:8px; }
.wallpaper-gallery .v-button { color:#352118; }
.wallpaper-gallery a[aria-disabled="true"] { opacity:.6; cursor:progress; }
.wallpaper-gallery .wg-status { font-size:13px; }
.wallpaper-gallery .wg-status:empty { display:none; }
.wallpaper-gallery .wg-save { font-size:14px; text-decoration:underline; }
.wallpaper-gallery .wg-note { margin-top:32px; max-width:900px; }
.wallpaper-gallery .wg-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 36px; }
.wallpaper-gallery .wg-product { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr); gap:24px; align-items:center; }
.wallpaper-gallery .wg-product img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#fff; }
.wallpaper-gallery .wg-product h3 { margin-block:8px 12px; }
.wallpaper-gallery .wg-product p { margin-block:0 16px; }
.wallpaper-gallery .wg-product .wg-product-caption { margin:0; font-weight:500; line-height:1.5; }
.wallpaper-gallery .wg-product .wg-product-cta { display:inline-flex; min-height:48px; width:100%; max-width:300px; padding:12px 18px; text-align:center; white-space:normal; line-height:1.4; background:#faf2e5; border:1px solid #c66a2b; text-decoration:none; }
.wallpaper-gallery .wg-product .wg-product-cta:hover { background:#ff8f4330; }
.wallpaper-gallery .wg-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; padding:0; list-style:none; }
.wallpaper-gallery .wg-links a { display:block; padding-block:20px; text-decoration:underline; text-underline-offset:4px; }
.wallpaper-gallery .wg-dialog { width:min(95vw,1100px); max-height:94dvh; padding:20px; background:#faf2e5; }
.wallpaper-gallery theme-modal > details > summary + .wg-dialog { width:min(95vw,1100px); inset:0; }
.wallpaper-gallery .wg-dialog-top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:12px; }
.wallpaper-gallery .wg-dialog button { min-width:44px; min-height:44px; cursor:pointer; font:inherit; background:transparent; color:#352118; border:1px solid #352118; padding:6px 12px; }
.wallpaper-gallery .wg-dialog img { display:block; width:100%; height:calc(88dvh - 90px); object-fit:contain; }
.wallpaper-gallery :focus-visible { outline:3px solid #352118; outline-offset:4px; }
@media (min-width:960px) {
 .wallpaper-gallery .wg-hero { height:clamp(360px,calc(100svh - 300px),620px); }
 .wallpaper-gallery .wg-hero-banner { position:absolute; inset:0 0 0 auto; width:min(100%,calc(clamp(360px,calc(100svh - 300px),620px) * 2.34)); height:100%; aspect-ratio:auto; object-fit:cover; object-position:center 72%; mask-image:linear-gradient(90deg,transparent,#000 24%); }
 .wallpaper-gallery .wg-hero-copy { padding-block:24px; }
 .wallpaper-gallery .wg-hero-copy h1 { font-size:clamp(28px,2.2vw,42px); line-height:1.15; }
 .wallpaper-gallery .wg-section:nth-of-type(1) { padding-top:36px; }
}
@media (max-width:1199px) {
 .wallpaper-gallery .wg-section { padding-inline:32px; }
 .wallpaper-gallery .wg-hero-copy { margin-left:32px; max-width:460px; width:39%; padding-block:32px; }
 .wallpaper-gallery .wg-product { grid-template-columns:140px minmax(0,1fr); gap:20px; }
 .wallpaper-gallery .wg-product .wg-product-cta { min-height:68px; }
}
@media (max-width:959px) {
 .wallpaper-gallery .wg-section { padding-inline:20px; }
 .wallpaper-gallery .wg-hero { display:block; min-height:0; padding:32px 0 0; }
 .wallpaper-gallery .wg-hero::before { content:none; }
 .wallpaper-gallery .wg-hero-copy { width:auto; max-width:650px; padding:0 20px 12px; margin-inline:auto; }
 .wallpaper-gallery .wg-hero-banner { width:100%; height:auto; }
 .wallpaper-gallery .wg-section::before { width:45%; height:320px; opacity:.14; }
 .wallpaper-gallery .wg-section:nth-of-type(3)::before { opacity:.18; }
 .wallpaper-gallery .wg-section { padding-block:48px; }
 .wallpaper-gallery .wg-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 20px; }
 .wallpaper-gallery .wg-product-grid { grid-template-columns:1fr; gap:32px; }
 .wallpaper-gallery .wg-product { grid-template-columns:180px minmax(0,1fr); }
}
@media (max-width:599px) {
 .wallpaper-gallery .wg-grid,.wallpaper-gallery .wg-links { grid-template-columns:1fr; }
 .wallpaper-gallery .wg-hero-copy p { margin-block:16px 24px; }
 .wallpaper-gallery .wg-product-grid { grid-template-columns:1fr; gap:36px; }
 .wallpaper-gallery .wg-product { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; align-items:start; }
 .wallpaper-gallery .wg-product h3 { margin-top:8px; }
 .wallpaper-gallery .wg-product .wg-product-cta { padding:10px 12px; }
 .wallpaper-gallery .wg-dialog { padding:12px; }
}