:root{--ink:#1a293a;--muted:#526477;--paper:#f4faff;--line:#d7e4ee;--accent:#0961ce;--ice:#e6f6ff;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
img{max-width:100%;display:block;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.08}
h1{font-size:clamp(46px,6vw,86px)}
h2{font-size:clamp(36px,4vw,58px)}
p{line-height:1.65}
button{border:0;background:none}
button:disabled{opacity:.4;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-70px;padding:12px 20px;background:var(--ink);color:#fff;z-index:100}
.skip-link:focus{top:10px}
.site-header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}
.wordmark{display:block;width:96px;line-height:1;flex-shrink:0}
.wordmark img{width:100%;height:auto}
.site-header nav{display:flex;gap:35px;font-size:12px;font-weight:500}
.site-header nav a{transition:opacity .2s}
.site-header nav a:hover{opacity:.55}
.header-actions{display:flex;align-items:center;gap:20px}
.menu-toggle{display:none}
.overline{font-size:12px;letter-spacing:.02em;font-weight:500;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:100px;min-height:47px;padding:13px 25px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}
.button:hover{background:#004fae;transform:translateY(-1px)}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:600}
.text-link span{transition:transform .2s}
.text-link:hover span{transform:translate(2px,-2px)}
.subtle-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:0}
.small-note{font-size:12px;color:var(--muted);line-height:1.65}
.hero{background:var(--paper);height:calc(100svh - 76px);min-height:720px;max-height:1100px;position:relative;overflow:hidden}
.hero-heading{position:relative;z-index:2;text-align:center;padding-top:39px;animation:enter .9s var(--ease) both}
.hero-heading h1{font-size:clamp(58px,6.7vw,96px);line-height:1.02;margin-top:16px;letter-spacing:-.065em}
.hero-actions{margin-top:27px;display:flex;align-items:center;justify-content:center;gap:24px}
.hero-actions>span{font-size:12px;text-align:left}
.hero-actions small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.hero-object{position:absolute;width:min(63vw,920px);left:50%;top:43%;transform:translateX(-50%);will-change:transform;z-index:1}
.hero-product{width:100%;animation:object-enter 1.4s var(--ease) both;filter:drop-shadow(0 35px 24px #131b3010)}
.hero-bottom{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;z-index:3;font-size:11px;line-height:1.6;color:var(--muted)}
.hero-bottom b{font-weight:500;color:var(--ink)}
.hero-bottom a{display:flex;align-items:center;gap:22px}
.scroll-arrow{border:1px solid #cdd1d0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:17px;color:var(--ink)}
.gesture-section{height:170vh;min-height:1100px;background:var(--ice);position:relative}
.gesture-sticky{position:sticky;top:76px;height:calc(100svh - 76px);min-height:580px;overflow:hidden;display:flex;align-items:center;padding:7%}
.gesture-copy{width:43%;position:relative;z-index:3}
.gesture-copy h2{margin:23px 0;font-size:clamp(44px,5vw,76px)}
.gesture-copy>p:not(.overline){color:var(--muted);font-size:16px}
.gesture-object{position:absolute;left:43%;width:65%;transform:translateY(20px) rotate(-8deg);will-change:transform}
.gesture-product{width:100%;transition:filter .3s}
.gesture-object.is-pressed img{animation:press .6s var(--ease)}
.detail-caption{position:absolute;left:60%;bottom:17%;font-size:12px;line-height:1.6;color:var(--muted)}
.scene-note{position:absolute;bottom:26px;left:7%;font-size:10px;color:var(--muted)}
.everyday-section{padding:120px 5% 0}
.everyday-heading{display:flex;justify-content:space-between;align-items:end;max-width:1220px;margin:0 auto 55px}
.everyday-heading p{color:var(--muted);font-size:16px;padding-right:7%}
.everyday-image{overflow:hidden;width:100%;max-height:760px;aspect-ratio:1.9;background:var(--paper)}
.everyday-image img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.home-offer{text-align:center;padding:150px 20px 160px}
.home-offer h2{margin:19px 0 22px;font-size:clamp(44px,5.3vw,74px)}
.home-offer>p:not(.overline){color:var(--muted);font-size:16px}
.offer-price{font-size:24px;letter-spacing:-.04em;margin:32px 0 25px}
.offer-price span{display:block;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:5px}
.home-offer>.subtle-link{display:block;width:fit-content;margin:22px auto 0;text-decoration:none;color:var(--muted)}
.site-footer{padding:48px 5% 25px;background:var(--paper)}
.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:48px}
.footer-main nav{display:flex;gap:30px;font-size:12px}
.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px}
.page-intro{padding:94px 6% 60px;max-width:1500px;margin:auto}
.page-intro .overline{margin-bottom:25px}
.page-intro p:not(.overline){font-size:16px;color:var(--muted);margin-top:25px}
.page-intro .button{margin-top:32px}
.page-intro.narrow{max-width:900px}
.page-intro.narrow h1{font-size:clamp(43px,5vw,66px)}
.product-detail{display:grid;grid-template-columns:1.18fr 1fr;min-height:800px;align-items:start}
.product-gallery{position:sticky;top:76px;min-height:700px;height:calc(100svh - 76px);max-height:950px;background:var(--paper);overflow:hidden;display:flex;align-items:center;justify-content:center}
.gallery-object{width:110%;position:relative;transform:rotate(-9deg);transition:transform .7s var(--ease)}
.primary-product{width:100%;transition:transform .7s var(--ease),opacity .5s}
.gallery-bottom{position:absolute;bottom:35px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}
.color-label{display:flex;align-items:center;gap:8px}
.color-label i{display:block;width:11px;height:11px;background:var(--accent);border-radius:50%}
.gallery-format-note{position:absolute;top:35px;left:36px;font-size:12px}
.product-info{padding:55px 12% 65px}
.back-link{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:35px}
.back-link span{margin-left:10px}
.product-info h1{font-size:clamp(42px,4vw,62px)}
.product-lead{font-size:14px;color:var(--muted);margin-top:18px;min-height:46px}
.product-price{margin-top:22px;display:flex;align-items:baseline;gap:12px}
.product-price strong{font-size:23px;font-weight:500;letter-spacing:-.04em}
.product-price>span{font-size:10px;color:var(--muted)}
.format-options{border:0;margin:36px 0 25px;padding:0}
.format-options legend{font-size:12px;margin-bottom:14px;font-weight:600}
.format-options label{padding:16px 15px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);margin-top:9px;border-radius:9px;cursor:pointer;transition:border-color .2s,background .2s}
.format-options label:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent);background:#f0f8ff}
.format-options input{appearance:none;width:13px;height:13px;border:1px solid #b7bcbd;border-radius:50%;margin:0;flex-shrink:0}
.format-options input:checked{border:4px solid var(--accent)}
.format-options span{flex:1}
.format-options b{display:block;font-size:12px;font-weight:600}
.format-options small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.format-options strong{font-size:11px;font-weight:500}
.purchase-row{display:flex;gap:12px}
.purchase-row .button{flex:1}
.product-disclaimer{font-size:11px;color:var(--muted);margin:15px 0 30px;line-height:1.6}
.product-details-list details,.faq-list details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 0;font-size:12px}
summary::-webkit-details-marker{display:none}
summary>span{font-size:19px;font-weight:400;transition:transform .2s}
details[open]>summary>span{transform:rotate(45deg)}
details>p{font-size:12px;color:var(--muted);padding:0 30px 22px 0;line-height:1.8}
.product-note{padding:120px 6%;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.product-note p{color:var(--muted);font-size:16px;align-self:center}
.product-note>.text-link{grid-column:2}
.catalog{padding:0 6% 120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1500px;margin:auto}
.catalog-visual{height:360px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--paper);overflow:hidden}
.catalog-visual img{width:115%;max-width:none;transition:transform .7s var(--ease)}
.catalog-visual:hover img{transform:rotate(-5deg) scale(1.04)}
.catalog-name{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:16px}
.catalog-name h2{font-size:23px;letter-spacing:-.04em}
.catalog-name strong{font-size:12px;font-weight:500}
.catalog-item>p{font-size:11px;color:var(--muted);margin-top:12px}
.catalog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.offer-note{grid-column:1/-1;font-size:10px;color:var(--muted);margin-top:30px}
.brand-intro{padding:105px 8% 90px}
.brand-intro h1{margin-top:23px}
.brand-intro>p:last-child{color:var(--muted);font-size:18px;margin-top:34px}
.brand-image{margin:0 5%;height:680px;overflow:hidden}
.brand-image img{height:100%;width:100%;object-fit:cover}
.brand-text{padding:120px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.brand-text p{font-size:16px;color:var(--muted);margin-bottom:22px}
.brand-text p.small-note{font-size:12px;margin:35px 0}
.faq-page,.information-page{max-width:900px;padding:0 6% 120px;margin:auto}
.faq-list summary{font-size:16px;padding:28px 0;line-height:1.4}
.faq-list details>p{font-size:14px;padding-bottom:28px}
.information-page section{padding:35px 0;border-top:1px solid var(--line)}
.information-page h2{font-size:26px;letter-spacing:-.035em;margin-bottom:22px}
.information-page p{font-size:14px;color:var(--muted);margin-bottom:18px}
.icon-button{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--paper);font-size:25px;line-height:1;font-weight:400;flex-shrink:0}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:14px 22px;border-radius:50px;z-index:100;font-size:12px;transition:opacity .2s,transform .2s;max-width:90vw;width:max-content}
.toast.shown{transform:translate(-50%,0);opacity:1}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes object-enter{from{opacity:0;transform:translateY(70px) rotate(8deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1600px){
.hero-object{top:39%}
.product-info{padding-top:80px}
}
@media(max-width:1000px){
.hero{min-height:680px}
.hero-object{width:80vw;top:44%}
.hero-heading h1{font-size:78px}
.gesture-copy{width:45%}
.gesture-object{left:38%;width:78%}
.product-detail{grid-template-columns:1fr 1fr}
.product-info{padding:45px 8%}
.product-gallery{min-height:740px}
.catalog-visual{height:280px}
.catalog-name h2{font-size:20px}
.catalog-name{align-items:start}
.brand-image{height:520px}
.product-note{padding:90px 6%}
}
@media(max-width:700px){
html{scroll-padding-top:64px}
.site-header{height:64px;padding:0 22px}
.wordmark{width:82px}
.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:25px 25px 35px;background:#fff;border-bottom:1px solid var(--line);gap:25px;font-size:16px}
.site-header.menu-open nav{display:flex;flex-direction:column}
.header-actions{gap:22px}
.menu-toggle{display:flex;flex-direction:column;gap:5px;width:22px;padding:8px 0}
.menu-toggle span{width:20px;height:1px;background:var(--ink);transition:transform .2s}
.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}
.hero{height:calc(100svh - 64px);min-height:680px;max-height:930px}
.hero-heading{padding-top:41px}
.hero-heading h1{font-size:60px;margin-top:17px;line-height:1.02}
.hero .overline{font-size:11px}
.hero-actions{margin-top:25px;gap:18px}
.hero-object{width:118%;top:44%;max-width:700px}
.hero-bottom{left:22px;right:22px;bottom:26px;font-size:10px}
.hero-bottom a{gap:10px}
.hero-bottom a>span:first-child{max-width:83px;text-align:right}
.scroll-arrow{width:32px;height:32px}
.gesture-section{height:140svh;min-height:960px}
.gesture-sticky{top:64px;height:calc(100svh - 64px);min-height:650px;padding:48px 28px;display:block}
.gesture-copy{width:100%}
.gesture-copy h2{font-size:45px;margin:17px 0}
.gesture-copy>p:not(.overline){font-size:13px}
.gesture-object{left:4%;top:42%;width:110%;transform:rotate(-8deg)}
.detail-caption{font-size:10px;left:28px;bottom:10%}
.scene-note{bottom:24px;left:28px;font-size:9px}
.everyday-section{padding:75px 22px 0}
.everyday-heading{display:block;margin-bottom:33px}
.everyday-heading h2{font-size:41px}
.everyday-heading p{font-size:13px;margin-top:20px}
.everyday-heading p br{display:none}
.everyday-image{aspect-ratio:.92;margin:0 -22px;width:calc(100% + 44px)}
.everyday-image img{object-position:57% center}
.home-offer{padding:95px 22px 100px}
.home-offer h2{font-size:44px}
.home-offer>p:not(.overline){font-size:14px}
.site-footer{padding:38px 22px 24px}
.footer-main{align-items:start;padding-bottom:33px}
.footer-main nav{display:grid;grid-template-columns:auto auto;gap:22px;font-size:11px}
.footer-bottom{display:block;font-size:9px}
.footer-bottom p{margin-top:10px;max-width:280px}
.product-detail{display:block}
.product-gallery{position:relative;top:0;height:470px;min-height:0;max-height:none}
.gallery-object{width:103%}
.gallery-bottom{left:22px;right:22px;bottom:24px;font-size:9px}
.gallery-format-note{left:22px;top:25px;font-size:11px}
.product-info{padding:35px 25px 55px}
.back-link{margin-bottom:24px;font-size:10px}
.product-info h1{font-size:43px}
.product-lead{min-height:0;margin-top:15px}
.product-price{margin-top:19px}
.format-options{margin-top:30px}
.format-options label{padding:17px 14px}
.product-note{padding:70px 25px;display:block;background:var(--paper)}
.product-note h2{font-size:43px}
.product-note p{font-size:14px;margin:25px 0}
.page-intro{padding:65px 25px 45px}
.page-intro h1{font-size:45px}
.page-intro p:not(.overline){font-size:14px;margin-top:20px}
.catalog{padding:0 25px 80px;grid-template-columns:1fr;gap:48px}
.catalog-visual{height:350px}
.catalog-name h2{font-size:24px}
.catalog-item>p{font-size:12px}
.catalog-actions .text-link{font-size:12px}
.catalog .offer-note{margin-top:0}
.brand-intro{padding:65px 25px}
.brand-intro h1{font-size:46px}
.brand-intro>p:last-child{font-size:15px;margin-top:26px}
.desktop-break{display:none}
.brand-image{margin:0;height:450px}
.brand-image img{object-position:60% center}
.brand-text{padding:70px 25px;display:block}
.brand-text h2{font-size:40px;margin-bottom:32px}
.brand-text p{font-size:14px}
.faq-page,.information-page{padding:0 25px 80px}
.faq-list summary{font-size:14px;padding:23px 0}
.faq-list details>p{font-size:13px;padding-right:10px}
.page-intro.narrow h1{font-size:42px}
.information-page h2{font-size:25px}
.information-page p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.reveal-ready{opacity:1;transform:none}
.hero-object{transform:translateX(-50%)!important}
.gesture-object{transform:none!important}
}
[hidden]{display:none!important}
.page-produit .product-info{padding-top:40px}
.page-produit .product-info h1{font-size:clamp(36px,3.8vw,56px);margin-top:15px}
.page-produit .product-lead{min-height:0;font-size:14px;margin-top:15px}
.page-produit .format-options{margin:27px 0 20px}
.page-produit .format-options label{padding:14px}
.format-options strong{text-align:right}
.format-options strong small{font-size:9px;color:var(--muted);font-weight:400;white-space:nowrap}
.page-produit .purchase-row .button{gap:5px;min-height:50px}
.purchase-facts{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:17px 0 7px}
.purchase-facts span::before{content:'·';margin-right:7px}
.page-produit .product-disclaimer{margin:10px 0 18px}
.page-produit .product-gallery .gallery-object{transform:rotate(-9deg);width:105%}
.detail-link{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.product-details-list .detail-link{margin:0 0 20px}
.pack-count{position:absolute;left:22px;top:22px;font-size:12px}
.sticky-purchase{display:none}
@media(max-width:700px){
.page-produit{padding-bottom:88px}
.page-produit .product-gallery{height:235px}
.page-produit .product-gallery .gallery-object{width:290px;transform:rotate(-9deg) translateY(-5px)}
.page-produit .gallery-bottom{bottom:13px;left:22px;right:22px;font-size:8px}
.page-produit .gallery-format-note{top:16px;font-size:10px}
.page-produit .product-info{padding:26px 22px 40px}
.page-produit .product-info .overline{font-size:10px}
.page-produit .product-info h1{font-size:34px;margin-top:9px}
.page-produit .product-lead{font-size:12px;line-height:1.5;margin-top:11px}
.page-produit .format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:21px 0 17px}
.page-produit .format-options legend{font-size:11px;margin-bottom:3px}
.page-produit .format-options label{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 10px;margin-top:8px;min-width:0}
.page-produit .format-options input{position:absolute;right:9px;top:13px;width:11px;height:11px}
.page-produit .format-options b{font-size:12px;padding-right:12px}
.page-produit .format-options span{flex:unset}
.page-produit .format-options small{font-size:9px}
.page-produit .format-options strong{font-size:15px;text-align:left}
.page-produit .format-options strong small{font-size:8px}
.page-produit .purchase-row .button{font-size:12px}
.page-produit .product-disclaimer{font-size:10px;margin-bottom:13px}
.purchase-facts{font-size:9px;gap:12px;padding-top:14px}
.sticky-purchase:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px calc(13px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sticky-purchase strong{font-size:12px;font-weight:600;display:block}
.sticky-purchase small{font-size:9px;color:var(--muted);display:block;margin-top:5px}
.sticky-purchase .button{min-height:43px;padding:11px 21px;font-size:11px}
}
@media(max-width:360px){
.page-produit .product-info{padding-left:17px;padding-right:17px}
.page-produit .format-options{gap:6px}
.page-produit .format-options label{padding:12px 8px}
.page-produit .format-options input{right:6px}
.page-produit .format-options b{font-size:11px}
}
.color-label i{background:var(--ice);border:1px solid #9fcae5}
.gesture-object{left:42%;width:60%}
.gesture-copy>.text-link{margin-top:30px}
.gesture-copy h2{font-size:clamp(40px,4.7vw,70px)}
@media(max-width:700px){
.gesture-object{left:-2%;width:104%}
.gesture-copy h2{font-size:41px}
.gesture-copy>.text-link{margin-top:21px;font-size:11px}
}

/* The approved CLIC identity: cold whites, cobalt and an oblique wordmark. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr}
.site-header .wordmark{justify-self:start}
.header-actions{justify-self:end}
.site-header nav a{padding:12px 0}
.site-header nav a:hover{opacity:1;color:var(--accent)}
.hero-object{top:300px;bottom:50px;width:min(78vw,880px);height:auto;display:flex;align-items:center;justify-content:center}
.hero-product{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 24px #0961ce0b)}
.gesture-object{width:64%;max-height:78%;display:flex;justify-content:center}
.gesture-product{width:100%;max-height:620px;object-fit:contain}
.gallery-object{max-height:90%;display:flex;align-items:center;justify-content:center}
.primary-product{object-fit:contain;max-height:680px}
.format-options label:hover{border-color:#76aae2}
.format-options label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.format-options input:focus-visible{outline:none}
.test-help{border-bottom:1px solid var(--line);margin:7px 0 15px}
.test-help summary{font-size:11px;color:var(--muted);padding:12px 0}
.test-help summary span{font-size:16px}
.test-help p{font-size:11px;padding-bottom:15px}
.cart-return{min-height:60vh;padding-bottom:100px}
.cart-return p.small-note{font-size:12px;margin-top:20px}
@media(min-width:1600px){.hero-object{top:340px}}
@media(max-width:1000px){.hero-object{width:90vw;top:300px}.gesture-object{width:74%;left:38%}}
@media(max-width:700px){
  .site-header{display:flex}
  .site-header nav a{padding:8px 0}
  .hero-object{top:280px;bottom:70px;width:118%;max-width:650px}
  .gesture-object{left:4%;top:46%;width:96%;max-height:45%}
  .gesture-product{max-height:310px}
  .page-produit .product-gallery .gallery-object{height:200px;width:320px;transform:rotate(-5deg)}
  .page-produit .primary-product{height:100%;width:100%}
  .page-produit .gallery-format-note{font-size:10px}
  .page-produit .format-options label{min-height:104px}
  .page-produit .format-options b{font-size:11px}
  .sticky-purchase:not([hidden]){gap:10px;padding-left:17px;padding-right:17px}
  .sticky-purchase .button{padding:11px 15px;white-space:nowrap}
  .toast{bottom:100px;border-radius:16px;text-align:center;font-size:11px}
  .cart-return{min-height:65vh}
}
@media(max-width:360px){
  .hero-heading h1{font-size:53px}
  .hero-actions{gap:14px}
  .hero-actions .button{padding-left:20px;padding-right:20px}
  .footer-main{gap:28px}
  .footer-main nav{gap:18px 20px}
  .sticky-purchase .button{padding:11px 12px;font-size:10px}
  .page-produit .format-options input{top:12px}
}

/* A fixed product, one visible action: press, dispense, release. */
.hero-object{will-change:auto}
.gesture-section{height:190svh;min-height:1100px;background:#e9f6fc}
.gesture-sticky{height:calc(100svh - 76px);min-height:540px;padding:7%;isolation:isolate}
.gesture-copy{width:40%}
.gesture-copy h2{font-size:clamp(44px,5.1vw,76px)}
.gesture-copy>.text-link{display:flex;width:max-content;margin-top:26px}
.gesture-replay{display:flex;align-items:center;gap:10px;width:max-content;margin-top:28px;padding:11px 0;font-size:12px;font-weight:600;color:var(--accent)}
.gesture-replay>span{font-size:21px;line-height:1}
.gesture-replay:hover{color:#004fae}
.gesture-object{left:41%;top:0;bottom:0;width:57%;max-height:none;display:flex;align-items:center;justify-content:center;transform:none;will-change:auto;pointer-events:none}
.gesture-stage{position:relative;width:100%;max-width:670px;--press:0;--mint-x:115;--mint-y:16;--mint-rotate:24deg;--mint-opacity:1;--fresh-opacity:0;--fresh-scale:1}
.gesture-diagram{display:block;width:100%;max-height:calc(100svh - 135px);overflow:visible}
.gesture-pusher{transform:translateY(calc(var(--press)*11px))}
.gesture-click{opacity:var(--press);transform:translateY(calc(var(--press)*4px))}
.gesture-mint{opacity:var(--mint-opacity);transform-box:view-box;transform-origin:334px 335px;transform:translate(calc(var(--mint-x)*1px),calc(var(--mint-y)*1px)) rotate(var(--mint-rotate))}
.gesture-fresh{opacity:var(--fresh-opacity);transform-box:view-box;transform-origin:352px 335px;transform:scale(var(--fresh-scale))}
.gesture-state{position:absolute;left:50%;bottom:6%;display:flex;gap:13px;align-items:center;font-size:12px;color:var(--accent);letter-spacing:.01em;white-space:nowrap}
.gesture-state-line{width:28px;height:1px;background:currentColor;opacity:.4}
.gesture-sticky .scene-note{max-width:85%;bottom:25px;font-size:10px}
@media(max-width:1000px) and (min-width:701px){
  .gesture-copy{width:43%}
  .gesture-copy h2{font-size:51px}
  .gesture-object{left:39%;width:61%}
}
@media(max-width:700px){
  .gesture-section{height:185svh;min-height:1120px}
  .gesture-sticky{top:64px;height:calc(100svh - 64px);min-height:570px;padding:35px 25px;display:block}
  .gesture-copy{width:100%}
  .gesture-copy h2{font-size:43px;margin:14px 0}
  .gesture-copy>p:not(.overline){font-size:12px}
  .gesture-copy>.text-link{position:absolute;right:0;bottom:5px;margin:0;font-size:11px}
  .gesture-replay{margin-top:15px;font-size:11px;padding:8px 0}
  .gesture-object{left:0;top:250px;bottom:40px;width:100%;max-height:none}
  .gesture-stage{width:min(100%,470px);height:100%;display:flex;align-items:center;justify-content:center}
  .gesture-diagram{height:100%;width:auto;max-width:100%;max-height:440px}
  .gesture-state{left:61%;bottom:11%;font-size:10px;gap:8px}
  .gesture-state-line{width:18px}
  .gesture-sticky .scene-note{left:25px;bottom:18px;font-size:8px;line-height:1.5}
}
@media(max-width:700px) and (max-height:720px){
  .gesture-sticky{padding-top:22px;min-height:540px}
  .gesture-copy h2{font-size:36px;margin:10px 0}
  .gesture-copy>p:not(.overline){display:none}
  .gesture-replay{margin-top:10px}
  .gesture-object{top:187px}
}
@media(prefers-reduced-motion:reduce){
  .gesture-section{height:auto;min-height:0}
  .gesture-sticky{position:relative;top:0}
  .gesture-replay{display:none}
  .gesture-mint{opacity:1;transform:translate(115px,16px) rotate(24deg)}
  .gesture-pusher,.gesture-click,.gesture-fresh{transform:none}
  .gesture-click,.gesture-fresh{opacity:0}
}