/* A quieter constellation in place of the old clouds and botanical doodles. */
.logo-star { display:inline-block; color:#fffdf6; font-family:Georgia,serif; font-size:16px; vertical-align:top; margin:0 0 0 2px; transform:rotate(15deg); }
.hero .hero-doodle, .hero .hero-plant, .hero .title-plant, .quote .quote-sprig, .contact .contact-plant {display:none!important}
.hero .cloud-stage {filter:none!important;animation:cloudbob 6s ease-in-out infinite;}
.hero .cloud-stage::before, .hero .cloud-lobe {display:none!important}
.hero .cloud-stage img {filter:drop-shadow(12px 19px 10px #2c413c33);width:124%;left:-9%;top:12%;}
.hero::after {display:block;content:'';position:absolute;z-index:8;left:0;right:0;bottom:-1px;height:30px;background:radial-gradient(circle at 24px 31px,#2b342a 24px,transparent 25px) 0 0/48px 30px repeat-x;transform:none;opacity:1;}
.star { position:absolute; display:block; z-index:5; pointer-events:none; width:32px; height:32px; background:#fffdf6; clip-path:polygon(50% 0%,59% 38%,100% 50%,59% 62%,50% 100%,41% 62%,0% 50%,41% 38%); filter:drop-shadow(1px 2px 0 #26351f20); }
.star-hero-one {width:42px;height:42px;top:19%;right:13%;transform:rotate(19deg)}
.star-hero-two {width:23px;height:23px;top:52%;left:48%;transform:rotate(-12deg)}
.star-hero-three {width:17px;height:17px;bottom:15%;right:10%;transform:rotate(34deg)}
.star-hero-four {width:13px;height:13px;top:25%;left:3%;transform:rotate(8deg)}
.hero .eyebrow::before {content:'✦';background:none;display:inline;font-size:17px;width:auto;height:auto;vertical-align:baseline;margin-right:11px;color:#fffdf6}

/* The illustrator's forest covers the entire chapter. The original unblurred
   artwork remains visible on the left; a dark canopy allows blue copy to read. */
.intro {height:auto;min-height:0!important;grid-template-columns:48% 52%;background:#2b342a url('assets/koza-illustration.png') center 46%/cover no-repeat;overflow:hidden;}
.intro::before {background:radial-gradient(circle at 25px 31px,#2b342a 25px,transparent 26px) 0 0/50px 31px repeat-x;}
.intro::after {background:radial-gradient(circle at 20px 25px,#fffdf6 19px,transparent 20px) 0 0/40px 25px repeat-x;}
.intro .nature-diary {height:660px;min-height:660px!important;overflow:hidden;background:transparent;}
.intro .author-art {object-fit:cover;object-position:50% 44%;}
.intro .intro-content {isolation:isolate;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:660px;padding:78px 11% 85px 10%;color:#d6ecfa;text-shadow:0 1px 6px #0d170b66;}
.intro .intro-content::before {content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#263024b5 0%,#263024db 38%,#263024ed 100%);}
.intro .intro-content h2 {color:#d9efff;font-size:clamp(35px,3.3vw,58px);line-height:1.13}
.intro .intro-content h2 em,.intro .intro-content .intro-hello {color:#bfe3fc}
.intro .intro-content .intro-hello {font-size:clamp(18px,1.6vw,25px);margin:20px 0 8px;line-height:1.4}
.intro .intro-content>p:not(.intro-hello) {font-size:12px;line-height:1.76;margin:11px 0 0;color:#e3f3ff}
.intro .intro-tags {margin-top:21px;gap:8px}
.intro .intro-tags span,.intro .intro-tags span:nth-child(2),.intro .intro-tags span:nth-child(3) {background:#335144c4;border-color:#bfe3fc70;color:#e8f5fc;text-shadow:none;transform:none;font-size:9px;padding:8px 12px}
.intro>.section-number {color:#e2f2ff;top:34px;z-index:8;}

/* Three rugs, three genuine silhouettes, no framing rectangles. */
.collection {background:#fffdf6}
.collection .collection-grid {grid-template-columns:1fr 1fr 1fr;gap:clamp(12px,2vw,35px);}
.collection .product-card {margin-top:0}
.collection .product-two {margin-top:56px}
.collection .product-three {margin-top:20px}
.collection .product-image,.collection .product-two .product-image,.collection .product-three .product-image {height:365px;overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0;display:flex;align-items:center;justify-content:center;}
.collection .product-image::before {display:none!important}
.collection .product-image img,.collection .product-one .product-image img,.collection .product-two .product-image img,.collection .product-three .product-image img {display:block;position:relative;z-index:1;width:100%;height:350px;max-height:none;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(10px 18px 11px #29351f36);transform:none;transition:transform .35s ease}
.collection .product-one .product-image img {width:109%;transform:rotate(-5deg)}
.collection .product-two .product-image img {width:91%;transform:rotate(8deg)}
.collection .product-three .product-image img {height:365px;width:96%;transform:rotate(-4deg)}
.collection .product-one:hover .product-image img {transform:rotate(-3deg) translateY(-8px)}
.collection .product-two .product-open:hover .product-image img {transform:rotate(5deg) translateY(-8px)}
.collection .product-three .product-open:hover .product-image img {transform:rotate(-2deg) translateY(-8px)}
.collection .product-card:hover .product-image {transform:none}
.collection .product-badge {z-index:3;bottom:1px;left:12%;border:1px solid #29351f33;transform:rotate(-3deg)}
.star-collection-one {width:21px;height:21px;top:15%;right:13%;background:#fff;filter:drop-shadow(0 1px 1px #59611680)}
.star-collection-two {width:32px;height:32px;top:42%;left:2%;background:#fff;filter:drop-shadow(0 0 3px #596116b0)}
.star-quote-one {width:36px;height:36px;left:7%;top:22%;transform:rotate(10deg)}
.star-quote-two {width:18px;height:18px;right:13%;bottom:21%;transform:rotate(-15deg)}
.star-contact-one {width:43px;height:43px;left:9%;top:22%;transform:rotate(25deg)}
.star-contact-two {width:22px;height:22px;right:14%;bottom:20%;transform:rotate(7deg)}
.footer-logo {white-space:nowrap}
@media(max-width:1000px){
  .intro .nature-diary {height:610px;min-height:610px!important}
  .intro .intro-content {min-height:610px;padding:72px 7%}
  .collection .product-image,.collection .product-two .product-image,.collection .product-three .product-image {height:310px}
  .collection .product-image img,.collection .product-one .product-image img,.collection .product-two .product-image img,.collection .product-three .product-image img {height:302px}
}
@media(max-width:650px){
  .hero .cloud-stage img {width:127%;left:-12%;top:17%}
  .star-hero-one {width:24px;height:24px;top:50%;right:5%}
  .star-hero-two {width:15px;height:15px;top:41%;left:66%}
  .star-hero-three {width:12px;height:12px;bottom:9%;right:13%}
  .intro {display:flex;flex-direction:column;background-position:50% 50%;}
  .intro::before {background:radial-gradient(circle at 18px 25px,#2b342a 18px,transparent 19px) 0 0/36px 25px repeat-x}
  .intro .nature-diary {height:320px;min-height:0!important;width:100%;order:0;}
  .intro .author-art {object-position:center 39%}
  .intro .intro-content {order:1;min-height:0;padding:38px 7% 78px;background:#263024e6}
  .intro .intro-content::before {background:linear-gradient(0deg,#263024e9,#263024d2)}
  .intro .intro-content h2 {font-size:clamp(34px,8.6vw,47px)}
  .intro .intro-content .intro-hello {font-size:20px}
  .intro .intro-content>p:not(.intro-hello) {font-size:12px}
  .intro>.section-number {top:20px;right:6%;font-size:9px}
  .collection .collection-grid {display:block;}
  .collection .product-card,.collection .product-two,.collection .product-three {margin-top:0}
  .collection .product-image,.collection .product-two .product-image,.collection .product-three .product-image {height:310px}
  .collection .product-image img,.collection .product-one .product-image img,.collection .product-two .product-image img,.collection .product-three .product-image img {height:305px}
  .collection .product-three .product-image {height:365px}
  .collection .product-three .product-image img {height:355px}
  .collection .product-card+.product-card {margin-top:32px}
  .star-contact-one {width:26px;height:26px;left:3%;top:18%}
}