:root{--paper:#faf9f6;--ink:#232a25;--green:#1e352c;--muted:#64675f;--line:#deded5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}p,h1,h2,figure{margin:0}::selection{background:#d4ddcf}.skip{position:absolute;top:-100px;left:1rem;z-index:5;background:var(--paper);padding:1rem}.skip:focus{top:1rem}.header{height:102px;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-bottom:1px solid var(--line);background:var(--paper)}.header nav{display:flex;gap:1.7rem;font-size:.875rem}.about-link{justify-self:end;font-size:.875rem}.brand{display:block;width:188px}.brand-art{display:block;position:relative;overflow:hidden;aspect-ratio:1048/180;mix-blend-mode:multiply}.brand-art img{position:absolute;width:119.66%;max-width:none;height:auto;left:-10.1%;top:-298%}.hero{max-width:1180px;margin:40px auto 76px;padding:0 40px;display:grid;grid-template-columns:44% 56%;align-items:stretch}.crop{position:relative;overflow:hidden;display:block;background:#e5e3dc;aspect-ratio:var(--w)/var(--h)}.crop>img{position:absolute;width:calc(1312 / var(--w) * 100%);height:auto;max-width:none;left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%)}.cafe{--x:0;--y:155;--w:453;--h:605}.forest{--x:458;--y:1;--w:421;--h:342}.oatmeal{--x:883;--y:1;--w:428;--h:342}.navy{--x:458;--y:384;--w:421;--h:329}.espresso{--x:883;--y:384;--w:428;--h:329}.stack{--x:333;--y:836;--w:318;--h:292}.detail{--x:0;--y:768;--w:326;--h:360}.cap{--x:983;--y:770;--w:328;--h:309}.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;position:relative}.eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.12em}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,4.1vw,4.5rem);font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:2rem 0 1.4rem}h1 em{font-weight:400}.hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted)}.text-link{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:.6rem 0;display:inline-flex;align-items:center;gap:2.2rem;font-size:.875rem;min-height:44px;width:fit-content}.text-link:hover{text-decoration:none;border-bottom-color:transparent}.hero .text-link{margin-top:2rem}.hero-footnote{position:absolute;bottom:0;font-size:.75rem;letter-spacing:.1em;color:var(--muted)}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;font-size:2.3rem;line-height:1.18}.collection{padding:0 4% 6rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading .eyebrow{margin-bottom:.75rem}.collection-caption{font-size:.875rem;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{background:none;border:0;padding:0;text-align:left;min-width:0}.product>.crop{border:1px solid #e8e7df;transition:filter .2s}.product:hover>.crop{filter:brightness(1.04)}.product-meta{display:block;padding-top:1rem;font-size:.875rem;line-height:1.5}.product-color{display:flex;align-items:center;gap:.5rem;color:var(--muted);margin-top:.4rem;font-size:.875rem}.product-color i{display:inline-block;width:8px;height:8px;background:var(--swatch);border:1px solid #0001;border-radius:50%}.view-label{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem;color:var(--muted)}.journal{padding:5rem 7%;background:#efefe8;display:grid;grid-template-columns:1fr 1.4fr;gap:6%;align-items:center}.journal h2{font-size:clamp(2.5rem,3.8vw,4rem);margin:1.5rem 0}.journal-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted);margin-top:1rem}.journal .text-link{margin-top:1.7rem}.journal-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.detail-image{padding-top:5rem}figcaption{font-size:.75rem;color:var(--muted);padding-top:.8rem;line-height:1.5}.cap-feature{max-width:980px;margin:6rem auto;padding:0 4%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}.cap-copy h2{margin:1.5rem 0;font-size:2.8rem}.cap-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted)}.cap-copy .text-link{margin-top:1.6rem}.about{text-align:center;padding:5.5rem 1.5rem;border-top:1px solid var(--line)}.about h2{font-size:clamp(2.5rem,4vw,4rem);margin:1.7rem 0}.about>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.9}.signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:1.5rem;margin-top:2rem}footer{padding:3rem 4% 1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3rem}.footer-brand{font-family:Georgia,serif;letter-spacing:.1em;font-size:1.5rem}footer nav{display:flex;gap:2rem;align-items:center;font-size:.875rem}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);padding:4rem 2.5rem 2.5rem;border:0;max-width:900px;width:calc(100% - 40px);max-height:90svh;overflow:auto}dialog::backdrop{background:#18251e80;backdrop-filter:blur(3px)}.close-dialog{position:absolute;top:1rem;right:1.5rem;background:none;border:0;font-size:.875rem;min-height:40px}.dialog-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem;align-items:center}.dialog-copy h2{font-size:2rem;margin:1rem 0}.dialog-copy>p:not(.eyebrow){line-height:1.7;font-size:1rem}.swatches{display:flex;gap:12px;margin:1.5rem 0}.swatches button{width:40px;height:40px;border-radius:50%;background:var(--swatch);border:5px solid var(--paper);outline:1px solid transparent}.swatches button[aria-pressed=true]{outline-color:var(--ink)}.swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.preview-note{margin-top:1.5rem;color:var(--muted);font-size:.875rem!important}.swatches[hidden]{display:none}
@media(max-width:800px){.header{height:86px;grid-template-columns:1fr auto;padding:0 5%;gap:1rem}.brand{grid-row:1;grid-column:1;width:150px}.header nav{grid-column:2;gap:1.1rem;font-size:.875rem}.about-link{display:none}.hero{margin:24px auto 3.5rem;padding:0 5%;grid-template-columns:1fr 1fr;gap:0}.hero-copy{padding:2rem 1rem}.hero h1{font-size:2.7rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.06em}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-footnote{display:none}.hero .text-link{margin-top:1.4rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 16px}.collection{padding:0 5% 3.5rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.8rem}h2{font-size:2rem}.journal{padding:3.5rem 5%;grid-template-columns:1fr;gap:2.5rem}.journal-images{max-width:650px}.detail-image{padding-top:2rem}.cap-feature{margin:3.5rem auto;padding:0 5%;gap:7%}.cap-copy h2{font-size:2.1rem}.about{padding:3.5rem 5%}footer{padding:2.5rem 5% 1.5rem;grid-template-columns:1fr;gap:1.8rem}footer nav{gap:1.5rem;flex-wrap:wrap}.dialog-layout{grid-template-columns:1fr;gap:1.5rem}dialog{max-width:530px;padding:3.8rem 1.5rem 1.5rem}}
@media(max-width:520px){.hero{grid-template-columns:1fr;margin-bottom:2.5rem}.hero .cafe{--y:178;--h:570}.hero-copy{padding:2.3rem 1rem 0}.hero h1{font-size:2.9rem;margin:1.2rem 0}.hero .text-link{margin-top:1.1rem}.collection{padding-top:1.5rem}.section-heading h2{font-size:1.8rem}.product-grid{gap:2rem 12px}.journal h2{font-size:2.8rem}.cap-feature{grid-template-columns:1fr;gap:2rem}.cap-feature>.crop{max-width:380px;width:100%;margin:auto}.cap-copy{text-align:center}.cap-copy .text-link{margin-left:auto;margin-right:auto}.cap-copy h2{font-size:2.5rem}.footer-bottom{flex-direction:column;gap:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product>.crop{transition:none}}

.vault{padding:5rem 7%;background:#eeeff0;color:#263349;scroll-margin-top:0}.vault-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid #cbd0d5;padding-bottom:1.8rem;margin-bottom:3rem}.vault-heading h2{font-size:clamp(2.5rem,4vw,4rem);margin-top:.65rem}.vault-number{font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.vault-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;max-width:1100px;margin:auto}.vault-art{border:0;padding:1.5rem 2rem;background:#fafafa;color:#263349;display:block;width:100%;text-align:left}.vault-art>img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain;mix-blend-mode:multiply}.vault-art>span{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.1em;padding-top:1.5rem}.vault-copy h3{font-family:Georgia,serif;font-size:clamp(2.6rem,3.8vw,4rem);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin:1.3rem 0 1.7rem}.vault-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#536071;margin:1rem 0}.vault-copy dl{margin:2rem 0;font-size:.875rem;line-height:1.6}.vault-copy dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid #cbd0d5}.vault-copy dd{margin:0;text-align:right}.vault-copy dt{color:#536071}.vault-copy .text-link{border-color:#263349}.crop.wildkat{aspect-ratio:2/3;background:#fafafa;max-height:500px}.crop.wildkat>img{position:static;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}@media(max-width:800px){.vault{padding:3.5rem 5%}.vault-layout{gap:5%}.vault-art{padding:1rem}.vault-copy h3{font-size:2.5rem}.vault-copy dl>div{flex-direction:column;gap:.2rem}.vault-copy dd{text-align:left}}@media(max-width:520px){.header{height:114px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0;padding-top:12px}.brand{grid-column:1;justify-self:center}.header nav{grid-column:1;grid-row:2;justify-self:center;gap:1.5rem}.vault-layout{grid-template-columns:1fr;gap:2.5rem}.vault-heading{margin-bottom:2rem}.vault-copy dl>div{flex-direction:row}.vault-copy dd{text-align:right}}
