/* Reference-informed composition, using Habitopia's original brand tokens. */
:root{--purple-ink:color-mix(in srgb,var(--color-secondary) 85%,var(--color-text))}
.purple-text{color:var(--purple-ink)}
.eyebrow{font-size:12px;letter-spacing:1.65px}.button{font-size:14px;min-height:52px;border-radius:10px}.text-link{font-size:14px}.desktop-nav a,.club-link{font-size:13px}.header-inner{height:90px}.brand{width:188px}.announcement{font-size:12px;min-height:36px;background:var(--color-accent)}
.adventure-hero{padding:18px 0 36px}.hero-stage{width:min(1360px,calc(100% - 48px));margin:auto;position:relative;border-radius:40px 40px 112px 40px;background:var(--peach-wash);padding:54px 68px 28px;isolation:isolate;transition:background .25s}.hero-stage[data-scene="1"]{background:var(--lavender-wash)}.hero-stage[data-scene="2"]{background:var(--mint-wash)}.hero-scene{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:476px}.hero-scene>*{min-width:0}.adventure-copy{padding:10px 0 28px}.adventure-copy .eyebrow{margin-bottom:24px;font-size:12px;letter-spacing:1.4px}.adventure-copy h1{font-size:clamp(64px,6.2vw,88px);letter-spacing:-1.1px;line-height:1.08;margin-bottom:28px}.adventure-copy h1 span{color:var(--color-secondary)}.adventure-description{font-size:16px;line-height:1.85;max-width:400px;min-height:88px;margin-bottom:28px}.adventure-copy .button{gap:23px}.adventure-footnote{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:23px}.adventure-footnote .icon{color:var(--color-secondary)}.adventure-visual{position:relative;margin:0 3px 25px 0}.adventure-visual::before{content:'';position:absolute;inset:20px -14px -14px 20px;background:var(--color-accent);border-radius:90px 30px 110px 30px;transform:rotate(3deg);z-index:-1}.hero-stage[data-scene="1"] .adventure-visual::before{background:var(--peach)}.hero-stage[data-scene="2"] .adventure-visual::before{background:var(--color-primary)}.adventure-photo{height:450px;overflow:hidden;border-radius:100px 26px 100px 26px;border:5px solid var(--color-background)}.adventure-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.adventure-spark{position:absolute;right:-5px;top:-34px;font-size:73px;line-height:1;color:var(--color-primary);text-shadow:2px 2px var(--color-background);transform:rotate(12deg)}.adventure-note{position:absolute;bottom:-21px;left:25px;right:29px;padding:16px 18px;display:flex;gap:13px;align-items:center;border-radius:15px;background:var(--color-surface);box-shadow:0 8px 26px rgb(23 43 82 / 7%)}.note-icon{width:42px;height:42px;flex-shrink:0;background:var(--color-primary);border-radius:50%;display:grid;place-items:center}.adventure-note strong{font-size:13px;font-weight:600;display:block}.adventure-note div>span{display:block;font-size:10px;margin-top:3px;color:var(--color-text-muted)}.hero-arrow{position:absolute;top:calc(50% - 35px);width:44px;height:44px;border-radius:50%;background:var(--color-surface);display:grid;place-items:center;box-shadow:0 3px 10px rgb(23 43 82 / 7%);transition:background .2s}.hero-arrow:hover{background:var(--color-primary)}.hero-arrow.previous{left:13px}.hero-arrow.previous .icon{transform:rotate(180deg)}.hero-arrow.next{right:13px}.hero-pagination{display:flex;gap:25px;align-items:center;margin-top:19px}.hero-pagination button{display:flex;align-items:center;gap:7px;font-size:12px;background:transparent;padding:11px 0;border-bottom:2px solid transparent;color:var(--color-text-muted);min-height:44px}.hero-pagination button>span{font-size:10px}.hero-pagination button[aria-pressed="true"]{border-color:var(--color-secondary);color:var(--color-text);font-weight:600}
.discovery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:14px 0 34px;border-bottom:1px solid var(--color-border)}.discovery>a{display:flex;gap:12px;align-items:center;min-width:0;padding:4px;border-radius:12px}.discovery>a:hover{background:var(--lavender-wash)}.discovery-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.discovery>a>span:nth-child(2){font-size:13px;font-weight:600;line-height:1.5}.discovery small{display:block;font-size:10px;font-weight:400;color:var(--color-text-muted);margin-top:2px}.discovery>a>.icon{margin-left:auto;width:14px}.philosophy{padding-top:72px}.philosophy-copy{font-size:15px}.belief-strip>span{font-size:12px}.section-heading-row>p{font-size:14px}.collection-filters{gap:12px;margin-bottom:28px}.filter{border:1px solid var(--color-border);border-radius:30px;padding:9px 19px;font-size:12px;min-height:42px}.filter.active{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.collection-count{font-size:12px}.product-grid{gap:28px;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}.product-card{border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:var(--color-surface);display:flex;flex-direction:column;box-shadow:0 5px 20px rgb(23 43 82 / 3%);transition:box-shadow .2s,transform .2s;scroll-margin-top:120px}.product-card:hover{box-shadow:0 10px 28px rgb(23 43 82 / 7%);transform:translateY(-3px)}.product-media{height:auto;aspect-ratio:1.48;padding:0;border-radius:0;display:block;background:var(--peach-wash)}.product-media.lavender{background:var(--lavender-wash)}.product-media img{border-radius:0;object-fit:cover;height:100%;width:100%}.product-card:hover .product-media img{transform:none}.product-tag{top:18px;left:18px;font-size:10px;font-weight:500;border-radius:30px;padding:6px 12px;box-shadow:0 2px 8px rgb(23 43 82 / 4%);max-width:calc(100% - 36px)}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--color-surface);display:grid;place-items:center;box-shadow:0 2px 9px rgb(23 43 82 / 9%)}.gallery-arrow:hover{background:var(--color-primary)}.gallery-previous{left:15px}.gallery-previous .icon{transform:rotate(180deg)}.gallery-next{right:15px}.gallery-count{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:var(--color-surface);border-radius:25px;padding:3px 12px;font-size:10px;letter-spacing:2px}.product-body{padding:23px 25px 25px;display:flex;flex-direction:column;flex:1}.product-category{font-size:10px;letter-spacing:1px}.product-body h3{font-size:31px;margin-top:10px}.product-body p{font-size:14px;max-width:380px;line-height:1.75;margin:12px 0 0;min-height:49px}.product-price{min-height:0;margin:8px 0 0}.product-price:empty{display:none}.product-bottom{margin-top:auto;padding-top:24px;gap:15px}.product-quantity{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:9px;height:47px;flex-shrink:0;overflow:hidden}.product-quantity button{height:45px;width:35px;background:transparent;font-size:17px}.product-quantity button:hover:not(:disabled){background:var(--lavender-wash)}.product-quantity button:disabled{opacity:.35}.product-quantity output{min-width:24px;text-align:center;font-size:13px}.product-quantity button:focus-visible{outline-offset:-4px}.add-button{background:var(--color-primary);border:0;border-radius:9px;justify-content:center;flex:1;min-height:47px;font-size:13px;font-weight:600;gap:15px;padding:10px 15px}.add-button:hover{background:color-mix(in srgb,var(--color-primary) 80%,white)}.image-note{font-size:11px}.next-mission p{font-size:13px}.next-mission strong{font-size:15px}
.how{background:var(--color-background);padding-bottom:78px}.center-heading>p:last-child{font-size:15px}.steps{gap:27px;margin-top:45px;margin-bottom:32px}.step:not(:last-child)::after{top:100px;left:calc(100% + 5px);font-size:20px;z-index:1}.process-art{position:relative;width:100%;max-width:240px;margin:0 auto 27px;border-radius:45px 18px 45px 18px;overflow:visible}.process-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:inherit;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent)}.step:nth-child(even) .process-art{border-radius:18px 45px 18px 45px}.process-number{position:absolute;left:12px;bottom:-13px;width:42px;height:42px;border-radius:50%;border:4px solid var(--color-background);display:grid;place-items:center;font-size:11px;font-weight:600}.step h3{font-size:30px}.step p{font-size:13px;line-height:1.8;max-width:220px;margin:11px auto 0}
.promise{background:var(--lavender-wash);border-radius:110px 0 110px 0;padding:86px 0}.promise-layout{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.promise-layout>*{min-width:0}.promise-visual{position:relative;padding:12px 0 25px}.promise-visual figure{border-radius:26px 100px 26px 100px;overflow:hidden;transform:rotate(-2deg);border:6px solid var(--color-background)}.promise-visual img{width:100%;height:440px;object-fit:cover;object-position:51% center}.promise-visual>p{font-size:11px;margin-top:24px;text-align:center;letter-spacing:.3px}.promise-seal{position:absolute;right:-24px;bottom:20px;width:119px;height:119px;border:5px solid var(--lavender-wash);border-radius:50%;background:var(--color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;font-weight:600;line-height:1.4;transform:rotate(9deg)}.promise-intro{font:500 28px/1.3 var(--heading-font);color:var(--color-secondary);margin-top:18px}.promise-copy>p:not(.eyebrow):not(.promise-intro){font-size:14px;line-height:1.85;margin-top:17px;max-width:470px}.promise-benefits{margin-top:24px;display:grid;gap:19px}.promise-benefits>article{display:flex;gap:15px;align-items:flex-start}.promise-icon{width:43px;height:43px;flex-shrink:0;border-radius:14px;display:grid;place-items:center}.promise-icon .icon{width:21px;height:21px}.promise-benefits h3{font:600 14px/1.4 var(--body-font);margin-top:2px}.promise-benefits p{font-size:13px;margin-top:5px;line-height:1.7;max-width:370px}.promise-copy .text-link{margin-top:27px}.content-label{font-size:10px}.resource-info p,.story-copy p:not(.eyebrow),.club-layout>div>p:last-child{font-size:14px}.faq-item summary{font-size:14px}.faq-item p{font-size:13px}.footer-column>a,.footer-text-button{font-size:11px}.footer-column h2{font-size:12px}.footer-brand p{font-size:13px}.footer-bottom{font-size:10px}
@media(max-width:1100px){.brand{width:167px}.header-inner{gap:20px}.desktop-nav{gap:20px}.header-actions{gap:10px}.hero-stage{padding:40px 55px 24px}.hero-scene{gap:32px;min-height:435px}.adventure-copy h1{font-size:68px}.adventure-description{font-size:14px}.adventure-photo{height:410px}.adventure-note{left:12px;right:12px;padding:13px}.discovery{gap:13px}.discovery-icon{width:44px;height:44px}.discovery>a{gap:9px}.discovery>a>span:nth-child(2){font-size:11px}.discovery small{font-size:9px}.discovery>a>.icon{display:none}.promise-layout{gap:48px}.promise-visual img{height:400px}.promise-seal{right:-15px}.step:not(:last-child)::after{top:80px;left:calc(100% + 4px)}.product-media{aspect-ratio:1.35}.product-body{padding:21px}.product-body p{font-size:13px}.product-body h3{font-size:28px}}
@media(min-width:761px) and (max-width:920px){.hero-stage{width:calc(100% - 32px);padding:35px 49px 22px}.adventure-copy h1{font-size:57px}.adventure-copy .eyebrow{font-size:10px}.adventure-description{font-size:13px}.adventure-copy .button{font-size:12px;gap:12px;padding:12px 16px}.adventure-photo{height:380px;border-radius:75px 20px 75px 20px}.adventure-note{padding:11px;gap:9px}.adventure-note strong{font-size:11px}.adventure-note div>span{font-size:8px}.note-icon{width:33px;height:33px}.adventure-spark{font-size:58px}.hero-scene{gap:25px}.steps{gap:19px}.step p{font-size:12px}.promise-layout{gap:35px}.promise-visual img{height:420px}.promise-copy h2{font-size:35px}.promise-intro{font-size:25px}}
@media(max-width:760px){.header-inner{height:76px}.brand{width:166px}.announcement{font-size:10px;min-height:32px}.adventure-hero{padding:12px 0 24px}.hero-stage{width:calc(100% - 24px);padding:30px 22px 18px;border-radius:28px 28px 65px 28px}.hero-scene{grid-template-columns:1fr;gap:29px;min-height:0}.adventure-copy{text-align:center;padding:0 0 3px}.adventure-copy .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:18px}.adventure-copy h1{font-size:clamp(49px,10vw,70px);line-height:1.1;letter-spacing:-.8px;margin-bottom:19px;min-height:110px}.adventure-description{font-size:13px;line-height:1.75;max-width:350px;min-height:68px;margin:0 auto 22px}.adventure-copy .button{font-size:13px;min-height:48px;gap:20px}.adventure-footnote{justify-content:center;margin-top:17px;font-size:10px}.adventure-visual{width:100%;max-width:520px;margin:0 auto 20px;padding:0 3px}.adventure-photo{height:auto;aspect-ratio:1.22;border-radius:66px 18px 66px 18px;border-width:4px}.adventure-visual::before{inset:16px -2px -8px 16px;border-radius:66px 18px 66px 18px;transform:rotate(2deg)}.adventure-photo img{object-position:center}.adventure-spark{top:-19px;right:1px;font-size:48px}.adventure-note{bottom:-18px;left:16px;right:16px;padding:12px;gap:9px;border-radius:12px}.adventure-note strong{font-size:11px}.adventure-note div>span{font-size:9px}.note-icon{width:34px;height:34px}.note-icon .icon{width:20px}.hero-arrow{top:auto;bottom:calc(26vw + 123px);width:40px;height:40px;box-shadow:0 2px 9px rgb(23 43 82 / 9%)}.hero-arrow.previous{left:10px}.hero-arrow.next{right:10px}.hero-arrow .icon{width:19px;height:19px}.hero-pagination{justify-content:center;gap:23px;margin-top:19px}.hero-pagination button{font-size:11px;padding:9px 0;gap:5px}.hero-pagination button>span{font-size:9px}.discovery{grid-template-columns:repeat(2,1fr);gap:18px 14px;padding:6px 0 25px}.discovery-icon{width:42px;height:42px}.discovery>a>span:nth-child(2){font-size:11px}.discovery small{font-size:9px}.philosophy{padding-top:49px}.philosophy-copy{font-size:14px}.belief-strip>span{font-size:10px}.eyebrow{font-size:10px}.section-heading-row>p{font-size:13px}.collection-filters{gap:8px;flex-wrap:wrap}.filter{font-size:11px;padding:8px 14px;min-height:39px}.collection-count{font-size:10px}.product-grid{gap:26px;grid-template-columns:1fr}.product-media{aspect-ratio:1.22}.product-tag{top:15px;left:15px;font-size:9px}.product-body{padding:21px}.product-body h3{font-size:29px}.product-body p{font-size:13px;min-height:0}.product-bottom{gap:12px;padding-top:20px}.add-button{font-size:12px;gap:12px}.product-quantity button{width:33px}.product-quantity output{min-width:22px}.gallery-arrow{width:40px;height:40px}.gallery-previous{left:12px}.gallery-next{right:12px}.next-mission p{font-size:12px}.next-mission strong{font-size:14px}.next-mission .text-link{font-size:12px}.steps{gap:35px 22px;margin-top:34px;margin-bottom:27px}.process-art{margin-bottom:25px;border-radius:30px 15px 30px 15px}.step:nth-child(even) .process-art{border-radius:15px 30px 15px 30px}.process-number{width:35px;height:35px;bottom:-11px;left:9px;font-size:10px;border-width:3px}.step h3{font-size:28px}.step p{font-size:12px;line-height:1.8;max-width:180px}.step:not(:last-child)::after{top:66px;left:calc(100% + 2px);font-size:18px}.center-heading>p:last-child{font-size:13px}.how{padding-bottom:53px}.promise{border-radius:64px 0 64px 0;padding:58px 0}.promise-layout{grid-template-columns:1fr;gap:35px}.promise-visual{max-width:510px;margin:auto;width:100%;padding:0 12px 5px 2px}.promise-visual figure{border-radius:20px 75px 20px 75px;transform:rotate(-1deg);border-width:4px}.promise-visual img{height:auto;aspect-ratio:1.2;object-position:center}.promise-visual>p{font-size:10px;margin-top:20px}.promise-seal{width:94px;height:94px;border-width:4px;right:0;bottom:9px;font-size:10px;gap:4px}.promise-seal .icon{width:20px;height:20px}.promise-copy h2{font-size:37px}.promise-intro{font-size:26px;margin-top:15px}.promise-copy>p:not(.eyebrow):not(.promise-intro){font-size:13px;max-width:none}.promise-benefits{gap:20px;margin-top:23px}.promise-benefits p{font-size:12px}.promise-benefits h3{font-size:13px}.promise-copy .text-link{font-size:13px;margin-top:23px}.resource-info p,.story-copy p:not(.eyebrow),.club-layout>div>p:last-child{font-size:13px}.faq-item summary{font-size:13px}.faq-item p{font-size:12px}.footer-column>a,.footer-text-button{font-size:12px}.footer-brand p{font-size:12px}.footer-bottom{font-size:9px}}
@media(max-width:360px){.hero-stage{padding:27px 18px 18px}.adventure-copy h1{font-size:48px;min-height:106px}.adventure-copy .eyebrow{font-size:9px}.adventure-description{font-size:12px;min-height:84px}.adventure-copy .button{font-size:12px;gap:15px;padding:12px 17px}.adventure-photo{aspect-ratio:1.13}.adventure-note{left:12px;right:12px;padding:10px;gap:7px}.adventure-note strong{font-size:10px}.adventure-note div>span{font-size:8px}.hero-pagination{gap:19px}.hero-arrow{bottom:calc(26vw + 118px)}.discovery{gap:15px 8px}.discovery>a{gap:8px;padding:0}.discovery-icon{width:36px;height:36px}.discovery-icon .icon{width:20px;height:20px}.discovery>a>span:nth-child(2){font-size:10px}.discovery small{font-size:8px}.product-body{padding:18px}.product-bottom{gap:10px}.product-quantity button{width:29px}.add-button{padding:10px 12px}.process-art{max-width:150px}.step:not(:last-child)::after{top:55px}.promise-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hero-stage,.product-card{transition:none}}
.adventure-copy h1 span,.promise-intro{color:var(--purple-ink)}