@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#24231f;background:#f8f6f1;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.topbar{height:70px;border-bottom:1px solid #d8d4ca;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:#f8f6f1}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em}.brand em{font-style:normal;font-weight:500;color:#8f8b82}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a68069;border-radius:50%;font:italic 19px Georgia,serif;color:#9b6144}.topbar-note,.eyebrow,.method-grid span,.takeaway-label,.look-number,.column-label,.notes h2,footer{letter-spacing:.14em}.topbar-note{font-size:11px;color:#878279}.hero{padding:clamp(60px,9vw,140px) clamp(20px,6vw,96px) 66px;max-width:1500px;margin:auto}.eyebrow{font-size:11px;font-weight:700;color:#9a6f5a;margin:0 0 25px}.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(56px,8.3vw,125px);letter-spacing:-.055em;line-height:.98;margin:0 0 32px}.hero h1 i{color:#977058}.intro{max-width:740px;color:#67635b;font-size:clamp(16px,1.5vw,19px);line-height:1.7;margin-bottom:55px}.method-grid{border-top:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;gap:20px}.method-grid div{display:flex;flex-direction:column;gap:7px}.method-grid span{color:#9d765e;font-size:10px;font-weight:700}.method-grid strong{font-size:14px;font-weight:500}.takeaway{background:#292d2b;color:#f4f0e9;display:grid;grid-template-columns:200px 1fr;gap:35px;padding:36px clamp(20px,6vw,96px);align-items:start}.takeaway-label{font-size:11px;color:#c4a68e;font-weight:700;padding-top:6px}.takeaway p{max-width:1060px;font-size:clamp(16px,1.7vw,21px);line-height:1.55;margin:0;font-family:'Playfair Display',Georgia,serif}.look-nav{max-width:1500px;margin:auto;padding:40px clamp(20px,6vw,96px) 10px;display:flex;flex-wrap:wrap;gap:8px}.look-nav a{border:1px solid #d9d2c8;border-radius:999px;text-decoration:none;padding:9px 14px;font-size:12px;color:#665f57;background:#fbfaf7;transition:.2s}.look-nav a:hover{background:#292d2b;color:white}.looks{max-width:1500px;margin:auto;padding:10px clamp(20px,6vw,96px) 100px}.look{padding:50px 0 68px;border-bottom:1px solid #d4cec3;scroll-margin-top:20px}.look-heading{display:grid;grid-template-columns:85px 1fr minmax(220px,430px);gap:22px;align-items:start;margin-bottom:25px}.look-number{color:#9a6f5a;font-weight:700;font-size:12px;padding-top:10px}.look h2{font:500 clamp(28px,3vw,41px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:0}.look-note{margin:0;color:#6d685f;font-size:13px;line-height:1.6}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.image-card{margin:0;min-width:0}.image-button{display:block;border:0;padding:0;width:100%;cursor:zoom-in;background:#e2dfd7;overflow:hidden}.image-button img{width:100%;height:clamp(420px,52vw,630px);object-fit:contain;display:block;transition:transform .25s}.image-button:hover img{transform:scale(1.025)}.image-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:13px 2px}.column-label{font-size:10px;font-weight:700;color:#625d55}.source-label{color:#8f8a81}.hd-label{color:#9b705a}.gpt-label{color:#31545d}.zoom{color:#9d978d;font-size:11px}.notes{background:#eae6dd;padding:80px clamp(20px,6vw,96px);display:grid;grid-template-columns:1fr 2fr;column-gap:50px}.notes .eyebrow{grid-row:1 / span 3}.notes h2{font:500 clamp(28px,3vw,44px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:0 0 22px;max-width:750px}.notes p:not(.eyebrow){max-width:790px;color:#666157;line-height:1.75;font-size:14px;margin:0 0 15px}footer{padding:26px clamp(20px,4vw,64px);display:flex;justify-content:space-between;font-size:10px;color:#868078}footer a{text-decoration:none}dialog{position:fixed;width:min(94vw,1200px);max-height:95vh;border:0;background:#242424;color:white;padding:20px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#131615df}dialog img{display:block;max-width:100%;max-height:calc(95vh - 95px);margin:auto;object-fit:contain}dialog p{text-align:center;margin:11px 0 0;font-size:12px;color:#ddd}#close-dialog{position:absolute;right:10px;top:6px;background:#fff;border:0;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:24px;line-height:24px}@media(max-width:900px){.look-heading{grid-template-columns:55px 1fr}.look-note{grid-column:2}.takeaway{grid-template-columns:1fr;gap:8px}.notes{grid-template-columns:1fr}.notes .eyebrow{grid-row:auto}.image-button img{height:50vw}}@media(max-width:620px){.topbar-note{display:none}.hero{padding-top:65px}.method-grid{grid-template-columns:1fr;gap:18px}.look{padding-top:36px}.look-heading{grid-template-columns:1fr;gap:8px}.look-number,.look-note{grid-column:1}.image-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px}.image-card{flex:0 0 82%;scroll-snap-align:center}.image-button img{height:110vw}.notes{padding-top:65px;padding-bottom:65px}footer{gap:15px;flex-wrap:wrap}}