:root{--gold:#D4AF37;--cream:#FFF8E7;--ink:#17213A;--deep:#071D49}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffaf3;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif}a{color:inherit}.wrap{width:min(1180px,92vw);margin:auto}
.collection-page{--primary:#0A2E8C;--secondary:#2CB1A7;--accent:#D4AF37;--soft:#FFF8E7;--highlight:#F3A67F;--hero:url('assets/coast.png');background:linear-gradient(180deg,#fffdf8 0%,var(--soft) 44%,#fffaf5 100%);min-height:100vh}
.collection-page.reflect{--primary:#465B45;--secondary:#7CA982;--accent:#D4AF37;--soft:#FFF8E7;--highlight:#C8795B;--hero:url('assets/reflect.jpg')}.collection-page.release{--primary:#6A1B9A;--secondary:#C2188B;--accent:#D7A6D9;--soft:#FFF8E7;--highlight:#2CB1A7;--hero:url('assets/release.jpg')}.collection-page.restore{--primary:#6A1B9A;--secondary:#B565A7;--accent:#D4AF37;--soft:#F2D6E7;--highlight:#D7A6D9;--hero:url('assets/restore.jpg')}.collection-page.renew{--primary:#0F6B8F;--secondary:#2CB1A7;--accent:#FDD166;--soft:#FFF8E7;--highlight:#F3A67F;--hero:url('assets/renew.jpg')}
.collection-header{position:sticky;top:0;z-index:40;background:rgba(255,250,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.25);box-shadow:0 8px 24px rgba(37,22,48,.07)}.nav{min-height:82px;display:flex;align-items:center;gap:22px}.logo-link{width:195px;flex:0 0 195px}.logo-link img{width:100%;height:66px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:22px;align-items:center;margin-left:auto;color:#4d165f;font-family:Georgia,"Times New Roman",serif;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--primary)}.collections{position:relative}.collections>span{cursor:default}.collections-menu{position:absolute;top:28px;left:50%;transform:translateX(-50%);min-width:160px;background:#fffaf3;border:1px solid rgba(212,175,55,.3);border-radius:14px;padding:8px;opacity:0;visibility:hidden;box-shadow:0 18px 45px rgba(49,29,61,.14);transition:.18s}.collections:hover .collections-menu{opacity:1;visibility:visible}.collections-menu a{display:block;padding:9px 11px;border-radius:9px}.collections-menu a:hover{background:#f5edf5}.order-btn{padding:12px 19px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important;border:1px solid rgba(212,175,55,.55);font:800 10px Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px rgba(50,28,71,.16)}
.collection-hero{padding:74px 0 68px;position:relative;overflow:hidden}.collection-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-190px;top:-210px;background:radial-gradient(circle,var(--highlight),transparent 68%);opacity:.2}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .92fr;gap:55px;align-items:center}.eyebrow{font:800 11px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}.status{display:inline-flex;margin-left:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);font:800 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.collection-hero h1{font:500 clamp(60px,8vw,108px)/.88 Georgia,"Times New Roman",serif;margin:18px 0 18px;color:var(--primary);letter-spacing:.02em}.hero-line{font:500 clamp(22px,3vw,36px)/1.15 Georgia,serif;color:#3f3044;margin:0 0 18px}.hero-copy p{font-size:17px;line-height:1.7;color:#655866;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:999px;text-decoration:none;font:800 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.primary-action{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.secondary-action{border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);color:var(--primary);background:rgba(255,255,255,.7)}.hero-art{position:relative;min-height:500px;border-radius:34px;overflow:hidden;background:var(--hero) center/cover no-repeat;box-shadow:0 25px 60px rgba(44,28,55,.17);border:1px solid rgba(212,175,55,.33)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(4,17,49,.18))}.hero-art:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,244,199,.58);border-radius:25px}.hero-quote{position:absolute;z-index:3;left:28px;right:28px;bottom:28px;padding:22px 24px;border-radius:19px;background:rgba(255,250,242,.88);backdrop-filter:blur(10px);color:var(--primary);font:500 22px/1.35 Georgia,serif;box-shadow:0 12px 30px rgba(23,18,33,.14)}
.mantra{padding:25px 0;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff}.mantra .wrap{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;font:800 12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.mantra i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:block}
.story-section,.botanical-section,.experience-section{padding:80px 0}.story-grid,.botanical-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.section-kicker{font:800 10px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}.section-title{font:500 clamp(39px,5vw,60px)/1.03 Georgia,serif;color:var(--primary);margin:9px 0 17px}.section-copy{font-size:16px;line-height:1.75;color:#655961}.image-card{min-height:410px;border-radius:30px;background:var(--hero) center/cover no-repeat;box-shadow:0 18px 45px rgba(52,32,56,.13);position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.25)}.image-card.secondary{background-image:url('assets/botanicals.jpg')}.reflect .image-card.secondary{background-image:url('assets/light.jpg')}.release .image-card.secondary{background-image:url('assets/kintsugi.jpg')}.restore .image-card.secondary{background-image:url('assets/botanicals.jpg')}.renew .image-card.secondary{background-image:url('assets/hummingbirds.jpg')}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,color-mix(in srgb,var(--primary) 28%,transparent))}
.botanical-section{background:rgba(255,255,255,.65);border-top:1px solid rgba(212,175,55,.16);border-bottom:1px solid rgba(212,175,55,.16)}.botanical-grid{grid-template-columns:1.1fr .9fr}.ingredient-list{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.ingredient-list span{padding:10px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:#fff;color:var(--primary);font-size:12px;font-weight:700}.scent-note{margin-top:20px;padding:18px 20px;border-left:4px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,white),rgba(255,255,255,.75));border-radius:0 16px 16px 0}.scent-note strong{display:block;color:var(--primary);font:700 13px Georgia,serif;margin-bottom:5px}.scent-note span{font-size:13px;color:#675c62}
.experience-heading{text-align:center;max-width:820px;margin:0 auto 34px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card{background:rgba(255,255,255,.92);border:1px solid rgba(212,175,55,.27);border-radius:24px;padding:28px;box-shadow:0 15px 38px rgba(53,32,55,.08)}.experience-card .num{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font:800 11px Arial,sans-serif}.experience-card h3{font:500 26px Georgia,serif;color:var(--primary);margin:18px 0 9px}.experience-card p{font-size:14px;line-height:1.65;color:#6c5f66}.experience-card small{display:block;margin-top:16px;color:var(--secondary);font:800 9px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.signature{padding:55px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,black),var(--secondary));color:#fff;text-align:center}.signature blockquote{max-width:820px;margin:0 auto;font:500 clamp(28px,4vw,46px)/1.2 Georgia,serif}.signature p{margin:16px 0 0;color:rgba(255,255,255,.82);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.journey-nav{padding:42px 0;background:#fffaf4}.journey-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.journey-row a{text-decoration:none}.journey-prev{text-align:left}.journey-next{text-align:right}.journey-row small{display:block;font:800 9px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#99868f}.journey-row strong{display:block;margin-top:5px;font:500 22px Georgia,serif;color:var(--primary)}.journey-home{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:21px}.collection-footer{background:#fff7ee;border-top:1px solid rgba(212,175,55,.2);padding:27px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row img{width:150px}.footer-row span{font:800 10px Arial,sans-serif;letter-spacing:.14em;color:#6a516c;text-transform:uppercase}.footer-row a{text-decoration:none;color:var(--primary);font-size:13px}
@media(max-width:900px){.navlinks>a:not(.order-btn),.collections{display:none}.hero-grid,.story-grid,.botanical-grid{grid-template-columns:1fr}.hero-art{min-height:440px}.story-grid .image-card{order:-1}.experience-grid{grid-template-columns:1fr}.logo-link{width:165px;flex-basis:165px}.mantra .wrap{gap:11px;letter-spacing:.12em}}
@media(max-width:620px){.collection-hero{padding:44px 0}.hero-art{min-height:360px}.collection-hero h1{font-size:58px}.hero-line{font-size:25px}.hero-actions{display:grid}.primary-action,.secondary-action{width:100%}.story-section,.botanical-section,.experience-section{padding:58px 0}.image-card{min-height:320px}.mantra .wrap{flex-wrap:wrap}.journey-row strong{font-size:18px}.footer-row{flex-direction:column;text-align:center}.logo-link{width:140px;flex-basis:140px}.nav{min-height:70px}.order-btn{padding:11px 15px}}

/* FINAL LIVE POLISH — COLLECTION IMAGE FIT — 2026-11-01 */
.logo-link img,.footer-row img{max-width:100%;object-fit:contain}
.hero-art,.image-card{background-position:center center;background-repeat:no-repeat}
@media(max-width:620px){
  .hero-art,.image-card{background-size:contain;background-color:rgba(255,255,255,.76)}
  .hero-art{min-height:360px}
  .image-card{min-height:320px}
}


/* COLIBRÍ COLLECTION INSPIRATION-CARD SYSTEM — 2026-11-01 */
/* Visual-only refinement: preserve page copy, collection palettes, links, and product availability. */
.collection-page{background:
  radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--highlight) 14%,transparent),transparent 24%),
  radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 24%),
  linear-gradient(180deg,#fffdf9 0%,var(--soft) 48%,#fffaf5 100%)}
.collection-hero{padding:54px 0 50px}
.collection-hero:before{opacity:.12}
.collection-hero .hero-grid{position:relative;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:0;align-items:stretch;padding:16px;background:rgba(255,255,255,.78);border:1px solid color-mix(in srgb,var(--accent) 58%,white);border-radius:38px;box-shadow:0 26px 70px rgba(51,31,63,.14),0 0 0 7px rgba(255,255,255,.52);overflow:hidden}
.collection-hero .hero-grid:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:31px;pointer-events:none;z-index:4}
.collection-hero .hero-copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,72px) clamp(34px,4.8vw,64px);background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(255,255,255,.86));border-radius:27px 0 0 27px}
.collection-hero .eyebrow{color:var(--primary);letter-spacing:.19em}
.collection-hero .status{background:color-mix(in srgb,var(--soft) 74%,white);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}
.collection-hero h1{font-size:clamp(58px,7vw,92px);line-height:.9;margin:19px 0 18px;letter-spacing:.012em;text-wrap:balance}
.collection-hero .hero-line{font-size:clamp(24px,2.5vw,34px);line-height:1.15;color:#33283b;text-wrap:balance}
.collection-hero .hero-copy>p:not(.hero-line){max-width:560px;color:#4f4652;line-height:1.72;font-size:16px}
.collection-hero .hero-art{z-index:5;min-height:560px;border-radius:0 27px 27px 0;border:0;background-color:color-mix(in srgb,var(--soft) 64%,white);background-size:contain;background-position:center center;background-repeat:no-repeat;box-shadow:none}
.collection-hero .hero-art:before{background:linear-gradient(180deg,rgba(255,255,255,.03),color-mix(in srgb,var(--primary) 10%,transparent))}
.collection-hero .hero-art:after{inset:16px;border:1px solid color-mix(in srgb,var(--accent) 56%,white);border-radius:20px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.16)}
.collection-hero .hero-quote{left:34px;right:34px;bottom:32px;padding:18px 22px;text-align:center;border-radius:13px;background:rgba(255,253,247,.94);border:1px solid color-mix(in srgb,var(--accent) 46%,white);box-shadow:0 12px 30px rgba(26,20,34,.13);backdrop-filter:blur(8px);font-size:20px;line-height:1.3;color:var(--primary)}
.collection-hero .hero-actions{margin-top:26px}
.collection-hero .primary-action,.collection-hero .secondary-action{min-height:44px;padding:13px 20px;border-radius:12px}

.mantra{padding:18px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.2)}
.story-section,.botanical-section,.experience-section{padding:62px 0}
.story-grid,.botanical-grid{position:relative;gap:0;align-items:stretch;padding:16px;background:rgba(255,255,255,.82);border:1px solid color-mix(in srgb,var(--accent) 34%,white);border-radius:32px;box-shadow:0 18px 52px rgba(50,31,58,.09);overflow:hidden}
.story-grid:before,.botanical-grid:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:25px;pointer-events:none;z-index:3}
.story-grid>div:not(.image-card),.botanical-grid>div:not(.image-card){position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,58px);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,252,247,.9))}
.story-grid .image-card,.botanical-grid .image-card{z-index:4;min-height:440px;border-radius:20px;border:0;box-shadow:none;background-color:color-mix(in srgb,var(--soft) 72%,white);background-repeat:no-repeat}
.story-grid .image-card{background-size:contain;background-position:center}
.botanical-grid .image-card.secondary{background-size:cover;background-position:center}
.section-kicker{letter-spacing:.2em}
.section-title{font-size:clamp(36px,4.2vw,54px);line-height:1.02;margin:10px 0 18px;text-wrap:balance}
.section-copy{max-width:680px;color:#4f4750;line-height:1.72}
.ingredient-list span{background:color-mix(in srgb,var(--soft) 48%,white);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}
.scent-note{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,white),rgba(255,255,255,.96));border:1px solid color-mix(in srgb,var(--accent) 34%,white);border-left:4px solid var(--accent);border-radius:12px}

.experience-section>.wrap{position:relative;padding:clamp(34px,4vw,52px);background:rgba(255,255,255,.84);border:1px solid color-mix(in srgb,var(--accent) 34%,white);border-radius:32px;box-shadow:0 18px 52px rgba(50,31,58,.09)}
.experience-section>.wrap:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:25px;pointer-events:none}
.experience-heading{position:relative;z-index:2;margin-bottom:30px}
.experience-grid{position:relative;z-index:2;gap:16px}
.experience-card{border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 34%,white);box-shadow:0 10px 28px rgba(53,32,55,.07);background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--soft) 42%,white))}
.experience-card h3{font-size:24px}
.signature{margin:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 94%,black),var(--secondary));border-top:6px solid color-mix(in srgb,var(--accent) 65%,white);border-bottom:6px solid color-mix(in srgb,var(--accent) 65%,white)}
.signature blockquote{text-wrap:balance}
.journey-nav{padding:34px 0}
.journey-row>a:not(.journey-home){padding:16px 18px;background:rgba(255,255,255,.82);border:1px solid color-mix(in srgb,var(--accent) 30%,white);border-radius:16px}

/* Collection-specific art focal points: fit the whole inspiration artwork cleanly. */
.pause .hero-art,.pause .story-grid .image-card{background-position:center 48%}
.reflect .hero-art,.reflect .story-grid .image-card{background-position:center 50%}
.release .hero-art,.release .story-grid .image-card{background-position:center 50%}
.restore .hero-art,.restore .story-grid .image-card{background-position:center 50%}
.renew .hero-art,.renew .story-grid .image-card{background-position:center 50%}

@media(max-width:900px){
  .collection-hero .hero-grid{grid-template-columns:1fr;padding:13px}
  .collection-hero .hero-copy{border-radius:24px 24px 0 0;padding:42px 34px;text-align:center;align-items:center}
  .collection-hero .hero-copy>p:not(.hero-line){margin-left:auto;margin-right:auto}
  .collection-hero .hero-art{border-radius:0 0 24px 24px;min-height:500px;background-size:contain}
  .story-grid,.botanical-grid{grid-template-columns:1fr;padding:13px}
  .story-grid .image-card,.botanical-grid .image-card{order:-1;min-height:430px;border-radius:20px 20px 0 0}
  .story-grid>div:not(.image-card),.botanical-grid>div:not(.image-card){border-radius:0 0 20px 20px;text-align:center;align-items:center}
  .section-copy{margin-left:auto;margin-right:auto}
  .ingredient-list{justify-content:center}
  .scent-note{text-align:left;max-width:680px;width:100%}
}
@media(max-width:620px){
  .collection-hero{padding:32px 0 36px}
  .collection-hero .hero-grid{border-radius:28px;padding:10px;box-shadow:0 18px 45px rgba(51,31,63,.12)}
  .collection-hero .hero-grid:before{inset:6px;border-radius:22px}
  .collection-hero .hero-copy{padding:34px 22px 30px;border-radius:19px 19px 0 0}
  .collection-hero h1{font-size:52px}
  .collection-hero .hero-line{font-size:23px}
  .collection-hero .hero-art{min-height:390px;border-radius:0 0 19px 19px;background-size:contain}
  .collection-hero .hero-art:after{inset:10px;border-radius:14px}
  .collection-hero .hero-quote{left:18px;right:18px;bottom:18px;padding:14px 15px;font-size:17px}
  .story-section,.botanical-section,.experience-section{padding:42px 0}
  .story-grid,.botanical-grid,.experience-section>.wrap{border-radius:25px;padding:10px}
  .story-grid:before,.botanical-grid:before,.experience-section>.wrap:before{inset:6px;border-radius:19px}
  .story-grid .image-card,.botanical-grid .image-card{min-height:330px}
  .story-grid>div:not(.image-card),.botanical-grid>div:not(.image-card){padding:30px 20px}
  .section-title{font-size:34px}
  .experience-section>.wrap{padding:30px 18px}
  .experience-card{padding:23px}
  .journey-row>a:not(.journey-home){padding:12px}
}
/* END COLIBRÍ COLLECTION INSPIRATION-CARD SYSTEM */