.film{color:var(--ink);position:relative}.film p{text-wrap:pretty}.film img{max-width:none;display:block}.film-scene{position:relative;overflow:hidden}.film-dawn{color:#fff;isolation:isolate;align-items:end;height:100svh;min-height:620px;display:grid}.film-dawn-photo{z-index:-2;position:absolute;inset:0}.film-dawn-photo img{object-fit:cover;object-position:50% 62%;transform-origin:50% 70%;width:100%;height:100%;animation:18s cubic-bezier(.2,.6,.2,1) both film-kb}.film-dawn-card{--glass:#1e02096b;border-radius:32px;justify-items:start;gap:6px;width:fit-content;max-width:min(100%,720px);padding:clamp(18px,2.4vw,30px) clamp(20px,2.8vw,36px);display:grid}.film-dawn .film-dawn-card h1{white-space:nowrap;margin-block:-.4em -.02em;font-size:clamp(44px,5vw,80px)}[dir=ltr] .film-dawn .film-dawn-card h1{white-space:normal;margin-block:0 .08em;font-size:clamp(44px,5.6vw,88px)}.film-dawn .film-dawn-card .film-dawn-lede{font-size:clamp(15px,1.15vw,17px);line-height:1.9}.film-dawn-copy{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));justify-items:start;gap:8px;margin-inline:auto;padding-bottom:clamp(48px,9vh,104px);display:grid}.film-dawn-copy .eyebrow{color:var(--n-sun)}.film-dawn h1{font:700 clamp(64px, 11vw, 168px)/1.9 var(--nst);text-shadow:0 6px 48px #00000059;margin-block:-.3em .12em;animation:1.8s cubic-bezier(.7,0,.2,1) .2s both film-unmask}[dir=ltr] .film-dawn h1{font:500 clamp(56px, 9vw, 140px)/1.05 var(--nsk);letter-spacing:-.02em;margin-block:0 .1em}.film-dawn-lede{max-width:46ch;font:400 clamp(16px, 1.4vw, 19px)/2 var(--nsk);color:#ffffffe0;animation:film-rise 1s var(--ease-silk) 1s both}.film-dawn-ctas{animation:film-rise 1s var(--ease-silk) 1.2s both;flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.film-hint{font:500 11px var(--ui);letter-spacing:.2em;color:#ffffffb3;justify-items:center;gap:10px;display:grid;position:absolute;bottom:22px;left:50%;translate:-50%}.film-hint i{transform-origin:top;background:linear-gradient(#fffc,#0000);width:1px;height:56px;animation:2.4s ease-in-out infinite film-drip}.film-on-photo{color:#fff;background:#ffffff1f;border-color:#ffffff57;box-shadow:inset 0 1px #ffffff59}.film-on-photo:hover{background:#ffffff38}.film-threads{align-items:center;min-height:100svh;padding-block:clamp(72px,10vh,120px);display:grid}.film-threads-grid{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);margin-inline:auto;display:grid}.film-growth{aspect-ratio:3/4;background:var(--n-cherry-800);width:100%;max-width:520px;max-height:min(80svh,720px);box-shadow:0 30px 80px -30px #3c020e8c, inset 0 0 0 1px var(--edge);border-radius:40px;justify-self:center;position:relative;overflow:hidden}.crocus-growth{position:absolute;inset:0}.crocus-frame{object-fit:cover;-webkit-user-select:none;user-select:none;--r:1;--e:calc(var(--r) * 114% - 14%);width:100%;height:100%;-webkit-mask-image:linear-gradient(to top, #000 var(--e), transparent calc(var(--e) + 14%));-webkit-mask-image:linear-gradient(to top, #000 var(--e), transparent calc(var(--e) + 14%));mask-image:linear-gradient(to top, #000 var(--e), transparent calc(var(--e) + 14%));position:absolute;inset:0}.crocus-frame:first-child{-webkit-mask-image:none;mask-image:none}.film-threads-copy{justify-items:start;gap:14px;display:grid}.film-count{font:200 clamp(96px, 14vw, 200px)/1 var(--num);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.film-count-label{font:500 clamp(16px, 1.5vw, 20px) var(--ui);color:var(--ink-2);margin-top:-6px}.film-threads-text{max-width:40ch;font:400 clamp(16px, 1.35vw, 19px)/2.05 var(--nsk);color:var(--ink-2)}.film-steps{gap:4px;max-width:44ch;margin:4px 0 0;padding:0;list-style:none;display:grid}.film-steps li{color:var(--ink-3);font:400 15px/1.8 var(--nsk);border-radius:16px;grid-template-columns:28px 1fr;align-items:baseline;gap:10px;padding:8px 12px;transition:color .4s,background-color .4s;display:grid}.film-steps li b{font:500 13px var(--num);color:inherit}.film-steps li[data-active]{color:var(--ink);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge)}.film-steps li[data-active] b{color:var(--stigma)}.film-hands{isolation:isolate;color:#fff;align-items:end;height:min(92svh,900px);min-height:560px;display:grid}.film-hands-photo{z-index:-1;position:absolute;inset:-12% 0}.film-hands-photo img{object-fit:cover;object-position:50% 40%;width:100%;height:100%}.film-hands-card{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));margin:0 auto clamp(32px,7vh,80px)}.film-hands-card>div{border-radius:36px;gap:10px;max-width:520px;padding:clamp(24px,3vw,40px);display:grid}.film-hands h2{font:700 clamp(30px, 3.6vw, 48px)/2 var(--nst);margin-block:-.25em -.1em}[dir=ltr] .film-hands h2{font:500 clamp(30px, 3.4vw, 46px)/1.15 var(--nsk);margin:0}.film-hands p{font:400 16px/2 var(--nsk);color:#ffffffdb}.film-collection{padding-block:clamp(72px,10vh,120px) clamp(56px,8vh,96px)}.film-collection-head{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin:0 auto 36px;display:flex}.film-collection-head h2{font:700 clamp(32px, 4vw, 56px)/2 var(--nst);margin-block:-.25em -.2em}[dir=ltr] .film-collection-head h2{font:500 clamp(32px, 3.6vw, 52px)/1.15 var(--nsk);margin:0}.film-collection-head p{max-width:40ch;color:var(--ink-2);font:400 16px/2 var(--nsk)}.film-track{padding-inline:max(16px, calc((100vw - var(--shell)) / 2));scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(16px,2vw,28px);display:flex;overflow-x:auto}.film-track::-webkit-scrollbar{display:none}.film.is-animated .film-track{scroll-snap-type:none;width:max-content;overflow:visible}.film-pack{scroll-snap-align:center;border-radius:36px;flex:none;gap:14px;width:clamp(240px,26vw,360px);padding:14px;display:grid}.film-pack-tile{aspect-ratio:4/5;background:#fff;border-radius:26px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #3c14460f}.film-pack-tile img{object-fit:contain;width:82%;height:82%;transition:transform .8s var(--ease-silk)}.film-pack:hover .film-pack-tile img{transform:scale(1.04)translateY(-4px)}.film-pack h3{font:500 15px/1.6 var(--ui);padding-inline:8px}.film-collection-foot{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));margin:32px auto 0}.film-ritual{padding-block:clamp(72px,10vh,120px)}.film-ritual-grid{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);margin-inline:auto;display:grid}.film-ritual-photo{aspect-ratio:3/4;width:100%;max-width:440px;box-shadow:0 60px 120px -60px var(--shade);border-radius:999px 999px 40px 40px;justify-self:center;position:relative;overflow:hidden}.film-ritual-photo img{object-fit:cover;width:100%;height:100%}.film-ritual-copy{border-radius:40px;justify-items:start;gap:14px;padding:clamp(24px,3.4vw,48px);display:grid}.film-ritual-copy h2{font:700 clamp(30px, 3.6vw, 50px)/2 var(--nst);margin-block:-.25em -.15em}[dir=ltr] .film-ritual-copy h2{font:500 clamp(30px, 3.4vw, 48px)/1.15 var(--nsk);margin:0}.film-ritual-copy p{max-width:42ch;font:400 16px/2.05 var(--nsk);color:var(--ink-2)}.film-ring{aspect-ratio:1;place-items:center;width:132px;display:grid;position:relative}.film-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.film-ring circle{fill:none;stroke-width:6px}.film-ring .track{stroke:var(--hair)}.film-ring .fill{stroke:url(#film-thread);stroke-linecap:round}.film-ring b{font:200 44px/1 var(--num)}.film-ring small{font:500 11px var(--ui);color:var(--ink-3);position:absolute;bottom:30px}.film-closing{padding-block:clamp(80px,12vh,140px) clamp(40px,6vh,72px)}.film-closing-card{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), 980px);text-align:center;border-radius:48px;justify-items:center;gap:14px;margin-inline:auto;padding:clamp(32px,6vw,80px) clamp(24px,5vw,72px);display:grid}.film-closing-card h2{font:700 clamp(48px, 7vw, 104px)/1.9 var(--nst);margin-block:-.3em -.2em}[dir=ltr] .film-closing-card h2{font:500 clamp(44px, 6vw, 88px)/1.1 var(--nsk);margin:0}.film-closing-card p{text-wrap:balance;max-width:44ch;font:400 17px/2 var(--nsk);color:var(--ink-2)}.film-closing-card .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.film-credits{width:min(100% - 2 * max(16px, env(safe-area-inset-left,0px)), var(--shell));font:400 11px/1.7 var(--ui);color:var(--ink-3);text-align:center;margin:28px auto 0}@keyframes film-kb{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes film-unmask{0%{clip-path:inset(-30% -5% -40% 100%);transform:translateY(14px)}to{clip-path:inset(-30% -5% -40%);transform:none}}[dir=ltr] .film-dawn h1{animation-name:film-unmask-ltr}@keyframes film-unmask-ltr{0%{clip-path:inset(-30% 100% -40% -5%);transform:translateY(14px)}to{clip-path:inset(-30% -5% -40%);transform:none}}@keyframes film-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes film-drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width:860px){.film-threads-grid,.film-ritual-grid{grid-template-columns:minmax(0,1fr)}.film-hint{display:none}.film-threads{min-height:0;padding-block:56px 40px}.film-growth{aspect-ratio:3/4;border-radius:32px;width:min(100%,39svh);max-height:none}.film-count{font-size:clamp(64px,22vw,96px)}.film-steps li{padding:6px 10px;font-size:14px}.film.is-animated .film-track{scroll-snap-type:x mandatory;width:auto;overflow-x:auto}.film-track{padding-inline:max(16px, env(safe-area-inset-left,0px));scroll-padding-inline:16px}.film-pack{border-radius:30px;width:72vw;max-width:300px}.film-collection-head h2,.film-hands h2,.film-ritual-copy h2{font-size:clamp(28px,8.4vw,36px)}.film-ritual{padding-block:56px}.film-ritual-photo{aspect-ratio:4/5;max-width:min(78vw,320px)}.film-ring{width:108px}.film-ring b{font-size:36px}.film-ring small{bottom:24px}.film-hands{height:78svh;min-height:520px}.film-hands-card>div{border-radius:28px}.film-closing-card{border-radius:36px}.film-closing-card h2{font-size:clamp(44px,14vw,64px)}.film-credits{font-size:12px}}@media (prefers-reduced-motion:reduce){.film-dawn-photo img,.film-dawn h1,.film-dawn-lede,.film-dawn-ctas,.film-hint i{animation:none}}@media (max-width:1023px){.film-dawn .film-dawn-card h1{white-space:normal}.film-dawn-copy{padding-bottom:calc(var(--n-tabbar-h,80px) + env(safe-area-inset-bottom,0px) + 56px)}}
