/* KOZA paper atelier — high-resolution physical assets with live responsive type. */
.hero .hero-copy .round-link {display:none!important;}

/* Real torn paper tape, instead of an oval CSS label. */
.pill.tape-pill {display:inline-flex!important;justify-content:center;align-items:center;gap:7px;position:relative;min-width:172px;width:max-content;height:61px;padding:10px 23px 12px;background-color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:0;border-radius:0!important;box-shadow:none!important;transform:rotate(-3deg);font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:800;line-height:1;letter-spacing:.12em;color:#28331c;white-space:nowrap;text-shadow:none;}
.pill.tape-pill.tape-olive {background-image:url('assets/tape-olive-hd.png');}
.pill.tape-pill.tape-blue {background-image:url('assets/tape-blue-hd.png');min-width:196px;height:63px;transform:rotate(2deg);}
.pill.tape-pill .koza-icon {width:14px;height:14px;flex:none;}
.collection .section-heading h2 {margin-top:13px;}
.process .process-left h2 {margin-top:17px;}

/* Collection photographs may float, but every title and badge has one baseline. */
@media(min-width:651px) {
  .collection .collection-grid {align-items:start;}
  .collection .product-one,.collection .product-two,.collection .product-three {margin-top:0!important;}
  .collection .product-image,.collection .product-two .product-image,.collection .product-three .product-image {height:350px!important;}
  .collection .product-image img,.collection .product-one .product-image img,.collection .product-two .product-image img,.collection .product-three .product-image img {height:335px!important;max-height:none!important;}
  .collection .product-meta {min-height:80px!important;padding-top:18px!important;display:flex;align-items:flex-start;}
  .collection .product-meta h3 {margin:0!important;line-height:1.12;}
}
.collection .product-badge {bottom:1px!important;left:50%;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;z-index:4;}
.collection .product-two .product-badge {transform:translateX(-50%) rotate(2deg);}
.collection .product-three .product-badge {transform:translateX(-50%) rotate(-2deg);}

/* Scrapbook photo: clean original rug photo pinned to a separate tactile collage. */
.process .process-image {isolation:isolate;max-width:470px;margin-top:95px;margin-bottom:115px;}
.process .process-image .process-board {width:130%;height:auto;top:-27%;left:-16%;object-fit:contain;mix-blend-mode:normal;transform:rotate(-3deg);z-index:0;}
.process .process-image .process-rug-photo {width:78%;aspect-ratio:1.22;object-fit:cover;border:9px solid #f5f1e4;border-bottom-width:20px;border-radius:3px;transform:translateY(5%) rotate(-5deg);box-shadow:2px 11px 22px #28341e28;z-index:2;}
.process .process-image::before,.process .process-image::after {content:''!important;display:block!important;position:absolute!important;pointer-events:none;z-index:4!important;left:auto;right:auto;bottom:auto;border:0;}
.process .process-image::before {width:109px;height:43px;top:-5%;left:2%;background:url('assets/tape-blue-hd.png') center/contain no-repeat;transform:rotate(-17deg);}
.process .process-image::after {width:95px;height:38px;top:75%;right:3%;background:url('assets/tape-olive-hd.png') center/contain no-repeat;transform:rotate(19deg);}
.process .process-image span {z-index:5;bottom:-16%;right:17%;max-width:none;padding:0!important;background:transparent!important;color:#596116;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:800;letter-spacing:.045em!important;text-transform:uppercase;transform:rotate(-4deg);box-shadow:none!important;}

/* Printed elements are rendered at full resolution; text is HTML on top. */
.extras {background:#f0f0de!important;gap:18px;padding:30px 5% 75px;}
.extras article,.extras article+article {position:relative;margin:0!important;transform:none!important;min-height:0!important;width:100%;height:auto;aspect-ratio:1/1;padding:clamp(152px,13.8vw,210px) 18.5% 8% 18.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:visible;background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:normal!important;border-radius:0!important;}
.extras #friends {background-image:url('assets/friends-note-hd.png')!important;}
.extras #paper {background-image:url('assets/paper-note-hd.png')!important;}
.extras .pill {position:relative;z-index:1;flex:none;padding:7px 11px;min-height:29px;font-size:9px;}
.extras h2 {position:relative;z-index:1;margin:12px 0 11px;font-size:clamp(31px,3.5vw,51px);line-height:1.04;max-width:100%;}
.extras p {position:relative;z-index:1;font-size:clamp(11px,1vw,13px);line-height:1.6;margin:0;max-width:100%;}
.extras .extras-status {position:relative;z-index:1;margin-top:17px;font-size:10px;line-height:1.4;}

@media (min-width:651px) and (max-width:1080px) {
  .extras article,.extras article+article {padding:clamp(140px,15vw,165px) 16% 5%;}
  .extras h2 {font-size:clamp(28px,3.3vw,38px);}
  .extras p {font-size:10px;line-height:1.45;}
  .extras .extras-status {margin-top:9px;font-size:9px;}
}
@media(max-width:650px) {
  .pill.tape-pill {min-width:158px;height:57px;font-size:10px;}
  .pill.tape-pill.tape-blue {min-width:181px;height:61px;}
  .collection .section-heading h2 {margin-top:11px;}
  .collection .product-badge {bottom:1px!important;}
  .collection .product-meta {padding:12px 5px 10px;}
  .process .process-image {width:88%;max-width:350px;margin-top:86px;margin-bottom:115px;}
  .process .process-image .process-rug-photo {width:79%;border-width:6px;border-bottom-width:14px;}
  .process .process-image .process-board {width:129%;left:-15%;top:-28%;}
  .process .process-image::before {width:75px;height:30px;left:-1%;top:-8%;}
  .process .process-image::after {width:69px;height:28px;right:-2%;top:76%;}
  .process .process-image span {font-size:8px!important;bottom:-16%;right:12%;}
  .extras {display:flex;flex-direction:column;gap:8px;padding:25px 1% 65px;}
  .extras article,.extras article+article {flex:none;align-self:center;width:min(100%,440px);aspect-ratio:1/1;min-height:0!important;padding:clamp(124px,32vw,149px) 17% 8%;}
  .extras .pill {font-size:8px;padding:5px 9px;min-height:25px;}
  .extras h2 {font-size:clamp(29px,8vw,41px);margin:9px 0;}
  .extras p {font-size:clamp(10px,2.5vw,12px);line-height:1.42;}
  .extras .extras-status {font-size:9px;margin-top:10px;}
}
@media(max-width:365px) {
  .extras article,.extras article+article {padding:clamp(112px,33vw,124px) 16% 6%;}
  .extras h2 {font-size:28px;}
  .extras p {font-size:10px;}
}