:root{--ink:#102a28;--paper:#f5f0e6;--gold:#eccc82;--muted:#c0cfc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 system-ui,sans-serif}.wrap{max-width:1260px;margin:auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #ac751c;outline-offset:4px}.bar,.top,footer .wrap{display:flex;align-items:center;justify-content:space-between}.bar{padding-top:20px;padding-bottom:20px}.bar>a:not(.brand):last-child{font-size:14px}.brand{font:italic bold 26px Georgia;text-decoration:none}.brand span,i{color:var(--gold)}header{border-bottom:1px solid #415752}.hero,.grid,.offer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.hero{padding-top:54px;padding-bottom:60px}.intro{padding-bottom:15px}small,.top span{font:600 11px/1.3 ui-monospace,monospace;letter-spacing:.15em}small{color:var(--gold)}h1,h2,dt{font-family:Georgia,serif;letter-spacing:-.048em;font-weight:normal}h1{font-size:clamp(58px,6.8vw,98px);line-height:1.04;margin:20px 0}p{max-width:47ch}.intro p{color:#d6dfd5;font-size:19px}.cta{display:inline-flex;gap:22px;align-items:center;background:var(--gold);color:var(--ink);padding:13px 20px;text-decoration:none;font-weight:700;border-radius:3px;margin:12px 0}.pricehint{color:var(--muted);font-size:13px}article{background:#faf6ed;color:var(--ink);border:1px solid #c6ba9b;border-radius:7px;overflow:hidden;scroll-margin-top:12px;box-shadow:8px 10px 0 #081e1b}.top{padding:14px 22px;border-bottom:1px solid #d6cbb4}.top small,.pale small,.offer small{color:#526757}.picture{height:clamp(220px,24vw,345px);background:var(--ink);position:relative;text-align:center}.picture img{height:100%;width:auto;max-width:100%;object-fit:contain}#dot{position:absolute;left:51%;top:80%;width:14px;height:14px;background:#ecc454;border:2px solid #443517;border-radius:50%;box-shadow:0 0 0 3px #fff8d5}.quiz{padding:18px 24px 22px}.quiz h2{font-size:34px;margin:0}.quiz p{margin:3px 0 13px}.quiz button{font:inherit;font-weight:600;cursor:pointer;color:var(--ink);background:transparent;border:1px solid #8c9a8c;border-radius:4px;padding:8px 16px;margin:0 6px 3px 0}.quiz button[aria-pressed=true],#next{background:var(--ink);color:white}#result:empty{display:none}#result:not(:empty){margin:12px 0}.pale,.offer,footer{background:var(--paper);color:var(--ink)}.pale{padding:70px 0}.pale i{color:#776033}.grid h2,.offer h2{font-size:clamp(38px,4.3vw,64px);line-height:1.08;margin:14px 0}.grid a,aside a{font-weight:650}dl{margin:0}dt{font-size:25px;border-top:1px solid #b8bdad;padding-top:12px}dd{margin:3px 0 13px}.offer{max-width:none;padding:48px max(5vw,calc((100vw - 1110px)/2));border-top:1px solid #b9b9a9}.offer aside{border-left:2px solid #a68b51;padding-left:25px}.offer aside strong{display:block;font:52px Georgia}.offer aside p{font-size:14px}footer{border-top:1px solid #c6c7b7}footer .wrap{padding-top:18px;padding-bottom:18px;font:italic 16px Georgia}footer span{font:12px system-ui}@media(max-width:760px){.hero,.grid,.offer{grid-template-columns:1fr;gap:25px}.hero,.pale,.offer{padding-top:32px;padding-bottom:36px}.intro{padding:0}.intro p{font-size:17px}.picture{height:240px}.pricehint{font-size:12px}.brand{font-size:21px}.offer aside{border-left:0;border-top:1px solid #b8bdad;padding:18px 0 0}.bar a:not(.brand):last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gallery{background:#e6e3d5;color:var(--ink);padding:48px 0}.gallery small,.faqs small{color:#456151}.gallery h2,.bonus h2,.faqs h2{font-size:clamp(36px,4vw,60px);margin:12px 0}.shelf{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 18px;scrollbar-width:thin}.shelf::after{content:'';flex:0 0 max(0px,calc(100% - 345px))}.sheet{flex:0 0 min(320px,82%);margin:0;scroll-snap-align:start}.sheet img{width:100%;height:auto;display:block;box-shadow:0 3px 9px #102a282b}.sheet figcaption{padding:14px 0 0}.sheet h3,.bonus h3{font:26px Georgia;margin:4px 0}.sheet p,.bonus p{margin:5px 0}.navgal{display:flex;align-items:center;gap:12px}.navgal button{cursor:pointer;color:var(--ink);font-size:20px;border:1px solid #9da998;background:var(--paper);border-radius:50%;width:44px;height:44px}.navgal button:disabled{opacity:.4}.bonus,.faqs{padding-top:50px;padding-bottom:50px}.bonusgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bonusgrid>div{border-top:1px solid #547165;padding-top:16px}.bonusgrid img{width:100px;float:left;margin:0 20px 8px 0}.bonusgrid p{color:var(--muted)}.faqs{background:var(--paper);color:var(--ink);max-width:none;padding-left:max(5vw,calc((100vw - 1110px)/2));padding-right:max(5vw,calc((100vw - 1110px)/2))}.faqs details{border-bottom:1px solid #bcc5b6;padding:14px 0}.faqs summary{font-weight:600;cursor:pointer}.faqs p{max-width:72ch}@media(max-width:760px){.bonusgrid{grid-template-columns:1fr}.sheet{flex-basis:82%}.shelf::after{flex-basis:calc(18% - 24px)}}

.browse{display:inline-block;margin:6px 0 6px 16px;text-underline-offset:4px;font-size:15px}
#afterquiz:not([hidden]){display:inline-block;margin:6px 0;padding:10px 12px;border-radius:4px;background:var(--ink);color:white;text-decoration:none;font-weight:650}
.quiz:has(#afterquiz:not([hidden])) #next{background:transparent;color:var(--ink)}
.offer .cta{margin-top:0}.cta:hover{filter:brightness(.94)}
@media(max-width:440px){.browse{display:table;margin:0 0 14px}.quiz button{min-height:44px}}