:root{--gold:#ffd99c;--cream:#fff5dd;--ink:#17110d;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}body{min-height:100vh;margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 50% 0,rgba(106,57,52,.5),transparent 38%),linear-gradient(180deg,#20140f,#08070c 62%)}.art-page{width:min(1220px,calc(100% - 40px));margin:auto;padding:clamp(28px,5vw,68px) 0 42px;opacity:0;transform:translateY(10px);animation:art-arrival 1s var(--ease) .08s forwards}.art-header{margin-bottom:clamp(24px,4vw,46px)}.back-smile,.art-nav a{color:rgba(255,229,183,.76);font-size:.72rem;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:color .3s}.back-smile:hover,.back-smile:focus-visible,.art-nav a:hover,.art-nav a:focus-visible{color:#fff}.art-header p{margin:clamp(36px,7vw,72px) 0 .65rem;color:rgba(247,194,137,.7);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase}.art-header h1{margin:0;color:#ffe1ac;font-size:clamp(2.6rem,8vw,6.7rem);font-weight:400;line-height:.95}.art-frame{margin:0;padding:clamp(8px,1.4vw,16px);border:1px solid rgba(255,215,153,.28);background:rgba(5,3,7,.62);box-shadow:0 26px 90px rgba(0,0,0,.56),0 0 50px rgba(255,188,91,.06)}.art-frame img{display:block;width:100%;height:auto}.art-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:clamp(26px,4vw,48px);padding-top:24px;border-top:1px solid rgba(255,215,153,.16)}.art-nav a:last-child{text-align:right}.art-nav span{color:rgba(255,220,166,.42);font-size:.65rem;letter-spacing:.18em;text-align:center;text-transform:uppercase}@keyframes art-arrival{to{opacity:1;transform:none}}@media(max-width:600px){.art-page{width:min(100% - 22px,1220px);padding-top:22px}.art-header p{margin-top:32px}.art-nav{grid-template-columns:1fr 1fr}.art-nav span{display:none}}@media(prefers-reduced-motion:reduce){.art-page{opacity:1;transform:none;animation:none}*,*::before,*::after{transition-duration:.01ms!important}}