*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#101a20;color:#e9e1ce;font:18px/1.8 "Spectral",Georgia,serif}body.japanese{font-family:"Noto Sans JP",sans-serif}header{height:76px;position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);border-bottom:1px solid #d5b87835;background:#0c151bb0;backdrop-filter:blur(10px)}.brand{font:600 19px Cinzel,serif;letter-spacing:4px;color:#e9d6a7;text-decoration:none}.lang{background:none;border:1px solid transparent;color:#c5c0b5;padding:8px 11px;cursor:pointer;font-weight:bold}.lang.active,.lang:hover{color:#f2d58d;border-color:#bda36588}.hero{height:100svh;min-height:680px;max-height:1100px;position:relative;display:grid;place-items:center;text-align:center;background:#152c30 url("https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=2200&q=85") center/cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#081116bd,#101a2060 45%,#101a20),linear-gradient(90deg,#0b1718aa,transparent,#0b1718aa)}.hero-inner{position:relative;padding:100px 22px 60px;max-width:1000px}.hero small,.kicker{font:600 11px Cinzel,serif;letter-spacing:4px;color:#d4b773;text-transform:uppercase}.hero h1{font:500 clamp(60px,13vw,150px)/1.15 Cinzel,serif;letter-spacing:.12em;margin:22px 0;color:#f0dfb6;text-shadow:0 5px 40px #000}.sub{font:500 clamp(14px,2vw,20px) Cinzel,serif;letter-spacing:.06em}.orn{color:#d4b773;margin:28px}.hero blockquote{font-style:italic;font-size:clamp(19px,2.4vw,26px);color:#f0e9d8}.scroll{display:inline-block;margin-top:30px;text-decoration:none;color:#d9bb76;font:600 11px Cinzel,serif;letter-spacing:3px;border-bottom:1px solid #d9bb7688;padding-bottom:8px}.hero-foot{position:absolute;bottom:25px;text-align:center;width:100%;color:#e7d9b477;font-size:9px!important}.section{padding:110px max(24px,calc((100% - 850px)/2))}.intro{text-align:center}.section h2,.copy h2,.endcopy h2{font:500 clamp(30px,4vw,46px)/1.3 Cinzel,serif;color:#f0dfb6;margin:18px 0 25px}.lead{font-size:clamp(20px,2.2vw,24px);color:#d8cba9}.intro p:not(.lead),.copy p,.endcopy p,.epilogue p{color:#c0c2b9}.chapter{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#152127}.chapter.reverse .picture{order:2}.picture{min-height:480px;position:relative;background-size:cover;background-position:center}.picture:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101a2070,transparent 70%)}.picture span{position:absolute;z-index:1;bottom:28px;left:30px;color:#f0dfb6;font:10px Cinzel,serif;letter-spacing:3px}.war{background-image:url("https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=1200&q=85")}.dam{background-image:url("https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=1200&q=85")}.accordpic{background-image:url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=1200&q=85")}.copy{padding:clamp(30px,5.5vw,78px);align-self:center}.copy h2{font-size:clamp(27px,3vw,39px)}.highlight{font-size:26px;color:#d9bb76!important;font-style:italic}.quote{text-align:center;padding:85px 24px;background:#192a2d;border-block:1px solid #d9bb762b}.quote blockquote{font-style:italic;font-size:clamp(23px,3vw,34px);max-width:850px;margin:0 auto 25px;color:#f0dfb6}.quote small{font:10px Cinzel,serif;letter-spacing:3px;color:#c7a75e}.laws{text-align:center}.laws>.lead{max-width:750px;margin:0 auto 45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.cards article{padding:30px 25px;border:1px solid #c9ab654d;background:linear-gradient(145deg,#1a292d,#111c21)}.cards b{font:28px Cinzel,serif;color:#d6b66d}.cards h3{font:500 18px Cinzel,serif;color:#eddfbc}.cards p{font-size:16px;color:#b9beb7}.articles{text-align:center;padding-top:20px}.articles ol{list-style:none;padding:0;margin:40px auto 0;max-width:850px;text-align:left;counter-reset:item}.articles li{counter-increment:item;border-top:1px solid #d9bb7638;padding:20px 10px 20px 65px;position:relative;color:#d2d0c5}.articles li:before{content:"0" counter(item);position:absolute;left:10px;color:#d3b46b;font:20px Cinzel,serif}.ending{position:relative;padding:115px 25px;background:#142327 url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2200&q=85") center/cover fixed;text-align:center}.endshade{position:absolute;inset:0;background:#0b1515e8}.endcopy{position:relative;max-width:790px;margin:auto}.endcopy p{font-size:18px}.seal{display:flex;justify-content:center;gap:18px;align-items:center;color:#d9bb76;font:11px Cinzel,serif;letter-spacing:3px;margin-top:42px}.epilogue{text-align:center;max-width:1000px;margin:auto}.emblem{font-size:55px;color:#d5b66d}.epilogue .lead{margin-top:0}.epilogue p:not(.lead){max-width:760px;margin:auto}.motto{font:500 clamp(17px,2vw,23px) Cinzel,serif;letter-spacing:2px;color:#d9bb76;margin-top:40px}footer{text-align:center;padding:45px 20px 35px;background:#0a1217;border-top:1px solid #d9bb7633}footer strong{font:600 24px Cinzel,serif;letter-spacing:7px;color:#e6d2a2}footer p{font-size:13px;color:#a6aaa2}footer hr{width:80px;border:0;height:1px;background:#c9a95e;margin:25px auto}footer small{font-size:11px;color:#7f8985}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}body.no-js .reveal{opacity:1;transform:none}@media(max-width:760px){body{font-size:16px}header{height:66px;padding:0 16px}.brand{font-size:16px;letter-spacing:3px}.hero h1{letter-spacing:.05em}.hero small,.kicker{letter-spacing:2px;font-size:9px}.chapter{grid-template-columns:1fr}.chapter.reverse .picture{order:0}.picture{min-height:300px}.copy{padding:40px 25px 50px}.section{padding:75px 25px}.cards{grid-template-columns:1fr}.ending{padding:80px 25px;background-attachment:scroll}.lang{padding:7px 8px}.section h2,.copy h2,.endcopy h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}