*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafa;color:#0c0834;font:14px Arial,sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer;background:none;border:0;font:inherit}a{text-decoration:none}button:hover,a:hover{opacity:.7}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fafafa;position:sticky;top:0;z-index:10}header img{width:250px}header div{display:flex;gap:18px;width:110px}header div:last-child{justify-content:flex-end}header button{font-size:25px;padding:5px}header small{font-size:10px}section.hero{height:calc(100svh - 84px);position:relative;overflow:hidden;margin-bottom:8px;background:#ddd}section.hero>img,section.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009)}.caption{position:absolute;bottom:38px;text-align:center;width:100%;color:white}.caption p{margin:0 0 6px;letter-spacing:1px}.caption h1,.caption h2{font-size:26px;letter-spacing:1px;margin:0 0 18px;font-weight:400}.caption a{border-bottom:1px solid;padding-bottom:4px}.video-controls{position:absolute;right:25px;bottom:20px;color:white;display:flex;gap:10px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chapters article{position:relative;height:620px;overflow:hidden}.chapters img{width:100%;height:100%;object-fit:cover}.chapters .caption h2{font-size:18px;padding:0 15px}.series{position:relative;height:680px;margin:8px 0;overflow:hidden}.series>img{width:100%;height:100%;object-fit:cover}.series .caption{bottom:65px}.arrows{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:white}.arrows button{font-size:24px;margin:0 22px}footer{padding:55px 6% 22px}footer>img{display:block;width:240px;margin:0 auto 50px}.footergrid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:35px}footer h3{font-size:13px;letter-spacing:1px;font-weight:500;margin-bottom:25px}footer a{display:block;margin:15px 0;font-size:13px}form{display:flex;flex-wrap:wrap;border-bottom:1px solid;padding-bottom:10px}input{border:0;background:transparent;padding:12px 0;font:inherit;min-width:0;flex:1;color:inherit}input:focus{outline:1px solid #79758a}.notice{width:100%;font-size:12px}.bottom{border-top:1px solid #ddd;display:flex;align-items:center;gap:30px;margin-top:45px;padding-top:20px;font-size:11px}.bottom select{border:0;background:none;color:inherit}.bottom span:last-child{margin-left:auto}dialog{border:0;color:#0c0834;max-width:960px;width:90%;max-height:85svh;padding:60px}dialog::backdrop{background:#0006}#close{position:absolute;right:20px;top:15px;font-size:30px}dialog h2{font:30px Georgia,serif;margin-top:0}dialog h3{font-weight:400}dialog a{display:block;padding:14px 0;border-bottom:1px solid #ddd}dialog img{max-width:100%;max-height:400px;object-fit:contain}dialog .products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}dialog .products img{width:100%;height:160px;object-fit:cover}.primary{background:#0c0834;color:white;padding:15px 28px;margin-top:20px}.searchbox{border-bottom:1px solid;width:100%;margin-bottom:20px}body:has(dialog[open]){overflow:hidden}@media(min-width:1100px){section.hero{height:min(calc(100svh - 84px),56.25vw)}}@media(max-width:760px){header{height:82px;padding:0 18px}header img{width:195px}header div{width:75px;gap:4px}header button{font-size:22px}section.hero{height:calc(100svh - 82px)}.chapters{display:flex;overflow:auto;scroll-snap-type:x mandatory}.chapters article{min-width:85%;height:600px;scroll-snap-align:start}.series{height:690px}.footergrid{grid-template-columns:1fr 1fr;gap:20px}.bottom{flex-wrap:wrap;gap:14px}.bottom span:last-child{margin:0}dialog{padding:55px 24px}dialog .products{grid-template-columns:1fr 1fr}.caption{bottom:40px}.caption h1,.caption h2{font-size:24px}}