:root{--ink:#142219;--cream:#f6f3ea;--line:#d8d7cb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}header{height:78px;padding:0 max(22px,calc((100% - 1220px)/2));display:flex;align-items:center;gap:42px;background:#fffef9;border-bottom:1px solid var(--line)}header>a{font:bold 25px Georgia,serif;text-decoration:none;color:var(--ink)}header span{color:#ef6638}nav{display:flex;gap:25px}nav a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.heading{max-width:1160px;margin:75px auto 35px;padding:0 22px}.heading p,.card p,.detail p{font-size:10px;letter-spacing:.13em;font-weight:bold;color:#65805a}.heading h1{font:clamp(46px,5vw,72px)/.95 Georgia,serif;letter-spacing:-.06em;margin:15px 0}.heading span{font:18px/1.45 Georgia,serif;color:#4e594e}.grid{max-width:1160px;margin:40px auto 90px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;padding:15px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:365px;border:1px solid #e7e3d9}.preview{height:170px;background:#f3f2ed;display:grid;place-items:center;overflow:hidden}.preview img{width:100%;height:100%;object-fit:contain;display:block}.card h2{font:17px/1.2 Georgia,serif;margin:11px 0}.card b{font:18px Georgia,serif;margin-top:auto}.card span{margin-top:12px;font-size:11px;font-weight:bold}.detail{max-width:1160px;margin:35px auto 90px;padding:0 22px}.detail section{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:30px}.detail-image{width:100%;height:510px;background:#f3f2ed;object-fit:contain;display:block}.detail h1{font:44px/1 Georgia,serif;letter-spacing:-.05em}.detail h2{font:30px Georgia,serif}.detail button{display:block;width:100%;background:var(--ink);color:#fff;border:0;padding:18px;margin:28px 0 15px;font-weight:bold}footer{text-align:center;background:var(--ink);color:#fff;padding:40px;font-size:11px}@media(max-width:760px){nav{display:none}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{min-height:325px}.preview{height:125px}.detail section{display:block}.detail-image{height:360px;margin-bottom:35px}.detail h1{font-size:36px}}