:root{color-scheme:light;--ink:#183f35;--paper:#f7f3e9;--clay:#b76648}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header,footer{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;gap:20px}.brand{text-decoration:none;color:inherit;font:italic 58px Georgia,serif;line-height:.85}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:12px}header>a:last-child,footer a{color:inherit;text-underline-offset:5px;font-size:14px}main{max-width:1500px;margin:auto;padding:70px 6vw 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;line-height:1.8}h1{font:clamp(54px,7.5vw,110px)/1.02 Georgia,serif;font-weight:normal;letter-spacing:-3px;margin:24px 0}h1 em{color:var(--clay)}.intro{font-size:18px;line-height:1.8;max-width:470px}.badge{display:inline-block;border:1px solid #183f3540;border-radius:30px;padding:10px 16px;font-size:12px}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:18px 24px;border-radius:6px;margin:20px 0;font-size:14px}.button:hover{background:#2d594b}a:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.note{max-width:450px;font-size:13px;line-height:1.7;opacity:.8}.composition{position:relative;min-height:450px;background:linear-gradient(90deg,#183f350b 1px,transparent 1px),linear-gradient(#183f350b 1px,transparent 1px);background-size:30px 30px;border-radius:48% 48% 8px 8px;border:1px solid #183f351a;display:flex;justify-content:center;align-items:center}.disk{height:270px;width:270px;background:#c6d2b2;border-radius:50%;box-shadow:0 16px 40px #183f3510;display:grid;place-items:center;transform:rotate(-9deg)}.disk strong{font:italic 130px Georgia,serif;font-weight:normal}.tag{position:absolute;background:#fffaf0;padding:22px;font:24px Georgia,serif;box-shadow:0 10px 30px #183f3512;bottom:40px;right:-10px;transform:rotate(5deg)}.tag small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:10px}.dot{position:absolute;width:75px;height:75px;background:var(--clay);border-radius:50%;top:40px;left:30px}.categories{grid-column:1/-1;border-top:1px solid #183f3525;padding-top:26px;display:flex;flex-wrap:wrap;gap:14px 28px;font-size:12px;letter-spacing:2px}footer{border-top:1px solid #183f3525;font-size:12px;line-height:1.6}footer p{margin:0}@media(max-width:760px){header,footer{padding:24px 7vw}main{grid-template-columns:1fr;padding:40px 7vw 50px;gap:36px}h1{letter-spacing:-2px}.composition{min-height:330px;order:2}.disk{height:210px;width:210px}.disk strong{font-size:100px}.categories{order:3}.tag{right:0;font-size:21px}footer{align-items:flex-start;flex-direction:column}.intro{font-size:16px}}@media(prefers-reduced-motion:no-preference){.disk{animation:arrive 1s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(18px) rotate(-14deg)}to{opacity:1;transform:rotate(-9deg)}}}