:root{--ink:#303333;--ink-deep:#232626;--cream:#f6f2ea;--paper:#fffdf8;--gold:#c8a66b;--muted:#6f716e;--line:rgba(48,51,51,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{height:86px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--ink-deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Libre Caslon Display",serif;font-size:1.3rem;letter-spacing:.01em}.brand-mark{color:var(--gold);font-size:.9em}.site-header nav{display:flex;gap:38px}.site-header nav a{font-size:.85rem;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;color:#e5e2db}.site-header nav a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:1px solid #777;color:#fff;padding:8px 13px;font:inherit}.hero{min-height:690px;background:var(--ink-deep);color:#fff;padding:clamp(72px,10vw,130px) clamp(24px,8vw,130px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:8vw;overflow:hidden}.eyebrow{margin:0 0 28px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.73rem;font-weight:600}.eyebrow.dark{color:#8b6d3b}.hero h1,.section-lead h2,.discover h2,.about h2{font-family:"Libre Caslon Display",serif;font-weight:400;line-height:1.04;margin:0}.hero h1{font-size:clamp(3.25rem,7vw,7rem);letter-spacing:-.04em}.hero h1 em,.section-lead h2 em,.about h2 em{color:var(--gold);font-weight:400}.intro{max-width:620px;margin:34px 0;color:#d3d2cd;font-size:1.08rem}.text-link,.card-copy a{display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:7px}.text-link.light{color:#fff;border-color:var(--gold)}.hero-art{aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(200,166,107,.45);border-radius:50%}.orbit-one{width:88%;height:88%}.orbit-two{width:64%;height:64%;border-color:rgba(255,255,255,.16);transform:rotate(28deg);border-radius:48%}.monogram{font-family:"Libre Caslon Display",serif;font-size:clamp(3rem,6vw,6rem);letter-spacing:.12em}.monogram span{color:var(--gold);font-style:italic}.hero-art p{position:absolute;bottom:14%;right:0;text-align:right;color:#aaa;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.categories{padding:clamp(80px,11vw,150px) clamp(24px,8vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:var(--cream)}.section-lead h2{font-size:clamp(2.7rem,5vw,5rem)}.category-list{border-top:1px solid var(--line)}.category-list a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line);font-family:"Libre Caslon Display",serif;font-size:clamp(1.35rem,2.4vw,2.2rem);text-decoration:none}.category-list a span{font-family:"DM Sans",sans-serif;font-size:.7rem;color:#9a8b72}.category-list a b{font-family:"DM Sans",sans-serif;font-weight:400;font-size:1rem;transition:transform .2s}.category-list a:hover b{transform:translate(4px,-4px)}.discover{padding:clamp(80px,10vw,140px) clamp(24px,8vw,130px)}.discover-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:54px}.discover h2{font-size:clamp(2.7rem,5vw,4.7rem)}.filter-reset{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:6px 0;font:600 .75rem "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.product-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.product-card{border-top:1px solid var(--ink);padding-top:14px}.image-wrap{aspect-ratio:4/5;overflow:hidden;background:#e7e2d9}.product-card.feature .image-wrap{aspect-ratio:4/5}.image-wrap img{filter:saturate(.82);transition:transform .45s ease,filter .45s ease}.product-card:hover img{transform:scale(1.025);filter:saturate(1)}.card-copy{padding:22px 4px}.category{margin:0 0 10px;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:600;color:#8b6d3b}.card-copy h3,.coming-soon h3{font:400 1.7rem/1.2 "Libre Caslon Display",serif;margin:0 0 12px}.card-copy>p:not(.category){color:var(--muted);margin:0 0 20px}.card-copy a{font-size:.67rem}.coming-soon{margin-top:70px;border:1px solid var(--line);padding:34px;display:grid;grid-template-columns:auto 1fr minmax(260px,.7fr);align-items:center;gap:28px}.coming-soon>span{color:var(--gold);font-size:1.6rem}.coming-soon h3{margin:0}.coming-soon>p{color:var(--muted);margin:0}.about{padding:clamp(90px,12vw,170px) clamp(24px,8vw,130px);background:var(--ink-deep);color:#fff}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.about h2{font-size:clamp(2.7rem,5.4vw,5.4rem)}.about-grid>div{font-size:1.05rem;color:#d0cfca}.about-grid>div p:first-child{color:#fff;font:400 1.5rem/1.5 "Libre Caslon Display",serif}footer{padding:40px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:#191c1c;color:#d8d6d0;border-top:1px solid #363838}footer p{margin:0;font-size:.85rem}.copyright{text-align:right;color:#777}.footer-brand{font-size:1.05rem}.is-hidden{display:none!important}
@media(max-width:850px){.site-header{height:auto;min-height:74px;flex-wrap:wrap}.menu-button{display:block}.site-header nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding:12px 0 22px}.site-header nav.open{display:flex}.site-header nav a{padding:11px 0}.hero{min-height:auto;grid-template-columns:1fr;padding-top:78px}.hero-art{max-width:430px;width:100%;justify-self:center}.categories,.about-grid{grid-template-columns:1fr;gap:56px}.product-grid{grid-template-columns:1fr 1fr}.product-card:first-child{grid-column:1/-1}.product-card:first-child{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.coming-soon{grid-template-columns:auto 1fr}.coming-soon>p{grid-column:2}footer{grid-template-columns:1fr;text-align:center}.copyright{text-align:center}}
@media(max-width:560px){.hero h1{font-size:3.2rem}.hero-art{margin-top:20px}.categories,.discover,.about{padding-left:22px;padding-right:22px}.product-grid{grid-template-columns:1fr}.product-card:first-child{display:block;grid-column:auto}.discover-heading{align-items:flex-start;gap:20px;flex-direction:column}.coming-soon{padding:26px 22px;grid-template-columns:auto 1fr}.coming-soon>p{grid-column:1/-1}.category-list a{grid-template-columns:36px 1fr auto;font-size:1.4rem}.about-grid{gap:38px}footer{padding:38px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-wrap img,.category-list a b{transition:none}}

/* Focused header and hero refinement */
.site-header{background:#fffdf8;color:var(--ink);border-bottom:1px solid var(--line)}
.site-header .brand{gap:0;font-size:1.45rem}
.site-header nav a{color:#555957}
.site-header nav a:hover{color:#9a683c}
.menu-button{border-color:#8f918d;color:var(--ink)}
.hero{background:#f3eee3;color:var(--ink);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.hero .eyebrow{color:#a45f3e}
.hero h1 em{color:#8b5b43}
.hero .intro{max-width:650px;color:#5e625f}
.hero .text-link.light{color:var(--ink);border-color:#b16643}
.hero-art{display:block;aspect-ratio:1;position:relative;border-left:1px solid rgba(48,51,51,.18);border-bottom:1px solid rgba(48,51,51,.18);background:#faf7f0}
.hero-art:before{content:"";position:absolute;left:13%;top:14%;width:1px;height:72%;background:rgba(48,51,51,.14);transform:rotate(34deg);transform-origin:center}
.hero-art:after{content:"";position:absolute;right:11%;top:13%;width:34%;height:34%;border:1px solid rgba(164,95,62,.32);border-radius:50%}
.hero-art .field-note{position:absolute;top:10%;left:10%;bottom:auto;right:auto;margin:0;text-align:left;text-transform:none;letter-spacing:0;font:400 1.35rem/1.3 "Libre Caslon Display",serif;color:#616461}
.discovery-word{position:absolute;padding:8px 13px;background:#fffdf8;border:1px solid rgba(48,51,51,.23);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}
.word-one{top:25%;right:8%;transform:rotate(3deg)}
.word-two{top:48%;left:8%;transform:rotate(-4deg)}
.word-three{bottom:18%;right:18%;transform:rotate(-2deg)}
.word-four{bottom:8%;left:17%;transform:rotate(2deg);background:#e4e9e5}
.curiosity-mark{position:absolute;right:24%;top:35%;font:400 clamp(5rem,9vw,9rem)/1 "Libre Caslon Display",serif;color:#b16643}
@media(max-width:560px){.field-note{font-size:1.05rem!important}.discovery-word{font-size:.64rem;padding:6px 9px}.curiosity-mark{font-size:5rem}}

/* Focused About section refinement */
.about{position:relative;background:#e7ebe5;color:var(--ink);border-top:1px solid rgba(48,51,51,.16);overflow:hidden}
.about:after{content:"";position:absolute;right:-7vw;top:-11vw;width:30vw;height:30vw;border:1px solid rgba(139,91,67,.16);border-radius:50%;pointer-events:none}
.about>.eyebrow{color:#a45f3e}
.about h2 em{color:#8b5b43}
.about-grid>div{position:relative;color:#575c58;padding-left:34px;border-left:1px solid rgba(48,51,51,.22)}
.about-grid>div p:first-child{color:var(--ink)}
@media(max-width:850px){.about-grid>div{max-width:720px}}
@media(max-width:560px){.about-grid>div{padding-left:20px}}

/* Mobile-only hero stacking correction */
@media(max-width:850px){
  .hero{grid-template-columns:minmax(0,1fr);gap:56px}
  .hero-copy{width:100%;min-width:0}
  .hero-art{width:100%;max-width:520px;justify-self:center}
}
@media(max-width:560px){
  .hero{padding-left:22px;padding-right:22px;gap:44px}
  .hero-art{max-width:none;margin-top:4px}
}

/* Editorial discovery-card mosaic */
.mobile-field-note{display:none}
.hero-art{border:0;background:transparent;overflow:visible}
.hero-art:before,.hero-art:after{display:none}
.hero-art .field-note{top:4%;left:5%;z-index:8;font-style:italic;color:#5f625f}
.discovery-collage{position:absolute;inset:19% 0 0;isolation:isolate;transform:translateX(-24px)}
.collage-panel{position:absolute;margin:0;overflow:hidden}
.collage-panel img{object-fit:cover}
.panel-bialetti{left:-30px;top:11%;width:36.5%;height:74%;z-index:2}
.panel-ordinary{left:25.5%;top:0;width:26%;height:61%;z-index:3}
.panel-staud{left:49%;top:8%;width:41%;height:48%;z-index:2}
.panel-powerup{left:7%;top:63%;width:44%;height:37%;z-index:4}
.panel-crystal{left:41.5%;top:47%;width:27.5%;height:52%;z-index:5}
.panel-cloudnola{left:calc(59% + 24px);top:59%;width:41%;height:35%;z-index:4}
.panel-staud img{object-position:50% 40%}
.panel-powerup img,.panel-cloudnola img{object-position:50% 53%}

@media(max-width:850px){
  .mobile-field-note{display:block;margin:24px 0 0;font:italic 400 1.28rem/1.35 "Libre Caslon Display",serif;color:#5f625f}
  .hero-art{aspect-ratio:5/4}
  .hero-art .field-note{display:none}
  .discovery-collage{inset:2% 0;transform:none}
  .panel-bialetti{left:0}
  .panel-cloudnola{left:59%;top:56%}
}
@media(max-width:560px){
  .mobile-field-note{font-size:1.12rem}
  .hero-art{aspect-ratio:1.2}
  .panel-bialetti{left:-20px}
  .panel-cloudnola{left:calc(59% + 18px);top:59%}
  .hero .text-link.light span{position:relative;display:inline-block;width:13px;height:13px;font-size:0;flex:0 0 13px}
  .hero .text-link.light span:before{content:"";position:absolute;left:1px;top:6px;width:11px;height:1px;background:currentColor;transform:rotate(45deg);transform-origin:center}
  .hero .text-link.light span:after{content:"";position:absolute;right:1px;bottom:1px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor}
}

/* Six-category editorial directory */
.categories{align-items:center}
.category-intro{max-width:360px;margin:34px 0 0;color:var(--muted);font-size:1rem;line-height:1.6}
.category-list a{padding:18px 4px;font-size:clamp(1.35rem,2.15vw,2.05rem)}
@media(min-width:851px){
  .categories .section-lead h2{white-space:nowrap}
}
@media(max-width:850px){
  .categories{align-items:stretch}
}
@media(max-width:560px){
  .categories{gap:46px}
  .category-intro{margin-top:28px}
  .category-list a{grid-template-columns:36px minmax(0,1fr) auto;padding:17px 4px;font-size:1.4rem;line-height:1.25}
  .category-list a b{position:relative;width:14px;height:14px;font-size:0;line-height:1;color:var(--ink);background:none;border:0}
  .category-list a b:before{content:"";position:absolute;left:1px;top:6px;width:12px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
  .category-list a b:after{content:"";position:absolute;right:1px;top:1px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor}
}

/* Current Edit — first editorial layout pass */
.current-edit{padding:clamp(96px,11vw,160px) clamp(24px,8vw,130px);overflow:hidden}
.current-edit .discover-heading{display:block;margin-bottom:clamp(68px,8vw,116px)}
.current-edit .discover-heading .eyebrow{margin-bottom:22px}
.edit-card{min-width:0}
.edit-media{width:100%;overflow:hidden;background:#ebe6dc}
.edit-media img{width:100%;height:100%;object-fit:cover;filter:none}
.edit-media--spotlight{aspect-ratio:1.32;background:#e8e4dc}
.edit-media--spotlight img{object-fit:contain}
.image-placeholder{display:flex;align-items:flex-end;padding:18px;color:#77736c}
.image-placeholder span{font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.placeholder-oat{background:#e8e1d5}
.placeholder-rose{background:#e7dcd7}
.placeholder-blue{background:#dfe6e5}
.placeholder-moss{background:#e0e2d8}
.edit-copy{padding-top:20px}
.edit-kicker{margin:0 0 11px;color:#8b6d3b;font-size:.67rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.edit-copy h3{margin:0 0 13px;font:400 1.65rem/1.18 "Libre Caslon Display",serif}
.edit-copy>p:not(.edit-kicker){max-width:46ch;margin:0 0 21px;color:var(--muted);line-height:1.65}
.edit-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.edit-arrow{position:relative;width:12px;height:12px;flex:0 0 12px}
.edit-arrow:before{content:"";position:absolute;left:1px;top:5px;width:10px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
.edit-arrow:after{content:"";position:absolute;right:1px;top:1px;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor}
.edit-spotlight{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:end;gap:clamp(36px,6vw,94px);padding-bottom:clamp(84px,10vw,140px);border-bottom:1px solid var(--line)}
.edit-spotlight .edit-copy{padding:26px 0 5px;border-top:1px solid var(--ink)}
.edit-spotlight .edit-copy h3{font-size:clamp(2.35rem,4vw,4.35rem);line-height:1.03;letter-spacing:-.025em}
.edit-spotlight .edit-copy>p:not(.edit-kicker){font-size:1.05rem}
.edit-secondary{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(28px,4vw,58px);row-gap:clamp(74px,8vw,120px);padding:clamp(88px,10vw,150px) 0}
.secondary-card{align-self:start}
.secondary-card:nth-child(1){grid-column:1/7}
.secondary-card:nth-child(2){grid-column:7/13;margin-top:92px}
.secondary-card:nth-child(3){grid-column:2/7}
.secondary-card:nth-child(4){grid-column:7/12;margin-top:-24px}
.secondary-card .edit-media{aspect-ratio:1.05}
.secondary-card:nth-child(1) .edit-media,.secondary-card:nth-child(4) .edit-media{aspect-ratio:4/5}
.secondary-card:nth-child(2) .edit-media{aspect-ratio:5/6}
.secondary-card:nth-child(2) .edit-media img{object-fit:contain}
.secondary-card:nth-child(3) .edit-media{aspect-ratio:4/3}
.secondary-card:nth-child(3) .edit-media img{object-fit:contain}
.secondary-card:nth-child(4) .edit-media img{object-fit:contain}
.secondary-card .edit-copy{max-width:580px}
.secondary-card .edit-copy h3{font-size:clamp(1.9rem,2.8vw,3rem)}
.edit-discoveries{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(68px,8vw,124px) clamp(24px,3.2vw,50px);padding-top:clamp(84px,9vw,138px);border-top:1px solid var(--line)}
.small-card{align-self:start}
.small-card .edit-media{aspect-ratio:1}
.small-card:nth-child(3n+1) .edit-media{aspect-ratio:4/5}
.small-card:nth-child(3n) .edit-media{aspect-ratio:5/4}
.small-card:nth-child(1) .edit-media img{object-fit:contain}
.small-card:nth-child(2) .edit-media img{object-fit:contain}
.small-card:nth-child(3) .edit-media img{object-fit:contain}
.small-card:nth-child(4) .edit-media img{object-fit:contain}
.small-card:nth-child(5) .edit-media img{object-fit:contain}
.small-card:nth-child(6) .edit-media img{object-fit:contain}
.small-card:nth-child(7) .edit-media img{object-fit:contain}
.small-card:nth-child(10) .edit-media img{object-fit:contain}
.small-card:nth-child(11) .edit-media img{object-fit:contain}
.small-card:nth-child(12) .edit-media img{object-fit:contain}
.small-card:nth-child(13) .edit-media img{object-fit:contain}
.small-card:nth-child(14) .edit-media img{object-fit:contain}
.small-card:nth-child(15) .edit-media img{object-fit:contain}
.small-card .edit-copy h3{font-size:clamp(1.4rem,2vw,2rem)}
.small-card:nth-child(1){grid-column:1/5;grid-row:1}
.small-card:nth-child(2){grid-column:6/10;grid-row:1;margin-top:84px}
.small-card:nth-child(3){grid-column:10/13;grid-row:1;margin-top:20px}
.small-card:nth-child(4){grid-column:1/6;grid-row:2;margin-top:30px}
.small-card:nth-child(5){grid-column:7/10;grid-row:2}
.small-card:nth-child(6){grid-column:10/13;grid-row:2;margin-top:90px}
.small-card:nth-child(7){grid-column:2/5;grid-row:3}
.small-card:nth-child(8){grid-column:5/9;grid-row:3;margin-top:72px}
.small-card:nth-child(9){grid-column:9/13;grid-row:3;margin-top:18px}
.small-card:nth-child(10){grid-column:1/6;grid-row:4;margin-top:64px}
.small-card:nth-child(11){grid-column:7/10;grid-row:4}
.small-card:nth-child(12){grid-column:10/13;grid-row:4;margin-top:44px}
.small-card:nth-child(13){grid-column:1/5;grid-row:5}
.small-card:nth-child(14){grid-column:5/9;grid-row:5;margin-top:78px}
.small-card:nth-child(15){grid-column:9/13;grid-row:5;margin-top:20px}
.small-card:nth-child(16){grid-column:4/9;grid-row:6;margin-top:54px}
.small-card:nth-child(16) .edit-media{aspect-ratio:8/7}
.small-card:nth-child(16) .edit-media img{object-fit:contain}
@media(max-width:850px){
  .current-edit .discover-heading{margin-bottom:64px}
  .edit-spotlight{grid-template-columns:1fr;gap:32px;padding-bottom:88px}
  .edit-spotlight .edit-copy{max-width:680px}
  .edit-secondary{grid-template-columns:1fr;gap:76px;padding:88px 0}
  .secondary-card,.secondary-card:nth-child(n){grid-column:auto;margin-top:0}
  .secondary-card .edit-media,.secondary-card:nth-child(n) .edit-media{aspect-ratio:4/3}
  .edit-discoveries{grid-template-columns:1fr;gap:72px;padding-top:88px}
  .small-card,.small-card:nth-child(n){grid-column:auto;grid-row:auto;margin-top:0}
  .small-card .edit-media,.small-card:nth-child(3n+1) .edit-media,.small-card:nth-child(3n) .edit-media{aspect-ratio:4/3}
}
@media(max-width:560px){
  .current-edit{padding-top:86px;padding-bottom:104px}
  .current-edit .discover-heading{margin-bottom:54px}
  .edit-media--spotlight{aspect-ratio:1.12}
  .edit-spotlight{gap:28px;padding-bottom:74px}
  .edit-spotlight .edit-copy h3{font-size:2.45rem}
  .edit-secondary{gap:68px;padding:74px 0}
  .secondary-card .edit-copy h3{font-size:2rem}
  .edit-discoveries{gap:64px;padding-top:74px}
  .small-card .edit-copy h3{font-size:1.65rem}
}