
:root{--header-overlay-height:145px}
html{scroll-padding-top:160px}
body{font-weight:400;letter-spacing:-.2px}
h1,h2{font-family:var(--sans);font-weight:500;letter-spacing:-2px;line-height:1.16}
em{font-style:normal;font-weight:500}
.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:500}
.site-header{margin-bottom:calc(var(--header-overlay-height) * -1);background:rgba(250,248,244,.78);color:var(--ink);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);transition:background .35s,color .35s,box-shadow .35s;isolation:isolate}
.site-header.over-hero{background:rgba(255,248,237,.10);color:#fff9ed;box-shadow:0 1px 0 #ffffff21}
.header-main{height:95px}
.site-header .wordmark,.site-header .text-icon,.site-header .main-nav .nav-story{color:inherit}
.wordmark>span{font-family:var(--sans);font-size:39px;font-weight:500;letter-spacing:6px}
.wordmark small{font-size:9px;font-weight:500;letter-spacing:5px;margin-top:8px}
.site-header .main-nav{height:50px;border-top:1px solid currentColor;border-top-color:#80726120;border-bottom:0;background:transparent;gap:31px}
.site-header.over-hero .main-nav{border-top-color:#fff4e52b}
.main-nav a{font-size:12px;letter-spacing:.6px;font-weight:500;padding-block:8px}
.main-nav a:after{bottom:0;background:currentColor}
.site-header .text-icon{font-size:13px;opacity:.9}
.site-header.over-hero .count{color:var(--wine);background:#faf5eb}
.site-header:hover,.site-header:focus-within,.site-header:has(.main-nav.is-open){background:#fff;color:var(--ink);box-shadow:0 10px 35px #29180d0c}
.site-header:hover .count,.site-header:focus-within .count,.site-header:has(.main-nav.is-open) .count{background:var(--wine);color:white}
.site-header .icon-button{border-radius:50%;transition:background .25s,color .25s}
.site-header .icon-button:hover{background:#b69d7518;color:var(--wine)}.scene-phase-count{font-family:var(--sans);font-size:19px;font-weight:400;letter-spacing:1px}
.categories h2,.products-section h2{font-size:49px;font-weight:400;letter-spacing:-1.8px}
.category-card>span{font-size:17px;font-weight:500}
.category-photo{border-radius:4px}
.category-card:nth-child(even) .category-photo{border-radius:100px 100px 4px 4px}
.filter-tabs button{font-size:14px;font-weight:400}
.product-title{font-size:16px;font-weight:500;letter-spacing:-.3px}
.product-price{font-size:16px;font-weight:500}
.product-meta .material{font-size:11px;letter-spacing:.6px;line-height:1.8}
.product-tag{font-weight:500;font-size:10px;border-radius:2px}
.button{font-weight:500;letter-spacing:.9px;border-radius:3px}
.signature-button{border-radius:50px}
.signature-copy h2{font-size:clamp(58px,5.5vw,80px);font-weight:400;line-height:1.14;letter-spacing:-2.8px}
.signature-description{font-size:15px;line-height:1.95}
.scene-chapter{font-size:10px;font-weight:500}
.jewel-detail>span{font-family:var(--sans);font-style:normal;font-size:18px;letter-spacing:-.5px}
.collection-content h2{font-size:52px;line-height:1.2;letter-spacing:-2px}
.collection-content>p:not(.eyebrow){font-size:16px;line-height:1.95}
.collection-monogram{font-weight:500;font-size:360px;line-height:1.2;right:15px;bottom:-95px}
.collection-seal{font-size:8px;font-weight:500}
.proposal h2{font-size:59px;line-height:1.2;letter-spacing:-2.3px}
.proposal-content>p:not(.eyebrow){font-size:16px;line-height:1.95}
.tiny-note{font-family:var(--sans);font-size:15px;font-style:normal;line-height:1.8;letter-spacing:-.2px}
.gift-section h2{font-size:49px;line-height:1.25;letter-spacing:-2px}
.gift-section p:not(.eyebrow){font-size:16px;line-height:1.9}
.gift-watermark{font-family:var(--sans);font-size:clamp(65px,7vw,120px);font-weight:400;letter-spacing:-3px;top:28px}
.gift-symbol{font-family:Georgia,serif}
.story h2{font-size:59px;line-height:1.22;letter-spacing:-2px}
.story>p:not(.eyebrow){font-size:16px;line-height:2}
.story-signature{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:5px}
.footer-top>p{font-family:var(--sans);font-size:21px;font-style:normal;letter-spacing:-.5px}
.footer-invitation p{font-family:var(--sans);font-size:23px;line-height:1.55;letter-spacing:-.7px}
.footer-brand>span{font-size:34px}
.footer-links a,.footer-links button{font-size:13px;line-height:1.8}
.footer-links h3{font-size:11px;letter-spacing:1px}
.footer-links .underlined{font-size:12px}
.footer-bottom{font-size:11px}
.search-dialog h2{font-size:38px;line-height:1.25;letter-spacing:-1.5px}
.dialog-heading h2{font-size:28px;line-height:1.3;letter-spacing:-1px}
.detail-content h2{font-size:33px;line-height:1.25;letter-spacing:-1.2px}
.empty-state h3{font-family:var(--sans);font-size:26px;line-height:1.4;font-weight:400;letter-spacing:-.8px}
.info-dialog h2{font-size:34px;line-height:1.3;letter-spacing:-1px}
.result-item strong{font-weight:500}
.collection-image,.proposal-image,.gift-inner{--soft-light-x:40%;--soft-light-y:30%}
.editorial-frame::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at var(--soft-light-x) var(--soft-light-y),#fff2d921,transparent 65%);mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.editorial-frame:hover::after{opacity:1}
.underlined{transition:color .25s,gap .35s}
.underlined:hover{gap:35px;color:#8d6645}
.service-strip svg{transition:translate .4s,color .4s}
.service-strip>div:hover svg{translate:0 -5px;color:var(--wine)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.over-hero{background:rgba(255,255,255,.96);color:var(--ink)}.site-header.over-hero .count{background:var(--wine);color:white}}
@media(min-width:901px) and (max-width:1150px){.site-header .main-nav{gap:18px}.site-header .main-nav a{font-size:11px}.collection-content h2{font-size:44px}.proposal h2{font-size:47px}.gift-section h2{font-size:41px}}
@media(max-width:900px){
  :root{--header-overlay-height:82px}
  html{scroll-padding-top:98px}
  .header-main{height:82px}
  .site-header .wordmark>span{font-size:30px;letter-spacing:4px}
  .site-header .wordmark small{font-size:8px;letter-spacing:3px;margin-top:6px}
  .wordmark .brand-star{font-size:13px}
  .site-header .main-nav{height:auto;top:82px;background:#fff;padding:15px 24px;gap:0;border-top-color:#e8e1d8;max-height:calc(100svh - 82px)}
  .site-header .main-nav a{font-size:15px;letter-spacing:.2px;padding-block:17px;color:var(--ink)}
  .site-header.over-hero .main-nav{border-top-color:#e8e1d8}
  .scene-phase-count{font-size:16px}
  .categories h2,.products-section h2{font-size:37px;line-height:1.2;letter-spacing:-1.3px}
  .section-top>.underlined{font-size:13px}
  .category-card>span{font-size:15px}
  .product-title{font-size:14px;line-height:1.65}
  .product-price{font-size:15px}
  .product-meta .material{font-size:10px;letter-spacing:.3px}
  .product-tag{font-size:9px}
  .signature-copy h2{font-size:48px;letter-spacing:-1.8px;line-height:1.15}
  .signature-description{font-size:14px}
  .jewel-detail>span{font-size:16px}
  .collection-content h2{font-size:39px;line-height:1.25;letter-spacing:-1.4px}
  .collection-content>p:not(.eyebrow){font-size:15px}
  .proposal h2{font-size:43px;line-height:1.23;letter-spacing:-1.6px}
  .proposal-content>p:not(.eyebrow){font-size:15px}
  .gift-section h2{font-size:36px;line-height:1.3;letter-spacing:-1.3px}
  .gift-section p:not(.eyebrow){font-size:15px}
  .gift-watermark{font-size:60px;letter-spacing:-2px}
  .story h2{font-size:42px;line-height:1.24;letter-spacing:-1.6px}
  .story>p:not(.eyebrow){font-size:15px;line-height:2}
  .story-signature{font-size:25px}
  .tiny-note{font-size:14px}
  .footer-top>p{font-size:19px}
  .footer-invitation p{font-size:20px;line-height:1.6}
  .footer-brand>span{font-size:30px}
  .footer-links a,.footer-links button{font-size:13px}
  .footer-links .underlined{font-size:12px}
  .search-dialog h2{font-size:29px}
  .dialog-heading h2{font-size:26px}
  .detail-content h2{font-size:29px}
  .info-dialog h2{font-size:28px}
}
@media(max-width:380px){.site-header .wordmark>span{font-size:27px}.signature-copy h2{font-size:43px}.gift-section h2{font-size:33px}.story h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.underlined:hover{gap:25px}.service-strip>div:hover svg{translate:none}}
