:root{--paper:#fbf8f3;--ink:#22252b;--rust:#b5523b;--slate:#3e4a5c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Albert Sans",sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;border-bottom:1px solid #e6dfd3}
.logo{font-family:"Bodoni Moda",serif;font-size:1.7rem;font-weight:700;text-decoration:none;color:var(--ink)}.logo span{color:var(--rust);font-style:italic}.logo em{font-family:"Albert Sans";font-style:normal;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;margin-left:8px}
.ph{font-weight:700;color:var(--rust);text-decoration:none}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:4vw;padding:8vh 6vw;align-items:center}
.fan{position:relative;height:380px}
.card{position:absolute;left:50%;bottom:10px;width:120px;height:320px;margin-left:-60px;background:var(--c);border-radius:10px;transform-origin:50% 95%;transform:rotate(var(--r));box-shadow:0 10px 24px rgba(0,0,0,.15);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;transition:transform .4s}
.card b{background:#fff;padding:4px 8px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.card:after{content:"";position:absolute;bottom:12px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #888}
.fan:hover .card{transform:rotate(calc(var(--r)*1.3))}
.over{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;color:var(--slate)}
h1{font-family:"Bodoni Moda",serif;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;margin:.15em 0;font-weight:700}
.copy p{font-size:1.1rem;max-width:32em}
.score b{font-family:"Bodoni Moda";font-size:1.8rem}.score{color:#c7922e}.score span{color:var(--ink);font-size:.95rem}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:15px 24px;text-decoration:none;font-weight:700;letter-spacing:.04em}
.process{padding:8vh 6vw;background:var(--slate);color:#fff}
.process h2,.reviews h2,.area h2{font-family:"Bodoni Moda";font-size:2.2rem;margin-top:0}
.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.process li{counter-increment:s;padding:20px;border-left:1px solid rgba(255,255,255,.3)}
.process li:before{content:counter(s,decimal-leading-zero);font-family:"Bodoni Moda";font-size:2.6rem;color:#e8dccb}
.process h3{margin:.3em 0}.process p{margin:0;opacity:.85}.also{margin-top:24px;opacity:.85}
.reviews{padding:8vh 6vw}.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.chip{background:#fff;border:1px solid #e6dfd3;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.swatch{height:70px;background:var(--c);display:flex;align-items:flex-end;padding:8px 14px}.swatch span{background:#fff;font-size:.7rem;letter-spacing:.15em;padding:2px 6px}
.chip blockquote{margin:0;padding:20px 22px 6px;line-height:1.6}.chip cite{display:block;padding:0 22px 20px;font-style:normal;font-weight:700;color:var(--rust)}
.src{font-size:.85rem;color:#777}
.area{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:7vh 6vw;background:#efe7da}
footer{padding:22px 6vw;font-size:.85rem;text-align:center}
@media(max-width:860px){.hero{grid-template-columns:1fr}.fan{height:300px}.card{height:250px;width:100px;margin-left:-50px}.process ol,.chips{grid-template-columns:1fr}}