body{padding:0 2.2vw;background:linear-gradient(135deg,#f7f2ea 0%,#f7f2ea 62%,#eee3d5 100%)}
.head{max-width:1230px;margin:auto;border-bottom-color:#cfc2b4}
.head .brand{letter-spacing:-.02em}
.langs button{font-size:.75rem}
.langs button:hover{background:#e9e1d6}
.langs button.active{box-shadow:2px 2px 0 #c75e43}
main{position:relative;max-width:990px;margin:4.2rem auto 5rem;padding:clamp(3.2rem,7vw,6.2rem);background:#fffaf3;border:1px solid #ddd0c2;box-shadow:12px 12px 0 rgba(32,25,20,.07)}
main>*{animation:detail-reveal .6s both}
main>*:nth-child(2){animation-delay:.07s}main>*:nth-child(3){animation-delay:.14s}main>*:nth-child(4){animation-delay:.21s}main>*:nth-child(5){animation-delay:.28s}main>*:nth-child(6){animation-delay:.35s}
.eyebrow{font-size:.75rem;color:#9a4a36;margin:0 0 1.5rem}
.meta{margin:2.5rem 0 2.7rem;gap:.5rem}
.meta span{background:#f0e5d7;border:1px solid #e1d2c1;padding:.5rem .7rem;font-size:.8rem}
.note{margin:0 0 3.2rem;padding:1.5rem 1.65rem;border-left:4px solid #c75e43;background:#f7f0e7;line-height:1.28}
.details{max-width:none;padding:1.6rem 1.7rem;background:#fcf7f0;border:1px solid #e1d6c9;gap:1.6rem}
.details div{border-bottom-color:#e0d5c9}
.details small{font-size:.75rem;color:#8a7266}
.button{margin-top:2rem;background:#201914;box-shadow:3px 3px 0 #c75e43;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #c75e43}
footer{max-width:1230px;margin:auto;border-top:1px solid #cfc2b4;padding-left:0;padding-right:0;font-size:.8rem}
@keyframes detail-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){main>*{animation:none}}
@media(max-width:600px){body{padding:0}.head{margin:0}.head .langs{display:flex}main{margin:0;padding:4rem 1.5rem;box-shadow:none;border-left:0;border-right:0}.note{padding:1.25rem}.details{padding:1.2rem}}