*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:#3f2c37;background:#fff9ef;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}button,input,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,input:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #704199;outline-offset:5px}.wrap{max-width:1200px;width:calc(100% - 88px);margin-inline:auto}.skip{position:absolute;top:-80px;padding:12px;background:#fff;z-index:10}.skip:focus{top:8px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:21px;line-height:1.04;text-decoration:none}.brand img{border-radius:12px}.brand span{max-width:90px}.brand b{font-weight:normal;font-size:25px}.header nav{display:flex;gap:26px;font-size:14px;font-weight:bold}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.release{font-size:12px;border:1px solid #d9c6b6;border-radius:99px;padding:7px 13px;color:#74525c}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:16px;padding:45px 0 70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#925c45;margin:0 0 23px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-2.3px;line-height:1.06;margin:0 0 25px}h1{font-size:clamp(46px,5.5vw,76px)}h1 em{color:#925d9a;font-weight:normal}h2{font-size:clamp(34px,4.5vw,53px);letter-spacing:-1.6px}.lead{font-size:18px;max-width:440px;line-height:1.8;color:#705e63}.actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;padding:16px 24px;border-radius:14px;background:#704675;color:#fff7ea;box-shadow:0 4px 0 #4f3156;font-size:14px;font-weight:700;min-height:48px}.button:hover{background:#805087}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #4f3156}.text-link{font-size:14px;font-weight:bold;text-underline-offset:5px}.hero-note{font-size:12px;margin-top:25px;color:#88727b}.hero-art{position:relative;margin:0;isolation:isolate;padding:30px 0 20px}.hero-art img{width:100%;filter:drop-shadow(0 25px 22px #684e4522)}.sun{position:absolute;z-index:-1;background:#ffdfb1;width:88%;aspect-ratio:1;border-radius:50%;right:0;top:22px}.hero-art:after{content:'';position:absolute;bottom:43px;left:0;width:95%;height:110px;background:#dce4ba;border-radius:50%;z-index:-1}.hero-art figcaption{display:flex;justify-content:center;gap:8px;font-family:Georgia,serif;font-style:italic;font-size:17px;color:#7e6559;margin-top:10px}.ribbon{display:flex;justify-content:center;gap:70px;padding:20px 24px;background:#f9e7d2;border-block:1px solid #efdbc5;color:#8d5740;font-family:Georgia,serif;font-style:italic;font-size:21px}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:100px}.story-copy p:not(.eyebrow){font-size:16px;color:#78636b}.story-copy .text-link{display:inline-block;margin-top:15px}.story-art{max-width:470px}.comparison{position:relative;aspect-ratio:1;background:#f4ecde;border-radius:46% 46% 20px 20px;overflow:hidden}.comparison>img,.after img{width:100%;height:100%;object-fit:contain}.after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#f9e2c8}.divider{position:absolute;left:var(--reveal);top:0;bottom:0;border-left:2px solid #fff}.compare-labels{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:17px;margin:16px 0 12px}.story-art label{display:block;text-align:center;font-size:12px;font-weight:bold;color:#79577f}.story-art input{width:100%;accent-color:#86548b;min-height:36px;cursor:ew-resize}.fine{font-size:11px;color:#83717a;line-height:1.65}.inside{background:#f0e5f0;padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{max-width:300px;font-size:14px;color:#796572}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.screens figure{margin:0}.screens img{border-radius:20px;border:5px solid #fff9ef;box-shadow:0 12px 30px #56325b16;width:100%}.screens figcaption{padding-top:23px}.screens figcaption>span{font-size:10px;letter-spacing:1.2px;color:#83528b;font-weight:bold}h3{font-family:Georgia,serif;line-height:1.25;font-size:24px;font-weight:normal;margin:10px 0}.screens p,.film-grid p{font-size:14px;color:#78636b;margin:0}.films{padding-block:90px}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.film-grid article{min-width:0}.film-grid video{width:100%;aspect-ratio:9/16;background:#f5deca;border-radius:16px;object-fit:contain;display:block}.films>.fine{margin-top:25px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-block:70px 100px;border-top:1px solid #e7d9cd}.faq>div>p:not(.eyebrow){color:#806d75}.questions details{border-bottom:1px solid #e3d4c9;padding:20px 0}.questions summary{cursor:pointer;list-style:none;font-weight:bold;font-size:15px;padding-right:26px;position:relative;min-height:26px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:3px;color:#9863a0;font-size:20px;top:-4px}.questions details[open] summary:after{content:'−'}.questions details p{color:#78636b;font-size:14px;line-height:1.85}.closing{text-align:center;border-radius:36px;background:#f9dfc2;padding:65px 30px;margin-bottom:65px}.closing h2{font-size:48px}.closing p:not(.eyebrow){font-size:14px;max-width:450px;margin:0 auto 25px}.closing .text-link{display:block;margin-top:24px}.closing nav{margin-top:20px;display:flex;gap:20px;justify-content:center}footer{display:flex;justify-content:space-between;gap:24px;padding-bottom:32px;font-size:11px;color:#8d7580}[hidden]{display:none!important}.guide{max-width:760px;padding:50px 0 90px}.guide h1{font-size:52px}.guide h2{font-size:29px;margin-top:45px;line-height:1.25}.guide li{margin-bottom:12px}.guide .guide-back{display:inline-block;margin-bottom:30px}.guide img{max-width:280px;float:right;margin:0 0 20px 30px;border-radius:18px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px}.header .release{display:none}.hero{min-height:auto;gap:0;padding:30px 0 60px}.hero-copy{z-index:1}.hero-art{margin-right:-12px}.lead{font-size:16px}.hero h1{font-size:55px}.hero-art figcaption{font-size:13px}.story{gap:45px;padding-block:70px}.screens{gap:23px}.section-head{align-items:start}.section-head>p{max-width:230px}.faq{gap:40px}.ribbon{gap:35px}.button{gap:10px;padding:15px 18px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{padding:20px 0}.brand{font-size:18px}.brand b{font-size:22px}.brand img{width:35px;height:35px}.header nav{gap:15px;font-size:12px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:26px 0 40px}.hero h1{font-size:55px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:16px}.lead{max-width:360px;font-size:16px}.actions{gap:20px;margin-top:23px}.hero-note{margin:20px 0 0;font-size:11px}.hero-art{max-width:370px;width:100%;margin:10px auto 0;padding-top:15px}.sun{top:5px}.hero-art figcaption{font-size:15px}.ribbon{gap:16px;font-size:14px;padding:16px 10px}.story{grid-template-columns:1fr;gap:30px;padding-block:58px}.story-art{order:2;width:100%;max-width:380px;justify-self:center}.story-copy h2{font-size:39px}.story-copy p:not(.eyebrow){font-size:15px}.inside{padding:52px 0}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:38px}.section-head>p{max-width:100%;margin-top:20px}.screens{display:flex;gap:20px;overflow-x:auto;padding:0 3px 24px;scroll-snap-type:x proximity}.screens figure{min-width:83%;scroll-snap-align:center}.screens h3{font-size:23px}.screens img{max-height:490px;width:100%;object-fit:contain;background:#fff1df}.films{padding-block:60px}.film-grid{grid-template-columns:1fr;gap:35px;max-width:360px;margin:auto}.film-grid video{max-height:540px}.faq{grid-template-columns:1fr;gap:10px;padding-block:50px 60px}.faq h2{font-size:38px}.closing{padding:45px 20px;margin-bottom:35px;border-radius:24px}.closing h2{font-size:35px;letter-spacing:-1px}.closing h2 br{display:none}footer{flex-wrap:wrap;gap:10px 20px}.guide{padding-top:30px}.guide h1{font-size:40px}.guide img{float:none;width:100%;max-width:250px;margin:20px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
