@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
:root{--paper:#f5f4f0;--white:#fff;--ink:#11110f;--muted:#6f6f68;--line:#deddd7;--gold:#a77a3f;--dark:#11120f;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 56px),var(--max));margin:auto}.narrow{width:min(calc(100% - 56px),980px);margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(247,246,242,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(17,17,15,.08)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand img{width:auto;height:25px}.nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav a{color:#44443f}.nav a:hover,.nav a.active{color:#000}.header-cta{background:#111;color:#fff!important;padding:10px 16px;border-radius:999px}.menu-btn{display:none;border:0;background:transparent;font-size:13px}.visual-hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#111}.visual-hero>img{height:100%;object-fit:cover;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.hero-content{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);color:#fff}.hero-content h1{font-size:clamp(52px,7.3vw,108px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:16px 0 22px;max-width:900px}.hero-content>p:not(.eyebrow){font-size:clamp(17px,1.6vw,23px);line-height:1.45;max-width:590px;color:rgba(255,255,255,.78)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold)}.eyebrow.light{color:#e0bd88}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;font-size:13px;font-weight:600;border:1px solid transparent}.btn-light{background:#fff;color:#111}.btn-dark{background:#111;color:#fff}.btn-line{border-color:#aaa}.btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:9px;align-items:center}.text-link span{transition:.25s}.text-link:hover span{transform:translate(3px,-3px)}.text-link.light{color:#fff}.statement{padding:150px 0 160px;background:#f8f7f3}.statement h2,.section-title h2,.feature-copy h2,.method-copy h2,.closing-cta h2,.page-intro h1{font-size:clamp(48px,7vw,100px);line-height:.94;letter-spacing:-.06em;font-weight:500;margin:16px 0 28px}.statement .lead{max-width:760px;font-size:clamp(20px,2.4vw,31px);line-height:1.42;color:var(--muted)}.dark-block{background:#10110f;color:#fff}.split-feature{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;padding-top:130px;padding-bottom:130px}.feature-copy{position:sticky;top:125px;align-self:start}.feature-copy h2{font-size:clamp(42px,5.6vw,82px)}.feature-copy>p:not(.eyebrow){color:rgba(255,255,255,.62);font-size:18px;line-height:1.65;max-width:490px}.trio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trio-gallery img{aspect-ratio:1/1;object-fit:cover}.trio-gallery img:first-child{grid-column:1/-1}.editorial-feature{padding:145px 0}.section-title{margin-bottom:50px}.section-title h2{font-size:clamp(48px,6.5vw,92px)}.wide-story{display:block;position:relative;overflow:hidden}.wide-story img{aspect-ratio:16/8;object-fit:cover;transition:transform .7s}.wide-story:hover img,.story-card:hover img{transform:scale(1.018)}.story-overlay{position:absolute;inset:auto 0 0;padding:70px 48px 42px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78))}.story-overlay span,.story-card span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.story-overlay h3{font-size:clamp(38px,5vw,72px);letter-spacing:-.05em;line-height:.95;margin:10px 0}.story-overlay p{color:rgba(255,255,255,.75)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.story-card{position:relative;overflow:hidden;background:#111}.story-card img{aspect-ratio:1/1;object-fit:cover;transition:transform .7s}.story-card>div{position:absolute;left:0;right:0;bottom:0;padding:75px 30px 28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}.story-card h3{font-size:32px;margin:7px 0 0;letter-spacing:-.04em}.method-section{background:#171815;color:#fff;padding:145px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.method-number{font-size:clamp(110px,22vw,320px);line-height:.7;letter-spacing:-.1em;font-weight:600;color:#242521}.method-copy h2{font-size:clamp(48px,6vw,88px)}.method-copy>p:not(.eyebrow){font-size:19px;color:rgba(255,255,255,.62);line-height:1.65;max-width:560px}.method-copy .btn{margin-top:24px}.journal-preview{padding:140px 0}.section-head-simple{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.section-head-simple h2{font-size:clamp(48px,7vw,90px);letter-spacing:-.06em;line-height:1;margin:10px 0 0}.journal-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.journal-item{padding:34px 28px 50px 0;border-right:1px solid var(--line)}.journal-item:not(:first-child){padding-left:28px}.journal-item:last-child{border-right:0}.journal-item span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.journal-item h3{font-size:30px;line-height:1.08;letter-spacing:-.04em}.journal-item p{color:var(--muted);line-height:1.6}.closing-cta{padding:150px 0;background:#0f100e;color:#fff}.closing-cta h2{max-width:950px}.closing-cta .btn{margin-top:16px}.page-intro{padding:165px 0 95px}.page-intro h1{max-width:1100px}.page-intro>div>p:last-child{font-size:clamp(19px,2.3vw,29px);max-width:760px;color:var(--muted);line-height:1.45}.cinema-list{background:#111}.cinema-product{min-height:92svh;position:relative;display:block;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15)}.cinema-product img{position:absolute;inset:0;height:100%;object-fit:cover}.cinema-product:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.cinema-copy{position:absolute;z-index:2;left:6vw;bottom:7%;color:#fff}.cinema-copy span{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.cinema-copy h2{font-size:clamp(45px,7vw,100px);line-height:.95;letter-spacing:-.06em;margin:10px 0}.cinema-copy p{color:rgba(255,255,255,.7);font-size:18px}.collection-grid-section{padding:140px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 22px}.photo-grid img{aspect-ratio:1/1;object-fit:cover}.photo-grid h3{font-size:24px;margin:18px 0 4px;letter-spacing:-.03em}.photo-grid p{margin:0;color:var(--muted)}.site-footer{padding:72px 0 28px;background:#0d0e0c;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand img{height:29px;width:auto}.footer-brand p{max-width:370px;color:rgba(255,255,255,.5);line-height:1.6}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.35)}.footer-col a{display:block;margin:13px 0;color:rgba(255,255,255,.78);font-size:14px}.footer-bottom{display:flex;justify-content:space-between;margin-top:58px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.4)}
/* compatibility for supporting pages */.page-hero{padding:165px 0 90px}.page-hero h1{font-size:clamp(60px,9vw,125px);line-height:.92;letter-spacing:-.065em;margin:12px 0 25px}.page-hero p{font-size:23px;max-width:760px;color:var(--muted)}.content-section{padding:80px 0 120px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);overflow:hidden}.product-visual{aspect-ratio:1/1;background:#eceae4;display:grid;place-items:center;padding:28px}.product-visual img{width:100%;height:100%;object-fit:cover}.bag{width:70%;height:78%;background:#151612;color:#d8b179;display:grid;place-items:center;text-align:center}.bag.light{background:#eeeae0;color:#111}.bag.red{background:#5b211e}.card-copy{padding:24px}.card-copy h3{font-size:25px;margin:0 0 8px}.meta{color:var(--muted);font-size:14px}.price{margin-top:18px;font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:75px}.big-copy{font-size:clamp(40px,5.5vw,78px);line-height:1;letter-spacing:-.055em;margin:0}.body-copy{font-size:18px;line-height:1.75;color:var(--muted)}.feature-list{margin-top:35px;border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-row span{color:var(--gold)}.dark-section{padding:120px 0;background:#121310;color:#fff}.dark-section .body-copy{color:rgba(255,255,255,.62)}.journal-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px}.article{background:#fff;border:1px solid var(--line);padding:30px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.article:first-child{background:#171815;color:#fff;min-height:530px}.article h3{font-size:30px;letter-spacing:-.04em}.article:first-child h3{font-size:52px}.article p{color:var(--muted)}.contact-panel{background:#fff;padding:46px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field input,.field textarea{border:1px solid var(--line);padding:15px;background:#faf9f6}.field textarea{min-height:150px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.shell,.narrow{width:min(calc(100% - 32px),var(--max))}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f7f6f2;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.visual-hero{min-height:720px}.visual-hero>img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 70%)}.split-feature,.method-grid,.two-col{grid-template-columns:1fr}.feature-copy{position:static}.trio-gallery{margin-top:15px}.story-grid,.journal-cards,.photo-grid,.product-grid,.journal-grid{grid-template-columns:1fr 1fr}.journal-item{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.footer-grid{grid-template-columns:1fr 1fr}.wide-story img{aspect-ratio:4/5}.method-number{font-size:42vw}.cinema-product{min-height:75svh}.cinema-product img{object-position:center}.cinema-copy{left:24px;right:24px}.section-head-simple{align-items:flex-start;gap:25px;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:600px){.hero-content h1{font-size:50px}.hero-content{bottom:7%}.statement,.editorial-feature,.journal-preview,.closing-cta,.method-section{padding:105px 0}.split-feature{padding-top:105px;padding-bottom:105px}.trio-gallery{grid-template-columns:1fr}.trio-gallery img:first-child{grid-column:auto}.story-grid,.photo-grid,.product-grid,.journal-grid{grid-template-columns:1fr}.story-overlay{padding:65px 24px 24px}.story-overlay h3{font-size:40px}.page-intro{padding-top:135px}.cinema-product{min-height:68svh}.cinema-copy h2{font-size:46px}.cinema-copy p{font-size:15px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;line-height:2}.site-header .header-cta{display:none}}

/* product detail interaction */
.product-trigger{cursor:pointer;outline:none}.product-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.photo-grid .product-trigger img{transition:transform .55s ease,filter .55s ease}.photo-grid .product-trigger:hover img{transform:scale(1.018);filter:brightness(.94)}.photo-grid .product-trigger h3:after{content:"  ↗";font-size:.62em;vertical-align:middle;opacity:0;transition:opacity .25s}.photo-grid .product-trigger:hover h3:after{opacity:1}.cinema-product.product-trigger .cinema-copy:after{content:"View coffee  ↗";display:block;margin-top:24px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
body.modal-open{overflow:hidden}.product-modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s}.product-modal.open{visibility:visible;opacity:1}.product-modal-backdrop{position:absolute;inset:0;background:rgba(10,10,9,.72);backdrop-filter:blur(10px)}.product-modal-panel{position:absolute;right:0;top:0;height:100%;width:min(920px,92vw);background:#f7f6f2;display:grid;grid-template-columns:1fr 1fr;transform:translateX(100%);transition:transform .48s cubic-bezier(.22,.8,.22,1);overflow:auto}.product-modal.open .product-modal-panel{transform:none}.modal-close{position:absolute;top:22px;right:24px;z-index:3;border:1px solid rgba(17,17,15,.16);background:rgba(247,246,242,.86);backdrop-filter:blur(12px);padding:10px 15px;border-radius:999px;font-size:12px;cursor:pointer}.modal-visual{min-height:100%;background:#e9e7e0}.modal-visual img{height:100%;object-fit:cover;position:sticky;top:0}.modal-content{padding:110px 56px 70px;align-self:center}.modal-content h2{font-size:clamp(43px,5vw,74px);line-height:.94;letter-spacing:-.06em;margin:14px 0 25px}.modal-intro{font-size:18px;line-height:1.65;color:var(--muted)}.product-facts{margin:38px 0 0;border-top:1px solid var(--line)}.product-facts div{display:grid;grid-template-columns:105px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid var(--line)}.product-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.product-facts dd{margin:0;font-size:14px;line-height:1.5}.modal-footnote{font-size:12px;line-height:1.55;color:#96968e;margin-top:30px}
@media(max-width:760px){.product-modal-panel{width:100%;grid-template-columns:1fr;display:block}.modal-visual{height:44vh;min-height:320px}.modal-visual img{position:static}.modal-content{padding:55px 24px 65px}.modal-close{top:14px;right:14px}.product-facts div{grid-template-columns:90px 1fr}}


/* v3.2 minor visual refinements */
.hier-wordmark,.hier-page-mark{font-family:'DM Sans',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.method-number.hier-wordmark{font-size:clamp(92px,18vw,255px);line-height:.76;letter-spacing:.055em;color:#2d2e2a;white-space:nowrap}
.hier-page-mark{font-size:clamp(62px,10vw,150px);line-height:.8;letter-spacing:.14em;margin:0 0 42px;color:var(--ink)}
.story-grid{align-items:stretch;grid-auto-rows:1fr}.story-card{min-height:0;aspect-ratio:1/1}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-card-gelana img{object-position:center center}.story-card-lamping img{object-position:center center;transform:scale(1.035)}.story-card-lamping:hover img{transform:scale(1.055)}
.photo-grid{grid-auto-rows:1fr;align-items:stretch}.photo-grid .product-trigger{display:grid;grid-template-rows:auto auto 1fr;align-content:start}.photo-grid .product-trigger img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.photo-grid .product-trigger h3{min-height:1.2em}.photo-grid .product-trigger p{min-height:1.4em}
@media(max-width:900px){.method-number.hier-wordmark{font-size:clamp(82px,24vw,180px)}.hier-page-mark{margin-bottom:34px}.story-card{aspect-ratio:1/1}}
@media(max-width:600px){.method-number.hier-wordmark{font-size:24vw;letter-spacing:.04em}.hier-page-mark{font-size:20vw;letter-spacing:.1em}}