.ox{--ox-ink:#3a6584;--ox-bg:#fdf6e3;--ox-btn:#3a6584;--ox-btn-text:#fdf6e3;--ox-radius:4px;--ox-hf:'EB Garamond',serif;--ox-hstyle:italic;--ox-af:'Bebas Neue',sans-serif;--ox-astyle:normal;--ox-bf:'EB Garamond',serif;--ox-h1:72px;--ox-h2:42px;--ox-accent:60px;--ox-body:18px;--ox-label:13px;--ox-ratio:1/1;background:var(--ox-sbg,var(--ox-bg));color:var(--ox-sink,var(--ox-ink));font-family:var(--ox-bf)}
.ox--white{--ox-sbg:#fff}
.ox--ink{--ox-sbg:var(--ox-ink);--ox-sink:#fdf6e3}
.ox *{box-sizing:border-box}
.ox a{color:inherit;text-decoration:none}
.ox [hidden]{display:none!important}
.ox-pad{padding:96px max(24px,4vw)}
.ox-label{margin:0;font-size:var(--ox-label);letter-spacing:.22em;text-transform:uppercase}
.ox-h1,.ox-h2,.ox-h3{font-family:var(--ox-hf);font-weight:400;margin:0;letter-spacing:0;text-transform:none;color:inherit}
.ox-h1{font-style:var(--ox-hstyle);font-size:clamp(36px,5.4vw,var(--ox-h1));line-height:1.02}
.ox-h2{font-size:clamp(28px,3.2vw,var(--ox-h2));line-height:1.1;text-wrap:balance}
.ox-h3{font-style:var(--ox-hstyle);font-size:36px;line-height:1.1}
.ox-h2.ox-accent{font-family:var(--ox-af);font-style:var(--ox-astyle);font-size:clamp(36px,4vw,var(--ox-accent));line-height:1;letter-spacing:.01em}
.ox-italic{font-style:italic}
.ox-body{margin:0;font-size:var(--ox-body);line-height:1.6;text-wrap:pretty}
.ox-intro{max-width:620px;margin:0 auto 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.ox-link{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 4px;font-family:var(--ox-bf);font-size:var(--ox-label);letter-spacing:.2em;text-transform:uppercase;color:inherit;cursor:pointer}
.ox-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border:1px solid var(--ox-btn);border-radius:var(--ox-radius);background:var(--ox-btn);color:var(--ox-btn-text)!important;font-family:var(--ox-bf);font-size:var(--ox-label);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
.ox-btn:hover{opacity:.88}.ox-btn:disabled{opacity:.6;cursor:default}
.ox-btn--light{--ox-btn:#fdf6e3;--ox-btn-text:var(--ox-ink)}
.ox-inline{border-bottom:1px solid currentColor}
.ox-hero{position:relative;display:grid;height:var(--hh,65vh);max-height:720px;min-height:420px;overflow:hidden}
.ox-hero--split{grid-template-columns:1fr 1fr}
.ox-hero--image_text{grid-template-columns:1fr 1fr;max-height:none}
.ox-hero__m{position:relative;overflow:hidden;min-height:0}
.ox-hero__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--hf,50%)}
.ox-hero__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,0) 50%);pointer-events:none}
.ox-hero__copy{position:absolute;left:0;right:0;bottom:48px;padding:0 24px;color:#fdf6e3;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ox-hero--center .ox-hero__copy{top:50%;bottom:auto;transform:translateY(-50%)}
.ox-hero--image_text .ox-hero__copy{position:relative;inset:auto;transform:none;color:inherit;justify-content:center;padding:clamp(40px,6vw,96px)}
.ox-hero--image_text.ox-hero--flip .ox-hero__m{order:2}
.ox-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-bottom:14px}
.ox-tab{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:inherit;font-family:var(--ox-bf);font-size:calc(var(--ox-label) + 1px);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:.55}
.ox-tab.is-on{opacity:1;border-bottom-color:currentColor}
.ox-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.ox-types{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:56px}
.ox-type{border:0;background:none;padding:6px 0;color:inherit;font-family:var(--ox-bf);font-size:17px;cursor:pointer;opacity:.6}
.ox-type.is-on{opacity:1;font-style:italic;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.ox-story{margin:-28px auto 52px;max-width:520px;text-align:center;font-style:italic;font-size:17px;line-height:1.55}
.ox-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:56px 24px}
.ox-grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.ox-grid--fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ox-card{display:flex;flex-direction:column;gap:6px;text-align:center}
.ox-media{display:block;aspect-ratio:var(--ox-ratio);overflow:hidden;margin-bottom:14px}
.ox-media img{width:100%;height:100%;object-fit:cover;display:block}
.ox-card__name{font-size:17px;line-height:1.3}
.ox-card__meta{font-size:var(--ox-label);letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.ox-card__for{font-size:15px}
.ox-empty{text-align:center}
.ox-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ox-split--flip .ox-split__img{order:2}
.ox-split__img{min-height:520px;overflow:hidden;position:relative}
.ox-split__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ox-split__copy{padding:clamp(48px,7vw,104px) clamp(28px,6vw,96px);display:flex;flex-direction:column;justify-content:center;gap:32px}
.ox-split__copy .ox-label{margin-bottom:12px}
.ox-fact{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 20px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:16px}
.ox-fact span{font-style:italic;font-size:18px}
.ox-fact p{margin:0;font-size:17px;line-height:1.55}
.ox-sets .ox-tabs,.ox-gifts .ox-tabs{margin-bottom:56px}
.ox-set{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px 72px;align-items:start}
.ox-media--set{margin:0}
.ox-set__body{display:flex;flex-direction:column;gap:22px;padding-top:8px}
.ox-lines{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.ox-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.ox-line__top{flex:1 1 100%;display:flex;justify-content:space-between;gap:12px;font-size:17px}
.ox-select{flex:1 1 180px;min-width:0;position:relative;display:block}
.ox-select::after{content:'';position:absolute;right:6px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.ox-select select{appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:0 28px 0 0;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:0;background:transparent;box-shadow:none;color:inherit;font-family:var(--ox-bf);font-size:14px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.ox-qty{display:flex;align-items:center;height:44px;border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent)}
.ox-qty button{width:44px;height:44px;border:0;background:none;color:inherit;font-size:18px;cursor:pointer}
.ox-qty__n{min-width:24px;text-align:center;font-size:16px}
.ox-set__sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ox-set__total{font-size:22px}
.ox-set__ship{font-size:16px}
.ox-add{width:100%}
.ox-textblock{text-align:center}
.ox-textblock .ox-intro{margin-bottom:0}
.ox-faq{max-width:760px;margin:0 auto;padding-top:64px;padding-bottom:64px}
.ox-faq .ox-h2{text-align:center;margin-bottom:20px}
.ox-faq details{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.ox-faq details:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.ox-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;font-size:17px;line-height:1.35}
.ox-faq summary::-webkit-details-marker{display:none}
.ox-faq summary::after{content:'';flex:0 0 auto;width:7px;height:7px;margin:-4px 4px 0 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.ox-faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.ox-faq details p{margin:0 0 12px;font-size:16px;line-height:1.5}
.ox-welcome{padding:80px max(24px,4vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
@media (max-width:749px){
.ox-pad{padding:64px 24px}
.ox-faq{padding-top:48px;padding-bottom:48px}
.ox-hero{height:var(--hhm,55vh);min-height:340px}
.ox-hero--image_text{grid-template-columns:1fr;height:auto}
.ox-hero--image_text .ox-hero__m{height:var(--hhm,55vh);order:0!important}
.ox-grid,.ox-grid--fit{gap:40px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ox-split__img{min-height:0;aspect-ratio:1/1;order:0!important}
.ox-fact{grid-template-columns:1fr}
.ox-sets .ox-intro{margin-bottom:16px;gap:8px}
.ox-sets .ox-tabs{margin-bottom:20px;gap:4px 20px}
.ox-set{gap:16px}
.ox-media--set{aspect-ratio:16/10}
.ox-set__body{gap:10px;padding-top:0}
.ox-h3{font-size:26px}
.ox-set__pitch{font-size:15px;line-height:1.45}
.ox-line{padding:6px 0;gap:0 12px}
.ox-line__top{font-size:15px}
.ox-select select,.ox-qty,.ox-qty button{height:40px}
.ox-set__total{font-size:19px}
.ox-set__ship{font-size:14px}
.ox-btn{min-height:48px}
}
