.products-intro{padding:30px 6% 64px;background:#e8eddf}.breadcrumbs{font-size:12px;display:flex;gap:12px;color:#4d6257}.breadcrumbs a{text-decoration:none}.intro-row{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;margin-top:40px}.intro-row h1{font-size:clamp(48px,6.5vw,90px);color:#004d49;margin:20px 0 0}.intro-aside{max-width:360px;margin-left:auto}.intro-aside p{font-size:16px}.intro-aside>a{font-size:14px;text-underline-offset:6px}.brand-flower{font-size:70px;color:#b51535;line-height:1}.range{padding:64px 6% 80px}.range-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.range-top h2{font-size:34px;margin:0}.range-top>span{font-size:13px;color:#66766c}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 34px}.filters button{border:1px solid #bdc9c1;background:transparent;color:#004d49;border-radius:30px;padding:11px 23px;font-size:14px}.filters button[aria-pressed=true]{background:#004d49;color:#e4ff80;border-color:#004d49}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.product-card{padding:0;border:0;background:transparent;text-align:left;color:#173b35;display:block;width:100%}.product-card[hidden]{display:none}.card-image{position:relative;overflow:hidden;border-radius:5px;background:#e8eddf;aspect-ratio:1.4}.card-image img{width:100%;height:100%;object-fit:cover;object-position:75% center;transition:transform .3s}.product-card:hover img{transform:scale(1.045)}.card-number{position:absolute;left:15px;top:15px;border-radius:50%;background:#f7f6f3e8;width:32px;height:32px;display:grid;place-items:center;font-size:11px}.card-copy{padding:22px 0 0}.category-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7b7469}.card-copy h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:24px;letter-spacing:-.025em;margin:9px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-copy h3 span{font:24px Arial}.card-copy p{font-size:14px;margin:0 0 16px;color:#59675e;max-width:310px}.explore{font-size:12px;border-bottom:1px solid #004d4977;padding-bottom:4px}.quality{background:#004d49;color:#f7f6f3;display:grid;grid-template-columns:70px 1.2fr 1fr;gap:40px;padding:70px 6%;align-items:start}.quality .brand-flower,.quality .eyebrow{color:#e4ff80}.quality h2{font-size:40px;margin:18px 0}.quality p{max-width:480px;font-size:15px}.catalogue-box{border-left:1px solid #ffffff44;padding-left:36px}.catalogue-box>span{font-size:11px;letter-spacing:.1em;color:#e4ff80}.catalogue-box h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:26px;line-height:1.25;letter-spacing:-.025em}.catalogue-box .button{font-size:14px}.text-link{display:block;margin-top:22px;font-size:13px;text-underline-offset:5px}.products-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:70px 6%}.products-cta h2{font-size:42px;margin:15px 0}.products-cta p{font-size:14px}nav [aria-current=page]{color:#b51535}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:0;border-radius:12px;background:#f7f6f3;color:#173b35;max-width:600px;width:calc(100% - 32px);padding:0;max-height:85vh}dialog::backdrop{background:#062923b8;backdrop-filter:blur(4px)}.dialog-content{padding:48px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:32px;color:#004d49}.dialog-content h2{font-size:38px}.dialog-content h3{font-size:15px;margin-top:30px}.dialog-content ul{padding-left:20px;line-height:1.8;font-size:15px;margin-bottom:30px}.dialog-catalogue{display:block;margin-top:20px;font-size:14px}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality{grid-template-columns:1fr 1fr}.quality>.brand-flower{display:none}.intro-row{gap:30px}.range-top{align-items:start;flex-direction:column;gap:10px}}@media(max-width:560px){.products-intro{padding-bottom:40px}.intro-row{grid-template-columns:1fr;margin-top:28px}.intro-row h1{font-size:50px}.intro-aside{margin:0;max-width:none}.intro-aside .brand-flower{display:none}.range{padding-top:40px}.range-top h2{font-size:29px}.product-grid{grid-template-columns:1fr;gap:32px}.filters{gap:7px}.filters button{padding:10px 15px;font-size:12px}.quality{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:20px}.quality h2{font-size:34px}.catalogue-box{border-left:0;border-top:1px solid #ffffff44;padding:30px 0 0}.products-cta{align-items:start;flex-direction:column;padding-top:40px;padding-bottom:40px}.products-cta h2{font-size:34px}.dialog-content{padding:35px 25px}.dialog-content h2{font-size:32px}}

/* Products journey: hero, categories, catalog. */
.products-intro{position:relative;isolation:isolate;overflow:hidden;background:#4b151b;color:#fff;padding:30px 6% 65px;min-height:600px}
.products-hero-image,.products-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.products-hero-image{object-fit:cover;object-position:center}.products-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(31,4,12,.85),rgba(31,4,12,.45) 50%,transparent 85%)}
.products-intro .breadcrumbs{color:#f7f6f3}.products-hero-copy{max-width:650px;padding-top:65px}.products-hero-copy .eyebrow{color:#e4ff80}.products-hero-copy h1{font-size:clamp(43px,4.8vw,70px);margin:22px 0;color:white}.products-hero-copy>p:not(.eyebrow){max-width:440px;font-size:18px;margin-bottom:28px}.products-hero-copy .button{font-size:15px}
.catalogue-section{background:#004d49;color:#f7f6f3;padding:70px 6%;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.catalogue-section .eyebrow{color:#e4ff80}.catalogue-section h2{font-size:clamp(34px,3.4vw,50px);margin:18px 0}.catalogue-section p:not(.eyebrow){max-width:580px;font-size:16px}.catalogue-actions{justify-self:end}.catalogue-actions .button{min-width:250px}
@media(max-width:560px){.products-intro{min-height:650px;padding-bottom:45px}.products-hero-copy{padding-top:45px}.products-hero-copy h1{font-size:43px}.products-hero-copy>p:not(.eyebrow){font-size:16px}.products-hero-image{object-position:65% center}.products-hero-shade{background:linear-gradient(90deg,#220810d9,#22081066)}.catalogue-section{grid-template-columns:1fr;gap:16px;padding:45px 6%}.catalogue-actions{justify-self:start}}

a.product-card{text-decoration:none}

.image-placeholder{position:absolute;right:10px;bottom:10px;background:#f7f6f3ee;color:#004d49;font-size:10px;padding:6px 9px;border-radius:3px}.planned-heading{margin:65px 0 28px;padding-top:36px;border-top:1px solid #004d4926}.planned-heading h2{font-size:34px;margin:15px 0}.planned-heading>p:not(.eyebrow){font-size:15px;color:#59675e}#planned-ranges[hidden]{display:none}#results{font-size:13px;color:#59675e;margin:-12px 0 25px}.card-copy h3{align-items:start}.card-copy h3 span{flex-shrink:0}

/* Preserve the full composition of approved category artwork. */
.card-image.approved-thumbnail{aspect-ratio:3/2}.approved-thumbnail img{object-fit:contain;object-position:center}.product-card:hover .approved-thumbnail img{transform:none}

/* Let the homepage photograph keep its full composition on roomy desktop screens. */
@media (min-width:1440px){
  .home-hero{aspect-ratio:2001 / 786;min-height:0;}
  .home-hero .products-hero-image{object-fit:contain;}
}

/* Homepage conversion paths: explore the range, or start an inquiry. */
.home-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.home-hero .home-inquiry-button{background:#004d49;color:#fff;border:1px solid #ffffffa6}
.home-hero .home-inquiry-button:hover{background:#123e38}
.home-page #quote{scroll-margin-top:110px}
.home-page #quote h2{font-size:clamp(28px,2.4vw,36px);margin-bottom:10px}
.home-page .inquiry-intro{color:#f7f6f3;margin:0 0 28px;font-size:16px}
.home-page .submit{background:#e4ff80;color:#004d49;font-weight:700;border-radius:3px}
.home-page .submit:hover{background:#f0ffb8}
.home-page .form-note{color:#f7f6f3;font-size:13px}
@media(max-width:560px){.home-hero-actions{align-items:stretch;flex-direction:column}.home-hero-actions .button{width:100%}.home-page #quote{scroll-margin-top:95px}}

/* Larger primary homepage actions. */
.home-hero .home-hero-actions .button{font-size:18px;padding:22px 30px;min-height:68px;gap:24px}
@media(max-width:560px){.home-hero .home-hero-actions .button{font-size:17px;padding:20px 24px;min-height:64px}}

/* Phone-specific artwork, selected by the browser before loading the hero. */
@media(max-width:600px){
.home-hero{aspect-ratio:851 / 1849;min-height:760px;padding:24px 6% 180px}
.home-hero .products-hero-image{object-fit:cover;object-position:center}
.home-hero .products-hero-shade{background:linear-gradient(180deg,#102b28c9 0%,#102b2899 23%,transparent 43%,transparent 75%,#102b2870 100%)}
.home-hero .products-hero-copy{padding-top:0}
.home-hero .products-hero-copy h1{font-size:36px;margin:16px 0}
.home-hero .products-hero-copy>p:not(.eyebrow){font-size:15px;margin:0;max-width:370px}
.home-hero .home-hero-actions{position:absolute;left:6%;right:6%;bottom:24px;flex-direction:column;align-items:stretch;gap:12px}
.home-hero .home-hero-actions .button{width:100%;font-size:17px;padding:20px 24px;min-height:64px}
}

/* Art-directed phone carousel; desktop artwork keeps its existing layout. */
.hero>.carousel-picture{position:absolute;inset:0;z-index:-3;display:block}.carousel-picture>img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:600px){
.hero:has(.carousel-picture){height:auto;min-height:0;max-height:none;aspect-ratio:851 / 1848;background:#264e48}
.carousel-picture>img{object-fit:contain;object-position:center}
.hero:has(.carousel-picture) .shade{background:linear-gradient(180deg,#102b28dc 0%,#102b2899 25%,transparent 43%,transparent 71%,#102b28d9 100%)}
.hero:has(.carousel-picture) .hero-copy{padding:24px 6% 0;max-width:none}
.hero:has(.carousel-picture) h1{font-size:30px;margin:0 0 14px;line-height:1.12}
.hero:has(.carousel-picture) .hero-copy p{font-size:14px;line-height:1.5;margin:0 0 16px}
.hero:has(.carousel-picture) .actions{position:absolute;bottom:162px;left:6%;right:6%}
.hero:has(.carousel-picture) .actions .button{padding:14px 18px;min-height:48px}
.hero:has(.carousel-picture) .carousel-controls{bottom:18px;gap:12px;flex-wrap:wrap;padding-top:14px}
.hero:has(.carousel-picture) .selector{width:100%;margin:0;justify-content:space-between}
.hero:has(.carousel-picture) .selector select{flex:1;min-width:0}
}
