:root{font-family:Arial,Helvetica,sans-serif;color:#25201b;background:#f8f4ed}*{box-sizing:border-box}body{margin:0}main{max-width:750px;margin:0 auto;padding:30px 22px 60px}header{padding:18px 22px;border-bottom:1px solid #d9cbbb;background:#fff}header a{font-weight:750;color:#29231e;text-decoration:none}h1{font-size:clamp(30px,5vw,44px);margin:0 0 18px}h2{font-size:21px;margin-top:32px}p,li{font-size:16px;line-height:1.65}a{color:#694325}footer{max-width:750px;margin:auto;padding:20px 22px 38px;border-top:1px solid #d9cbbb;font-size:14px}footer a{margin-right:20px}.small{font-size:14px;color:#5b554f}main:has(.carousel){text-align:center}.logo{display:block;width:min(420px,85vw);max-width:100%;height:auto;margin:0 auto 22px}.carousel{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 6px}.slides{width:min(330px,75vw);height:min(590px,130vw);display:grid;place-items:center}.slide{display:none;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px}.slide.active{display:block}.carousel button{border:0;background:transparent;font-size:46px;color:#694325;cursor:pointer;padding:6px 10px}.dots{display:flex;justify-content:center;gap:10px;margin:12px auto 32px}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#d2c5b5;cursor:pointer;padding:0}.dots button.active{background:#694325}
/* Keep tall screenshots inside the carousel instead of overlapping the footer. */
.slides{position:relative;flex:0 1 330px;min-width:0;overflow:hidden;}
.slide{position:absolute;inset:0;margin:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.carousel{max-width:100%;}
.carousel button{flex:0 0 auto;}
@media(max-width:480px){.slides{height:min(590px,125vw)}.carousel{gap:4px}.carousel button{padding:4px}}