/* Deliberately small artwork previews, framed at the source's tall phone ratio. */
.molten-wallpapers .wallpaper-phone,
.molten-wallpapers .te-wallpaper-preview {
  position:relative;
  flex:0 0 auto;
  aspect-ratio:1320 / 2868;
  max-width:190px;
  border:4px solid #171719;
  border-radius:clamp(13px,2vw,27px);
  background:#080607;
  box-shadow:0 0 0 1px #55514d,0 22px 34px #261f1729;
  overflow:hidden;
}
.molten-wallpapers .wallpaper-phone::after,
.molten-wallpapers .te-wallpaper-preview::after {
  content:'';
  position:absolute;
  top:2%;
  left:36%;
  width:28%;
  height:2.3%;
  border-radius:20px;
  background:#020203;
  box-shadow:0 0 0 1px #ffffff0a;
  pointer-events:none;
}
.molten-wallpapers .wallpaper-phone img,
.molten-wallpapers .te-wallpaper-preview img {
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
}
.molten-wallpapers .te-wallpaper-art {
  gap:clamp(9px,1.4vw,18px);
  padding:52px 8px 36px;
}
.molten-wallpapers .te-wallpaper-preview { width:28%; }
.molten-wallpapers .te-wallpaper-preview:nth-of-type(2) { transform:translateY(19px) rotate(-7deg); }
.molten-wallpapers .te-wallpaper-preview:nth-of-type(3) { transform:translateY(-13px); }
.molten-wallpapers .te-wallpaper-preview:nth-of-type(4) { transform:translateY(19px) rotate(7deg); }
.molten-wallpapers .wallpaper-phone-scene { gap:clamp(9px,1.4vw,18px); }
.molten-collection-page { overflow:hidden; }
.molten-collection-page .wallpaper-product-hero { gap:clamp(25px,4vw,65px); padding-block:64px 70px; }
.molten-collection-page .wallpaper-product-copy h1 { font-size:clamp(54px,6vw,86px); }
.molten-collection-page .wallpaper-product-copy .eyebrow { margin-bottom:23px; }
.molten-collection-page .wallpaper-collection-status {
  display:flex;
  align-items:center;
  gap:9px;
  font:10px/1.6 var(--mono);
  color:#69584b;
  margin:28px 0 9px;
}
.wallpaper-collection-status>span { flex:none; width:5px; height:5px; background:#b65b30; }
.molten-collection-page .wallpaper-product-scene {
  position:relative;
  min-height:490px;
  padding:62px 20px 75px;
  border-radius:0;
  background:radial-gradient(ellipse at 50% 40%,#63492e33,transparent 65%),#e9e4da;
  border:1px solid #d9d2c6;
}
.molten-collection-page .wallpaper-product-scene .wallpaper-phone { width:27%; border-radius:clamp(12px,1.6vw,24px); }
.molten-collection-page .wallpaper-product-scene .wallpaper-phone:nth-child(2) { width:30%; }
.wallpaper-scene-caption { position:absolute; bottom:20px; left:0; width:100%; text-align:center; font:9px/1.6 var(--mono); letter-spacing:.1em; color:#7c6f60; }
.molten-collection-page .wallpaper-product-spec { grid-template-columns:1.3fr 1fr 1fr; gap:16px; }
.molten-collection-page .wallpaper-collection { padding-block:45px 56px; }
.molten-collection-page .wallpaper-collection .section-heading { margin-bottom:35px; }
.molten-collection-page .wallpaper-design-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,5vw,80px); max-width:980px; margin:0 auto; align-items:start; }
.molten-collection-page .wallpaper-design { max-width:240px; width:100%; margin:0 auto; }
.wallpaper-design-art { width:100%; aspect-ratio:1320 / 2868; background:#080607; overflow:hidden; }
.molten-collection-page .wallpaper-design-art img { width:100%; height:100%; object-fit:contain; }
.molten-collection-page .wallpaper-design figcaption { padding-top:15px; border-bottom:1px solid #d6d2c9; padding-bottom:18px; }
.molten-collection-page .wallpaper-design figcaption h3 { font-size:16px; }
.molten-collection-page .wallpaper-design figcaption>span { color:#965b35; }
.molten-collection-page .wallpaper-details { border-top:1px solid var(--channel-line); padding-top:48px; }
@media(max-width:1000px) {
  .molten-collection-page .wallpaper-product-scene { min-height:410px; padding:50px 12px 70px; }
  .molten-collection-page .wallpaper-product-copy h1 { font-size:clamp(48px,6vw,72px); }
  .molten-collection-page .wallpaper-product-hero { gap:25px; }
}
@media(max-width:760px) {
  .molten-wallpapers .te-wallpaper-art { padding:45px 8px 32px; }
  .molten-wallpapers .wallpaper-phone,
  .molten-wallpapers .te-wallpaper-preview { border-width:3px; border-radius:clamp(12px,3vw,22px); }
  .molten-collection-page .wallpaper-product-hero { gap:30px; padding-block:42px 42px; }
  .molten-collection-page .wallpaper-product-copy h1 { font-size:clamp(49px,11vw,76px); }
  .molten-collection-page .wallpaper-product-scene { min-height:0; max-width:540px; padding:45px 16px 65px; }
  .molten-collection-page .wallpaper-product-scene .wallpaper-phone { border-radius:clamp(12px,3vw,22px); }
  .molten-collection-page .wallpaper-product-spec { gap:12px; }
  .molten-collection-page .wallpaper-collection { padding-block:35px 38px; }
  .molten-collection-page .wallpaper-design-grid { gap:20px; }
  .molten-collection-page .wallpaper-design figcaption { align-items:start; padding-block:12px; gap:7px; }
  .molten-collection-page .wallpaper-design figcaption h3 { font-size:13px; line-height:1.25; }
  .molten-collection-page .wallpaper-design figcaption>span { font-size:8px; padding-top:1px; }
  .molten-collection-page .wallpaper-details { padding-top:34px; }
}
@media(max-width:420px) {
  .molten-collection-page .wallpaper-design-grid { gap:12px; }
  .molten-collection-page .wallpaper-design figcaption { flex-direction:column; gap:5px; }
  .molten-collection-page .wallpaper-product-spec dd { font-size:11px; }
  .molten-collection-page .wallpaper-product-spec dt { font-size:9px; }
  .molten-wallpapers .te-wallpaper-art { gap:10px; }
}

/* A useful next step while the collection is being made. */
.wallpaper-updates { background:#b82430; color:#fbf5e8; padding:clamp(42px,6vw,80px) 0; }
.brand-five .wallpaper-updates { background:#ffdc00; color:#171a18; }
.wallpaper-updates-inner { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,7vw,110px); align-items:start; }
.wallpaper-updates h2 { font-size:clamp(34px,4.2vw,58px); line-height:1.08; margin:16px 0 24px; }
.wallpaper-updates h3 { font-size:25px; margin:0 0 14px; }
.wallpaper-updates p { max-width:46ch; }
.wallpaper-updates .eyebrow,.wallpaper-updates .fine { color:inherit; }
.wallpaper-updates .newsletter-form { margin-top:26px; }
.wallpaper-updates .newsletter-form .fine { opacity:.85; }
.wallpaper-updates .email-row { display:block; }
.wallpaper-updates .email-row input { width:100%; background:#fffaf2; color:#171a18; }
.wallpaper-updates .email-row button { width:100%; margin-top:10px; justify-content:space-between; background:#171a18; color:#fffaf2; border-color:#171a18; }
.wallpaper-updates .form-preview-note { background:#fffaf2; color:#544a3d; }
@media(max-width:760px) { .wallpaper-updates-inner { grid-template-columns:1fr; gap:35px; } }
