body.visual-system{--j-h1:clamp(40px,3.7vw,60px);--j-h2:clamp(34px,3.7vw,52px);--j-section:82px}
body.visual-system #MainContent :is(.story-integrated-hero,.island-arrival) h1,body.visual-system #MainContent .journey-v4 h1,body.visual-system #MainContent :is(.contact-intro,.faq-review,.journeys-welcome) h1{font-size:var(--j-h1);font-weight:400;line-height:1.08;letter-spacing:-.035em}
body.visual-system #MainContent :is(.wrap,.island-guide,.contact-layout,.journey-v4) h2{font-size:var(--j-h2);font-weight:400;line-height:1.12;letter-spacing:-.035em}
body.visual-system #MainContent :is(.story-body,.island-guide,.journey-v4,.faq-review,.journeys-welcome,.contact-intro) p:not(.eyebrow):not(.island-eyebrow):not(.island-helper):not(.story-lead):not(.island-arrival-line):not(.island-did-you-know):not(.contact-address):not(.contact-privacy){font-size:17px;line-height:1.6}
body.visual-system #MainContent :is(.story-body,.section-intro,.quality-intro,.journeys-welcome,.contact-intro) p:not(.eyebrow):not(.contact-address):not(.contact-privacy){color:#111111}
body.visual-system #MainContent :is(.story-integrated-copy .story-lead,.island-arrival-line){font-size:20px;line-height:1.4;letter-spacing:0;font-weight:400}
body.visual-system #MainContent .story-integrated-copy p:not(.eyebrow):not(.story-lead){font-size:17px;line-height:1.6;color:#111111}
body.visual-system #MainContent .island-guide .island-arrival-line{font-size:20px;line-height:1.4}
body.visual-system #MainContent :is(.eyebrow,.island-eyebrow){font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.2em}
body.visual-system #MainContent :is(.story-integrated-copy,.island-arrival) :is(.eyebrow,.island-eyebrow){font-size:10px}
body.visual-system #MainContent :is(.island-helper,.reminder-helper){font-size:13px;line-height:1.5}
body.visual-system #MainContent .island-guide .btn{padding:16px 28px;min-height:54px;font-size:16px;line-height:1.35;letter-spacing:.01em}
body.visual-system #MainContent .island-guide :is(.island-colour-band,.island-locator-band,.island-facts-band){border-radius:0}
body.visual-system #MainContent .island-arrival{height:calc(100svh - 88px);min-height:620px;max-height:920px}
body.visual-system #MainContent .island-arrival-copy{bottom:12%;max-width:620px}
body.visual-system #MainContent .story-integrated-hero{min-height:660px;padding-block:64px}
body.visual-system #MainContent .story-integrated-copy{max-width:560px}
@media(prefers-reduced-motion:no-preference){body.visual-system .site-fade{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}}
body.visual-system.journey-design #MainContent .journey-v4 h1{font-size:var(--j-h1);font-weight:400;line-height:1.08;letter-spacing:-.035em}
body.visual-system.journey-design #MainContent .journey-v4 h2{font-size:var(--j-h2);font-weight:400;line-height:1.12;letter-spacing:-.035em}
body.visual-system #MainContent .island-guide .island-instagram-note{font-size:12px;line-height:1.5}
body.visual-system #MainContent .lost-page h1{font-size:var(--j-h1);font-weight:400;line-height:1.08;letter-spacing:-.035em}
body.policy-page .shopify-policy__title h1{font-size:clamp(40px,3.7vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
@media(max-width:700px){
 body.visual-system{--j-h1:39px;--j-h2:34px;--j-section:44px}
 body.policy-page .shopify-policy__title h1{font-size:39px}
 body.visual-system #MainContent :is(.eyebrow,.island-eyebrow){font-size:15px}
 body.visual-system #MainContent :is(.story-integrated-copy,.island-arrival) :is(.eyebrow,.island-eyebrow){font-size:10px}
 body.visual-system #MainContent :is(.story-body,.island-guide,.journey-v4,.faq-review,.journeys-welcome,.contact-intro) p:not(.eyebrow):not(.island-eyebrow):not(.island-helper):not(.story-lead):not(.island-arrival-line):not(.island-did-you-know):not(.contact-address):not(.contact-privacy){font-size:16px;line-height:1.6}
 body.visual-system #MainContent .story-integrated-copy p:not(.eyebrow):not(.story-lead){font-size:16px}
 body.visual-system #MainContent .story-integrated-hero{min-height:0;padding:40px 5% 0}
 body.visual-system #MainContent .island-arrival{height:calc(100svh - 68px);min-height:620px;max-height:880px}
}


body.homepage-motion #purchase-preview.compact-registration{width:calc(100% - 32px);max-width:480px;padding:24px;border-radius:16px;border:1px solid #51453625;box-shadow:0 18px 80px #11111120;background:#f6f3ec}
body.homepage-motion #purchase-preview.compact-registration .dialog-head{margin-bottom:16px}
body.homepage-motion #purchase-preview.compact-registration .dialog-head .eyebrow{font-size:10px;letter-spacing:.14em}
body.homepage-motion #purchase-preview.compact-registration h2{font-size:28px;font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}
body.homepage-motion #purchase-preview.compact-registration .registration-price{font-size:15px;line-height:1.5;color:#514536;margin:0 0 8px}
body.homepage-motion #purchase-preview.compact-registration #purchase-explanation{font-size:15px;line-height:1.5;color:#514536;margin:0}
body.homepage-motion #purchase-preview.compact-registration .shopify-app-block{margin-top:20px}

body.homepage-motion #MainContent .product-copy>.subtle-link,body.visual-system #MainContent .island-arrival-copy>.island-scroll{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;box-sizing:border-box;padding:0;font-size:14px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;margin-top:16px}
body.homepage-motion #MainContent .product-copy>.subtle-link{width:100%;max-width:390px}
body.homepage-motion #MainContent .product-copy>.purchase-caption{margin-bottom:0}
body.visual-system #MainContent .island-arrival-copy>.btn,body.visual-system #MainContent .island-arrival-copy>.island-scroll{width:224px;max-width:100%}
body.visual-system #MainContent .island-arrival-copy>.island-helper{margin-bottom:0}
body.homepage-motion #MainContent .product-copy>.subtle-link .link-arrow,body.visual-system #MainContent .island-arrival-copy>.island-scroll .link-arrow{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
@media(hover:hover){body.homepage-motion #MainContent .product-copy>.subtle-link:hover,body.visual-system #MainContent .island-arrival-copy>.island-scroll:hover{text-decoration:underline;text-underline-offset:4px}}
