.crown-film{--crown-top:82px;--crown-bottom:0px;--crown-vh:100svh;--crown-run:320svh;background:#000;color:#f7f4ee;position:relative;isolation:isolate}.crown-pin{position:relative;height:720px;max-height:900px;min-height:480px;overflow:hidden;background:#000}.crown-film[data-motion=on]{height:calc(var(--crown-vh) - var(--crown-top) - var(--crown-bottom) + var(--crown-run));padding:0}.crown-film[data-motion=on] .crown-pin{position:sticky;top:var(--crown-top);height:calc(var(--crown-vh) - var(--crown-top) - var(--crown-bottom));min-height:0;max-height:none}.crown-poster,.crown-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.crown-poster img{width:100%;height:100%;object-fit:contain;object-position:75% center}.crown-canvas{opacity:0}.crown-film[data-painted] .crown-canvas{opacity:1}.crown-film[data-painted] .crown-poster{visibility:hidden}.crown-ui{position:relative;height:100%;width:min(100%,1200px);margin-inline:auto;padding-inline:clamp(20px,4vw,48px);display:flex;align-items:center}.crown-intro{width:46%;max-width:460px;position:relative}.crown-eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#b8c9c0;margin-bottom:18px}.crown-film h2{font-size:clamp(32px,4.3vw,58px);line-height:1.1;letter-spacing:-.025em;font-weight:400;margin:0 0 20px;color:#f7f4ee}.crown-intro>p:not(.crown-eyebrow){font-size:clamp(16px,1.5vw,19px);line-height:1.6;max-width:28em;color:#b8c9c0}.crown-scroll-hint{display:none;font-size:.85rem;margin-top:26px;color:#d2dfd8}.crown-film[data-motion=on] .crown-scroll-hint{display:block}.crown-heading{position:absolute;left:20px;right:20px;text-align:center;opacity:0;visibility:hidden;pointer-events:none}.crown-heading p{font-size:17px;line-height:1.5;color:#b8c9c0}.crown-heading h2{margin-bottom:10px}.crown-details{position:absolute;left:20px;right:20px;max-width:640px;margin-inline:auto;text-align:center;opacity:0;visibility:hidden}.crown-stages{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.crown-stages button{width:52px;min-height:44px;display:grid;place-items:center;cursor:pointer}.crown-stages button span{display:block;width:28px;height:4px;background:#526762;border-radius:4px;transition:width .3s,background .3s}.crown-stages button[aria-pressed=true] span{width:44px;background:#b8c9c0}.crown-stages button:nth-child(2)[aria-pressed=true] span{background:#e3d2ac}.crown-stages button:nth-child(3)[aria-pressed=true] span{background:#e6b970}.crown-layers{display:grid}.crown-layers>div{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s;visibility:hidden}.crown-layers>div:not([aria-hidden=true]){opacity:1;transform:none;visibility:visible}.crown-layers h3{font-size:clamp(23px,2.2vw,30px);font-weight:400;line-height:1.15;margin-bottom:8px;color:#d2dfd8}.crown-layers p{font-size:16px;line-height:1.5;color:#b8c9c0;margin:0 auto;max-width:32em}.crown-tools{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.78rem;color:#b8c9c0}.crown-tools a,.crown-tools button{min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.crown-tools button[hidden]{display:none}.crown-description{padding:24px;max-width:800px;margin:auto;font-size:.85rem;line-height:1.6;color:#b8c9c0}.crown-film[data-motion=on] .crown-description{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.crown-anchor{scroll-margin-top:90px}.crown-film a:focus-visible,.crown-film button:focus-visible{outline:2px solid #d2dfd8;outline-offset:4px}.crown-film[data-compact] .crown-heading h2{font-size:28px;margin-bottom:0}.crown-film[data-compact] .crown-heading p{display:none}.crown-film[data-compact] .crown-layers h3{font-size:21px;margin-bottom:4px}.crown-film[data-compact] .crown-layers p{font-size:14px;line-height:1.3}.crown-film[data-compact] .crown-intro h2{font-size:30px;margin-bottom:10px}.crown-film[data-compact] .crown-eyebrow{margin-bottom:8px}.crown-film[data-compact] .crown-scroll-hint{margin-top:8px}@media(max-width:760px){.crown-film{--crown-top:67px;--crown-bottom:64px;--crown-run:280svh}.crown-pin{height:620px;min-height:440px}.crown-ui{display:block;padding-top:calc(min(80vw,52svh) - 44px)}.crown-intro{width:100%;max-width:none}.crown-film h2{font-size:clamp(28px,8vw,38px);margin-bottom:12px}.crown-heading p{font-size:15px}.crown-eyebrow{margin-bottom:12px;font-size:.7rem}.crown-intro>p:not(.crown-eyebrow){font-size:16px}.crown-poster img{object-position:97% 0;object-fit:contain;height:min(80vw,52svh)}.crown-layers p{font-size:15px}.crown-tools{bottom:8px;font-size:.7rem;gap:16px}.crown-scroll-hint{margin-top:16px}}@media(prefers-reduced-motion:reduce){.crown-film *,.crown-film *:before{transition:none!important;scroll-behavior:auto!important}}
