:root{--vel-label:#23352c;--vel-glass:rgba(243,244,236,.82);--vel-accent:#304338;--vel-edge:rgba(255,255,255,.72)}
html{scroll-padding-top:120px}body{font-optical-sizing:auto}header{position:sticky;top:16px;z-index:15;width:calc(100% - 64px);max-width:1160px;height:82px;margin:18px auto 24px;padding:12px 24px;border:1px solid var(--vel-edge);border-radius:24px;background:var(--vel-glass);color:var(--vel-label);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 .5px #ffffff50,0 10px 35px #15281a16;gap:24px}header .brand{font-size:25px}header .mark{width:38px;height:44px;font-size:33px;border-radius:9px}header .brand small{font-size:10px}header nav{gap:6px;align-items:center}header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:100px;font-size:13px;color:var(--vel-label);transition:background .2s var(--ease-out),transform .2s var(--ease-out)}header nav a:hover{background:#3043380c}header nav a:last-child{background:var(--vel-accent);color:#fff;gap:20px;box-shadow:inset 0 1px 0 #ffffff20,0 3px 8px #21312515}header nav a:last-child:hover{background:#24352c}header nav a:active{transform:scale(.97)}.refined{margin:0 24px;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #23352c08}.refined .button{background:var(--vel-accent);color:#fff;border:0;border-radius:100px;padding:15px 22px;min-height:52px;width:fit-content;gap:35px;box-shadow:0 5px 15px #23352c16;transition:transform .2s var(--ease-out),background .2s var(--ease-out)}.refined .button:hover{transform:translateY(-2px);background:#21352a}.refined .button:active{transform:scale(.98)}.hero-caption{border-radius:16px;border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff25,0 12px 25px #00000015}.material-chip{border-radius:18px}.materials{margin-top:24px}.catalogstudio{border-radius:24px;overflow:hidden;border-color:#c8d0c2}.studio{padding:24px 24px 0}.studio>label{border-radius:100px;border:0;background:#e7ebe1;min-height:48px}.studio-views img{border-radius:14px}.pair article{border-radius:24px;overflow:hidden}.pair img{border-radius:14px}.detail-photo{border-radius:22px}.closing a{border-radius:100px;min-width:48px;min-height:48px;transition:transform .2s var(--ease-out)}.closing a:hover{transform:translateY(-3px)}.skip{z-index:40}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(max-width:640px){html{scroll-padding-top:155px}header{top:10px;width:calc(100% - 24px);height:auto;margin:12px auto 16px;padding:14px 16px;gap:12px;border-radius:22px}header .brand{font-size:22px}header .mark{width:32px;height:36px;font-size:28px}header nav{width:100%;gap:4px;justify-content:space-between}header nav a{font-size:12px;padding:0 13px;min-height:44px}header nav a:last-child{gap:10px}.refined{margin:0 12px;border-radius:22px}.refined .hero-copy{padding:32px 23px}.refined h1{font-size:clamp(47px,12vw,70px)}.refined .hero-visual{height:400px}.refined .hero-visual>img{height:400px}.materials{margin-top:16px}.studio{padding:18px 15px 0}.studio>label{font-size:11px}.catalogstudio,.pair article{border-radius:20px}}
@supports not (backdrop-filter:blur(1px)){header{background:#f1f2ea}}
@media(prefers-reduced-transparency:reduce){header{background:#f1f2ea;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-caption{background:#1c211f}.material-chip{background:#f2f4e9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{opacity:1;transform:none;transition:none}header nav a,.refined .button,.closing a{transition:none}}
@media(prefers-contrast:more){header{background:#f1f2ea;border:2px solid #23352c}header nav a{color:#17251c}header nav a:last-child{color:#fff}}
