/* The hero movie has a real reserved footprint, independent of viewport width. */
.six-hero-media{height:330px}
.six-film-anchor{width:min(100%,420px);top:44px;right:0}
.six-hero-media .six-hero-art{width:43%;max-width:240px;bottom:-12px;left:7%}
.six-film{height:390vh}
.six-meta{display:flex;align-items:center;gap:12px}
.six-meta>span{margin-right:auto}
.six-meta button{min-height:44px}
.six-faq{display:grid;grid-template-columns:.85fr 1.35fr;gap:6vw;background:#faf7fc;border-top:1px solid #d8c6e2;align-items:start}
.six-faq-aside{position:sticky;top:150px}
.six-faq h2{font:800 clamp(48px,5.6vw,100px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:38px 0 8px;color:#68427e}
.six-faq-aside>img{width:100%;max-width:470px;height:auto;display:block;margin:0 0 10px}
.six-faq-list{padding-top:65px;min-width:0}
.six-faq-aside{min-width:0}
.six-faq details{margin-bottom:16px}
.six-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:20px 28px;list-style:none;background:#ede2f2;border:1px solid transparent;border-radius:36px 36px 36px 0;cursor:pointer;font-size:clamp(16px,1.35vw,23px);font-weight:500;line-height:1.35;transition:background .2s,border-color .2s}
.six-faq summary::-webkit-details-marker{display:none}
.six-faq summary>span{font:300 26px/1 Arial;color:#805399;flex-shrink:0}
.six-faq summary:hover{background:#e3d2ed}
.six-faq summary:focus-visible{outline:3px solid #805399;outline-offset:4px}
.six-faq details[open] summary{max-width:86%;border-color:#9163aa;background:transparent}
.six-faq details[open] summary>span{transform:rotate(45deg)}
.six-faq-answer{display:flex;gap:12px;align-items:end;margin:12px 0 24px 12%;animation:six-answer-in .32s ease-out}
.six-faq-answer p{margin:0;padding:26px 30px;border:1px solid #cbb8d6;border-radius:34px 34px 0 34px;font-size:clamp(16px,1.2vw,20px);line-height:1.6;color:#584260}
.six-faq-answer>span{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#825799;color:#fff;font-size:23px}
@keyframes six-answer-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.six-opening{position:fixed;inset:0;z-index:500;background:#faf7fc;color:#68427e;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.six-opening-top{position:absolute;top:32px;left:5vw;font:10px/1.6 monospace;letter-spacing:.12em}
.six-opening>button{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:5vw;min-height:44px;border:1px solid #cbb8d6;border-radius:30px;padding:12px 22px;background:transparent;color:#68427e;font-size:13px;cursor:pointer}
.six-opening>button:focus-visible{outline:3px solid #805399;outline-offset:4px}
.six-opening-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(80vw,430px)}
.six-opening-center img{width:190px;height:127px;object-fit:contain;position:relative;animation:six-opening-art 1s both}
.six-opening strong{display:flex;font:600 clamp(58px,9vw,96px)/1.2 Arial,sans-serif;letter-spacing:-.065em;overflow:hidden;padding:0 5px 5px}
.six-opening strong span{display:inline-block;animation:six-opening-letter .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--letter)*.055s)}
.six-opening-center p{font-size:14px;animation:six-opening-art .8s .25s both}
.six-opening-orbit{position:absolute;width:300px;height:300px;border:1px solid #e4d7eb;border-radius:50%;top:-20px;z-index:-1}
.six-opening-orbit:before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#825799;border-radius:50%;animation:six-opening-spin 1.7s cubic-bezier(.4,0,.3,1) infinite}
.six-opening-leaving{animation:six-opening-exit .6s cubic-bezier(.7,0,.3,1) both;pointer-events:none}
@keyframes six-opening-letter{from{transform:translateY(115%) rotate(9deg)}to{transform:none}}
@keyframes six-opening-art{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes six-opening-spin{to{transform:rotate(360deg)}}
@keyframes six-opening-exit{to{clip-path:inset(0 0 100% 0 round 0 0 40% 40%)}}
@media(max-width:800px){.six-hero-media{height:245px}.six-film-anchor{width:min(100%,310px);top:16px}.six-hero-media .six-hero-art{width:35%;max-width:150px;left:-8px;bottom:-8px}.six-meta{flex-wrap:wrap;gap:6px}.six-meta>span{flex:1 0 100%}.six-meta button{padding:8px 12px}.six-faq{grid-template-columns:1fr;gap:20px}.six-faq-aside{position:static}.six-faq h2{font-size:56px;margin-top:28px}.six-faq-aside>img{width:70%;max-width:290px;margin:0 0 0 auto}.six-faq-list{padding-top:16px}.six-faq summary{padding:18px 20px;font-size:16px}.six-faq-answer{margin-left:6%;gap:8px}.six-faq-answer p{padding:20px;font-size:16px}.six-faq-answer>span{flex-basis:32px;height:32px;font-size:20px}.six-faq details[open] summary{max-width:96%}.six-opening-top{font-size:9px;top:24px}}
@media(prefers-reduced-motion:reduce){.six-faq-answer{animation:none}.six-opening{display:none}}
@media(max-width:800px){.six-faq{grid-template-columns:minmax(0,1fr)}.six-faq h2{font-size:clamp(38px,12vw,56px)}.six-faq summary{box-sizing:border-box;max-width:100%}.six-faq-answer p{min-width:0;overflow-wrap:break-word}}
