/* Client's new paper ephemera, tighter catalog, and mobile chapter edges. */
.collection .product-meta {min-height:0!important;display:block;padding:13px 5px 8px;}
.collection .product-meta h3 {font-size:clamp(27px,2.8vw,39px);line-height:1.12;margin:3px 0 0;}
.collection .collection-note {display:none;}
.collection .product-image {margin-bottom:3px;}
.collection .product-card:hover .product-meta h3 {color:#596116;}
.collection .product-open:focus-visible {outline:2px dashed #596116;outline-offset:6px;border-radius:12px;}

/* Real clipboard stationery supplied by the artist, beneath the work photo. */
.process .process-image {width:min(100%,455px);padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none;margin-top:82px;margin-bottom:76px;overflow:visible;isolation:isolate;}
.process .process-image::before,.process .process-image::after {display:none!important;content:none!important;}
.process .process-image .process-board {position:absolute;z-index:0;left:-14%;top:-25%;width:130%;max-width:none;height:145%;object-fit:fill;mix-blend-mode:multiply;border:0;filter:none;transform:rotate(-3deg);border-radius:0;pointer-events:none;}
.process .process-image .process-rug-photo {position:relative;z-index:1;width:80%;margin:0 auto;aspect-ratio:1.23;object-fit:cover;transform:rotate(-4deg);border:5px solid #f0f0de;border-radius:13px;box-shadow:0 4px 13px #29351f20;}
.process .process-image span {z-index:3;bottom:4%;right:2%;transform:rotate(-2deg);}

/* Collage cutouts replace both solid-color rectangles. */
.extras {background:#f0f0de;column-gap:12px;padding-top:35px;}
.extras article,.extras article+article {position:relative;transform:none;margin:0;border:0;border-radius:0;min-height:525px;max-width:none;background-color:#f0f0de;background-repeat:no-repeat;background-position:center;background-size:100% 100%;background-blend-mode:multiply;box-shadow:none;padding:172px 19% 58px;}
.extras #friends {background-image:url('assets/friends-card.png');}
.extras #paper {background-image:url('assets/paper-card.png');}
.extras .pill {font-size:9px;letter-spacing:.08em;padding:6px 10px;}
.extras h2 {font-size:clamp(33px,3.15vw,51px);line-height:1.05;margin:17px 0 11px;}
.extras p {font-size:12px;line-height:1.6;margin:0;}
.extras .extras-status {font-size:10px;margin-top:15px;}

@media(max-width:1050px) and (min-width:651px) {
  .extras article,.extras article+article {min-height:470px;padding:152px 15% 45px;}
  .extras h2 {font-size:clamp(30px,3.6vw,43px);}
  .extras p {font-size:11px;}
}
@media(max-width:650px) {
  /* Pull the whole rug stage upwards, not just the photo inside it. */
  .hero .hero-visual {transform:translateY(-88px) scale(.94)!important;transform-origin:center 30%;margin-bottom:-84px!important;z-index:12!important;}
  .hero .cloud-stage {top:6px!important;}
  .hero {padding-bottom:25px!important;}
  .hero::after {display:block!important;bottom:-17px!important;height:22px!important;z-index:6!important;}
  /* The second join was suppressed by old mobile rules; bring the scallops back. */
  .intro {overflow:visible!important;position:relative;}
  .intro::after {content:''!important;display:block!important;position:absolute;left:0;right:0;bottom:-1px;top:auto;z-index:8;pointer-events:none;height:24px;background:radial-gradient(circle at 18px 24px,#fffdf6 18px,transparent 19px) 0 0/36px 24px repeat-x!important;}
  .collection {position:relative;z-index:1;}
  .collection .product-meta {padding:10px 5px 6px;}
  .collection .product-meta h3 {font-size:clamp(30px,8vw,38px);}
  .process .process-image {width:90%;max-width:370px;margin:76px auto 90px;}
  .process .process-image .process-board {width:129%;height:145%;left:-14%;top:-25%;}
  .process .process-image .process-rug-photo {width:82%;border-width:4px;}
  .process .process-image span {bottom:1%;right:0;max-width:80%;}
  .extras {display:flex;flex-direction:column;gap:0;padding:30px 3% 65px;}
  .extras article,.extras article+article {width:min(100%,440px);align-self:center;min-height:440px;margin:0;padding:145px 14% 48px;background-size:100% 100%;}
  .extras h2 {font-size:clamp(34px,9vw,44px);line-height:1.02;margin:12px 0 10px;}
  .extras p {font-size:11px;line-height:1.5;}
  .extras .extras-status {font-size:9px;margin-top:14px;}
}
@media(max-width:375px) {
  .hero .hero-visual {transform:translateY(-80px) scale(.90)!important;margin-bottom:-77px!important;}
  .extras article,.extras article+article {min-height:405px;padding:131px 13% 35px;}
  .extras h2 {font-size:32px;}
  .extras p {font-size:10px;}
}