@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&display=swap";:root{--ink:#193128;--paper:#f5f0e6;--pine:#24483b;--clay:#bd6548;--line:#c9c5b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#faf8f2;margin:0;font:15px DM Sans,sans-serif}.announce{background:var(--pine);color:#fff;text-align:center;letter-spacing:.13em;text-transform:uppercase;height:34px;padding:8px;font-size:11px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex}.brand{color:var(--ink);grid-template-columns:44px auto;line-height:1;text-decoration:none;display:grid}.brand b{letter-spacing:.14em;align-self:end;font-size:16px}.brand small{letter-spacing:.25em;grid-column:2;margin-top:7px;font-size:10px}.mark{grid-row:1/3;width:34px;height:38px;position:relative}.mark i{background:var(--clay);border-radius:10px 10px 2px 2px;width:9px;position:absolute;bottom:3px;transform:rotate(-22deg)}.mark i:first-child{height:21px;left:3px}.mark i:nth-child(2){background:var(--pine);height:34px;left:13px}.mark i:nth-child(3){height:25px;left:24px;transform:rotate(22deg)}nav{gap:42px;display:flex}nav a,footer a{color:inherit;text-decoration:none}.bag,header button{font:inherit;background:0 0;border:0}.bag em{background:var(--clay);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:8px;font-style:normal;display:inline-grid}.hero{grid-template-columns:47% 53%;min-height:690px;padding:60px 5vw 70px;display:grid}.hero-copy{padding:65px 8% 20px}.eyebrow{letter-spacing:.21em;font-size:11px;font-weight:600}.hero h1{margin:45px 0 30px;font:400 clamp(62px,7vw,112px)/.86 Newsreader,serif}.hero h1 i{color:var(--clay);font-weight:400}.hero-copy>p:not(.eyebrow){color:#526159;max-width:480px;font-size:17px;line-height:1.8}.primary{background:var(--pine);color:#fff;letter-spacing:.03em;border:0;justify-content:space-between;gap:36px;margin-top:20px;padding:17px 22px;font:600 13px DM Sans;text-decoration:none;display:inline-flex}.hero-art{background:#ded7c8;border-radius:180px 180px 0 0;position:relative;overflow:hidden}.hero-art img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.hero-art>span{color:#fff;letter-spacing:.2em;font-size:10px;position:absolute;bottom:24px;left:28px}.stamp{text-align:center;text-transform:uppercase;background:#f6ecce;border-radius:50%;place-items:center;width:104px;height:104px;font-size:11px;line-height:1.5;display:grid;position:absolute;top:25px;right:24px;transform:rotate(8deg)}.promise{background:var(--paper);border-block:1px solid var(--line);grid-template-columns:1.2fr repeat(3,1fr);gap:30px;padding:32px 5vw;display:grid}.promise>p{font:italic 25px Newsreader}.promise>div{align-items:center;gap:15px;display:flex}.promise b{color:var(--clay)}.promise span{font-weight:600}.promise small{color:#6c766f;margin-top:5px;font-weight:400;display:block}.shop{padding:110px 5vw}.section-head{justify-content:space-between;align-items:end;display:flex}.section-head h2,.story h2,.modal h2,.checkout h2{margin:18px 0;font:400 clamp(42px,5vw,70px)/1 Newsreader}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{border:1px solid var(--line);background:0 0;padding:10px 15px}.filters .active{background:var(--ink);color:#fff}.grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px;display:grid}.photo{background:#ece8de;height:420px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;transition:all .5s}.photo button{background:#fff;border:0;border-radius:50%;width:45px;height:45px;font-size:24px;position:absolute;bottom:15px;right:15px}.grid article:hover img{transform:scale(1.025)}.grid article>p{letter-spacing:.16em;text-transform:uppercase;color:#718078;margin:18px 0 7px;font-size:10px}.grid h3{margin:0 0 8px;font:24px Newsreader}.story{background:var(--pine);color:#fff;grid-template-columns:1.5fr 1fr;align-items:end;gap:10%;margin:0 5vw 110px;padding:80px;display:grid}.story>p{color:#d4ddd8;font-size:17px;line-height:1.9}footer{background:#eee8dc;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:30px;padding:55px 5vw 35px;display:grid}.foot{display:grid}.foot+p{color:#657068}footer>div:nth-of-type(2){gap:8px;display:grid}footer>small{border-top:1px solid var(--line);grid-column:1/-1;padding-top:25px}.shade,.checkout{z-index:20;background:#15271f88;position:fixed;inset:0}.shade aside{background:#fbf9f3;width:min(480px,100%);height:100%;padding:30px;position:absolute;right:0;overflow:auto}.shade aside>header{height:auto;padding:0 0 25px}.shade h2{margin:0;font:38px Newsreader}.shade button,.close{background:0 0;border:0;font-size:25px}.empty{text-align:center;color:#79837e;padding:80px 20px}.line{border-top:1px solid var(--line);grid-template-columns:100px 1fr;gap:18px;padding:20px 0;display:grid}.line img{object-fit:cover;width:100px;height:110px}.line>div{display:grid}.line small{color:#66736c}.line span{align-items:center;gap:16px;display:flex}.line span button{font-size:16px}.summary{border-top:1px solid var(--line);padding-top:20px}.summary p{justify-content:space-between;font-size:17px;display:flex}.summary>small{color:#66736c;display:block}.wide{justify-content:center;width:100%}.modal{z-index:30;background:#f8f5ed;grid-template-columns:1.2fr 1fr;display:grid;position:fixed;inset:5%;overflow:auto;box-shadow:0 20px 80px #172b2455}.modal>img{object-fit:cover;width:100%;height:100%}.modal>div{align-self:center;padding:10%}.modal>div>p{color:#68756f;line-height:1.8}.modal li{margin:12px}.modal>.close,.checkout .close{position:absolute;top:15px;right:20px}.checkout{place-items:center;display:grid}.checkout form{background:#f8f5ed;width:min(600px,92%);padding:45px;position:relative}.checkout h2{font-size:48px}.checkout label{gap:7px;margin:15px 0;font-size:12px;font-weight:600;display:grid}.checkout input{border:1px solid var(--line);font:inherit;background:#fff;padding:14px}.twocol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkout>form>small{text-align:center;color:#6f7b74;margin-top:12px;display:block}.error{color:#a23f2b}button,a{cursor:pointer}@media (width<=800px){nav{display:none}header{height:76px}.hero{grid-template-columns:1fr;padding:30px 5vw}.hero-copy{padding:35px 0}.hero-art{height:470px}.promise{grid-template-columns:1fr}.promise>p{margin-bottom:0}.section-head{display:block}.filters{margin-top:25px}.grid{grid-template-columns:1fr 1fr}.photo{height:280px}.story{grid-template-columns:1fr;padding:40px}.modal{grid-template-columns:1fr;inset:0}.modal>img{height:42vh}.modal>div{padding:8%}footer,.twocol{grid-template-columns:1fr}}@media (width<=480px){.grid{grid-template-columns:1fr}.photo{height:420px}.hero h1{font-size:60px}.hero-art{height:390px}}.header-actions{align-items:center;gap:22px;display:flex}.account-link{font-weight:600!important}.account-page{max-width:980px;min-height:65vh;margin:auto;padding:90px 5vw 120px}.account-heading{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:35px}.account-heading h1{margin:18px 0;font:400 clamp(54px,7vw,86px)/1 Newsreader}.account-heading>p:not(.eyebrow){color:#66736c}.text-button{color:var(--pine);cursor:pointer;background:0 0;border:0;padding:0;font:600 13px DM Sans;text-decoration:underline}.account-empty{background:var(--paper);padding:55px}.account-empty h2,.order-card h2,.order-detail h2{margin:10px 0;font:400 36px Newsreader}.order-card{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:26px 0;display:flex}.order-card small{color:#66736c}.order-card>div:last-child{flex-direction:column;justify-content:space-between;align-items:end;gap:20px;display:flex}.status{border:1px solid var(--line);letter-spacing:.1em;padding:8px 14px;font-size:11px}.order-detail{background:var(--paper);margin-top:40px;padding:35px}.order-line{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:15px 0;display:flex}.auth-switch{text-align:center;color:#66736c;margin:24px 0 0}.auth-switch .text-button{margin-left:5px}@media (width<=800px){.header-actions{gap:9px}.account-link{font-size:12px!important}.order-card{flex-direction:column}.order-card>div:last-child{align-items:start}}
