@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#181713;--cream:#eee9dc;--muted:#b7b2a5;--gold:#c9b284}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--cream);font:14px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{width:100%;display:block;object-fit:cover}.skip{position:fixed;top:-100px;background:var(--cream);color:#111;padding:15px;z-index:100}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f;position:absolute;top:0;width:100%;z-index:3}.brand{font:32px/1 Cormorant Garamond,Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:8px/1.4 Manrope,Arial;letter-spacing:3px;margin-top:8px}nav{display:flex;gap:35px;font-size:12px}.shop-link{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #c9b28475;padding-bottom:8px}.shop-link span{margin-left:25px}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 35%;background:url('assets/zeus.webp') center 45%/cover;animation:arrive 2s ease-out;filter:brightness(.7)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#181713 0%,#181713f0 25%,#18171370 52%,#18171305 80%),linear-gradient(0deg,#181713 1%,transparent 35%)}.hero-content{position:relative;padding:185px 0 155px 8%;width:65%}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:500;color:var(--gold);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.98}h1{font-size:clamp(65px,6.7vw,116px);letter-spacing:-3px;margin-bottom:30px}em{font-weight:400;color:var(--gold)}.hero-copy{font-size:13px;max-width:330px;line-height:1.9;color:var(--muted);margin-bottom:35px}.button{display:inline-flex;gap:35px;align-items:center;padding:16px 25px;font-size:11px;letter-spacing:1px}.gold{background:var(--gold);color:#24231c}.button:hover{background:#e5d2ae;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:37px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;font-size:8px;letter-spacing:2px}.hero-bottom b{display:block;font-size:11px;font-weight:400;letter-spacing:.2px;margin-top:6px}.ribbon{padding:25px 5%;border-bottom:1px solid #ffffff1f;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted)}.ribbon i{color:var(--gold);font-style:normal}.section{padding:110px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted)}h2{font-size:clamp(45px,4.6vw,76px);letter-spacing:-1.5px;margin-bottom:30px}.filters{display:flex;gap:28px;border-bottom:1px solid #ffffff22;margin:15px 0 36px}.filters button{padding:14px 0;border:0;background:none;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.filters button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.product figure{margin:0;overflow:hidden;background:#34322c;aspect-ratio:1}.product img{height:100%;transition:transform .8s}.product:hover img{transform:scale(1.055)}.product h3{font-size:26px;margin:18px 0 5px}.product .meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.product[hidden]{display:none}.shop-note{font-size:10px;color:var(--muted);margin:32px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;background:#e7e0d2;color:#26241f}.story-photo{position:relative}.story-photo img{height:100%;min-height:600px}.story-photo span{position:absolute;bottom:30px;left:30px;color:#fff;text-shadow:0 1px 8px #000;font-size:9px;letter-spacing:2px}.story-copy{padding:100px 15%}.story-copy .eyebrow,.story-copy em{color:#8b6d3c}.story-copy p:not(.eyebrow){font-size:13px;line-height:1.9;color:#676052}.text-link{display:inline-block;border-bottom:1px solid #8b6d3c;font-size:11px;padding:10px 0;margin-top:15px}.text-link span{margin-left:30px}.gifting{text-align:center}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px;text-align:left}.gift-grid img{aspect-ratio:4/5;filter:brightness(.87);transition:filter .3s}.gift-grid a:hover img{filter:brightness(1)}.gift-grid span{display:block;font:25px 'Cormorant Garamond',serif;margin-top:20px}.gift-grid b{display:block;font:8px Manrope,Arial;letter-spacing:1.5px;color:var(--muted);margin-top:12px}.closing{text-align:center;padding:90px 20px 110px;background:radial-gradient(ellipse at center,#383022 0%,#1d1b16 60%,#181713 100%);border-top:1px solid #ffffff18}.star{font-size:30px;color:var(--gold);display:block;margin-bottom:30px}.closing h2{font-size:100px}.closing p:last-child{font-size:10px;color:var(--muted);margin-top:25px}footer{padding:45px 5%;border-top:1px solid #ffffff22;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}footer p{margin:0}footer .brand{color:var(--cream);font-size:28px}@keyframes arrive{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:800px){header{height:85px}.brand{font-size:27px}nav{display:none}.shop-link{font-size:9px}.hero{min-height:760px;height:95svh}.hero-image{inset:0;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#181713f0,#18171365),linear-gradient(0deg,#181713,transparent 60%)}.hero-content{width:100%;padding:160px 7% 140px}h1{font-size:72px;letter-spacing:-2px}.hero-bottom>span,.scroll{display:none}.hero-bottom{left:7%;bottom:30px}.ribbon{gap:18px;overflow:hidden;white-space:nowrap;font-size:8px}.ribbon span:last-child{display:none}.section{padding:70px 6%}.section-heading{display:block}.section-heading>p{display:none}.products{grid-template-columns:repeat(2,1fr);gap:28px 15px}.product h3{font-size:22px}.product .meta{font-size:8px}.story{grid-template-columns:1fr}.story-photo img{min-height:0;max-height:450px}.story-copy{padding:60px 8%}.gift-grid{grid-template-columns:1fr;gap:35px}.gift-grid img{aspect-ratio:4/3}.closing{padding:65px 20px}.closing h2{font-size:80px}footer{flex-wrap:wrap;gap:25px}footer p{display:none}.filters{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Touch-first layouts for phones and tablets. */
.button,.shop-link,nav a,.filters button,.text-link{min-height:44px;display:inline-flex;align-items:center}
.product .meta{flex-wrap:wrap;gap:6px;font-size:11px}
@media(max-width:1100px){
header{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding:20px 5%}
header nav{display:flex;order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid #ffffff25;padding-top:3px;font-size:13px}
header .brand{font-size:29px}header .brand span{font-size:7px;letter-spacing:1.8px}
.shop-link{font-size:10px;letter-spacing:.5px;padding:0;white-space:nowrap}.shop-link span{margin-left:12px}
.hero{height:auto;min-height:860px;max-height:none}.hero-content{padding-top:200px;width:80%}
.hero-copy{font-size:15px}.eyebrow{font-size:11px;letter-spacing:1.8px}
.story-copy{padding:65px 10%}.story-copy p:not(.eyebrow){font-size:15px}
.filters button{font-size:14px}.shop-note,.closing p:last-child,footer{font-size:12px}
.gift-grid b{font-size:10px;line-height:1.7}.hero-bottom{font-size:10px;letter-spacing:1px}.hero-bottom b{font-size:12px}
}
@media(max-width:600px){
.hero-content{width:100%;padding:195px 6% 150px}h1{font-size:clamp(46px,12vw,72px);letter-spacing:-1.5px;line-height:1.04}
.hero{min-height:800px}.hero-image{background-position:60% center}
header .brand{font-size:25px;max-width:46%}header .brand span{font-size:6px;letter-spacing:1.2px}
header nav{gap:20px;font-size:12px}.shop-link{font-size:9px}.eyebrow{font-size:10px;letter-spacing:1.3px}
.filters{gap:18px}.filters button{font-size:13px}.product h3{font-size:24px}.product .meta{font-size:10px;display:block}.product .meta span{display:block;margin-top:5px}
.hero-bottom{left:6%;right:6%}.ribbon{padding:20px 6%}.section{padding:60px 6%}
.story-copy{padding:55px 7%}.gift-grid span{font-size:27px}footer>a:last-of-type{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){.products{grid-template-columns:1fr}.filters{gap:14px}.closing h2{font-size:66px}}
@media(hover:none){.product:hover img{transform:none}.button:hover{transform:none}}
