@font-face{font-family:Bricolage;src:url("./assets/bricolage-800.ttf") format("truetype");font-weight:800;font-display:swap}@font-face{font-family:"DM Sans";src:url("./assets/dm-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"DM Sans";src:url("./assets/dm-sans-600.ttf") format("truetype");font-weight:600;font-display:swap}
:root{--pink:#f3aaca;--pink-light:#f8c9dc;--plum:#392231;--cream:#f8f3e8;--mint:#c9e0bf;--lilac:#d8cff1;--line:#39223130;--display:Bricolage,Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--cream);color:var(--plum);font-family:var(--body);font-size:15px;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.06em;line-height:1.01}h2{font-size:clamp(43px,4.8vw,72px)}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #655ec1;outline-offset:5px}a:focus-visible,button:focus-visible{border-radius:3px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:8px;left:10px;background:var(--cream);color:var(--plum);padding:10px 20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.demo-strip{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:9px 3.4%;gap:15px;background:var(--cream);border-bottom:1px solid var(--line);font-size:10px;line-height:1.6}.demo-strip a{text-decoration:none;font-weight:600}.demo-strip a:hover{text-decoration:underline}.site-header{background:var(--pink);padding:25px 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-family:var(--display);font-size:37px;letter-spacing:-.07em;line-height:1;text-decoration:none}.logo span{font-family:var(--body);font-size:13px;vertical-align:top;display:inline-block;margin:1px 0 0 5px}.site-header nav{display:flex;align-items:center;gap:33px;font-size:12px}.site-header nav a{text-decoration:none;font-weight:600}.site-header nav a:hover{text-decoration:underline}.nav-button{border:1px solid var(--plum);padding:11px 18px;border-radius:30px}.nav-button span{margin-left:20px}.hero{background:var(--pink);padding:51px 5.5% 24px;display:grid;grid-template-columns:55% 45%;column-gap:0;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:22px 0 35px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.09em;line-height:1.5}.hero h1{font-size:clamp(72px,8.8vw,133px);line-height:.97;letter-spacing:-.075em;margin:30px -40px 24px 0}.hero h1 span{position:relative}.hero-description{font-size:15px;line-height:1.65;max-width:330px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:1px solid var(--plum);border-radius:99px;padding:16px 24px;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;transition:transform .2s,background .2s}.button span{font-size:20px;font-weight:400;line-height:1}.button.dark{background:var(--plum);color:var(--cream)}.button.pink{background:var(--pink);color:var(--plum)}.button:hover{transform:translateY(-3px)}.hero .button{margin-top:28px}.hero-caption{font-size:8px;letter-spacing:.12em;margin-top:40px}.hero-art{position:relative;padding:8px 18px 0 25px;min-width:0}.hero-photo{height:514px;overflow:hidden;border-radius:230px 230px 16px 16px;transform:rotate(4deg);border:1px solid var(--plum)}.hero-photo img{height:100%;object-fit:cover;object-position:center 53%}.mood-stamp{position:absolute;width:143px;height:143px;top:-6px;right:-15px;border-radius:50%;background:var(--mint);border:1px solid var(--plum);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(15deg);box-shadow:4px 5px 0 #392231}.mood-stamp strong{font-family:var(--display);font-size:31px;letter-spacing:-.05em;line-height:.94;text-align:center;padding:8px 0}.mood-stamp>span{font-size:8px;letter-spacing:.1em}.photo-tag{position:absolute;bottom:3px;left:0;padding:14px 22px;background:var(--cream);border:1px solid var(--plum);border-radius:4px;font-size:9px;letter-spacing:.06em;transform:rotate(-7deg);display:flex;gap:28px;align-items:center}.photo-tag span{font-size:20px;line-height:1}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;margin-top:29px;border-top:1px solid var(--line);padding-top:20px}.hero-baseline a{text-decoration:none;font-size:10px;letter-spacing:0}.hero-baseline a span{font-size:18px;margin-left:18px}.manifesto-strip{display:flex;align-items:center;justify-content:center;gap:34px;white-space:nowrap;overflow:hidden;background:var(--plum);color:var(--cream);padding:17px 0;font-family:var(--display);font-size:22px;letter-spacing:-.025em}.manifesto-strip .strip-dot{color:var(--pink);font-size:27px;line-height:1}.section-pad{padding:93px 6%}.finder{display:grid;grid-template-columns:42% 58%;gap:0;border-bottom:1px solid var(--line)}.finder-heading{padding:17px 13% 0 0}.finder h2{margin:21px 0 25px}.finder h2 span{color:#88516f}.finder-heading>p:not(.eyebrow):not(.tiny-note){font-size:13px;line-height:1.8}.tiny-note{font-size:10px;line-height:1.7;margin-top:40px;max-width:240px;opacity:.75}.finder-controls{min-width:0}fieldset{border:0;padding:0;margin:0 0 27px;min-width:0}legend{font-family:var(--display);font-size:23px;letter-spacing:-.045em;padding:0;margin-bottom:12px}legend>span{font-family:var(--body);font-weight:400;display:inline-flex;height:26px;width:26px;align-items:center;justify-content:center;border:1px solid var(--line);font-size:10px;letter-spacing:0;border-radius:50%;margin-right:8px;vertical-align:middle}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice>span{display:block;padding:12px 17px;border:1px solid #39223160;border-radius:5px;font-size:11px;transition:background .2s}.choice input:checked+span{background:var(--plum);border-color:var(--plum);color:var(--cream)}.choice input:focus-visible+span{outline:3px solid #655ec1;outline-offset:4px}.choice:hover>span{background:#eadfdc}.choice .choice-check{display:none;margin-right:8px}.choice input:checked+span .choice-check{display:inline}.match-card{padding:29px 32px 25px;border:1px solid var(--plum);border-radius:9px;background:var(--pink-light);box-shadow:5px 5px 0 var(--plum);transition:background .2s}.match-card[data-match="bright"]{background:var(--mint)}.match-card[data-match="slow"]{background:var(--lilac)}.match-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.match-top>span:last-child{font-family:var(--display);font-size:22px;opacity:.7}.match-info h3{font-size:54px;line-height:1.07;letter-spacing:-.065em}.match-notes{font-size:9px;font-weight:600;letter-spacing:.065em;margin-top:11px}.match-reason{font-size:12px;line-height:1.8;margin-top:17px;max-width:450px}.match-meta{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #39223140;margin-top:21px;padding-top:14px;font-size:8px;letter-spacing:.07em}.match-actions{display:flex;align-items:center;gap:22px;margin-top:22px;flex-wrap:wrap}.match-actions .button{font-size:10px;padding:13px 17px;gap:17px}.match-actions>a{font-size:10px;text-decoration:none}.match-actions>a span{margin-left:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading h2{margin-top:18px}.section-heading h2 span{color:#88516f}.filters{display:flex;align-items:center;border:1px solid var(--plum);border-radius:30px;padding:4px;gap:3px;flex-shrink:0;margin-bottom:6px}.filters button{border:0;background:transparent;color:var(--plum);padding:10px 15px;font-size:10px;border-radius:25px}.filters button[aria-pressed="true"]{background:var(--plum);color:var(--cream)}.filters button:hover:not([aria-pressed="true"]){background:#e9dfdd}.filter-count{font-size:10px;opacity:.75;margin:28px 0 17px}.coffee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.coffee-card{border:1px solid var(--plum);border-radius:11px;overflow:hidden;background:var(--pink-light);min-width:0;transition:box-shadow .2s}.coffee-card:hover{box-shadow:5px 5px 0 var(--plum)}.coffee-card.bright{background:var(--mint)}.coffee-card.slow{background:var(--lilac)}.card-photo{height:255px;position:relative;overflow:hidden;border-bottom:1px solid var(--plum)}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.coffee-card:hover .card-photo img{transform:scale(1.04)}.daily .card-photo img{object-position:center 68%}.bright .card-photo img{object-position:center 60%}.slow .card-photo img{object-position:center 50%}.card-sticker{position:absolute;bottom:17px;right:16px;background:var(--cream);color:var(--plum);border-radius:50%;height:87px;width:87px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);font-size:8px;font-weight:600;line-height:1.4;border:1px solid var(--plum)}.card-copy{padding:22px}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.04em}.card-copy h3{font-size:39px;margin:22px 0 9px}.card-notes{font-size:11px;font-weight:600}.card-description{font-size:11px;line-height:1.8;margin:17px 0 23px;min-height:60px}.save-coffee{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0 0;border:0;border-top:1px solid #39223160;background:none;color:var(--plum);width:100%;font-size:11px;font-weight:600;text-align:left}.save-coffee span{font-size:23px;font-weight:400;line-height:1}.save-coffee[aria-pressed="true"]{color:#234b37}.tasting-list{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:43px;padding:32px;border:1px solid var(--line);border-radius:8px;background:#eeeade}.tasting-list h3{font-size:29px;margin:11px 0 12px;letter-spacing:-.045em}.tasting-list h3 span{display:inline-flex;width:27px;height:27px;border-radius:50%;background:var(--plum);color:var(--cream);align-items:center;justify-content:center;font:400 12px var(--body);vertical-align:middle;margin-left:8px}.tasting-list p:not(.eyebrow){font-size:10px;line-height:1.7;opacity:.85}.tasting-content ul{margin:0;padding:0;list-style:none}.tasting-content li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.tasting-content li.empty-list{padding:5px 0;border:0;line-height:1.8;max-width:330px;opacity:.75}.tasting-content li button{background:transparent;border:0;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:var(--plum);padding:7px}.clear-list{margin-top:14px;background:transparent;border:0;padding:0;font-size:10px;color:var(--plum);text-decoration:underline;text-underline-offset:3px}.list-status{margin-top:9px;min-height:17px}.our-kind{background:var(--mint);display:grid;grid-template-columns:24% 1fr 17%;align-items:start;gap:30px;border-block:1px solid var(--plum)}.our-kind .eyebrow{padding-top:9px;max-width:180px}.our-kind h2{font-size:clamp(46px,5.1vw,78px)}.our-kind h2 span{color:#496940}.our-kind>div>p{font-size:13px;max-width:460px;line-height:1.8;margin:25px 0}.our-kind .button{font-size:11px}.kind-side-note{font-family:var(--display);font-size:22px;letter-spacing:-.04em;line-height:1.1;text-align:right;padding-top:12px}.site-footer{background:var(--plum);color:var(--cream);padding:49px 5% 24px;overflow:hidden}.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-intro p{font-size:13px;line-height:1.7}.footer-logo{display:block;font-family:var(--display);font-size:clamp(90px,19.2vw,290px);letter-spacing:-.075em;line-height:.9;text-decoration:none;margin:55px 0 40px;color:var(--pink)}.footer-logo span{font-size:.14em;vertical-align:top;display:inline-block;margin:9px 0 0 10px;font-family:var(--body);letter-spacing:0}.footer-bottom{border-top:1px solid #f8f3e844;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#e3d4d8}.footer-bottom details{max-width:470px}.footer-bottom summary{cursor:pointer;text-align:right}.footer-bottom details p{margin-top:15px;font-size:10px;line-height:1.85}.noscript-note{padding:15px;border:1px solid var(--line);font-size:12px;margin-top:20px}
@media(min-width:1650px){.hero{padding-left:8%;padding-right:8%}.hero h1{font-size:155px}.hero-photo{height:610px}.hero-copy{padding-top:50px}.hero-art{padding-left:40px}.section-pad{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}.card-photo{height:310px}}
@media(max-width:1050px){.site-header nav{gap:20px;font-size:11px}.hero{padding-top:32px;grid-template-columns:54% 46%}.hero h1{font-size:8.8vw;margin-right:-55px}.hero-photo{height:440px}.hero-art{padding-left:18px;padding-right:8px}.mood-stamp{width:115px;height:115px;right:-15px;top:0}.mood-stamp strong{font-size:26px}.mood-stamp>span{font-size:6px}.hero-description{font-size:13px}.hero-caption{margin-top:31px}.hero .eyebrow{font-size:8px}.section-pad{padding:70px 5%}.finder{grid-template-columns:40% 60%}.finder-heading{padding-right:11%}.finder h2{font-size:47px}.choice>span{padding:11px 13px;font-size:10px}.match-card{padding:25px}.match-info h3{font-size:46px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px}.coffee-grid{gap:15px}.card-photo{height:235px}.card-copy{padding:19px}.card-copy h3{font-size:32px}.card-meta{font-size:6px}.card-description{min-height:79px}.our-kind{grid-template-columns:22% 1fr 18%;gap:20px}.kind-side-note{font-size:19px}.our-kind .eyebrow{font-size:8px}.footer-logo{font-size:19vw}}
@media(max-width:720px){html{scroll-padding-top:65px}.demo-strip{padding:9px 5%;font-size:8px;gap:10px;min-height:42px}.demo-strip>span{text-align:center;max-width:145px;line-height:1.4}.demo-strip>a:first-child{font-size:0}.demo-strip>a:first-child span{font-size:17px}.demo-strip>a:last-child{font-size:9px}.site-header{padding:21px 6%}.logo{font-size:31px}.logo span{font-size:10px}.site-header nav a:not(.nav-button){display:none}.nav-button{font-size:9px;padding:10px 13px}.nav-button span{margin-left:10px}.hero{display:flex;flex-direction:column;padding:29px 6% 21px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(65px,13.8vw,99px);margin:26px 0 21px;max-width:550px;line-height:.99}.hero-description{font-size:13px;line-height:1.75}.hero .button{margin-top:23px;font-size:11px;padding:15px 21px}.hero-caption{display:none}.hero-art{height:355px;margin:29px 12px 0 13px;padding:6px 20px 0 14px}.hero-photo{height:328px;border-radius:150px 150px 12px 12px;transform:rotate(4deg)}.hero-photo img{object-position:center 54%}.mood-stamp{width:106px;height:106px;right:-4px;top:1px}.mood-stamp strong{font-size:25px}.mood-stamp>span{font-size:6px}.photo-tag{bottom:2px;left:-8px;padding:11px 15px;gap:24px;font-size:7px}.hero-baseline{margin-top:19px;padding-top:17px;gap:20px}.hero-baseline>span{max-width:145px;font-size:6px;line-height:1.7}.hero-baseline a{font-size:9px}.hero-baseline a span{margin-left:7px}.manifesto-strip{font-size:17px;padding-block:14px;gap:24px;justify-content:flex-start}.manifesto-strip>span:first-child{margin-left:24px}.manifesto-strip .strip-dot{font-size:23px}.section-pad{padding:58px 6%}.finder{display:block}.finder-heading{padding:0}.finder h2{font-size:49px;margin:18px 0 21px}.finder h2 br{display:none}.finder-heading>p:not(.eyebrow):not(.tiny-note){font-size:12px}.tiny-note{margin-top:17px;max-width:none;font-size:9px}.finder-controls{margin-top:30px}legend{font-size:22px;margin-bottom:14px}.choice-row{gap:8px}.choice>span{font-size:11px;padding:11px 13px}.choice .choice-check{margin-right:6px}.match-card{padding:23px 20px;box-shadow:4px 4px 0 var(--plum)}.match-info h3{font-size:47px}.match-reason{font-size:11px}.match-notes{font-size:8px;line-height:1.6}.match-meta{gap:15px;font-size:7px}.match-actions{gap:17px}.match-actions .button{font-size:10px}.match-actions>a{font-size:9px}.section-heading{gap:26px}.section-heading h2{font-size:44px}.filters{width:auto}.filters button{font-size:10px;padding:10px 13px}.filter-count{margin-top:17px}.coffee-grid{grid-template-columns:1fr;gap:25px}.card-photo{height:260px}.card-copy{padding:23px}.card-meta{font-size:8px}.card-copy h3{font-size:44px;margin-top:20px}.card-notes{font-size:12px}.card-description{font-size:12px;min-height:0;margin-bottom:23px}.card-sticker{width:94px;height:94px;font-size:8px;right:19px;bottom:19px}.save-coffee{font-size:12px;padding-top:16px}.tasting-list{grid-template-columns:1fr;padding:24px;gap:18px;margin-top:32px}.tasting-list h3{font-size:28px}.tasting-list .eyebrow{font-size:9px}.tasting-list p:not(.eyebrow){font-size:10px}.our-kind{display:block}.our-kind .eyebrow{max-width:none;padding:0;font-size:9px}.our-kind h2{font-size:53px;margin-top:22px}.our-kind>div>p{font-size:12px;margin:24px 0}.kind-side-note{display:none}.site-footer{padding:36px 6% 25px}.footer-intro{align-items:flex-start;flex-direction:column;gap:23px}.footer-intro p{font-size:12px}.footer-intro .button{font-size:11px;padding:14px 20px}.footer-logo{font-size:19vw;margin:37px 0 30px}.footer-logo span{margin-top:5px;margin-left:4px}.footer-bottom{flex-direction:column;gap:17px;font-size:9px}.footer-bottom summary{text-align:left}.footer-bottom details{max-width:none}}
@media(max-width:380px){.hero h1{font-size:14vw}.logo{font-size:27px}.nav-button{font-size:8px;padding:10px}.nav-button span{margin-left:5px}.hero-art{margin-inline:5px;height:330px}.hero-photo{height:305px}.finder h2{font-size:44px}.choice>span{font-size:10px;padding:10px 12px}.match-card{padding:21px 17px}.match-info h3{font-size:43px}.section-heading h2{font-size:41px}.filters button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Kinetic coffee story: static by default, enhanced only when motion is allowed. */
.hero{position:relative;isolation:isolate}
.hero-line{display:block;transform-origin:left center}
.hero h1 .days-word{display:inline-block}
.hero-art{isolation:isolate}
.hero-detail{position:absolute;left:-28px;bottom:66px;width:178px;height:178px;border:8px solid var(--cream);border-radius:50%;overflow:hidden;transform:rotate(-12deg);box-shadow:0 10px 24px #39223125;z-index:2}
.hero-detail img{height:100%;object-fit:cover;filter:brightness(.75)}
.hero-detail figcaption{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--cream);font-family:var(--display);font-size:21px;line-height:1.03;letter-spacing:-.04em}
.mood-stamp{z-index:3}.photo-tag{z-index:4}
.hero-baseline .scroll-invitation{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.085em;line-height:1.4}
.hero-baseline .scroll-invitation .scroll-arrow{margin:0;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--plum);border-radius:50%;font-size:22px;flex-shrink:0}
.scroll-invitation small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px}
.motion-toggle{display:flex;align-items:center;gap:6px;font-family:var(--body);font-size:9px;color:var(--plum);background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 11px;line-height:1.3}
.motion-dot{width:5px;height:5px;border-radius:50%;background:var(--plum);margin-right:2px}
.motion-toggle[aria-pressed="false"] .motion-dot{background:transparent;border:1px solid var(--plum)}
.motion-toggle:disabled{opacity:.7;cursor:default}
.manifesto-strip{display:block;padding:26px 0 30px;overflow:hidden}
.manifesto-track{display:flex;align-items:center;gap:35px;width:max-content;font-size:clamp(42px,6.5vw,106px);font-family:var(--display);letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
.manifesto-track.track-one{margin-left:-5vw}
.manifesto-track.track-two{margin-left:-28vw;color:var(--pink);-webkit-text-stroke:1px var(--pink);margin-top:2px}
.manifesto-track .strip-dot{font-size:.65em;line-height:1;margin:0 10px}
.track-two .strip-dot{color:var(--mint)}
.ritual{background:var(--mint);border-bottom:1px solid var(--plum)}
.ritual-stage{padding:65px 6%}
.ritual-topline{display:flex;justify-content:space-between;gap:25px}
.ritual-scroll-cue{display:none;font-size:9px;letter-spacing:.08em}
.ritual-scroll-cue span{padding-left:20px;font-size:20px}
.ritual-title{font-size:clamp(65px,11vw,180px);letter-spacing:-.075em;margin:38px 0}
.ritual-title span{color:#53764a}
.ritual-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.ritual-frame{position:relative;min-width:0;height:440px;background:var(--plum);color:var(--cream);border:8px solid var(--cream);border-radius:5px;box-shadow:5px 7px 0 #39223125;overflow:hidden}
.ritual-frame img{height:100%;width:100%;object-fit:cover}
.ritual-frame:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#151018c9)}
.ritual-frame figcaption{position:absolute;inset:auto 21px 23px;z-index:1}
.ritual-frame figcaption>span{font-size:7px;letter-spacing:.08em;display:block;margin-bottom:12px}
.ritual-frame figcaption strong{font-family:var(--display);font-size:clamp(23px,2.3vw,35px);line-height:1.06;letter-spacing:-.05em;display:block;font-weight:800}
.ritual-frame-two img{object-position:center 67%}
.ritual-frame-three img{object-position:center 50%}
.ritual-bottomline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px}
.ritual-bottomline>p{font-size:8px;letter-spacing:.08em}
.ritual-bottomline>a{font-size:11px;text-decoration:none;border-bottom:1px solid var(--plum);padding:7px 0}
.ritual-bottomline>a span{margin-left:23px;font-size:18px}
.ritual-progress{display:none;align-items:center;gap:12px;font-size:10px;font-weight:600}
.ritual-progress-track{display:block;width:80px;height:2px;background:#39223130}
.ritual-progress-track>span{display:block;width:100%;height:100%;background:var(--plum);transform:scaleX(var(--ritual-progress,.06));transform-origin:left center}
.motion-enabled .hero-photo{transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0) rotate(var(--photo-turn,4deg))}
.motion-enabled .hero-photo img{transform:translate3d(var(--image-x,0px),var(--image-y,0px),0) scale(1.15)}
.motion-enabled .hero-line-one{transform:translate3d(var(--title-one-x,0px),var(--title-one-y,0px),0)}
.motion-enabled .hero-line-two{transform:translate3d(var(--title-two-x,0px),var(--title-two-y,0px),0)}
.motion-enabled .mood-stamp{transform:translate3d(var(--stamp-x,0px),var(--stamp-y,0px),0) rotate(var(--stamp-turn,15deg))}
.motion-enabled .hero-detail{transform:translate3d(var(--detail-x,0px),var(--detail-y,0px),0) rotate(var(--detail-turn,-12deg))}
.motion-enabled .photo-tag{transform:translate3d(var(--tag-x,0px),var(--tag-y,0px),0) rotate(var(--tag-turn,-7deg))}
.motion-enabled .track-one{transform:translate3d(var(--ribbon-one-x,0px),0,0)}
.motion-enabled .track-two{transform:translate3d(var(--ribbon-two-x,0px),0,0)}
.story-motion-enabled .ritual{height:250svh;position:relative}
.story-motion-enabled .ritual-stage{position:sticky;top:var(--demo-height,40px);height:calc(100svh - var(--demo-height,40px));min-height:540px;padding:32px 5%;overflow:hidden;background:var(--ritual-bg,var(--mint));isolation:isolate}
.story-motion-enabled .ritual-topline{position:relative;z-index:5}
.story-motion-enabled .ritual-scroll-cue{display:block}
.story-motion-enabled .ritual-title{position:absolute;z-index:0;top:17%;left:6%;margin:0;font-size:clamp(85px,13.7vw,225px);transform:translate3d(var(--ritual-title-x,0px),var(--ritual-title-y,0px),0);line-height:.88}
.story-motion-enabled .ritual-title span{color:transparent;-webkit-text-stroke:1.5px var(--plum)}
.story-motion-enabled .ritual-deck{display:block;position:absolute;top:18%;left:57%;width:32%;height:65%;max-width:500px;min-height:320px;perspective:1200px}
.story-motion-enabled .ritual-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0;box-shadow:9px 15px 26px #39223133;transform-origin:center 80%;border-width:9px}
.story-motion-enabled .ritual-frame-one{z-index:1;transform:translate3d(var(--frame-one-x,0px),var(--frame-one-y,0px),0) rotate(var(--frame-one-turn,-7deg)) scale(var(--frame-one-scale,1))}
.story-motion-enabled .ritual-frame-two{z-index:2;transform:translate3d(var(--frame-two-x,0px),var(--frame-two-y,110vh),0) rotate(var(--frame-two-turn,19deg)) scale(var(--frame-two-scale,1))}
.story-motion-enabled .ritual-frame-three{z-index:3;transform:translate3d(var(--frame-three-x,0px),var(--frame-three-y,110vh),0) rotate(var(--frame-three-turn,-15deg))}
.story-motion-enabled .ritual-frame img{transform:translateY(var(--frame-image-y,0px)) scale(1.12)}
.story-motion-enabled .ritual-frame figcaption strong{font-size:clamp(26px,2.8vw,45px)}
.story-motion-enabled .ritual-bottomline{position:absolute;left:5%;right:5%;bottom:27px;z-index:6;margin:0}
.story-motion-enabled .ritual-progress{display:flex}
@media(min-width:1600px){.story-motion-enabled .ritual-deck{left:59%;max-width:540px}.hero-detail{width:205px;height:205px;bottom:89px}}
@media(max-width:1050px){.hero-detail{width:140px;height:140px;left:-16px;bottom:64px;border-width:6px}.hero-detail figcaption{font-size:17px}.ritual-frame{height:360px}.ritual-frame figcaption{inset:auto 16px 19px}.story-motion-enabled .ritual-deck{width:38%;left:53%;top:23%;height:60%}.story-motion-enabled .ritual-title{font-size:14vw;top:20%}.ritual-topline .eyebrow{font-size:8px}.ritual-scroll-cue{font-size:8px}.ritual-bottomline>p{font-size:7px}}
@media(max-width:720px){.hero h1{font-size:clamp(52px,13.8vw,96px)}.hero-detail{width:115px;height:115px;left:-13px;bottom:38px;border-width:5px}.hero-detail figcaption{font-size:14px}.hero-baseline{display:grid;grid-template-columns:1fr auto;gap:15px 13px}.hero-baseline>a:last-child{grid-column:1/-1;justify-self:end;font-size:9px;margin-top:-7px}.hero-baseline .scroll-invitation{font-size:7px;letter-spacing:.02em;gap:9px}.hero-baseline .scroll-invitation .scroll-arrow{width:29px;height:29px;font-size:18px}.scroll-invitation small{font-size:9px}.motion-toggle{font-size:8px;padding:8px 9px;gap:4px}.manifesto-strip{padding:20px 0 21px}.manifesto-track{gap:22px;font-size:46px}.manifesto-strip .manifesto-track{margin-left:-20vw}.manifesto-strip .track-two{margin-left:-85vw}.manifesto-track .strip-dot{font-size:30px;margin:0}.ritual-stage{padding:45px 6%}.ritual-title{font-size:19vw;margin:27px 0 34px}.ritual-deck{grid-template-columns:1fr;gap:25px}.ritual-frame{height:470px}.ritual-frame figcaption{inset:auto 22px 25px}.ritual-frame figcaption strong{font-size:35px}.ritual-frame figcaption>span{font-size:8px}.ritual-bottomline{gap:20px;align-items:flex-start}.ritual-bottomline>p{max-width:120px;font-size:7px}.ritual-bottomline>a{font-size:10px}.story-motion-enabled .ritual{height:250svh}.story-motion-enabled .ritual-stage{padding:25px 6%;min-height:530px}.story-motion-enabled .ritual-topline{gap:20px;align-items:start}.ritual-topline .eyebrow{font-size:7px;max-width:180px}.ritual-scroll-cue{font-size:7px;white-space:nowrap;display:flex;align-items:center}.ritual-scroll-cue span{padding-left:9px;font-size:18px}.story-motion-enabled .ritual-title{font-size:24vw;left:6%;top:13%;line-height:.9}.story-motion-enabled .ritual-deck{left:18%;top:33%;width:65%;height:48%;min-height:0}.story-motion-enabled .ritual-frame{border-width:6px}.story-motion-enabled .ritual-frame figcaption{inset:auto 15px 20px}.story-motion-enabled .ritual-frame figcaption strong{font-size:28px}.story-motion-enabled .ritual-frame figcaption>span{font-size:6px;line-height:1.6;margin-bottom:9px}.story-motion-enabled .ritual-bottomline{bottom:23px;left:6%;right:6%;align-items:center;gap:15px}.story-motion-enabled .ritual-bottomline>p{display:none}.ritual-progress{font-size:8px;gap:8px}.ritual-progress-track{width:55px}.ritual-bottomline>a span{margin-left:8px}.story-motion-enabled .ritual-frame-one{transform-origin:30% 80%}}
@media(max-height:600px) and (min-width:721px){.story-motion-enabled .ritual-stage{min-height:440px}.story-motion-enabled .ritual-deck{top:18%;height:62%;width:28%;left:60%;min-height:0}.story-motion-enabled .ritual-frame figcaption strong{font-size:25px}.story-motion-enabled .ritual-title{font-size:11vw}}
@media(prefers-reduced-motion:reduce){.hero-detail{transform:rotate(-12deg)}.manifesto-track{transform:none!important}.ritual-frame img{transform:none!important}}