/* Patrick Ta editorial/tutorial component adaptation. Inter is the documented
   licensed fallback for unavailable Cosmica; no typographic-parity claim. */
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
.guide-page{--paper:#fff;--ink:#4a171c;--olive:#4a171c;--white:#fff;--line:#d2c5c6;--serif:Inter,Arial,sans-serif;--gutter:1.5rem;background:#fff;color:#4a171c;font-family:Inter,Arial,sans-serif;line-height:1.3}
html:has(.guide-page){scroll-behavior:auto;scroll-padding-top:90px}
.guide-page h1,.guide-page h2,.guide-page h3{font-family:Inter,Arial,sans-serif;font-weight:800;line-height:1.1;letter-spacing:0;text-transform:uppercase}
.guide-page .site-header,.guide-page .site-header.is-solid{background:#fff;color:#4a171c;box-shadow:none;border-bottom:1px solid #ede8e8;height:76px}
.guide-page .header-inner{display:grid;grid-template-columns:1fr auto 1fr;max-width:none;padding-inline:2.5rem;gap:1.5rem}
.guide-page .wordmark{grid-column:2;grid-row:1}.guide-page .desktop-nav{grid-column:1;grid-row:1;margin:0;gap:1.6rem}.guide-page .header-actions{grid-column:3;grid-row:1;justify-self:end;gap:1.1rem}
.guide-page .wordmark>span{font-size:23px;font-weight:600;letter-spacing:.22em}.guide-page .wordmark small{font-size:8px;margin-top:6px}
.guide-page .nav-link{font-size:.813rem}.guide-page .header-ritual{font-size:.75rem!important;padding:.7rem 1.3rem!important;min-height:44px!important}.guide-page .language-switch{font-size:11px}
.guide-page .button{border:1px solid currentColor;border-radius:1.875rem;padding:.775rem 2.5rem;min-height:44px;font-family:'DM Sans',Inter,Arial,sans-serif;font-weight:600;font-size:.9375rem;line-height:1.2;text-transform:uppercase;gap:.8rem;transition:background .2s,color .2s}
.guide-page .button:active{transform:none}.guide-page .button-dark{background:#4a171c;color:#fff;border-color:#4a171c}.guide-page .button-dark:hover{background:#350e12;border-color:#350e12}.guide-page .button-outline:hover{background:#4a171c;color:#fff}.guide-page :focus-visible{outline:2px solid #4a171c;outline-offset:5px}
.guide-page .shop-dropdown{background:#fff;border-color:#d2c5c6;box-shadow:none}.guide-page .mobile-menu{background:#fff;color:#4a171c}.guide-page .content-width{max-width:none;width:calc(100% - 3rem)}
.guide-page main{padding-top:76px}.guide-intro{padding:4rem 1.5rem 3.5rem;text-align:center;border-bottom:1px solid #ede8e8}.guide-eyebrow{font-family:'DM Sans',Inter,Arial,sans-serif;font-size:.813rem;line-height:1.3;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.guide-intro h1{font-size:clamp(2rem,3.4vw,3.9rem);margin:1rem auto 1.15rem;max-width:65rem}.guide-intro>p:not(.guide-eyebrow):not(.guide-scroll-hint){font-size:1rem}.guide-scroll-hint{font-size:.813rem;margin-top:2rem;display:flex;justify-content:center;align-items:center;gap:1.4rem}.guide-scroll-hint span{font-size:22px}
.guide-sequence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;padding:1.5rem;position:relative;align-items:start}
.guide-stage-wrap{position:sticky;top:1.5rem;height:calc(100svh - 3rem);min-height:480px}.guide-stage{height:100%;position:relative;background:#f1eeeb;overflow:hidden}.guide-stage-label{position:absolute;top:1.4rem;left:1.5rem;right:1.5rem;z-index:2;display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.04em;pointer-events:none}
#guide-model{width:100%;height:100%;position:relative}#guide-model canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.guide-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.guide-model-status{position:absolute;bottom:2rem;left:1.5rem;right:1.5rem;font-size:.75rem;text-align:center;background:#f1eeeb;padding:.5rem}.guide-stage:has([data-status=ready]) .guide-model-status,.guide-stage:has([data-status=ready]) .guide-poster{display:none}
.guide-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d2c5c6}.guide-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--guide-progress,0));transform-origin:left;background:#4a171c}
.guide-chapter{min-height:90svh;display:grid;align-items:center;padding:5.5rem 8%;border-bottom:1px solid #ede8e8;scroll-margin-top:90px}.guide-chapter:last-child{border:0}.chapter-copy{max-width:33rem;margin-inline:auto;width:100%}.guide-chapter .guide-eyebrow{margin-bottom:1.7rem}.guide-chapter h2{font-size:clamp(2rem,3.35vw,3.9rem);margin-bottom:1.7rem;overflow-wrap:break-word}.chapter-lead{font-size:1.125rem;line-height:1.45;max-width:30rem}.chapter-detail{font-size:.9375rem;line-height:1.55;margin-top:1.2rem;max-width:29rem}.chapter-still{display:none;margin-top:2rem;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f1eeeb}
.guide-care{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:6rem 5%;border-block:1px solid #d2c5c6}.guide-care h2{font-size:clamp(2rem,3vw,3.5rem);max-width:30rem;margin-top:1.5rem}.guide-faq details{border-bottom:1px solid #d2c5c6;padding:1.5rem 0}.guide-faq summary{display:flex;justify-content:space-between;gap:2rem;cursor:pointer;list-style:none;font-weight:600;font-size:.9375rem;min-height:44px;align-items:center}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{font-size:24px;font-weight:400}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details p{font-size:.9375rem;line-height:1.55;max-width:34rem;padding:1rem 2rem 0 0}
.guide-end{text-align:center;padding:6rem 1.5rem;background:#ede8e8}.guide-end h2{font-size:clamp(2rem,3.5vw,4rem);margin:1.5rem auto 2rem;max-width:50rem}.guide-end .text-link{display:flex;width:max-content;margin:1rem auto 0;font-size:.813rem}.guide-page .site-footer{background:#fff;color:#4a171c}.guide-page .footer-brand .wordmark{align-items:flex-start}.guide-page .footer-column h2{font:600 .813rem Inter,Arial,sans-serif}.guide-page .site-footer .wordmark>span{font-size:23px}.guide-page .footer-bottom{border-color:#d2c5c6}.guide-page dialog h2{text-transform:none;font-weight:600}.guide-page .dialog-close{color:#4a171c}
/* No moving or sticky assembly when motion is disabled or WebGL is unavailable.
   Each chapter retains its own model-rendered still and indexable instructions. */
.motion-off .guide-stage-wrap,.guide-unavailable .guide-stage-wrap{display:none}.motion-off .guide-sequence,.guide-unavailable .guide-sequence{display:block}.motion-off .guide-chapters,.guide-unavailable .guide-chapters{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.motion-off .guide-chapter,.guide-unavailable .guide-chapter{min-height:0;padding:3rem 2rem;align-items:start}.motion-off .chapter-still,.guide-unavailable .chapter-still{display:block}.motion-off .chapter-copy,.guide-unavailable .chapter-copy{max-width:36rem}
@media(min-width:1000px){html:has(.guide-page){font-size:clamp(.8125rem,min(.5208vw + .4792rem,1.5vh + .15625rem),1rem)}}
@media(min-width:1440px){.guide-page .button:not(.header-ritual){padding-inline:4rem}}
@media(max-width:1100px) and (min-width:768px){.guide-page .header-inner{padding-inline:1.5rem}.guide-page .header-actions{gap:.6rem}.guide-page .header-ritual{display:none}.guide-page .desktop-nav{gap:1rem}}
@media(max-width:767px){.guide-page{--gutter:1.125rem}.guide-page .site-header,.guide-page .site-header.is-solid{height:68px}.guide-page .header-inner{grid-template-columns:1fr auto 1fr;padding-inline:18px;gap:10px}.guide-page .desktop-nav{display:none}.guide-page .wordmark>span{font-size:16px;letter-spacing:.17em}.guide-page .wordmark small{font-size:6px;margin-top:4px}.guide-page .header-actions{gap:7px}.guide-page .language-switch{position:absolute;left:18px;top:0;height:68px;display:flex;align-items:center;gap:5px}.guide-page .header-ritual{display:none}.guide-page .menu-toggle{display:flex}.guide-page .bag-button{padding-inline:0}.guide-page .bag-count{font-size:10px}.guide-page main{padding-top:68px}.guide-page .mobile-menu{top:68px}.guide-page .button{font-size:.813rem;line-height:1;padding:.75rem 2.5rem}.guide-page .content-width{width:calc(100% - 2.25rem)}
 .guide-intro{padding:2.5rem 1.125rem 2rem}.guide-intro h1{font-size:clamp(1.65rem,7.4vw,2.6rem);max-width:24rem;margin-block:1.25rem}.guide-intro>p:not(.guide-eyebrow):not(.guide-scroll-hint){font-size:.9375rem}.guide-scroll-hint{margin-top:1.5rem}.guide-eyebrow{font-size:.75rem}
 .guide-sequence{display:block;padding:0}.guide-stage-wrap{top:0;height:46svh;min-height:260px;z-index:2}.guide-stage-label{top:1rem;left:1.125rem;right:1.125rem;font-size:.6rem}.guide-chapter{min-height:70svh;padding:3.5rem 1.125rem 4rem;align-items:center;text-align:center}.guide-chapter h2{font-size:clamp(1.6rem,7.3vw,2.25rem);margin-bottom:1.5rem}.guide-chapter .guide-eyebrow{margin-bottom:1.25rem}.chapter-copy{max-width:25rem}.chapter-lead{font-size:1rem;line-height:1.45}.chapter-detail{font-size:.875rem;line-height:1.5;margin-top:1rem}.guide-model-status{font-size:.65rem;bottom:1rem}
 .guide-care{grid-template-columns:1fr;gap:2rem;padding:3.5rem 1.125rem}.guide-care h2{font-size:2rem;max-width:22rem}.guide-faq details{padding:1rem 0}.guide-faq summary,.guide-faq details p{font-size:.875rem}.guide-end{padding:3.5rem 1.125rem}.guide-end h2{font-size:2rem}.guide-page .footer-main{gap:2.5rem}.motion-off .guide-chapters,.guide-unavailable .guide-chapters{grid-template-columns:1fr;gap:0}.motion-off .guide-chapter,.guide-unavailable .guide-chapter{padding:3rem 1.125rem}.guide-poster{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important}}

.guide-page .language-switch a{min-width:44px;min-height:44px;justify-content:center;padding:0}.guide-page .bag-button{min-width:44px}.guide-page .wordmark{min-height:44px;justify-content:center}.guide-page .language-switch{gap:0}@media(max-width:767px){.guide-page .language-switch{gap:0;left:10px}.guide-page .header-actions{gap:0}.guide-chapter{align-items:start;min-height:66svh;padding-top:3rem}.guide-page .mobile-editorial-links a{font-size:1.3rem;font-weight:700;text-transform:uppercase}.guide-page .footer-column>a,.guide-page .footer-column>button{min-height:44px;display:flex;align-items:center}}@media(max-width:359px){.guide-page .wordmark>span{font-size:13px}.guide-page .wordmark small{font-size:5px}.guide-page .header-inner{padding-inline:12px}.guide-page .language-switch{left:4px}}

.guide-page .menu-toggle{min-width:44px}.guide-page .footer-column{min-width:0}.guide-page .footer-column a{overflow-wrap:anywhere}@media(max-width:767px){.guide-page .footer-column:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}}

@media(max-width:767px){.guide-chapter{display:block;min-height:110svh;padding-top:3rem;padding-bottom:0}.guide-chapter .chapter-copy{position:sticky;top:calc(46svh + 1.25rem);padding-bottom:1.25rem}.motion-off .guide-chapter,.guide-unavailable .guide-chapter{min-height:0;padding-block:3rem}.motion-off .chapter-copy,.guide-unavailable .chapter-copy{position:static;padding-bottom:0}}