/* Create the Look — quiet luxury edit (scoped to #look) */
#look { --lk-bg-2:#f1ece4; --lk-ink:#1c1b19; --lk-muted:#6a645c; --lk-line:rgba(28,27,25,.1); --lk-card:#fbf9f4; --lk-accent:#9a8454; --lk-shadow:0 22px 50px rgba(28,27,25,.06); color:var(--lk-ink); font-family:'Outfit',system-ui,sans-serif; font-weight:300; }
#look * { box-sizing:border-box; }
#look .look-hero { max-width:1180px; margin:0 auto; padding:56px 24px 36px; text-align:center; }
#look .look-eyebrow { margin:0; font-size:11px; letter-spacing:.36em; text-transform:uppercase; color:var(--lk-accent); font-weight:500; }
#look .look-title { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(40px,6vw,72px); line-height:1.02; margin:14px 0 12px; padding:0; }
#look .look-el { margin:0; font-family:'Cormorant Garamond',serif; font-style:italic; font-size:22px; color:var(--lk-muted); }
#look .look-grid { max-width:1180px; margin:0 auto; padding:0 24px 56px; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
#look .look-card { background:var(--lk-card); box-shadow:var(--lk-shadow); display:flex; flex-direction:column; margin:0; }
#look .look-card-img { aspect-ratio:3/4; background:var(--lk-bg-2); overflow:hidden; }
#look .look-card-img img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:center top; display:block; }
#look .look-card:nth-child(3) .look-card-img img { object-fit:contain; background:#fff; }
#look .look-card-body { padding:22px 22px 26px; display:flex; flex-direction:column; gap:8px; flex:1; border-top:1px solid var(--lk-line); }
#look .look-house { margin:0; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--lk-accent); font-weight:500; }
#look .look-name { margin:0; font-family:'Cormorant Garamond',serif; font-weight:500; font-size:24px; line-height:1.15; }
#look .look-price { margin:0 0 10px; color:var(--lk-muted); font-size:15px; }
#look .look-btn { margin-top:auto; align-self:flex-start; display:inline-block; background:var(--lk-ink); color:var(--lk-card); text-decoration:none; font-size:11px; letter-spacing:.22em; text-transform:uppercase; padding:13px 30px; font-weight:500; transition:background .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1); }
#look .look-btn:hover { background:var(--lk-accent); }
#look .look-foot { margin:0; text-align:center; color:var(--lk-muted); font-size:12px; padding:0 20px 40px; letter-spacing:.06em; }
@media (max-width:820px) { #look .look-grid { grid-template-columns:1fr; gap:22px; max-width:460px; } #look .look-hero { padding:40px 20px 28px; } }