body{background:var(--off-white);color:var(--ink);font-family:var(--sans);font-weight:300;   line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.42em;text-transform:uppercase;   color:var(--olive);font-weight:400} .btn{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.28em;   text-transform:uppercase;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--ink);   font-weight:400;transition:gap .45s ease,color .4s,border-color .4s}   header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;   justify-content:space-between;padding:30px var(--pad);background:var(--off-white);   border-bottom:1px solid var(--rule);transition:padding .5s ease,box-shadow .5s ease} header.docked{padding-top:22px;padding-bottom:22px;box-shadow:0 1px 30px rgba(38,36,31,.07)} .brand{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:.46em;   padding-left:.46em;line-height:1;color:var(--ink)} nav a{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);   position:relative;padding:4px 0;font-weight:400;transition:color .4s} nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ink);transition:width .5s ease} .h-cart .cart-count{position:absolute;top:-6px;right:-8px;font-size:8.5px;color:var(--soft-ink);font-weight:400} .sound{display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:0;color:var(--ink);   font-family:var(--sans);font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:400}   .crumb{padding:calc(30px + 54px) var(--pad) 0;font-size:10.5px;letter-spacing:.24em;   text-transform:uppercase;color:var(--soft-ink)} .crumb a{color:var(--soft-ink);transition:color .4s} .crumb a:hover{color:var(--ink)} .crumb span{color:var(--sand);margin:0 10px}   .pdp{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,5vw,96px);   padding:38px var(--pad) var(--gap);align-items:start}   .gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start} .gallery figure{position:relative;overflow:hidden;background:var(--ivory);margin:0} .gallery figure:first-child{grid-column:1 / -1}   .gallery figure:last-child:nth-child(even){grid-column:1 / -1}   .gallery img{width:100%;height:auto;display:block}   .gallery .lead{clip-path:inset(0 100% 0 0);animation:reveal 2.2s cubic-bezier(.16,.84,.32,1) .25s forwards} .info{position:sticky;top:132px} .info .piece-tag{margin-bottom:22px} .info h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,5vw,68px);   line-height:1;letter-spacing:.01em;margin-bottom:12px} .info .material{font-family:var(--serif);font-style:italic;font-weight:300;   font-size:clamp(17px,2vw,22px);color:var(--soft-ink);margin-bottom:26px} .info .short{color:var(--soft-ink);font-size:15.5px;max-width:34ch;margin-bottom:34px} .info .price{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:.01em;margin-bottom:6px} .info .installment{font-size:12px;letter-spacing:.04em;color:var(--soft-ink);margin-bottom:36px} .rule{height:1px;background:var(--rule);margin:0 0 30px} .size-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px} .size-head .lbl, .selectEspec .fieldwrap label {font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)} .size-head a{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft-ink);   border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .4s,border-color .4s} .size-head a:hover{color:var(--ink);border-color:var(--ink)} .sizes, .wrap-sel-button{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:34px} .size, .wrap-sel-button .sel-button-link{   min-width:50px;   height:50px;   padding:0 6px;   border:1px solid var(--rule);   background:none;   font-family:var(--sans);   font-size:12px;   letter-spacing:.08em;   color:var(--ink);   cursor:pointer;   transition:border-color .35s,background .35s,color .35s;   display: flex;   align-items: center;   justify-content: center;   } .size:hover, .wrap-sel-button .sel-button-link:hover{border-color:var(--ink)} .size.sel, .wrap-sel-button .sel-button-link.selected {background:var(--charcoal);color:var(--off-white);border-color:var(--charcoal)} .add{width:100%;padding:19px;background:var(--charcoal);color:var(--off-white);border:0;cursor:pointer;   font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:400;   transition:background .45s ease} .add:hover{background:var(--chocolate)} .add.done{background:var(--olive)} .assurances{display:flex;flex-direction:column;gap:9px;margin-top:26px} .assurances span{font-size:12px;letter-spacing:.03em;color:var(--soft-ink);display:flex;gap:10px;align-items:center} .assurances span::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--sand);flex:none}   .piece-no{position:absolute;top:-8%;right:-2%;z-index:0;font-family:var(--serif);font-weight:300;   font-size:clamp(120px,17vw,260px);line-height:1;color:var(--chocolate);opacity:.05;pointer-events:none;user-select:none} .info{isolation:isolate} .info > *{position:relative;z-index:1}   .story{padding:0 var(--pad) var(--gap);max-width:1200px;margin:0 auto;   display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(40px,6vw,110px);align-items:start} .story .prose .eyebrow{margin-bottom:30px} .story .prose p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,2.5vw,29px);   line-height:1.5;color:var(--ink);max-width:30ch;margin-bottom:24px} .story .prose p:last-child{margin-bottom:0} .specs h3{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--olive);   margin-bottom:26px;font-weight:400} .specs dl{display:flex;flex-direction:column} .specs .row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--rule)} .specs .row:last-child{border-bottom:1px solid var(--rule)} .specs dt{font-size:12px;letter-spacing:.06em;color:var(--soft-ink)} .specs dd{font-size:13px;color:var(--ink);text-align:right}   .editorial{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--ivory)} .editorial img{width:100%;height:100%;object-fit:cover;object-position:center 30%}   .signature{text-align:center;padding:var(--gap) var(--pad);max-width:920px;margin:0 auto} .signature .eyebrow{margin-bottom:34px} .signature p{font-family:var(--serif);font-style:italic;font-weight:300;   font-size:clamp(26px,4vw,48px);line-height:1.42;color:var(--ink)}   .back{text-align:center;padding-bottom:var(--gap)} @media(max-width:900px){   nav{display:none}   .pdp{grid-template-columns:1fr;gap:38px}   .gallery{grid-template-columns:1fr}   .info{position:static;top:auto}   .story{grid-template-columns:1fr;gap:44px}   .piece-no{display:none}  } @media(prefers-reduced-motion:reduce){   *{animation:none !important}   .gallery .lead{clip-path:none}   .reveal{opacity:1;transform:none;transition:none}   html{scroll-behavior:auto}  }