:root{--paper:#f5f1e7;--ink:#173c2d;--forest:#123c2b;--gold:#bc9654;--muted:#6b7468;--line:#d8d8c7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #be9855;outline-offset:5px}a{text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.serif,h1,h2,h3{font-family:var(--serif);font-weight:400}h1,h2,h3,p{margin-top:0}.wrap{max-width:1320px;margin:auto;padding:0 6%}.announcement{background:var(--forest);color:#f3edda;text-align:center;padding:7px 12px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.header{position:sticky;top:0;z-index:20;background:rgba(245,241,231,.97);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:88px;gap:25px}.logo{display:flex;align-items:center;gap:11px}.box-mark{width:46px;height:48px;flex-shrink:0}.logo-text{font-family:var(--serif);font-size:20px;line-height:1.15;letter-spacing:-.5px}.logo-text span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:4px;margin-top:6px}.nav-links{display:flex;gap:30px;align-items:center;font-size:12px}.nav-links a:hover{color:#98743a}.parent-link{border:1px solid var(--line);border-radius:30px;padding:9px 17px;font-size:11px}.menu-toggle{display:none;background:transparent;padding:10px;color:var(--ink)}.hero{position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1.1fr;min-height:630px;align-items:center;gap:5%}.hero-copy{padding:60px 0}.hero-copy .eyebrow{color:#7b6948;margin-bottom:28px}h1{font-size:clamp(54px,6vw,86px);line-height:1.04;letter-spacing:-3px;margin-bottom:26px}h1 em,h2 em{font-style:italic;color:#8a956a}.hero-copy>p{color:#68725e;max-width:380px;font-size:16px;line-height:1.8;margin-bottom:32px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.btn{background:var(--forest);color:#fff8e8;padding:14px 24px;border-radius:2px;font-size:12px;display:inline-flex;align-items:center;gap:22px;justify-content:center;transition:background .2s,transform .2s}.btn:hover{background:#24523b;transform:translateY(-2px)}.btn-light{background:var(--paper);color:var(--ink)}.btn-light:hover{background:#e7e4d7}.text-link{font-size:12px;border-bottom:1px solid #9aab8d;padding-bottom:3px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:50px 0 55px}.hero-visual:before{content:'';position:absolute;inset:5% -8% 1%;background:#e3e6d5;border-radius:48% 48% 3px 3px}.hero-art{position:relative;width:67%;max-width:360px;border-radius:4px;box-shadow:13px 20px 35px #173c2d33;transform:rotate(5deg);border:7px solid #123c2b}.hero-label{position:absolute;bottom:30px;left:0;font-family:var(--serif);font-size:19px;transform:rotate(-7deg)}.hero-badge{position:absolute;right:-4%;top:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:105px;height:105px;border:1px solid #a3b095;border-radius:50%;font-size:10px;letter-spacing:1px;text-align:center;transform:rotate(10deg);color:#617653}.hero-badge svg{width:25px;margin-bottom:5px}.hero-caption{font-size:10px;letter-spacing:1px;margin-top:25px;color:#7c846d}.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise-inner{display:flex;justify-content:space-around;gap:15px;padding-top:20px;padding-bottom:20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.promise-inner span{display:flex;gap:14px;align-items:center}.promise-inner i{font-size:17px;font-style:normal;color:var(--gold)}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2,h2{font-size:clamp(36px,4vw,52px);line-height:1.15;letter-spacing:-1.2px;margin-bottom:15px}.section-heading p{max-width:320px;color:var(--muted);font-size:13px;margin-bottom:5px}.section-heading .eyebrow{margin-bottom:12px;color:#8b7959}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.product-visual{position:relative;background:#e5e7d9;min-height:385px;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden;width:100%}.product-visual img{height:320px;width:auto;max-width:85%;object-fit:contain;box-shadow:8px 12px 23px #203c2b24;transition:transform .35s;border-radius:2px}.product-visual:hover img{transform:translateY(-6px) rotate(-2deg)}.products article:nth-child(2) .product-visual{background:#d6ddcb}.products article:nth-child(3) .product-visual{background:#dce0d6}.product-tag{position:absolute;top:16px;left:16px;background:#f7f3e8;padding:5px 10px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.product-details{padding-top:22px;display:flex;justify-content:space-between;align-items:start;gap:10px}.product-details h3{font-size:27px;margin-bottom:3px}.product-details p{font-size:11px;color:#6c7669;margin-bottom:9px}.product-details button{background:transparent;border:1px solid #b5beab;border-radius:50%;width:36px;height:36px;font-size:20px;color:var(--ink)}.product-mood{font-size:12px;color:#737b6b}.launch-note{font-size:11px;color:#7c826e;border-top:1px solid var(--line);padding-top:19px;margin-top:30px}.story{background:var(--forest);color:var(--paper)}.story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;padding:90px 0}.story-photo{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:45% center;border-radius:44% 44% 0 0}.story-copy .eyebrow{color:#c6b187;margin-bottom:25px}.story-copy h2{font-size:clamp(40px,4vw,57px);max-width:450px}.story-copy h2 em{color:#c8cfa9}.story-copy p{color:#cad1bf;max-width:420px;font-size:14px;line-height:1.9}.story-copy .text-link{display:inline-block;margin-top:12px;color:#eee5cc}.finder{background:#e8eadc}.finder-inner{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.finder h2{max-width:450px}.finder p{color:#6b7764;max-width:380px;font-size:14px}.choice-list{display:grid;gap:12px}.choice{background:#f6f3e9;border:1px solid #d4dac7;color:var(--ink);padding:19px 22px;display:flex;align-items:center;text-align:left;gap:17px}.choice svg{width:27px;flex-shrink:0}.choice b{font-family:var(--serif);font-size:21px;font-weight:400}.choice small{display:block;color:#74816a;font-size:11px}.choice .arrow{margin-left:auto}.choice:hover{border-color:#5d7c56;background:#fffdf5}.finder-result{padding:25px;background:#f6f3e9;border-left:3px solid var(--gold);margin-top:16px}.finder-result h3{font-size:26px;margin-bottom:5px}.finder-result p{font-size:13px}.brew-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:center}.brew-intro p{color:var(--muted);max-width:350px;font-size:14px}.method-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:30px}.method-tabs button{background:transparent;color:#7c856f;padding:0 0 13px;border-bottom:2px solid transparent;font-size:12px}.method-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.brew-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px}.brew-stat strong{display:block;font-family:var(--serif);font-size:27px;font-weight:400}.brew-stat span{font-size:10px;letter-spacing:1px;color:#7a826d;text-transform:uppercase}.brew-steps{padding-left:20px;color:#66745e;font-size:13px}.brew-steps li{padding:4px 0 4px 8px}.brand-banner{border-top:1px solid var(--line);padding:50px 0}.brand-banner-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand-banner h3{font-size:33px;margin:0 0 5px}.brand-banner p{color:#76806d;font-size:12px;margin:0}.footer{background:#e7e7da;padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer .logo-text{font-size:20px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#77816c;margin-top:45px;border-top:1px solid #cdd2bf;padding-top:20px}.footer p{max-width:320px;font-size:12px;margin-top:17px;color:#738169}.modal{border:0;padding:0;width:min(800px,calc(100% - 30px));max-height:90vh;background:var(--paper);color:var(--ink);border-radius:3px}.modal::backdrop{background:#102f23b0}.modal-body{display:grid;grid-template-columns:1fr 1fr;position:relative}.modal-image{background:#dbe1cf;padding:30px;display:flex;align-items:center}.modal-image img{max-height:500px;margin:auto}.modal-copy{padding:45px 32px;align-self:center}.modal-copy h2{font-size:40px;margin-top:14px}.modal-copy p{font-size:13px;color:#6f7a67}.close-modal{position:absolute;right:12px;top:10px;background:var(--paper);color:var(--ink);border-radius:50%;width:33px;height:33px;font-size:23px}.availability{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.availability b{font-size:12px}.availability p{font-size:11px;margin-top:7px}.parent-hero{padding:95px 0 65px;max-width:900px}.parent-hero h1{max-width:750px}.parent-hero p{font-size:18px;color:#6a7863;max-width:530px}.parent-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center;margin-bottom:95px;background:#e3e6d7;padding:35px}.parent-feature img{border-radius:2px}.parent-feature h2{font-size:45px}.parent-feature p{font-size:14px;color:#687560}.parent-values{border-top:1px solid var(--line);padding:55px 0 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.parent-values h3{font-size:26px}.parent-values p{font-size:13px;color:#6b7864}[hidden]{display:none!important}@media(min-width:1500px){.hero-inner{min-height:700px}}@media(max-width:900px){.hero-inner{min-height:560px}.nav-links{gap:18px}.hero-copy h1{font-size:63px}.hero-badge{right:-7%;width:83px;height:83px;font-size:8px}.product-visual{min-height:300px;padding:20px}.product-visual img{height:255px}.story-grid{gap:6%}.hero-label{font-size:16px}.modal-copy{padding:40px 25px}}@media(max-width:650px){.wrap{padding:0 6%}.announcement{font-size:8px}.nav{height:75px}.logo-text{font-size:18px}.box-mark{width:35px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:23px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:22px}.nav-links.open{display:flex}.hero-inner{display:flex;flex-direction:column;gap:0}.hero-copy{padding:45px 0 20px;align-self:start}.hero-copy h1{font-size:62px;max-width:380px}.hero-copy .eyebrow{margin-bottom:21px}.hero-copy>p{font-size:14px;margin-bottom:24px}.hero-visual{width:100%;min-height:430px;padding:30px 0 50px}.hero-visual:before{inset:10px 0 0}.hero-art{max-width:210px;width:55%}.hero-badge{right:0;top:40px;width:86px;height:86px;font-size:8px}.hero-label{left:10px;bottom:25px}.hero-caption{font-size:9px;margin-top:18px}.promise-inner{gap:8px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;font-size:8px;letter-spacing:.8px}.promise-inner span{gap:5px}.promise-inner i{font-size:12px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:40px}.section-heading p{max-width:100%;margin-top:20px}.products{grid-template-columns:1fr;gap:35px}.product-visual{height:390px}.product-visual img{height:335px}.product-details h3{font-size:29px}.story-grid,.finder-inner,.brew-grid{grid-template-columns:1fr;gap:35px}.story-grid{padding:60px 0}.story-photo{aspect-ratio:1.25}.story-copy h2{font-size:43px}.finder h2{font-size:40px}.method-tabs{gap:20px}.brand-banner{padding:35px 0}.brand-banner-inner{align-items:start;flex-direction:column}.brand-banner h3{font-size:30px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap;gap:22px}.footer-bottom{margin-top:30px;gap:8px}.modal-body{grid-template-columns:1fr}.modal-image{padding:22px}.modal-image img{max-height:280px}.modal-copy{padding:25px}.parent-hero{padding:55px 0 35px}.parent-hero h1{font-size:53px}.parent-hero p{font-size:16px}.parent-feature{grid-template-columns:1fr;gap:30px;padding:20px;margin-bottom:45px}.parent-feature h2{font-size:38px}.parent-values{grid-template-columns:1fr;gap:20px;padding:35px 0 55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep every artwork's native proportions at all viewport sizes. */
.hero-art{height:auto;aspect-ratio:2/3;object-fit:contain}
.product-visual img{width:min(75%,213px);height:auto;max-width:100%;aspect-ratio:2/3;object-fit:contain}
.story-photo{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:3px}
.modal-image img{width:min(100%,300px);height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain}
.shoebox-opening{text-align:center;background:#0c1811;color:#f5eedc;padding:55px 0 60px}
.shoebox-opening .eyebrow{color:#c7b17e;letter-spacing:3px}
.shoebox-opening h1{font-size:clamp(38px,5.5vw,72px);letter-spacing:-1px;line-height:1.15;margin:15px 0 10px}
.opening-motto{text-transform:uppercase;font-size:11px;letter-spacing:3.5px;color:#c6b07f;margin-bottom:32px}
.intro-frame{max-width:850px;margin:0 auto 26px;background:#08130b;border:1px solid #2d3c2c;border-radius:3px;overflow:hidden}
.intro-frame video{display:block;width:100%;height:auto;aspect-ratio:910/512;object-fit:contain}
.opening-message{font-size:14px;color:#c4cbbb;margin:0 auto 20px;max-width:470px}
.shoebox-opening .text-link{color:#e8dec0;border-color:#8e9c7c}
.creations-section{padding-top:65px;padding-bottom:75px}
.creation-link{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;background:#e4e7d9;padding:25px}
.creation-image img{width:100%;height:auto;object-fit:contain;border-radius:2px}
.creation-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:17px 0 13px}
.creation-copy p{color:#6d7965;font-size:14px;margin-bottom:24px}
.creation-link:hover .text-link{color:#98743a}
@media(max-width:650px){.shoebox-opening{padding:35px 0 45px}.shoebox-opening .wrap{padding:0 4%}.opening-motto{font-size:9px;letter-spacing:2.5px}.intro-frame{margin-bottom:25px}.opening-message{font-size:13px;padding:0 15px}.creation-link{grid-template-columns:1fr;gap:25px;padding:18px}.creation-copy{padding:0 3px 10px}.creations-section{padding-top:45px;padding-bottom:50px}.hero-art{width:55%;height:auto}.product-visual img{width:223px;max-width:80%;height:auto}.modal-image img{width:185px;height:auto;max-height:none}}
