/* The current Yachtie identity: cream, deep teal, cobalt and a shared compass. */
:root{--ink:#004942;--cream:#f8f7f2;--paper:#fff;--line:#d7ded8;--lime:#eae6d8;--blue:#e9f0ef;--sun:#ede7dc;--display:Georgia,'Times New Roman',serif}
body{font-size:1rem;line-height:1.6}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.05em;line-height:1.03}
::selection{background:#d3e5e0}
.site-header{height:102px;background:#fff;padding-inline:4.5%}
.wordmark{display:block;width:217px;flex-shrink:0;line-height:0;letter-spacing:normal}
.wordmark img{width:100%;height:auto}
.desktop-nav{margin-left:0;gap:32px}
.desktop-nav,.kit-trigger{font-size:15px}
.announcement{height:34px;letter-spacing:.1em}
.hero{grid-template-columns:38% 62%;min-height:600px}
.hero-copy{padding:45px 11.8% 29px;background:#004942}
.hero h1{font-size:clamp(76px,7.45vw,120px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin-top:55px;margin-bottom:29px}
.hero-description{font-size:1rem;line-height:1.7;color:#e9efec;max-width:380px}
.hero-visual{background:#1d6b80}
.hero-image{object-fit:cover;object-position:50% 45%}
.image-caption{left:24px;right:24px;bottom:21px;background:#ffffffec;padding:14px 19px;border:1px solid #ffffff70;backdrop-filter:none}
.button{font-size:15px;min-height:56px;gap:30px}
.button-cream{background:#fff}
.button-cream:hover{background:#e9f0ef}
.hero-bottom{font-size:12px;letter-spacing:.08em}
.brand-strip{background:#fff;border-bottom:1px solid var(--line);padding:22px 6%;font-size:12px;letter-spacing:.14em;font-weight:400;gap:25px}
.brand-strip .strip-rule{display:block;flex:0 0 36px;height:1px;background:#b7a16f}
.section-padding{padding:96px 5.5%}
.section-heading h2{font-size:clamp(46px,4.75vw,76px);margin-top:22px}
.section-intro{font-size:1rem;max-width:390px;line-height:1.8}
.eyebrow{font-size:12px;letter-spacing:.14em}
.filter{font-size:14px;padding:10px 19px;border-radius:2px}
.product-grid{gap:44px 24px}
.product-image-button{--image-height:390px;background:#e4e8e2;isolation:isolate}
.product-card[data-product=hydrate] .product-image-button{background:#dce7ef}
.product-card[data-product=focus] .product-image-button{background:#d7e4e1}
.product-card[data-product=daily] .product-image-button{background:#efe6d8}
.product-label{left:17px;top:15px;border:0;border-radius:0;background:#ffffffc9;font-size:12px;letter-spacing:.08em;padding:5px 9px}
.product-index{top:20px}
.product-name h3{font-family:var(--display);font-weight:400;font-size:36px;letter-spacing:-.04em;line-height:1.2}
.product-description{font-size:14px;line-height:1.5;margin-top:4px}
.product-format{font-size:12px;letter-spacing:.06em}
.product-info{padding-top:21px}
.add-product{margin-top:3px;min-width:42px;min-height:42px}
.collection-footnote{font-size:14px;line-height:1.6;max-width:850px;margin-top:35px;color:#46615a}
.daily-section{grid-template-columns:43% 57%;background:#e9f0ef}
.daily-copy{padding:68px 12.8% 58px}
.daily-copy h2{font-size:clamp(45px,4.8vw,73px);line-height:1.03}
.daily-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75}
.routine-panel h3{font-size:22px;font-weight:400;font-family:var(--display);line-height:1.3}
.routine-panel p{font-size:1rem}
.routine-tabs button{font-size:14px}
.routine-panel{min-height:206px}
.daily-visual{margin:0;padding:64px 0;background:#fff;min-width:0;align-self:stretch;justify-content:center}
.packaging-back{width:100%;height:auto;object-fit:contain}
.daily-label,.daily-visual-footer{left:30px;right:30px;font-size:12px;letter-spacing:.1em}
.daily-visual-footer{bottom:23px}
.world-section h2{font-size:clamp(42px,5.8vw,91px);line-height:1.09;letter-spacing:-.045em}
.world-section h2 span{color:#6d9287}
.world-bottom p{font-size:1rem;line-height:1.8}
.mini-wordmark{display:block;width:170px;line-height:0;letter-spacing:normal}
.mini-wordmark img{height:auto;width:100%;mix-blend-mode:multiply}
.world-signoff{padding-top:22px}
.crew-order{padding-block:72px;background:#e5ebea}
.crew-order h2{font-size:clamp(48px,4.8vw,76px)}
.crew-order-copy{max-width:400px;margin-right:5%}
.crew-order-note{font-size:12px;line-height:1.6}
.site-footer{background:#fff;color:var(--ink);padding:52px 5.5% 25px}
.footer-top p{font-family:var(--display);font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.025em}
.footer-top nav{font-size:14px}
.footer-wordmark{display:block;width:min(100%,1200px);font-size:inherit;line-height:0;letter-spacing:normal;margin:46px auto 32px}
.footer-wordmark img{width:100%;height:auto}
.footer-bottom{border-color:var(--line);color:#31584f;font-size:12px}
.modal-visual{background:#e8ede7}
.modal-visual[data-product=hydrate]{background:#dce7ef}
.modal-visual[data-product=daily]{background:#efe6d8}
.modal-visual[data-product=focus]{background:#d7e4e1}
.modal-image{--image-height:530px}
.modal-copy h2,.kit-heading h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em}
.modal-category,.modal-description,.modal-detail,.kit-description{font-size:1rem;line-height:1.7}
.modal-note{font-size:14px}
.kit-thumb{--image-height:105px}
.kit-description{max-width:440px}
.kit-row h3{font-family:var(--display);font-size:25px;font-weight:400}
.kit-row p{font-size:14px}
.quantity-controls button,.remove-item{min-width:40px;min-height:40px}
.text-link{font-size:14px;min-height:40px}
.product-dialog .dialog-close{background:#fff;color:var(--ink);border-radius:50%;min-width:42px;min-height:42px}
@media(min-width:1600px){.hero{min-height:690px}.hero-copy{padding-top:58px}.hero h1{margin-top:70px}.product-image-button{--image-height:440px}}
@media(max-width:1100px){.hero{grid-template-columns:42% 58%;min-height:570px}.hero-copy{padding-inline:9%}.hero h1{font-size:80px;letter-spacing:-.05em}.hero-visual .image-caption{font-size:12px}.product-image-button{--image-height:330px}.daily-copy{padding:55px 9% 43px}.daily-section{grid-template-columns:47% 53%}.section-padding{padding:76px 4.5%}.desktop-nav{gap:22px}.wordmark{width:190px}.site-header{gap:15px}.section-intro{max-width:320px}}
@media(max-width:760px){.announcement{height:30px;font-size:12px}.site-header{height:90px;padding-inline:5%}.wordmark{width:175px}.header-actions{gap:16px}.kit-trigger{font-size:14px}.menu-toggle{min-width:34px;min-height:42px}.mobile-nav{top:120px}.hero{grid-template-columns:1fr}.hero-copy{padding:33px 6% 25px}.hero h1{font-size:clamp(76px,17vw,110px);margin:31px 0 24px}.hero-description{font-size:1rem;max-width:none}.hero-bottom{margin-top:30px}.hero-visual{min-height:0;aspect-ratio:1.5}.hero-image{object-fit:contain;object-position:center}.image-caption{bottom:19px;left:15px;right:15px;padding:10px 12px;font-size:12px}.brand-strip{justify-content:space-between;gap:15px;padding:18px 6%;font-size:12px;letter-spacing:.06em}.brand-strip .strip-rule{flex-basis:17px}.brand-strip>span:nth-child(5){display:block}.brand-strip>span:nth-child(n+6){display:none}.section-padding{padding:60px 5%}.section-heading h2{font-size:49px}.section-intro{font-size:1rem;max-width:400px}.filters{gap:6px}.filter{font-size:14px;padding:9px 12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px}.product-image-button{--image-height:280px}.product-label{font-size:12px;max-width:calc(100% - 22px);left:11px;top:10px;line-height:1.4}.product-name h3{font-size:31px}.product-info{padding-top:17px;gap:8px}.product-description{font-size:14px}.add-product{min-width:38px;min-height:38px;width:38px;height:38px}.collection-footnote{font-size:14px}.daily-section{grid-template-columns:1fr}.daily-copy{padding:51px 6% 33px}.daily-copy h2{font-size:51px}.routine-tabs{margin-top:27px}.routine-panel{min-height:200px}.daily-visual{height:auto;padding:54px 0 58px}.daily-label{top:20px}.daily-label,.daily-visual-footer{left:6%;right:6%}.world-section h2{font-size:clamp(37px,8.5vw,63px);line-height:1.14;letter-spacing:-.045em}.world-bottom p{font-size:1rem}.world-signoff{gap:12px}.mini-wordmark{width:130px}.world-signoff>span:not(.mini-wordmark){font-size:12px}.crew-order{padding:48px 6%;gap:29px}.crew-order h2{font-size:52px}.crew-order-copy{margin-right:0}.site-footer{padding:40px 5% 24px}.footer-top p{font-size:25px}.footer-top nav{font-size:14px;gap:20px}.footer-wordmark{margin:32px 0}.footer-bottom{font-size:12px}.modal-image{--image-height:330px}.modal-visual{height:350px}.modal-copy h2{font-size:48px}.modal-note{font-size:14px}.kit-dialog{padding:28px 22px}}
@media(max-width:430px){.wordmark{width:151px}.header-actions{gap:13px}.site-header{gap:9px}.hero h1{font-size:78px}.hero-visual{min-height:0}.image-caption{font-size:12px;bottom:16px}.product-grid{grid-template-columns:1fr;gap:32px}.product-image-button{--image-height:360px}.product-name h3{font-size:36px}.product-description{font-size:1rem}.product-info{min-height:0}.product-format{font-size:12px}.product-bottom{margin-top:14px}.filters{gap:4px}.filter{font-size:14px;padding:8px 10px}.brand-strip>span:nth-child(4){display:block}.brand-strip .strip-rule{flex-basis:11px}.world-signoff>span:last-child{display:none}.modal-image{--image-height:300px}.modal-visual{height:320px}.routine-tabs button{font-size:14px}.section-heading h2{font-size:46px}.daily-copy h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Complete product photographs fill the card, detail view and kit thumbnail. */
.product-image-button:has(.product-photo){aspect-ratio:1;padding:0}
.product-image.product-photo{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}
.product-index{z-index:1}
.modal-visual:has(.product-photo){position:relative;min-height:450px}
.modal-image.product-photo{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.kit-thumb-frame:has(.product-photo){height:78px;align-items:center}
.kit-thumb.product-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.modal-visual:has(.product-photo){min-height:0;height:auto;aspect-ratio:1}}