.product-page{background:#fff}
.product-meta{height:52px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:9px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.product-meta a{border-bottom:1px solid transparent;transition:border-color .2s}.product-meta a:hover{border-color:currentColor}
.product-hero{min-height:calc(100vh - 176px);display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}
.product-visual{position:relative;min-height:690px;overflow:hidden;background:#f5f5f3;display:grid;place-items:center;border-right:1px solid var(--line)}
.product-visual>img{position:relative;z-index:2;width:auto;height:min(68vh,570px);max-width:72%;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(0,0,0,.1));transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease,opacity .65s ease}
.olfactive-reveal{position:absolute;inset:0;z-index:1;overflow:hidden;background:#eeeeec;opacity:0;transform:scale(1.035);transition:opacity .65s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.olfactive-reveal img{width:100%;height:100%;object-fit:cover;filter:saturate(.48) contrast(.88) brightness(1.05)}
.olfactive-reveal picture{display:block;width:100%;height:100%}.olfactive-reveal picture img{display:block;width:100%;height:100%;object-fit:cover}
.product-bergamot .olfactive-reveal img{filter:saturate(.76) contrast(.9) brightness(1.02)}
.product-amber .olfactive-reveal img{filter:saturate(.68) contrast(.9) brightness(1.03)}
.product-cassie .olfactive-reveal img{filter:saturate(.94) contrast(.97) brightness(1.01)}
.product-rose .olfactive-reveal img{width:106%;max-width:none;transform:translateX(-6%);filter:saturate(.78) contrast(.94) brightness(1.02)}
.product-green .olfactive-reveal img{filter:saturate(.88) contrast(.95) brightness(1.01)}
.product-aera .olfactive-reveal img{filter:saturate(.9) contrast(.96) brightness(1.01)}
.olfactive-reveal::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(245,245,243,.9) 0 18%,rgba(245,245,243,.28) 42%,rgba(245,245,243,.04) 70%)}
.product-cassie .olfactive-reveal::after{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.18) 0 18%,rgba(255,255,255,.06) 42%,rgba(255,255,255,0) 70%)}
.product-rose .olfactive-reveal::after{background:radial-gradient(circle at 50% 48%,rgba(239,241,243,.34) 0 18%,rgba(239,241,243,.1) 40%,rgba(239,241,243,0) 70%)}
.product-green .olfactive-reveal::after{background:radial-gradient(circle at 50% 48%,rgba(248,248,246,.24) 0 18%,rgba(248,248,246,.06) 42%,rgba(248,248,246,0) 70%)}
.product-aera .olfactive-reveal::after{background:radial-gradient(circle at 50% 48%,rgba(249,248,245,.18) 0 18%,rgba(249,248,245,.04) 42%,rgba(249,248,245,0) 70%)}
.olfactive-reveal span{position:absolute;z-index:1;top:34px;right:4vw;font:8px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.11em;opacity:0;transform:translateY(8px);transition:opacity .4s .25s ease,transform .4s .25s ease}
.product-visual:hover .olfactive-reveal,.product-visual:focus-visible .olfactive-reveal,.product-visual.is-revealed .olfactive-reveal{opacity:.92;transform:scale(1)}
.product-cassie .product-visual:hover .olfactive-reveal,.product-cassie .product-visual:focus-visible .olfactive-reveal,.product-cassie .product-visual.is-revealed .olfactive-reveal{opacity:1}
.product-rose .product-visual:hover .olfactive-reveal,.product-rose .product-visual:focus-visible .olfactive-reveal,.product-rose .product-visual.is-revealed .olfactive-reveal{opacity:1}
.product-green .product-visual:hover .olfactive-reveal,.product-green .product-visual:focus-visible .olfactive-reveal,.product-green .product-visual.is-revealed .olfactive-reveal{opacity:1}
.product-aera .product-visual:hover .olfactive-reveal,.product-aera .product-visual:focus-visible .olfactive-reveal,.product-aera .product-visual.is-revealed .olfactive-reveal{opacity:1}
.product-cassie .product-visual::before{content:"";position:absolute;z-index:2;left:50%;top:calc(50% + min(24vh,200px));width:min(25vw,198px);height:28px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(54,43,26,.34) 0 13%,rgba(87,59,20,.2) 22%,rgba(150,101,26,.1) 45%,rgba(150,101,26,0) 73%),radial-gradient(ellipse at center,rgba(80,65,44,.16) 0 28%,rgba(80,65,44,0) 76%);filter:blur(4px);opacity:0;transition:opacity .65s ease}
.product-cassie .product-visual:hover::before,.product-cassie .product-visual:focus-visible::before,.product-cassie .product-visual.is-revealed::before{opacity:1}
.product-rose .product-visual::before{content:"";position:absolute;z-index:2;left:50%;top:calc(50% + min(24vh,204px));width:min(18vw,138px);height:12px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(18,19,20,.58) 0 16%,rgba(31,32,34,.34) 30%,rgba(52,53,55,.12) 56%,rgba(52,53,55,0) 82%);filter:blur(1.2px);box-shadow:0 5px 12px rgba(36,37,39,.08);opacity:0;transition:opacity .65s ease}
.product-rose .product-visual:hover::before,.product-rose .product-visual:focus-visible::before,.product-rose .product-visual.is-revealed::before{opacity:1}
.product-green .product-visual::before{content:"";position:absolute;z-index:2;left:50%;top:calc(50% + min(24vh,204px));width:min(18vw,138px);height:12px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(26,31,25,.48) 0 16%,rgba(43,49,42,.27) 30%,rgba(76,81,73,.1) 56%,rgba(76,81,73,0) 82%);filter:blur(1.5px);opacity:0;transition:opacity .65s ease}
.product-green .product-visual:hover::before,.product-green .product-visual:focus-visible::before,.product-green .product-visual.is-revealed::before{opacity:1}
.product-aera .product-visual::before{content:"";position:absolute;z-index:2;left:50%;top:calc(50% + min(20vh,166px));width:min(15vw,112px);height:8px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(35,38,31,.34) 0 18%,rgba(55,58,50,.18) 38%,rgba(79,82,73,0) 76%);filter:blur(1px);opacity:0;transition:opacity .65s ease}
.product-aera .product-visual:hover::before,.product-aera .product-visual:focus-visible::before,.product-aera .product-visual.is-revealed::before{opacity:1}
.product-visual:hover>img,.product-visual:focus-visible>img,.product-visual.is-revealed>img{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 34px 31px rgba(0,0,0,.14))}
.product-cassie .product-visual:hover>img,.product-cassie .product-visual:focus-visible>img,.product-cassie .product-visual.is-revealed>img{opacity:1;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 28px 25px rgba(0,0,0,.1))}
.product-rose .product-visual>img,.product-rose .product-visual:hover>img,.product-rose .product-visual:focus-visible>img,.product-rose .product-visual.is-revealed>img{opacity:1;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 3px 2px rgba(22,23,24,.28)) drop-shadow(0 14px 16px rgba(22,23,24,.1))}
.product-green .product-visual>img,.product-green .product-visual:hover>img,.product-green .product-visual:focus-visible>img,.product-green .product-visual.is-revealed>img{opacity:1;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 3px 2px rgba(24,29,23,.24)) drop-shadow(0 14px 16px rgba(24,29,23,.09))}
.product-aera .product-visual>img,.product-aera .product-visual:hover>img,.product-aera .product-visual:focus-visible>img,.product-aera .product-visual.is-revealed>img{opacity:1;mix-blend-mode:normal;transform:none;filter:drop-shadow(0 3px 2px rgba(26,30,24,.24)) drop-shadow(0 14px 16px rgba(26,30,24,.09))}
.product-visual:hover .olfactive-reveal span,.product-visual:focus-visible .olfactive-reveal span,.product-visual.is-revealed .olfactive-reveal span{opacity:1;transform:none}
.product-visual:focus-visible{outline:1px solid #111;outline-offset:-5px}
.product-index{position:absolute;top:34px;left:4vw;font:9px 'DM Mono',monospace}
.product-name-field{position:absolute;left:4vw;bottom:72px;color:#e1e1de;font:400 clamp(74px,8vw,132px)/.78 'Libre Caslon Display',Georgia,serif;letter-spacing:-.055em}
.product-visual>p{position:absolute;z-index:3;left:4vw;bottom:24px;margin:0;font:8px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.reveal-control{position:absolute;z-index:4;right:4vw;bottom:22px;display:flex;gap:18px;align-items:center;padding:7px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#111;font:8px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.reveal-control i{font:normal 15px/1 Manrope,Arial,sans-serif}
.product-purchase{padding:7vw 7vw 5vw;display:flex;flex-direction:column;justify-content:center}
.product-purchase h1{margin:34px 0 30px;font:400 clamp(68px,6.8vw,108px)/.84 'Libre Caslon Display',Georgia,serif;letter-spacing:-.055em}
.product-intro{max-width:560px;margin:0 0 42px;color:var(--muted);font-size:16px;line-height:1.75}
.product-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-facts div{padding:20px 0;display:grid;gap:6px}.product-facts div+div{padding-left:28px;border-left:1px solid var(--line)}
.product-facts span,.product-order label{font:8px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.product-facts strong{font-weight:500}
.product-order{display:grid;grid-template-columns:auto 112px 1fr;gap:22px;align-items:center;padding:26px 0}
.quantity-control{height:42px;display:grid;grid-template-columns:34px 1fr 34px;border:1px solid var(--line)}
.quantity-control button{border:0;background:#fff;font-size:17px;cursor:pointer}.quantity-control output{display:grid;place-items:center;font:11px 'DM Mono',monospace}
.product-price{justify-self:end;font:400 28px/1 'Libre Caslon Display',Georgia,serif}
.add-button{min-height:68px;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid #111;background:#111;color:#fff;font:600 15px/1.2 Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}.add-button span{width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:400 18px/1 Arial,sans-serif;transition:background .25s,color .25s,transform .25s}.add-button:hover,.add-button:focus-visible{background:#fff;color:#111}.add-button:hover span,.add-button:focus-visible span{background:#111;color:#fff;transform:translateX(3px)}.add-button:focus-visible{outline:2px solid #111;outline-offset:4px}
.prototype-note{margin:10px 0 0;color:#777;font:8px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.purchase-support{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.purchase-support p{margin:0 0 7px}.purchase-support a{color:#111;border-bottom:1px solid}
.product-story,.product-notes{padding:11vw 7vw}
.story-grid{display:grid;grid-template-columns:1.3fr .5fr;gap:9vw;align-items:end;margin-top:8vw}
.story-grid h2,.product-notes h2{margin:0;font:400 clamp(64px,8vw,122px)/.9 'Libre Caslon Display',Georgia,serif;letter-spacing:-.05em}.story-grid h2 em,.product-notes h2 em{font-weight:400}.story-grid>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.product-notes{background:#111;color:#fff}.product-notes .section-meta{border-color:rgba(255,255,255,.25)}.product-notes h2{margin:8vw 0 6vw}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.notes-grid article{min-height:310px;padding:34px 3vw}.notes-grid article+article{border-left:1px solid rgba(255,255,255,.28)}.notes-grid span{font:500 13px/1.2 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.notes-grid p{margin:80px 0 0;font:400 clamp(30px,3vw,46px)/1.14 'Libre Caslon Display',Georgia,serif}
.collection-return{min-height:250px;padding:48px 7vw;display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr) 40px;gap:36px;align-items:center;border-bottom:1px solid var(--line);transition:background .25s,color .25s}.collection-return:hover{background:#111;color:#fff}.collection-return span{font:500 12px/1.35 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.collection-return strong{font:400 clamp(42px,5vw,74px)/1 'Libre Caslon Display',Georgia,serif}.collection-return i{width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:normal 18px/1 Arial,sans-serif;transition:transform .25s,background .25s,color .25s}.collection-return:hover i,.collection-return:focus-visible i{background:#fff;color:#111;transform:translate(3px,-3px)}.collection-return:focus-visible{outline:2px solid #111;outline-offset:-6px}
.product-footer{margin-top:0}

@media(max-width:1180px){.product-hero{min-height:auto;grid-template-columns:1fr}.product-visual{min-height:700px;border-right:0;border-bottom:1px solid var(--line)}.product-aera .olfactive-reveal{background:#f3f2ee}.product-aera .olfactive-reveal picture img{object-fit:cover;object-position:50% 50%}.product-purchase{padding:90px 8vw}.product-purchase h1{font-size:88px}}
@media(max-width:760px){
  .product-meta{height:46px;padding:0 20px}.product-meta span{max-width:160px;text-align:right}
  .product-green .olfactive-reveal img{object-position:38% 50%}.product-aera .olfactive-reveal picture img{object-position:50% 50%}
  .product-visual{min-height:520px}.product-visual>img{height:390px;max-width:78%}.olfactive-reveal span{top:22px;right:20px}.product-index{top:22px;left:20px}.product-name-field{left:20px;bottom:76px;font-size:70px}.product-visual>p{left:20px;right:155px;bottom:18px}.reveal-control{right:20px;bottom:18px}.product-cassie .product-visual::before{top:calc(50% + 137px);width:138px;height:20px;filter:blur(3px)}.product-rose .product-visual::before,.product-green .product-visual::before{top:calc(50% + 140px);width:98px;height:9px;filter:blur(1px);box-shadow:0 4px 9px rgba(36,37,39,.08)}.product-aera .product-visual::before{top:calc(50% + 116px);width:78px;height:6px;filter:blur(.8px);box-shadow:none}
  .product-purchase{padding:72px 20px}.product-purchase h1{margin:28px 0 24px;font-size:61px}.product-intro{font-size:14px;margin-bottom:34px}
  .product-order{grid-template-columns:1fr 112px;gap:15px}.product-order label{grid-column:1}.quantity-control{grid-column:1}.product-price{grid-column:2;grid-row:2;font-size:25px}
  .add-button{min-height:62px;padding-left:20px;font-size:14px}.add-button span{width:32px;height:32px;font-size:16px}.add-button:active{transform:scale(.99)}
  .product-story,.product-notes{padding:88px 20px}.story-grid{grid-template-columns:1fr;gap:34px;margin-top:64px}.story-grid h2,.product-notes h2{font-size:55px}.story-grid>p{font-size:14px}
  .product-notes h2{margin:64px 0 48px}.notes-grid{grid-template-columns:1fr}.notes-grid article{min-height:auto;padding:28px 0;display:grid;grid-template-columns:80px 1fr}.notes-grid article+article{border-left:0;border-top:1px solid rgba(255,255,255,.28)}.notes-grid p{margin:0;font-size:34px}
  .collection-return{min-height:220px;padding:40px 20px;grid-template-columns:1fr 32px;gap:18px}.collection-return span{grid-column:1/3;font-size:10px}.collection-return strong{font-size:43px}.collection-return i{grid-column:2;grid-row:2;width:32px;height:32px;font-size:16px}.collection-return:active i{background:#fff;color:#111;transform:translate(2px,-2px)}
}
@media(hover:none){.product-visual:hover .olfactive-reveal{opacity:0;transform:scale(1.035)}.product-visual:hover>img{transform:none;filter:drop-shadow(0 28px 25px rgba(0,0,0,.1))}.product-visual:hover .olfactive-reveal span{opacity:0;transform:translateY(8px)}.product-visual.is-revealed .olfactive-reveal{opacity:.92;transform:scale(1)}.product-visual.is-revealed>img{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 34px 31px rgba(0,0,0,.14))}.product-visual.is-revealed .olfactive-reveal span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.olfactive-reveal,.olfactive-reveal span,.product-visual>img{transition:none}}
