:root{--blue:#60bfec;--ink:#333d42;--muted:#7c858a;--line:#e9eef1;--pale:#f6fbfe}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header{height:98px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:141px;height:auto;display:block}nav{display:flex;gap:36px;font-size:14px}header nav a{padding:12px 0}header nav a:hover{color:#2798cf}.header-note{font-size:11px;letter-spacing:2px;color:#8e969a}.intro{text-align:center;padding-top:37px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2.4px;color:#859098;margin:0 0 16px}h1{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(32px,4.15vw,65px);font-weight:300;letter-spacing:-2.8px;line-height:1.2;margin:0}h1 em{font-style:normal;color:var(--blue)}.subtitle{font-size:15px;font-weight:300;color:var(--muted);margin:18px 0 0}.experience{position:relative;width:min(1300px,94%);height:clamp(450px,57vh,650px);margin:4px auto 0;display:flex;justify-content:center}.sculpture{height:100%;width:min(740px,70vw);position:relative}#poster{height:100%;width:100%;object-fit:contain;display:block}#canvas-host{position:absolute;inset:0;opacity:0;transition:opacity 1s}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:pan-y}.ring-glow{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;animation:ring-glow 5s ease-in-out infinite}.sculpture.loaded .ring-glow{opacity:0}.sculpture.loaded #canvas-host{opacity:1}.sculpture.loaded #poster{visibility:hidden}.model-state{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:11px;color:#929b9f;white-space:nowrap}.sculpture.loaded .model-state{display:none}.quiet-caption{position:absolute;left:3%;top:47%;font-size:14px;line-height:1.8;font-weight:300;color:#929a9e}.tiny-line{width:35px;height:1px;background:var(--blue);display:block;margin-bottom:16px}.body-links{position:absolute;right:3%;top:13%;display:flex;flex-direction:column;gap:28px}.area-icon{display:flex;align-items:center;flex-direction:column;position:relative;min-width:104px;padding:4px 12px;transition:transform .35s,color .35s}.area-icon img{height:118px;width:82px;object-fit:contain;transition:filter .35s,transform .35s}.area-icon:nth-child(2) img{height:142px}.area-icon span{font-size:14px;margin-top:6px}.area-icon small{font-size:11px;color:#9da4a7;margin-top:5px}.area-icon:hover{color:#289ace;transform:translateY(-4px)}.area-icon:hover img{filter:drop-shadow(0 5px 10px #60bfec25)}.area-nav{display:flex;justify-content:center;gap:32px;margin:12px 20px 26px;font-size:13px;color:#79848a}.area-nav a:hover{color:#299bd2}footer{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:23px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.6px;color:#9da4a7}footer span:first-child{letter-spacing:2px}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;padding:0;pointer-events:auto;transform:translate(-50%,-50%);cursor:pointer;z-index:3}.hotspot:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #ffffffad,0 0 0 6px #60bfec50;transition:box-shadow .2s}.hotspot span{position:absolute;left:36px;white-space:nowrap;font-size:12px;background:#ffffffed;border:1px solid #edf3f6;box-shadow:0 4px 14px #24384308;border-radius:20px;padding:7px 12px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:none}.hotspot:hover:before{box-shadow:0 0 0 8px #ffffffbf,0 0 0 9px #60bfec65}.hotspot[data-area=lashes] span{left:auto;right:36px}.collection-heading{padding:40px 0 35px}.back-link{display:inline-block;font-size:13px;color:#77868d;margin-bottom:44px}.back-link:hover{color:#238ebf}#collection{max-width:1370px;padding:0 5%;margin:auto;animation:enter .65s ease both}.collection-heading h1{font-size:56px;letter-spacing:-2px}.collection-heading>p:last-child{color:#7d8b92;font-size:16px;line-height:1.6;max-width:580px}.collection-bar{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:34px}.collection-bar p{font-size:13px;color:#899398;white-space:nowrap}#collection-tabs{gap:8px;flex-wrap:wrap;justify-content:flex-end}#collection-tabs button{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:12px;color:#72838b;cursor:pointer}#collection-tabs button.active{background:#ecf8fe;border-color:#b7e4fa;color:#197eaf}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}.product-card{border:0;background:white;padding:0;text-align:left;cursor:pointer;color:var(--ink)}.product-image{aspect-ratio:4/5;background:#fafcfd;overflow:hidden;display:flex;justify-content:center;align-items:center}.product-image img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s}.product-card:hover img{transform:scale(1.045)}.product-card .range{display:block;font-size:10px;letter-spacing:1px;color:#8b9ba3;margin:20px 0 8px;text-transform:uppercase}.product-card h2{font-weight:400;font-size:15px;line-height:1.5;margin:0}.product-card .view-product{display:block;font-size:12px;color:#299bd2;margin-top:13px}.catalog-note{font-size:12px;color:#98a1a6;line-height:1.7;margin:60px 0 35px}dialog{border:0;border-radius:8px;padding:40px;width:min(850px,92vw);max-height:90vh;color:var(--ink);overflow:auto;box-shadow:0 20px 100px #17344920}dialog[open]{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}dialog::backdrop{background:#e4edf2bd;backdrop-filter:blur(8px)}dialog>img{width:100%;height:470px;object-fit:contain}.detail-copy h2{font-family:Manrope,sans-serif;font-size:30px;font-weight:400;line-height:1.3}.detail-copy p{font-size:14px;line-height:1.7;color:#859298}.detail-copy .detail-note{font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.close-dialog{position:absolute;right:13px;top:9px;width:38px;height:38px;background:transparent;border:0;font-size:28px;color:#7f8b91;cursor:pointer}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}::view-transition-old(root){animation:.35s ease both fade-out}::view-transition-new(root){animation:.6s ease both enter}@keyframes fade-out{to{opacity:0;transform:scale(1.018)}}
@keyframes ring-glow{0%,100%{opacity:.08;filter:blur(.2px) drop-shadow(0 0 1px #fff)}50%{opacity:1;filter:blur(.25px) drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px #c9edff)}}
#sculpture,#poster,#canvas-host,.ring-glow{transform:none!important;translate:none!important;rotate:none!important;transition:none!important}
@media(min-width:1450px){.intro{padding-top:45px}.experience{margin-top:10px}}@media(max-width:800px){header{height:78px}.brand img{width:115px}.header-note{display:none}nav{gap:23px;font-size:12px}.intro{padding-top:32px}h1{letter-spacing:-1.6px}.eyebrow{font-size:10px}.subtitle{font-size:13px}.experience{height:490px}.quiet-caption{display:none}.sculpture{width:90%}.body-links{right:0%;top:24%;gap:28px}.area-icon{min-width:65px;padding:0}.area-icon img{width:55px;height:85px}.area-icon:nth-child(2) img{height:110px}.area-icon small{display:none}.area-icon span{font-size:11px}.area-nav{gap:22px;flex-wrap:wrap}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-bar{align-items:flex-start;flex-direction:column}.collection-heading h1{font-size:44px}.interaction-tip{display:none}}@media(max-width:520px){.intro{padding:31px 18px 0}h1{font-size:35px;max-width:360px;margin:auto;line-height:1.22}.subtitle{margin-top:13px}.experience{height:480px;width:100%;flex-direction:column;align-items:center;margin-top:14px}.sculpture{height:370px;width:100%}.body-links{position:static;flex-direction:row;gap:45px;margin-top:8px;height:100px;align-items:center}.area-icon{flex-direction:row;gap:10px}.area-icon img{width:47px;height:78px}.area-icon:nth-child(2) img{height:86px;width:35px}.area-icon span{font-size:12px}.area-nav{gap:14px 22px;font-size:12px;margin:25px 20px 25px}.hotspot{width:38px;height:38px}.hotspot span{font-size:11px;padding:6px 9px;left:29px}.hotspot:before{width:8px;height:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.collection-heading{padding-top:25px}.back-link{margin-bottom:30px}.collection-heading h1{font-size:39px;margin:0}.product-card h2{font-size:13px}.product-card .range{font-size:9px}.collection-bar{gap:10px}.collection-bar p{margin:0}#collection-tabs{justify-content:flex-start}footer{font-size:9px;gap:15px}dialog[open]{grid-template-columns:1fr;gap:10px;padding:28px}dialog>img{height:270px}.detail-copy h2{font-size:24px}.model-state{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.experience{isolation:isolate}.particle-halo{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.sculpture{z-index:1}.quiet-caption,.body-links{z-index:3}
#hotspots:not(.positioned){visibility:hidden}.sculpture.loaded #hotspots{visibility:visible}
#hotspots .hotspot span{transition:opacity .45s ease,transform .45s ease}
#hotspots .hotspot.intro-highlight{z-index:5}
#hotspots .hotspot.intro-highlight span{opacity:1;transform:translateX(var(--intro-shift,0px));border-color:#bde5f7;box-shadow:0 4px 18px #48748614}
#hotspots .hotspot.intro-highlight:before{box-shadow:0 0 0 4px #ffffffef,0 0 0 6px #60bfec75}
@media(prefers-reduced-motion:reduce){#hotspots .hotspot span{transition:none}}
#hotspots .hotspot{width:var(--spot-hit,40px);height:var(--spot-hit,40px)}
#hotspots .hotspot:before{width:8px;height:8px;transform:scale(var(--spot-scale,1));transform-origin:center;box-shadow:0 0 0 3px #ffffffad,0 0 0 4px #60bfec50}
#hotspots .hotspot:hover:before,#hotspots .hotspot:focus-visible:before{box-shadow:0 0 0 4px #ffffffbf,0 0 0 5px #60bfec65}
@media(pointer:coarse),(max-width:800px){#hotspots .hotspot{width:44px;height:44px}}
header{gap:28px}header nav{margin-left:auto;gap:28px}header nav a[aria-current=page]{color:#2499cf}
#language-toggle{flex-shrink:0;border:1px solid #d9eaf2;border-radius:22px;background:#f5fbfe;color:#238fbe;font-size:12px;font-weight:600;min-width:44px;min-height:44px;cursor:pointer}
#language-toggle{position:relative;width:88px;height:44px;padding:4px;display:flex;align-items:center;justify-content:space-around;border-radius:24px;isolation:isolate;background:#edf7fc;transition:background .25s,border-color .25s}
#language-toggle .language-label{position:relative;z-index:2;width:36px;text-align:center;font-size:11px;letter-spacing:.5px;color:#7c919c;transition:color .25s}
#language-toggle .language-thumb{position:absolute;left:4px;top:4px;width:36px;height:34px;border-radius:18px;background:var(--blue);box-shadow:0 2px 6px #238fbe25;transition:transform .25s ease}
#language-toggle[aria-checked=true] .language-thumb{transform:translateX(42px)}
#language-toggle[aria-checked=false] .language-en,#language-toggle[aria-checked=true] .language-fr{color:#fff}
@media(prefers-reduced-motion:reduce){#language-toggle,#language-toggle .language-label,#language-toggle .language-thumb{transition:none}}
.info-page{max-width:900px;margin:0 auto;padding:90px 6% 110px;min-height:65vh}.info-page h1{font-size:clamp(38px,5vw,60px)}.info-copy{max-width:620px;font-size:18px;line-height:1.9;color:#79878e;margin:28px 0}.info-link{display:inline-block;color:#248fbf;border-bottom:1px solid #b3dff3;padding:10px 0;font-size:14px}
/* Let the care experience grow with large desktop viewports. */
@media(min-width:1450px){
 header{height:clamp(98px,5vw,128px)}
 .brand img{width:clamp(150px,7.8vw,200px)}
 header nav{font-size:clamp(15px,.78vw,20px);gap:clamp(28px,1.8vw,46px)}
 .intro{padding-top:clamp(30px,3vh,45px)}
 .intro h1{font-size:clamp(65px,3.6vw,92px)}
 .intro .eyebrow{font-size:clamp(11px,.58vw,15px)}
 .subtitle{font-size:clamp(16px,.86vw,22px)}
 .experience{width:min(1800px,90%);height:clamp(540px,calc(100svh - 350px),920px);margin-top:12px}
 .sculpture{width:min(1120px,64vw)}
 .quiet-caption{left:2%;font-size:clamp(15px,.8vw,20px)}
 .body-links{right:2%;top:15%;gap:clamp(28px,3vh,44px)}
 .area-icon img{width:clamp(90px,4.6vw,118px);height:clamp(130px,7vw,178px)}
 .area-icon:nth-child(2) img{height:clamp(155px,8.3vw,212px)}
 .area-icon span{font-size:clamp(15px,.82vw,21px)}
 .area-icon small{font-size:clamp(12px,.65vw,16px)}
 .area-nav{font-size:clamp(14px,.75vw,19px);gap:clamp(32px,2vw,50px);margin-top:16px}
 #hotspots .hotspot span{font-size:clamp(13px,.7vw,18px)}
}
@media(max-width:800px){header{height:auto;min-height:116px;display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 0 12px}header .brand{grid-column:1;grid-row:1}#language-toggle{grid-column:2;grid-row:1}header nav{grid-row:2;grid-column:1/-1;margin:0;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}header nav a{padding:8px 0}.info-page{padding-top:55px}.info-copy{font-size:16px}}





.intro h1{letter-spacing:-.015em}