/* V7 / Lemon editorial product photography and a quieter transition from the hero. */
.brand-signature{display:flex;align-items:center;gap:38px;padding:20px var(--gutter);background:#faf9ed;border-top:1px solid #dce0cf;border-bottom:1px solid #dce0cf;color:#52684b;position:relative;z-index:2}
.signature-brand{display:flex;gap:13px;align-items:center;font:600 10px/1 var(--body);letter-spacing:.16em;white-space:nowrap}
.signature-brand img{width:29px;height:29px;object-fit:contain}
.signature-line{height:1px;background:#c8d0bb;flex:1;max-width:45%}
.signature-notes{display:flex;align-items:center;gap:24px;font:500 10px/1.6 var(--body);letter-spacing:.08em}
.signature-notes i{width:3px;height:3px;background:#a9b278;border-radius:50%;flex:none}
.hero-cinematic .hero-scroll{display:none}
.hero-cinematic .cinematic-visual-note{left:auto;right:calc(var(--gutter) + 165px);bottom:23px;max-width:38ch;font-size:8px;line-height:1.6}
.hero-cinematic .pop-motion-toggle{bottom:21px;box-shadow:none;border-color:#c6ceb9;font:400 10px/1.5 var(--body)}

/* Original brand display panels, never third-party award reproductions. */
.brand-atelier{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(35px,5vw,85px);background:linear-gradient(115deg,#f7f7ebd9,#fffdf4e6 58%,#edf0dfad);position:relative;isolation:isolate;overflow:clip;padding-top:80px;padding-bottom:72px;color:#294430}
.brand-atelier::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(126deg,transparent 45%,#fffef265 53%,transparent 62%,#fffef17a 65%,transparent 76%);pointer-events:none}
.atelier-copy>.eyebrow{font-size:10px;letter-spacing:.2em;color:#718164;margin-bottom:25px}
.atelier-copy h2{font:500 clamp(38px,3.8vw,59px)/1.22 var(--body);letter-spacing:-.052em;max-width:11em;text-wrap:balance}
.atelier-description{font:400 13px/2 var(--body);color:#72806a;max-width:43ch;margin-top:25px}
.atelier-figures{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin-top:35px;padding-top:26px;border-top:1px solid #d2dac5;max-width:460px}
.atelier-figures>div+div{padding-left:29px;border-left:1px solid #d2dac5}
.atelier-figures strong{font:600 clamp(41px,4.2vw,60px)/1 Bricolage,BeVietnam,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.atelier-figures strong>span{font-size:.56em;margin-left:2px}
.atelier-figures p{font-size:10px;line-height:1.8;color:#748169;max-width:25ch;margin-top:11px}
.atelier-link{display:inline-flex;gap:32px;align-items:center;margin-top:31px;padding-bottom:10px;border-bottom:1px solid #8a9b76;font:500 11px/1.6 var(--body);color:#405737}
.atelier-link svg{width:20px;height:20px;transition:transform .2s}
.atelier-link:hover svg{transform:translate(2px,-2px)}
.atelier-display{position:relative;isolation:isolate;height:590px;min-width:0;max-width:720px;width:100%;justify-self:end}
.atelier-canopy{position:absolute;inset:0 -8% 10% 25%;background:linear-gradient(90deg,#fffdf2,transparent 60%),url('assets/brand-support/orchard.webp') 20% 20%/cover;opacity:.075;filter:blur(4px);border-radius:45% 0 0 50%;z-index:-2;pointer-events:none}
.atelier-plinth{position:absolute;background:linear-gradient(90deg,#eee9d8,#fdfbf1 38%,#eee9da 88%,#e0dccd);border-radius:50% / 16%;box-shadow:0 22px 18px -19px #45503755,inset 0 -2px 0 #d3cdbb99;z-index:1}
.atelier-plinth::before{content:"";position:absolute;left:0;right:0;top:0;height:29%;border-radius:50%;background:linear-gradient(150deg,#fffffa,#f5f2e7 75%);border:1px solid #fffef4;box-shadow:inset 0 -1px 0 #d2cdbb40}
.atelier-plinth--back{left:28%;width:72%;height:95px;bottom:83px;z-index:0}
.atelier-plinth--front{left:-2%;width:103%;height:95px;bottom:8px}
.atelier-frame{position:absolute;width:35%;aspect-ratio:2/3;padding:5px;background:linear-gradient(115deg,#b8ac89,#ede7cf 20%,#b9ab86 48%,#ece5ce 70%,#b7a67d);border:1px solid #d2c6a2;box-shadow:0 17px 15px -9px #34412559,inset 0 0 0 1px #ffffedbd;z-index:3;transform-origin:50% 100%;color:#4c5c3b}
.atelier-frame--fruit{left:0;bottom:91px;transform:rotate(-4deg);z-index:4}
.atelier-frame--tea{left:32%;width:38%;bottom:147px;transform:rotate(2deg);z-index:2}
.atelier-frame--identity{right:-1%;width:33%;bottom:60px;transform:rotate(3deg);z-index:5}
.atelier-frame-paper{height:100%;padding:clamp(13px,1.35vw,22px) clamp(10px,1.2vw,18px) 15px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:linear-gradient(#fffff7ee,#faf7e9ee),url('assets/backgrounds/sunlit-linen.webp') center/cover;border:1px solid #b9b293}
.atelier-frame-paper::before{content:"";position:absolute;inset:7px;border:1px solid #b7bb9a66;pointer-events:none}
.atelier-frame-kicker{font:500 clamp(5px,.48vw,7px)/1.7 var(--body);letter-spacing:.08em;color:#90977c;margin-bottom:21%;white-space:nowrap}
.atelier-frame-logo{width:42%;height:auto;max-height:105px;object-fit:contain;margin-top:-3%}
.atelier-botanical{width:55%;height:112px;color:#879875;display:grid;place-items:center;margin-top:-3%}
.atelier-botanical svg{width:100%;height:100%}
.atelier-frame-mot{width:53%;height:auto;margin-top:5%;margin-bottom:4%}
.atelier-frame-rule{width:25%;height:1px;background:#c4b667;margin:15% 0 12%;flex:none}
.atelier-frame h3{font:500 clamp(10px,.82vw,13px)/1.65 var(--body);letter-spacing:.035em;color:#4d6041;max-width:17ch;text-transform:uppercase}
.atelier-frame-text{font-size:clamp(6px,.55vw,8px);line-height:1.9;color:#8a927a;max-width:24ch;margin-top:11px}
.atelier-frame-footer{font:400 5px/1.7 var(--body);letter-spacing:.08em;color:#aaa98c;margin-top:auto;padding-top:12px;white-space:nowrap}
.atelier-showcase-note{position:absolute;bottom:-30px;right:0;width:90%;font-size:8px;line-height:1.8;text-align:right;color:#939c84;z-index:6}

/* Product stage: complete close-up cup, quiet colour, precise original artwork. */
#products{background:linear-gradient(130deg,#fbfaf0d9,#fffef7d9 55%,#f0f2e5c7);padding-top:78px;padding-bottom:80px}
#products .section-heading{gap:50px;align-items:end;margin-bottom:0}
#products .section-heading h2{font:500 clamp(36px,3.6vw,55px)/1.2 var(--body);letter-spacing:-.045em;max-width:16em;text-wrap:balance}
#products .section-heading .eyebrow{font-size:9px;color:#6a7a5b;letter-spacing:.18em}
#products .section-intro{font-size:12px;line-height:1.9;color:#7a836f;max-width:33ch;padding-bottom:3px}
#products .product-toolbar{margin:30px 0 25px;padding-bottom:19px;border-color:#d5ddc9}
#products .product-filters button{border-radius:25px;padding:9px 17px;font-size:10px;min-height:38px;border-color:#d5ddc9;box-shadow:none;background:transparent}
#products .product-filters button[aria-pressed=true]{background:#3b5736;border-color:#3b5736;color:#fffef3}
#products .product-filters button:hover:not([aria-pressed=true]){background:#f0f0d2;border-color:#bfc8a5}
#products #product-count{font-size:10px;color:#7c886d}
#products .product-grid{max-width:1400px;gap:25px 32px;margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
#products .product-card{min-width:0}
#products .product-open{position:relative;padding:0;border-radius:0}
#products .product-visual.product-pop-visual{width:100%;max-width:none;height:auto;min-height:0;max-height:none;aspect-ratio:.8;margin:0;isolation:isolate;background:transparent;border:0;overflow:visible}
:is(#products,#product-detail) .product-pop-backdrop,:is(#products,#product-detail) .product-pop-number,:is(#products,#product-detail) .product-pop-outline{display:none}
:is(#products,#product-detail) .product-pop-visual::after{content:none}
#products .product-visual::before{content:"";position:absolute;inset:16% 1% 0;background:radial-gradient(ellipse at 50% 73%,var(--product-glow,#dce6bb55),transparent 65%);pointer-events:none;z-index:0}
:is(#products,#product-detail) .product-pop-visual{--label-left:50.5%;--label-top:60%;--label-width:25%;--cup-angle:0deg;--cup-y-shift:0%;--product-glow:#efd28155}
:is(#products,#product-detail) .product-visual--passion{--product-glow:#ebdd8055}
:is(#products,#product-detail) .product-visual--lychee{--product-glow:#e7e8be66}
:is(#products,#product-detail) .product-visual--jasmine{--product-glow:#dce5b455}
:is(#products,#product-detail) .product-visual--berry{--product-glow:#ecc2b355}
:is(#products,#product-detail) .product-visual--milk{--product-glow:#e9d5b855}
:is(#products,#product-detail) .product-pop-visual .product-scene{position:absolute;inset:auto;left:50%;top:50%;height:108%;width:auto;max-width:none;aspect-ratio:2/3;transform:translate(-50%,calc(-50% + var(--cup-y-shift)));transform-origin:50% 70%;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:none;z-index:2}
:is(#products,#product-detail) .product-pop-visual .product-image{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;transform:none;filter:drop-shadow(0 13px 8px #4a482114);transition:none}
:is(#products,#product-detail) .product-pop-visual .product-scene .product-logo{position:absolute;inset:auto;left:var(--label-left);top:var(--label-top);width:var(--label-width);height:auto;max-width:none;transform:translate(-50%,-50%);opacity:1;filter:none;mix-blend-mode:normal;transition:none}
#products .product-info{padding:17px 3px 21px;border-bottom:1px solid #cbd5bd;align-items:center;gap:12px}
#products .product-series{font:400 8px/1.5 var(--body);letter-spacing:.14em;color:#8a957b;margin-bottom:6px}
#products .product-info h3{font:500 clamp(15px,1.4vw,21px)/1.55 var(--body);letter-spacing:-.035em;min-height:0;color:#334c30}
#products .product-arrow{width:35px;height:35px;border:1px solid #c4ceb5;border-radius:50%;background:transparent;box-shadow:none;color:#658157;transition:background .25s,border-color .25s}
#products .product-arrow svg{width:15px;height:15px;display:block}
#products .product-open:hover .product-arrow{box-shadow:none;background:#eaf0d9;border-color:#a9b893}
#products .product-note{font-size:9px;color:#929a84;line-height:1.8;margin-top:25px}
#product-detail .detail-visual.product-pop-visual{position:relative;width:100%;height:auto;min-height:540px;max-height:none;aspect-ratio:.8;margin:0;background:radial-gradient(ellipse at 50% 65%,#edf0d1,#fffef5 73%);overflow:visible;border:0}
#product-detail .detail-visual .product-scene{height:101%;top:50%}
#product-detail .detail-copy{background:#fffef7}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) #products .product-open:hover .product-pop-visual .product-scene,html:not([data-motion=paused]) #products .product-open:focus-visible .product-pop-visual .product-scene{transform:translate(-50%,calc(-50% + var(--cup-y-shift) - 7px)) scale(1.018)}#products .product-open:hover .product-image,#products .product-open:hover .product-logo{transform:none}#products .product-open:hover .product-scene .product-logo{transform:translate(-50%,-50%)}}
@media(max-width:1100px){.brand-signature{gap:25px}.signature-notes{font-size:9px;gap:16px}.brand-atelier{gap:28px;padding-top:70px;padding-bottom:70px}.atelier-display{height:520px}.atelier-copy h2{font-size:39px}.atelier-description{font-size:12px}.atelier-figures{gap:18px}.atelier-figures>div+div{padding-left:18px}.atelier-figures strong{font-size:43px}.atelier-figures p{font-size:9px}.atelier-frame--fruit{bottom:91px}.atelier-frame--tea{bottom:147px}.atelier-frame--identity{bottom:60px}.atelier-frame-kicker{margin-bottom:16%}.atelier-frame-text{font-size:7px}.atelier-frame h3{font-size:10px}.atelier-frame-rule{margin:12% 0 9%}.atelier-botanical{height:87px}.atelier-frame-logo{max-height:87px}.atelier-frame-footer{font-size:4px}.atelier-showcase-note{bottom:-26px;font-size:7px}#products .product-grid{gap:25px 24px}#products .product-info h3{font-size:17px}#products .section-heading h2{font-size:41px}#products .section-intro{font-size:11px}#product-detail .detail-visual.product-pop-visual{min-height:460px}}
@media(max-width:800px){.brand-atelier{grid-template-columns:1fr;gap:16px;padding-top:60px;padding-bottom:60px}.atelier-copy{max-width:590px}.atelier-copy h2{max-width:14em;font-size:42px}.atelier-description{max-width:50ch}.atelier-figures{max-width:470px;margin-top:25px}.atelier-display{width:min(100%,610px);height:560px;justify-self:center}.atelier-frame-kicker{font-size:6px}.atelier-frame h3{font-size:12px}.atelier-frame-text{font-size:8px}.atelier-frame-footer{font-size:5px}.atelier-botanical{height:105px}.atelier-frame-logo{max-height:100px}.atelier-showcase-note{bottom:-21px;font-size:8px}.signature-line{display:none}.brand-signature{justify-content:space-between;gap:20px}.signature-brand{font-size:9px}.signature-notes{font-size:8px;gap:12px}}
@media(max-width:700px){#products{padding-top:57px;padding-bottom:60px}#products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}#products .product-toolbar{margin:24px 0 22px}#products .section-heading{display:block}#products .section-heading h2{font-size:35px;max-width:12em}#products .section-intro{margin-top:18px;max-width:39ch;font-size:11px}#products .product-info{padding:13px 1px 16px;gap:7px;align-items:flex-start}#products .product-info h3{font-size:15px;line-height:1.5}#products .product-arrow{width:27px;height:27px;margin-top:13px}#products .product-arrow svg{width:12px;height:12px}#products .product-series{font-size:7px;letter-spacing:.06em}#products .product-filters{gap:5px}#products .product-filters button{font-size:9px;padding:9px 11px;min-height:35px}#products .product-visual.product-pop-visual{aspect-ratio:.77}#products #product-count{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#product-detail .detail-visual.product-pop-visual{min-height:0;aspect-ratio:.83;max-height:none}#product-detail .detail-visual .product-scene{height:102%}}
@media(max-width:600px){.brand-signature{padding-top:15px;padding-bottom:15px;gap:18px}.signature-brand{font-size:8px;letter-spacing:.1em;gap:9px}.signature-brand img{width:23px;height:23px}.signature-notes{font-size:8px;gap:9px}.signature-notes>i{width:2px;height:2px}.signature-notes>span:last-child,.signature-notes>i:last-of-type{display:none}.hero-cinematic .cinematic-visual-note{left:auto;right:auto;bottom:auto;max-width:42ch;font-size:8px}.hero-cinematic .pop-motion-toggle{bottom:44px;font-size:9px}.atelier-copy h2{font-size:34px}.atelier-copy>.eyebrow{font-size:8px;margin-bottom:19px}.atelier-description{font-size:11px;margin-top:21px}.atelier-figures{gap:18px;margin-top:25px;padding-top:23px}.atelier-figures strong{font-size:42px}.atelier-figures p{font-size:9px}.atelier-link{font-size:10px;margin-top:25px}.atelier-display{height:410px;margin-top:19px}.atelier-frame{padding:3px}.atelier-frame-paper{padding:12px 9px 11px}.atelier-frame-paper::before{inset:4px}.atelier-frame--fruit{bottom:80px}.atelier-frame--tea{bottom:113px}.atelier-frame--identity{bottom:49px}.atelier-frame-kicker{font-size:4px;margin-bottom:14%}.atelier-frame-logo{max-height:64px}.atelier-botanical{height:66px}.atelier-frame h3{font-size:8px;line-height:1.5}.atelier-frame-text{font-size:5px;line-height:1.7;margin-top:7px}.atelier-frame-footer{font-size:3px;padding-top:7px}.atelier-frame-rule{margin:11% 0 9%}.atelier-plinth--back{height:65px;bottom:65px}.atelier-plinth--front{height:70px;bottom:5px}.atelier-showcase-note{width:100%;bottom:-20px;font-size:6px}.brand-atelier{padding-bottom:48px}}
@media(max-width:360px){.signature-brand{font-size:7px}.signature-notes{font-size:7px;gap:7px}.brand-signature{gap:12px}.atelier-copy h2{font-size:31px}.atelier-figures strong{font-size:36px}.atelier-figures{gap:15px}.atelier-figures>div+div{padding-left:15px}.atelier-display{height:370px}.atelier-frame-text{font-size:4.5px}.atelier-frame-footer{font-size:2.7px}.atelier-frame h3{font-size:7px}#products .product-grid{gap:18px 12px}#products .product-info h3{font-size:13px}#products .product-arrow{width:24px;height:24px}#products .product-filters button{font-size:8px;padding:9px}#products .section-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){:is(#products,#product-detail) .product-pop-visual .product-scene,.atelier-link svg{transition:none!important}}

html[data-motion=paused] :is(#products,#product-detail) .product-pop-visual .product-scene{transition:none}
/* Keep the three mobile display panels close to the brand text instead of an empty stage. */
@media(max-width:600px){.atelier-display{height:315px;margin-top:0}.atelier-frame-kicker{font-size:5px}.atelier-frame-text{display:none}.atelier-frame h3{font-size:9px}.atelier-frame-footer{font-size:4px;white-space:normal;line-height:1.5}}
@media(max-width:360px){.atelier-display{height:280px}.atelier-frame h3{font-size:8px}.atelier-frame-kicker{font-size:4px}.atelier-frame-footer{font-size:3.5px}}
@media(max-width:600px){.atelier-showcase-note{font-size:8px;line-height:1.6;text-align:left;bottom:-30px}}
.atelier-frame--identity .atelier-frame-kicker{margin-bottom:10%}
.atelier-frame--identity .atelier-frame-mot{margin-top:3%;margin-bottom:2%}

/* Optical baseline: retain each full source canvas and align the visible cup bottoms. */
:is(#products,#product-detail) .product-visual--mango{--cup-y-shift:-2.2786458333%}
:is(#products,#product-detail) .product-visual--lychee{--cup-y-shift:.78125%}
:is(#products,#product-detail) .product-visual--jasmine{--cup-y-shift:1.6276041667%}
:is(#products,#product-detail) .product-visual--berry{--cup-y-shift:1.8229166667%}
:is(#products,#product-detail) .product-visual--milk{--cup-y-shift:2.4739583333%}
@media(max-width:700px){#products .product-info h3{min-height:3em}}

/* Final reference direction: six individual colour stories and natural still-life sets. */
:is(#products,#product-detail) .product-visual--mango{--campaign-photo:url('assets/backgrounds-v7/mango.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-visual--passion{--campaign-photo:url('assets/backgrounds-v7/passion.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-visual--lychee{--campaign-photo:url('assets/backgrounds-v7/lychee.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-visual--jasmine{--campaign-photo:url('assets/backgrounds-v7/jasmine.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-visual--berry{--campaign-photo:url('assets/backgrounds-v7/berry.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-visual--milk{--campaign-photo:url('assets/backgrounds-v7/milk.webp');--campaign-position:50% 100%}
:is(#products,#product-detail) .product-pop-backdrop{display:block;inset:8% 0 1%;width:auto;height:auto;border-radius:10px;transform:none;background:var(--campaign-photo) var(--campaign-position,50% 100%)/cover no-repeat;opacity:1;filter:none;border:1px solid #eee9d266;box-shadow:inset 0 0 0 1px #ffffff24;z-index:0}
:is(#products,#product-detail) .product-pop-backdrop::after{content:none;display:none}
:is(#products,#product-detail) .product-pop-visual::after{content:"";position:absolute;inset:auto;left:20%;bottom:1.6%;width:60%;height:3.3%;border-radius:50%;background:#5146273b;filter:blur(9px);opacity:.65;z-index:1;pointer-events:none}
#products .product-visual::before{display:none}
#product-detail .detail-visual.product-pop-visual{background:transparent}
#product-detail .product-pop-backdrop{inset:8% 3% 2%}
@media(max-width:700px){:is(#products,#product-detail) .product-pop-backdrop{border-radius:7px}:is(#products,#product-detail) .product-pop-visual::after{filter:blur(5px)}}