*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ec;color:#252823;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #946100;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}.top{display:flex;justify-content:space-between;gap:12px;padding:22px 0;border-bottom:1px solid #cbcfc1;font-weight:750}.intro{padding:clamp(45px,8vw,100px) 0 45px}.price,.tag{letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#425849}.intro h1{font:500 clamp(3.2rem,8vw,7rem)/.98 Georgia,serif;letter-spacing:-.06em;margin:12px 0 20px}.intro>p:last-child{max-width:49ch;color:#454d43}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}article{background:white;border:1px solid #d8d9cf;border-radius:10px;overflow:hidden}.tile{display:grid;grid-template-columns:40% 60%;min-height:205px;align-items:center;position:relative;text-decoration:none}.tile span{font-size:clamp(1.2rem,3vw,2.2rem);line-height:1;padding:12px;font-weight:750;z-index:1}.tile small{font:800 .53rem/1 system-ui;letter-spacing:.1em}.tile img{width:60%;height:100%;object-fit:cover;position:absolute;right:0}.evergreen{background:#e5ebd8;color:#25392c;font-family:Georgia,serif}.clearline{background:#17263c;color:#ffb735}.info{padding:22px}.info h2{font-size:1.35rem;margin:0}.info p{margin:0 0 8px}.info p:not(.tag){margin:8px 0 17px}.info a{font-weight:750}footer{padding:30px 0;color:#495146;font-size:.86rem}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.tile{min-height:170px}.top{font-size:.82rem}}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{grid-template-columns:44% 56%;min-height:170px}.tile img{width:56%}.tile span{font-size:clamp(1.15rem,2.2vw,1.75rem)}}