:root{--datum-accent:#ed8b3a;--datum-ink:#080808;--datum-line:#ffffff26;--datum-ease:cubic-bezier(.22,.68,0,1.01)}
html{scroll-padding-top:100px}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}
.datum-mono{font-family:var(--font-subheading--family);font-size:10px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase}
.datum-hero{background:#000;color:#f5f4f0;padding:28px max(32px,4vw) 0}
.datum-hero__top{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--datum-line);color:#b9b9b9}
.datum-hero__top span:first-child::before{content:"";display:inline-block;width:6px;height:6px;background:var(--datum-accent);margin:0 12px 1px 0}
.datum-hero__grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:530px;gap:24px}
.datum-hero__copy{padding:44px 0 54px;position:relative;z-index:1}
.datum-hero h1{font-family:var(--font-heading--family);font-size:clamp(48px,5.9vw,104px);font-weight:400;line-height:1.05;letter-spacing:-.065em;margin:0 0 28px;text-wrap:balance}
.datum-hero h1 span{color:var(--datum-accent)}
.datum-hero__description{max-width:320px;font-size:16px;line-height:1.7;color:#bdbdbd;margin:0 0 32px}
.datum-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;min-height:54px;min-width:225px;padding:15px 22px;border:1px solid #eee;color:#090909;background:#f5f4f0;text-decoration:none;font-size:13px;letter-spacing:.02em;transition:background .25s,color .25s,border-color .25s}
.datum-cta span{font-size:21px;transition:transform .3s var(--datum-ease)}
.datum-cta:hover{background:var(--datum-accent);border-color:var(--datum-accent);color:#080808}
.datum-cta:hover span{transform:translate(3px,-3px)}
.datum-hero__proof{display:flex;gap:18px;align-items:center;width:fit-content;min-height:44px;margin-top:22px;color:#bdbdbd;text-decoration:none}
.datum-hero__proof:hover{color:#fff}
.datum-hero__piece{display:flex;position:relative;flex-direction:column;align-self:stretch;justify-content:center;min-width:0;text-decoration:none;color:inherit}
.datum-hero__image{width:100%;height:480px;object-fit:contain;transition:transform .8s var(--datum-ease)}
.datum-hero__caption{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;width:100%;padding:14px 0 22px;border-top:1px solid var(--datum-line);font-size:12px}
.datum-hero__caption .datum-mono{color:#909090}
.datum-hero__caption>span:last-child{font-size:20px}
.datum-hero__service{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--datum-line);padding:18px 0;color:#bdbdbd}
.datum-hero__service a{color:inherit;text-decoration:none;min-height:26px;display:inline-flex;align-items:center;gap:12px}
.datum-hero__service a:hover{color:#fff}
.datum-wearer{display:grid;grid-template-columns:1fr 2.6fr;gap:50px;background:#111;color:#f5f4f0;padding:88px max(32px,6vw);border-block:1px solid var(--datum-line);scroll-margin-top:100px}
.datum-wearer__intro .datum-mono{color:var(--datum-accent);margin-top:0}
.datum-wearer__mark{font-family:Georgia,serif;font-size:120px;line-height:1;color:#535353}
.datum-wearer blockquote{font-size:clamp(23px,2.6vw,40px);font-weight:400;line-height:1.4;letter-spacing:-.025em;max-width:800px;margin:0 0 30px}
.datum-wearer__credit{color:#ddd;margin-bottom:12px}
.datum-wearer__disclosure{color:#b2b2b2;font-size:12px;max-width:500px;line-height:1.7}
.datum-wearer__link{display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:12px;color:#eee;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#5f5f5f}
body .button:not(.button-unstyled),body .button-secondary{min-height:48px;letter-spacing:.035em;font-size:13px;transition:background-color .25s,border-color .25s,color .25s,transform .25s var(--datum-ease)}
body .button:not(.button-unstyled):active,body .button-secondary:active{transform:translateY(1px)}
body :is(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--datum-accent);outline-offset:5px}
body .header{border-bottom:1px solid #ffffff1c}
body .menu-list__link{font-size:12px;letter-spacing:.04em}
body product-card .product-card__content{gap:10px}
body product-card .card-gallery{overflow:hidden}
body product-card .card-gallery img{transition:transform .7s var(--datum-ease)}
body product-card .product-title{font-size:14px;line-height:1.5}
body product-card .compare-at-price{opacity:.5}
body .product-details{padding-block:24px}
body .product-details h1{font-family:var(--font-heading--family);font-size:clamp(27px,2.6vw,42px);line-height:1.18;letter-spacing:-.045em}
body .product-details .variant-option--buttons label{min-height:48px;transition:background .2s,border-color .2s}
body .product-details .variant-option--buttons label:has(input:checked){outline:1px solid var(--datum-accent);outline-offset:2px}
body details>summary{min-height:56px;align-content:center}
body details[open]>summary{color:var(--datum-accent)}
body details summary{transition:color .2s}
body .cart-drawer__dialog{border-left:1px solid var(--datum-line)}
body .dialog-modal::backdrop{backdrop-filter:blur(5px)}
body .jdgm-widget :is(.jdgm-star,.jdgm-rev__rating){color:var(--datum-accent)}
body .jdgm-widget .jdgm-rev{border-top:1px solid #ffffff26;padding-block:24px}
body [id*="__datumtesters"]{border-block:1px solid #ffffff26}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.datum-hero__piece:hover .datum-hero__image{transform:scale(1.025)}body product-card:hover .card-gallery img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.datum-arrive{animation:datum-settle .65s var(--datum-ease) both}@keyframes datum-settle{from{transform:translateY(14px)}to{transform:translateY(0)}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.12s}::view-transition-new(root){animation-duration:.2s}}
@media(max-width:749px){.datum-hero{padding:20px 20px 0}.datum-hero__top{font-size:9px;padding-bottom:16px}.datum-hero__top span:last-child{max-width:110px;text-align:right}.datum-hero__grid{grid-template-columns:1fr;min-height:0;gap:0}.datum-hero__copy{padding:35px 0 8px}.datum-hero h1{font-size:clamp(38px,10.6vw,68px);line-height:1.08;margin-bottom:20px}.datum-hero__description{font-size:14px;max-width:290px;margin-bottom:22px}.datum-cta{min-width:230px;min-height:50px}.datum-hero__proof{margin-top:10px}.datum-hero__image{height:310px;max-height:80vw}.datum-hero__caption{gap:10px;font-size:11px;padding-bottom:18px}.datum-hero__caption .datum-mono{font-size:9px}.datum-hero__service{display:grid;grid-template-columns:1fr;font-size:9px;gap:5px;padding:14px 0}.datum-wearer{grid-template-columns:1fr;gap:18px;padding:52px 24px}.datum-wearer__mark{display:none}.datum-wearer blockquote{font-size:26px;line-height:1.45}.datum-wearer__credit{font-size:9px}.datum-wearer__disclosure{font-size:12px}body .product-details{padding-block:26px}body .product-details h1{font-size:28px}body .dialog-modal::backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
