:root{--drawer-width:min(87vw,420px)}html{scroll-padding-top:140px}body{overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{min-height:100svh;background:var(--navy);transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}.menu-open .page-shell{transform:translateX(var(--drawer-width))}.intro{position:fixed;inset:0;background:var(--navy);z-index:100;display:grid;place-items:center;overflow:hidden}.intro-mark{text-align:center;width:min(47vw,350px);will-change:transform,opacity}.intro-mark img{width:100%;height:auto;display:block;filter:drop-shadow(0 15px 30px #0002)}.intro-mark p{font-size:8px;letter-spacing:2px;white-space:nowrap;margin:25px -50px 0}.reference-header{position:sticky;top:0;left:auto;right:auto;z-index:15;height:122px;padding:0 3%;background:var(--navy);display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;border-bottom:0}.header-left{justify-self:start}.header-logo{display:block;width:100px;height:104px;justify-self:center}.reference-header .logo-scene{width:100%;height:100%;animation:none}.reference-header .logo-fallback{width:90%;height:90%;left:5%;top:5%}.header-actions{display:flex;align-items:center;justify-self:end;gap:14px}.icon-button{width:34px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:7px;color:var(--white);position:relative}.icon-button svg{display:block;width:21px;height:21px;flex-shrink:0}.header-bag #cart-count{position:absolute;right:-2px;top:0;font-size:8px;letter-spacing:0;line-height:1;min-width:12px;height:12px;display:grid;place-items:center}.brand-line{text-align:center;font-size:8px;letter-spacing:2.5px;padding:0 15px 18px;border-bottom:1px solid var(--line)}.search-panel{position:sticky;top:122px;z-index:14;background:var(--navy);padding:16px 3%;display:flex;gap:20px;border-bottom:1px solid var(--line)}.search-panel input{flex:1;min-width:0;background:transparent;color:white;border:0;border-bottom:1px solid #ffffff70;border-radius:0;padding:14px 0;font-size:11px;letter-spacing:1px;outline-offset:4px}.search-panel input::placeholder{color:var(--muted)}.search-close{font-size:9px;letter-spacing:1px}.reference-collection{padding:24px 2.5% 65px;min-height:55vh}.reference-collection .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px;align-items:start}.reference-collection .product-grid:has(>.product:only-child){max-width:470px;grid-template-columns:minmax(0,1fr);margin-inline:auto}.reference-collection .product{padding:0;min-width:0}.reference-collection .product-visual{aspect-ratio:4/5;height:auto;background:transparent;overflow:hidden}.reference-collection .product-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none}.reference-collection .product:only-child .product-visual{aspect-ratio:auto}.reference-collection .product:only-child .product-visual img{height:auto;max-height:none}.reference-collection .product-info{border:0;display:flex;flex-direction:column;gap:4px;padding:12px 2px 0}.reference-collection .product-name{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1.4}.reference-collection .product-sub{font-size:9px;margin-top:5px;line-height:1.4;text-transform:uppercase;color:var(--muted)}.reference-collection .product-price{font-size:10px;font-weight:600;margin:0;line-height:1.4;white-space:normal}.reference-collection .reveal{transform:translateY(40px);transition:opacity .5s,transform .75s cubic-bezier(.16,1,.3,1)}.reference-collection .reveal.visible{transform:none}.sold-out-badge{position:absolute;top:10px;left:8px;z-index:2;background:var(--white);color:var(--navy);font-size:8px;font-weight:700;letter-spacing:.5px;padding:7px 12px;border-radius:4px}.reference-footer{padding:30px 3%;font-size:9px;margin-top:auto}.menu-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:var(--drawer-width);height:100vh;height:100dvh;max-height:none;background:var(--navy);color:var(--white);padding:28px 28px;overflow:auto;border-right:1px solid var(--line);transform:translateX(-100%)}.menu-dialog::backdrop{background:#020a1c18;backdrop-filter:none}.menu-dialog[open]{animation:drawerEnter .65s cubic-bezier(.22,1,.36,1) forwards}.menu-dialog.leaving{animation:drawerLeave .45s cubic-bezier(.22,1,.36,1) forwards}.menu-close{margin-left:-10px}.menu-links{display:flex;flex-direction:column;margin-top:80px}.menu-links a{font-size:11px;font-weight:500;padding:24px 5px;border-bottom:1px solid #ffffff75;letter-spacing:1px;opacity:0;transform:translateY(22px);animation:menuLink .45s ease forwards}.menu-links a:nth-child(1){animation-delay:.2s}.menu-links a:nth-child(2){animation-delay:.3s}.menu-links a:nth-child(3){animation-delay:.4s}.menu-signature{font-size:8px;letter-spacing:2px;margin-top:55px;color:var(--muted)}.back-to-top{position:fixed;left:20px;bottom:22px;z-index:12;background:var(--white);color:var(--navy);border-radius:4px;box-shadow:0 5px 25px #0003;width:40px;height:40px}.intro-finished .reference-header{animation:headerEnter .7s cubic-bezier(.16,1,.3,1) both}.empty-collection{border:0;grid-column:1/-1;font-size:12px;padding:70px 0;text-align:center}.detail-content .arrow-link{font-size:10px;letter-spacing:1px;padding:10px 0;border-bottom:1px solid #14213b55}.product-dialog[open]{animation:productIn .6s cubic-bezier(.16,1,.3,1)}
body.intro-running{overflow:hidden}.reference-header{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s}.intro-finished .reference-header{animation-fill-mode:backwards}body.scrolling-down .reference-header{transform:translateY(-110%);opacity:0;pointer-events:none}
@keyframes drawerEnter{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawerLeave{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes menuLink{to{opacity:1;transform:none}}@keyframes headerEnter{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.reference-collection .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-header{height:108px;grid-template-columns:1fr 90px 1fr}.header-logo{width:88px;height:94px}.header-actions{gap:9px}.search-panel{top:108px}}
@media(max-width:600px){html{scroll-padding-top:122px}.reference-header{height:94px;padding:0 2%;grid-template-columns:1fr 80px 1fr}.header-logo{width:80px;height:88px}.header-actions{gap:0}.icon-button{width:30px;height:38px;padding:6px}.icon-button svg{width:19px;height:19px}.header-bag #cart-count{right:-1px;top:1px;font-size:7px}.brand-line{font-size:7px;letter-spacing:1.8px;padding-bottom:14px}.reference-collection{padding:18px 2.5% 45px}.reference-collection .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 9px}.reference-collection .product-grid:has(>.product:only-child){width:100%;max-width:400px;grid-template-columns:minmax(0,1fr)}.reference-collection .product-name{font-size:9px}.reference-collection .product-sub{font-size:8px}.reference-collection .product-price{font-size:9px}.reference-collection .product-info{padding-top:10px;gap:3px}.sold-out-badge{font-size:6px;top:6px;left:5px;padding:5px 8px}.search-panel{top:94px;padding:12px 4%;gap:10px}.menu-dialog{padding:25px 22px}.menu-links{margin-top:65px}.menu-links a{font-size:10px;padding:20px 4px}.menu-close{width:34px;height:34px}.reference-footer{gap:14px;font-size:8px}.back-to-top{width:34px;height:34px;left:14px;bottom:18px}.intro-mark{width:49vw}.intro-mark p{font-size:7px;letter-spacing:1.5px;margin-top:22px}}
