:root{--fg:#fff;--scrim:rgba(4,38,88,.5);--fs:min(11vw,12.5vh);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#111}body{font-family:Jost,Helvetica Neue,Arial,sans-serif;color:var(--fg)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--scrim) 0,transparent 60%)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 2px 22px rgba(0,0,0,.28)}.ui>*{pointer-events:auto}header{position:absolute;top:calc(env(safe-area-inset-top,0px) + 22px);left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font:400 30px Italiana,Georgia,serif;letter-spacing:.04em}nav.m{display:flex;gap:34px;font-size:14px;font-weight:500;pointer-events:auto}nav.m a{color:inherit;text-decoration:none}.cart{font-size:14px;font-weight:500;pointer-events:auto;cursor:pointer}.big{position:absolute;left:4vw;top:11vh;height:58vh;writing-mode:vertical-rl;transform:rotate(180deg);font:400 var(--fs)/.95 "Italiana",Georgia,serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.big .w{display:block}.big span{display:inline-block}.info{position:absolute;left:4vw;bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);max-width:min(350px,40vw)}.mk{font:500 13px Jost,sans-serif;letter-spacing:.22em;margin-bottom:6px}.ct{font-size:13px;opacity:.85;margin-bottom:10px}.info p.d{font-size:14px;line-height:1.65;font-weight:300}.info .n{font-weight:500;margin-top:8px;font-size:13px}.row{display:flex;align-items:center;gap:18px;margin-top:14px}.btn{font:500 14px Jost,sans-serif;color:var(--fg);background:transparent;border:1.5px solid currentColor;padding:11px 26px;border-radius:99px;cursor:pointer;transition:background .3s,color .3s;text-shadow:none}.btn:hover,.btn:focus-visible{background:var(--fg);color:#111;outline:none}.idx{font-size:14px;opacity:.8;font-variant-numeric:tabular-nums}.dots{position:absolute;right:4vw;bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);display:flex;gap:7px;align-items:center}.dots button{width:14px;height:3px;border:0;background:var(--fg);opacity:.4;cursor:pointer;border-radius:2px;transition:width .5s,opacity .5s;padding:0}.dots button.on{width:38px;opacity:1}.dots button:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@media (max-width:760px){:root{--fs:min(19vw,8.5vh)}nav.m{display:none}.big{opacity:.55;left:3vw}.info{max-width:92vw;bottom:calc(env(safe-area-inset-bottom,0px) + 8vh)}.info p.d{font-size:13px}.dots{right:auto;left:4vw;bottom:calc(env(safe-area-inset-bottom,0px) + 3vh)}}@media (prefers-reduced-motion:reduce){.btn,.dots button{transition:none}}.brand{display:flex;align-items:center;max-width:210px}.brand-logo{display:block;width:clamp(135px,13vw,200px);height:auto;max-height:62px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}@media (max-width:760px){.brand-logo{width:145px}header{gap:12px}.cart{white-space:nowrap}}@media (max-height:850px){.big{top:7vh;height:42vh}}@media (min-width:761px) and (max-height:850px){:root{--fs:min(8vw,10vh)}.big{top:14vh}}@media (max-width:760px) and (max-height:600px){.big{top:12vh}}
