@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f2f0e9;color:#252821;font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1;letter-spacing:-.025em}em{font-weight:400}h2{font-size:clamp(48px,5.5vw,82px)}h3{font-size:36px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf6a32;outline-offset:5px}.skip{position:absolute;left:15px;top:-100px;background:white;color:#222;padding:12px;z-index:100}.skip:focus{top:8px}.demo-bar{position:relative;z-index:10;background:#252821;color:#fff;display:flex;justify-content:space-between;gap:18px;padding:12px 4%;font-size:13px}.demo-bar a{border-bottom:1px solid #8b8d84}.demo-bar span{color:#d4d9ce}header{display:flex;justify-content:space-between;gap:25px;padding:28px 5%;position:absolute;z-index:2;width:100%;align-items:center}.logo{letter-spacing:5px;font-size:22px}nav{display:flex;gap:32px;font-size:14px}nav a{padding:10px 0}.concept-hero{position:relative;isolation:isolate;min-height:810px;display:flex;align-items:center;padding:140px 5% 100px;overflow:hidden}.concept-hero img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.concept-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f0e9ed,#f4f0e9a8 38%,transparent 75%)}.concept-hero h1{font-size:clamp(76px,8.8vw,138px);margin:28px 0;max-width:760px}.concept-hero p:not(.eyebrow){max-width:340px;font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase}.button{display:inline-flex;justify-content:space-between;gap:40px;background:#252821;color:#fff;padding:17px 23px;margin-top:30px;font-size:14px;min-height:50px;transition:background .2s,transform .2s}.button:hover{background:#5b604f;transform:translateY(-2px)}.hero-caption{position:absolute;bottom:27px;font-size:12px;padding:6px 10px;background:#f2f0e9dc}.story{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:40px;padding:100px 5%}.story>div{padding-top:6px;color:#58604f}.story p+p{margin-top:18px}.feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#e4e5dc}.feature>img{width:100%;height:650px;object-fit:cover}.feature>div{padding:55px 12%}.feature h2{margin:25px 0}.feature p:not(.eyebrow){color:#515a49}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:85px 5%}.three article{border-top:1px solid #b8bfaf;padding-top:25px}.three h3{margin:30px 0 20px}.three p{color:#59614f}.browse{padding:70px 5% 100px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-title>p{font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid #a7ad9c;background:transparent;color:inherit;padding:12px 20px;font-size:14px}.filters button[aria-pressed=true]{background:#303c2e;color:#fff}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.items article{padding:32px;border:1px solid #bfc5b5}.items article>span{font-size:12px;letter-spacing:1px}.items h3{margin:30px 0 20px}.items p{margin-bottom:28px}.items article[hidden]{display:none}#filter-status{font-size:13px;margin-top:20px}details{border-bottom:1px solid #aab39f}summary{padding:20px 0;cursor:pointer;font-size:16px}details p{padding-bottom:20px}.end{text-align:center;padding:100px 24px;background:#252d23;color:#f5f0e4}.end h2{margin:25px auto;max-width:750px}.end>p:not(.eyebrow){max-width:530px;margin:auto}.end .button{background:#eee8d9;color:#23291f}.back{display:block;width:max-content;max-width:100%;margin:24px auto 0;text-decoration:underline;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;font-size:12px}.still{background:#eeeede}.still header,.still .concept-hero{color:#f5f0df}.still .concept-hero:after{background:linear-gradient(90deg,#1e2a1be8,#1e2a1b99 48%,#1e2a1b1a)}.still .concept-hero .button{border:1px solid #dce0ce;background:transparent}.still .hero-caption{background:#263322dd}.still .feature{background:#dce0d1}.daily{background:#181916;color:#eee4ce}.daily header{color:#f4e7cb}.daily .logo{font-size:30px;letter-spacing:7px}.daily .concept-hero:after{background:linear-gradient(90deg,#141612f2,#141612bd 40%,#1416121a 85%)}.daily .concept-hero h1{color:#f0b475}.daily .hero-caption{background:#171b16cc}.daily .button{background:#eda75f;color:#261c13}.daily .story>div,.daily .feature p:not(.eyebrow){color:#d0ccb9}.daily .feature{background:#232820}.daily .filters button[aria-pressed=true]{background:#eda75f;color:#20190f}.daily .items article{border-color:#56594b}.daily .end{background:#eac8a0;color:#2c241a}
@media(max-width:800px){.demo-bar{font-size:12px;align-items:center}.demo-bar>span{display:none}header{padding:24px}.logo{font-size:18px;letter-spacing:3px}nav{gap:20px}.concept-hero{min-height:780px;padding:130px 24px 100px}.concept-hero h1{font-size:clamp(72px,12vw,100px)}.concept-hero img{object-position:65%}.concept-hero:after{background:linear-gradient(90deg,#f4f0e9ed,#f4f0e9a6 58%,#f4f0e91a)}.hero-caption{right:24px;left:24px;font-size:12px}.story{display:block;padding:65px 24px}.story h2{margin:25px 0}.story>div{max-width:550px}.feature{grid-template-columns:1fr}.feature>img{height:400px}.feature>div{padding:45px 24px}.three{grid-template-columns:1fr;gap:30px;padding:60px 24px}.three h3{margin-block:18px}.browse{padding:60px 24px}.section-title{display:block}.section-title>p{margin-top:20px}.items{grid-template-columns:1fr}.items article{padding:27px}.end{padding:70px 24px}footer{flex-direction:column;gap:12px}.concept-hero p:not(.eyebrow){font-size:17px;max-width:300px}.daily .logo{font-size:23px}.filters{gap:8px}.filters button{padding:12px 14px}.concept-hero .eyebrow{max-width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Each concept has its own composition, beyond its palette. */
.daily{background:#ffdf4d;color:#34200f}.daily header{position:relative;background:#ffdf4d;color:#34200f;padding-block:22px}.daily .logo{font-family:Arial,sans-serif;font-size:42px;font-weight:900;letter-spacing:-3px}.daily .concept-hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px;padding:0;overflow:visible}.daily .concept-hero>img{position:relative;grid-column:2;grid-row:1;z-index:0;height:680px;object-position:65%}.daily .concept-hero>div{grid-column:1;grid-row:1;padding:60px 10%}.daily .concept-hero:after{display:none}.daily .concept-hero h1{color:#34200f;font:bold clamp(64px,7.5vw,116px)/.96 Arial,sans-serif;letter-spacing:-.065em;overflow-wrap:normal}.daily .concept-hero h1 em{font-family:'Instrument Serif',Georgia,serif;letter-spacing:-.03em}.daily .concept-hero .button{background:#34200f;color:#ffdf4d}.daily .hero-caption{background:#34200f;color:#ffdf4d;left:5%;bottom:20px;max-width:40%}.daily .story{background:#fff8df;grid-template-columns:.6fr 1.3fr 1fr}.daily .story>div,.daily .feature p:not(.eyebrow){color:#65513e}.daily .browse{background:#ffdf4d}.daily .items{gap:0;border-top:2px solid #34200f;border-bottom:2px solid #34200f}.daily .items article{border:0;border-right:1px solid #8a763d}.daily .items article:last-child{border-right:0}.daily .items h3{font:bold 36px/1.1 Arial,sans-serif;letter-spacing:-1.5px}.daily .filters button{border-color:#6b5419;border-radius:50px}.daily .filters button[aria-pressed=true]{background:#34200f;color:#ffdf4d}.daily .feature{background:#fff8df}.daily .end{background:#34200f;color:#ffdf4d}.daily .end .button{background:#ffdf4d;color:#34200f}.daily footer{background:#ffdf4d}.still .concept-hero h1{font-size:clamp(78px,9vw,145px)}.still .items article{border-radius:100px 100px 0 0;text-align:center;padding:70px 30px 35px;background:#e3e5d5}.still .items h3{font-size:42px}.still .filters button{border-radius:50px}.form-field .three article{padding-top:35px}.form-field .three article>span{font:70px/1 'Instrument Serif',Georgia,serif;color:#757d66}.demo-bar{font-size:14px}.eyebrow{font-size:13px}.daily .hero-caption,.hero-caption{font-size:13px}@media(max-width:800px){.daily .concept-hero{grid-template-columns:1fr}.daily .concept-hero>div{grid-column:1;grid-row:1;padding:55px 24px 80px}.daily .concept-hero>img{grid-column:1;grid-row:2;height:390px}.daily .concept-hero h1{font-size:clamp(66px,13vw,98px)}.daily .hero-caption{bottom:20px;max-width:none;left:24px;right:24px}.daily .story{display:block}.daily .items article{border-right:0;border-bottom:1px solid #8a763d}.daily .items article:last-child{border-bottom:0}.daily .logo{font-size:34px}.still .concept-hero h1{font-size:clamp(65px,13vw,100px)}}