/* Floating navigation, campaign covers, and responsive Flow journey. */
html{scroll-padding-top:112px}body{overflow-x:clip}.nav{top:18px;left:3%;right:3%;height:72px;padding:0 28px;border:1px solid #fff9;border-radius:50px;background:#fffaf1cc;box-shadow:0 12px 40px #5126340d;backdrop-filter:blur(24px)}.nav .wordmark{font-size:27px}.nav nav a{font-size:11px;letter-spacing:.025em}.nav-actions{font-size:11px}.nav #cart-button{min-height:44px}.nav .login-link{border:0}.menu-button{min-width:44px;min-height:44px}.nav-actions .menu-button svg{width:22px;height:22px}.nav-actions .menu-button svg path{stroke:var(--wine);stroke-width:1.2}
.stage{--journey:0;background-image:radial-gradient(ellipse at 15% 12%,#fff9e6cc,transparent 50%),radial-gradient(ellipse at 85% 62%,#e9b5c13d,transparent 60%);}.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.silk{position:absolute;width:1100px;height:700px;border-radius:50%;border:1px solid #fff8;background:linear-gradient(120deg,#fff0 10%,#fff6 50%,#c6ded626 70%,#fff0 85%);box-shadow:inset 0 2px 50px #fff4,0 40px 80px #b399a513;will-change:transform}.silk-one{right:-250px;top:90px;transform:translateY(calc(var(--journey)*100px)) rotate(calc(-34deg + var(--journey)*25deg))}.silk-two{right:-580px;bottom:-340px;transform:translateX(calc(var(--journey)*-150px)) rotate(-35deg);background:linear-gradient(125deg,#fff0,#fae8eb77,#fff0)}.hero-watermark{position:absolute;right:3%;top:5%;font:italic 400 clamp(230px,31vw,500px)/1 Georgia,serif;letter-spacing:-.09em;color:#51263405;transform:translateX(calc(var(--journey)*-100px));user-select:none}.hero-spark{position:absolute;color:#a66c783f;font-size:36px;transform:rotate(calc(var(--journey)*110deg))}.spark-one{right:9%;top:18%}.spark-two{left:40%;bottom:19%;font-size:65px}.hero-text{top:25%;left:6%;max-width:46%}.hero-text h1{font-size:clamp(70px,7.9vw,124px);line-height:1.02;letter-spacing:-.066em}.hero-text h1 span,.hero-text h1 em{display:block;transform:translateX(calc(var(--journey)*-8px));transition:color .45s}.hero-text h1 em{transform:translateX(calc(12px + var(--journey)*18px));color:#a35c72}.hero-text .eyebrow{color:#815c61;letter-spacing:.21em;font-size:9px}.hero-text p{font-size:14px;line-height:1.7;max-width:290px}.hero-art{left:46%;right:3%;top:21%;bottom:25%;overflow:visible}.hero-pack{inset:0}.hero-pack img{width:100%;height:100%;filter:drop-shadow(10px 22px 15px #64394422)}.halo{width:90%;top:0;left:4%;border-color:#fff9;background:radial-gradient(circle,#fff5,transparent 65%)}.halo:before,.halo:after{border-color:#fff8}.orbit-label{right:1%;font-size:8px;color:#815c61}.pack-shadow{bottom:0;left:22%;right:22%;height:15px;background:#51263412}.hero-caption{bottom:17%;right:7%;gap:8px}.hero-caption strong{font-size:28px;color:var(--wine)}.hero-caption .eyebrow{font-size:8px;color:#815c61}.hero-caption>span:not(.eyebrow){font-size:10px;color:#815c61}.stage-bottom{bottom:35px}.stage-bottom .scene-selector button{min-height:44px;padding:12px 0;font-size:10px;letter-spacing:.06em}.scroll-cue .scroll-mark:before{display:none}.scroll-mark{flex-shrink:0}.hero-note{color:#815c61}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.collection .card-image{height:auto;aspect-ratio:1;border-radius:18px;isolation:isolate;background:none;overflow:hidden}.collection .card-image img.product-cover{clip-path:none!important;position:static;width:100%;height:100%;object-fit:cover;filter:none;transform:none;display:block;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.collection .card-image:hover{border-radius:18px}.collection .card-image:hover img.product-cover{transform:scale(1.045)}.image-arrow{width:40px;height:40px;background:#fff8;border:1px solid #fffb;backdrop-filter:blur(10px);right:17px;bottom:17px}.card-meta{margin-top:0;padding-top:22px}.card-meta h3{font-size:27px}.product-card>p{margin-top:10px}.technology .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.technology .tech-card{min-width:0;min-height:235px;padding:30px;background:#fff5;grid-column:auto;transition:opacity .7s,transform .8s,background .3s}.technology .tech-card:last-child{grid-column:auto}.technology .tech-card h3{overflow-wrap:normal;word-break:normal;font-size:27px;max-width:none}.technology .tech-card:nth-child(3n+2){background:#fbf2f255}.technology .tech-card:nth-child(3n){background:#ebf2ed55}.technology .tech-card-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.technology .tech-category{font-size:9px}.technology .tech-card p{font-size:13px;line-height:1.7}.product-page{padding-top:140px}.login-page{padding-top:130px}.bag-item button{min-height:36px;min-width:30px}.view-controls button{min-height:44px}.size-links a{min-height:44px}.pad-faq summary{min-height:64px}.combo-card button{min-height:44px}
@media(max-width:1000px){.nav{left:2%;right:2%;padding:0 22px}.nav nav{gap:15px}.nav nav a{font-size:10px}.nav-actions{gap:18px}.hero-text h1{font-size:clamp(60px,8.5vw,90px)}.hero-text{max-width:48%}.hero-art{left:45%;right:2%;top:26%;bottom:27%}.hero-caption strong{font-size:24px}.technology .technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{gap:18px}.card-meta h3{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:100px}.nav{top:12px;left:14px;right:14px;height:60px;padding:0 18px;border-radius:40px}.nav .wordmark{font-size:24px}.nav nav,.nav .login-link{display:none}.nav-actions{gap:9px}.menu-button{display:block}.nav #cart-button{font-size:10px;gap:7px}.nav #bag-count{height:24px;width:24px}.section{padding:64px 6%}.section-heading h2{font-size:clamp(38px,7vw,52px)}.section-heading p{font-size:13px;line-height:1.7}.section-heading{display:block;margin-bottom:32px}.hero-text{top:15%;left:7%;right:7%;max-width:none}.hero-text .eyebrow{font-size:8px;letter-spacing:.13em}.hero-text h1{font-size:clamp(52px,12.2vw,76px);margin:17px 0 18px;line-height:1.02}.hero-text h1 em{transform:translateX(calc(5px + var(--journey)*10px))}.hero-text p{font-size:12px;margin-bottom:19px}.hero-text .pill{min-height:44px;padding:13px 22px;font-size:11px}.hero-art{left:10%;right:8%;top:45%;bottom:23%;overflow:visible}.hero-pack{inset:0 5%}.halo{width:75%;left:12%;top:-8%}.hero-caption{bottom:13%;right:7%;left:7%;text-align:center;gap:6px}.hero-caption strong{font-size:21px}.hero-caption .eyebrow{display:none}.hero-caption a{font-size:11px;margin-top:2px}.hero-caption>span:not(.eyebrow){font-size:9px}.hero-note,.orbit-label{display:none}.stage-bottom{bottom:18px;left:7%;right:7%;height:44px}.stage-bottom .scene-selector{gap:17px}.stage-bottom .scene-selector button{font-size:8px;min-height:44px;padding:14px 0}.stage-bottom .scroll-cue{font-size:7px;letter-spacing:.12em;gap:10px}.stage-bottom .scroll-mark{width:34px;height:34px}.hero-watermark{top:35%;right:-10%;font-size:300px}.silk-one{width:650px;height:400px;right:-260px;top:45%}.silk-two{right:-360px;bottom:-230px;width:650px;height:400px}.spark-one{top:40%;right:13%;font-size:22px}.spark-two{left:8%;bottom:23%;font-size:36px}.product-grid{grid-template-columns:1fr;gap:36px}.collection .card-image{border-radius:16px;max-width:none;aspect-ratio:1.05}.collection .card-image:hover{border-radius:16px}.card-meta h3{font-size:27px}.card-meta>span{font-size:16px}.card-meta .eyebrow{font-size:9px}.product-card>p{font-size:13px;line-height:1.6}.technology .technology-grid{grid-template-columns:minmax(0,1fr);border:0;gap:12px}.technology .tech-card,.technology .tech-card:last-child{grid-column:auto;border:1px solid var(--line);border-radius:12px;padding:26px;min-height:0;background:#fff6}.technology .tech-card h3{font-size:27px;line-height:1.18;margin:20px 0 13px}.technology .tech-card p{max-width:none;font-size:13px}.technology .tech-card-top{flex-wrap:nowrap}.technology .tech-card:hover{transform:none}.technology .tech-category{font-size:9px}.tech-number{font-size:23px}.technology-source{font-size:11px;line-height:1.8;margin-top:26px}.combos .combo-grid{grid-template-columns:1fr;gap:15px}.combo-card{border-radius:12px;padding:27px}.combo-card h3{font-size:31px}.combo-card p{font-size:13px}.combo-card>div{margin-top:20px}.life-image{height:380px}.life-copy{padding:58px 7% 85px}.life-copy h2{font-size:45px}.life-copy p{font-size:13px}.science-overview{grid-template-columns:1fr;gap:35px}.science-image{width:100%}.science-copy h3{font-size:33px}.science-copy>p{font-size:13px}.science-stats{display:flex;gap:25px;justify-content:space-between}.science-stats strong{font-size:34px}.science-stats span{font-size:10px}.pad-details-intro h2{font-size:43px}.fit-grid{grid-template-columns:1fr;gap:14px}.fit-card{border-radius:12px;min-height:285px;padding:30px}.fit-card p{font-size:13px}.fit-size strong{font-size:76px}.pad-questions{display:block}.questions-heading{position:static}.questions-heading h2{font-size:43px}.pad-faq{margin-top:35px}.pad-faq summary{font-size:20px;line-height:1.3;padding:22px 0;gap:15px}.pad-faq details>p{font-size:13px;padding-right:0}.care-statement{font-size:clamp(36px,8vw,53px);line-height:1.13}.care-bottom{display:block}.care-facts{display:flex;gap:15px;justify-content:space-between}.care-facts strong{font-size:30px}.care-facts span{font-size:10px}.closing h2{font-size:clamp(55px,13vw,84px)}.product-page{display:block;padding:115px 6% 65px}.product-display{aspect-ratio:1.12;min-height:0;border-radius:26px}.product-info{padding-top:35px}.product-info h1{font-size:50px}.product-info .lead{font-size:14px}.purchase-line .pill{min-height:48px}.view-controls{gap:8px;flex-wrap:wrap}.view-controls button{padding:12px 15px}.editorial-page,.checkout-page{padding-top:110px}.editorial-grid{grid-template-columns:1fr}.editorial-page h1{font-size:45px}.editorial-grid article{border-radius:12px}.bag{padding:25px 20px}.bag-thumb{width:72px;height:65px}.bag-item{gap:10px}.bag-item h3{font-size:13px}.bag-item>span{font-size:12px}.bag-header{margin-bottom:25px}.login-page{padding-top:110px}.detail-sources{gap:16px;font-size:10px}footer{grid-template-columns:1fr 1fr;gap:25px}.reveal{transform:translateY(24px)}}
@media(min-width:540px) and (max-width:760px) and (max-height:700px){.hero-text{top:24%;max-width:48%;right:auto}.hero-text h1{font-size:clamp(48px,8.8vw,63px)}.hero-text .eyebrow{max-width:220px;line-height:1.7}.hero-text p{font-size:11px;line-height:1.6}.hero-art{left:47%;right:3%;top:35%;bottom:24%}.hero-caption{left:47%;right:6%;bottom:15%;text-align:right}.hero-caption strong{font-size:19px}.hero-caption a{display:none}.hero-watermark{top:20%;font-size:270px}.silk-one{top:20%}.spark-one{top:22%}.spark-two{left:47%;bottom:25%}.stage-bottom{bottom:20px}.hero-text .pill{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.card-meta{display:block}.card-meta>span{display:block;margin-top:10px}.card-meta h3{font-size:23px}.collection .card-image{aspect-ratio:1}.product-card>p{font-size:12px}}
@media(max-width:539px) and (max-height:730px){.hero-text{top:16%}.hero-text h1{font-size:clamp(44px,11.5vw,58px);margin:12px 0}.hero-text p{font-size:11px;line-height:1.5;margin-bottom:14px}.hero-art{top:48%;bottom:22%}.hero-caption{bottom:12%;gap:4px}.hero-caption strong{font-size:18px}.hero-caption a{display:none}.stage-bottom{bottom:12px}.hero-text .eyebrow{font-size:7px}}
.combo-card>.pair-cover{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 25px;padding:0;border:0}.pair-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}.combo-card>div:not(.pair-cover){display:flex;justify-content:space-between;align-items:center;gap:10px}.technology .technology-grid{width:100%}.product-grid .card-image{display:block}.hero-pack{mix-blend-mode:multiply}.hero-pack img{mix-blend-mode:multiply}.product-display img{mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){.silk,.hero-watermark,.hero-spark,.hero-text h1 span,.hero-text h1 em{transform:none;will-change:auto;transition:none}.collection .card-image:hover img.product-cover{transform:none}}
