@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap";:root{--rhodium: #e8eae8;--nuit: #0a0d13;--door-left: #151922;--door-right: #0b0e15;--muted: #8d93a0;--brass: #c39a56;--ruby: #7c2140;--line: rgba(232, 234, 232, .14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Instrument Sans,sans-serif;background:var(--nuit)}::selection{background:var(--ruby);color:var(--rhodium)}a,p{text-decoration:none;color:var(--rhodium);font-weight:450;line-height:1}.hero{position:relative;isolation:isolate;z-index:0;width:100%;height:100svh;background:var(--nuit) url(/c/audemarspiguet-menu/hero.jpg) no-repeat 62% 50%;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:2rem clamp(2rem,6vw,6rem) clamp(3rem,7vw,6rem);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080a1059,#080a1000 32%,#080a10bd);pointer-events:none}.hero>*{position:relative;z-index:1}.hero .hero-kicker{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.1rem;font-weight:400;letter-spacing:.02em;color:var(--brass);margin-bottom:1.5rem}.hero h1{max-width:14ch;text-align:left;color:var(--rhodium);font-family:"Instrument Serif",serif;font-size:clamp(3rem,8.5vw,9rem);font-weight:400;line-height:.92;letter-spacing:-.015em}.hero .hero-sub{max-width:34ch;margin-top:1.5rem;color:var(--muted);font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.5;font-weight:400}nav{position:fixed;width:100%;padding:2rem;display:flex;align-items:center;z-index:10}nav>div{flex:1}nav .nav-logo{display:flex;justify-content:center}nav .nav-logo a{width:8rem;text-align:center;font-family:"Instrument Serif",serif;text-transform:uppercase;font-size:1.3rem;font-weight:400;letter-spacing:.09em;padding-left:.09em}nav .nav-cta{display:flex;justify-content:flex-end}nav .nav-cta a{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.02rem;letter-spacing:.01em;font-weight:400;padding:.7rem 1.5rem;border:1px solid var(--line);border-radius:5rem;transition:border-color .3s ease,color .3s ease}nav .nav-cta a:hover{border-color:var(--brass);color:var(--brass)}nav .nav-toggle-btn{width:60px;height:60px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:10rem;cursor:pointer;transition:border-color .3s ease}nav .nav-toggle-btn:hover{border-color:var(--brass)}nav .nav-toggle-btn span{width:100%;height:1.25px;background:var(--rhodium);will-change:transform}.menu{position:fixed;top:0;left:0;width:100%;height:100svh;pointer-events:none;overflow:hidden;z-index:5}.menu.active{pointer-events:all}.menu .menu-bg{position:absolute;width:100%;height:100%;pointer-events:none}.menu .menu-bg-left,.menu .menu-bg-right{position:absolute;width:50%;height:100%;overflow:hidden}.menu .menu-bg-left{left:0}.menu .menu-bg-right{right:0}.menu .menu-bg-left-inner,.menu .menu-bg-right-inner{position:absolute;width:100%;height:100%;will-change:transform}.menu .menu-bg-left-inner{background:radial-gradient(120% 90% at 68% 10%,#1a1f29 0%,var(--door-left) 48%,#10141c 100%);border-right:1px solid rgba(195,154,86,.32);transform-origin:100% 50%;transform:rotate(180deg) scale(2)}.menu .menu-bg-right-inner{background:radial-gradient(120% 90% at 32% 12%,#121620 0%,var(--door-right) 52%,#070a10 100%);transform-origin:0% 50%;transform:rotate(-180deg) scale(2)}.menu .menu-items{position:absolute;width:100%;height:100%;display:flex}.menu .menu-items-col{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.menu .menu-link a{transition:color .35s ease}.menu .menu-link a:hover{color:var(--brass)}.menu .menu-items-col:nth-child(1) a{text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,3.2rem);font-weight:420;letter-spacing:.045em;line-height:1.1}.menu .menu-items-col:nth-child(2) a{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.6rem,2.7vw,3.4rem);font-weight:400;line-height:1.2}.menu .menu-footer{position:absolute;bottom:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end}.menu .menu-footer-col{display:flex;gap:2rem}.menu .menu-footer a,.menu .menu-footer p{letter-spacing:.02em;font-size:.82rem;font-weight:450;color:var(--muted)}.menu .menu-footer a{transition:color .3s ease}.menu .menu-footer a:hover{color:var(--brass)}.menu a .line,.menu p .line{position:relative;transform:translateY(110%);will-change:transform}@media(max-width:1000px){nav{flex-direction:row-reverse;justify-content:space-between}nav .nav-toggle{display:flex;justify-content:flex-end}nav .nav-logo{justify-content:flex-start}nav .nav-logo a{text-align:left}nav .nav-cta{display:none}.menu .menu-bg-right{display:none}.menu .menu-bg-left{width:100%}.menu .menu-bg-left-inner{border-right:none}.menu .menu-items{padding:6rem 2rem;flex-direction:column-reverse;gap:4rem}.menu .menu-items-col{align-items:flex-start;gap:.5rem}.menu .menu-items-col:nth-child(1){justify-content:flex-start}.menu .menu-items-col:nth-child(2){justify-content:flex-end}.menu .menu-footer{padding:2rem;align-items:flex-end}.menu .menu-footer-col{flex-direction:column;gap:0}}@media(max-width:768px){nav{padding:1.5rem}nav .nav-logo a{font-size:1.15rem;letter-spacing:.08em}.hero{padding:1.5rem 1.5rem clamp(2.5rem,9vw,4rem)}.hero .hero-kicker{margin-bottom:1.25rem;font-size:1rem}.hero h1{max-width:11ch;font-size:clamp(2.6rem,13vw,4.5rem)}.hero .hero-sub{max-width:26ch;margin-top:1.1rem}.menu .menu-items{padding:5.5rem 1.5rem 2rem;gap:2.75rem;justify-content:center}.menu .menu-items-col{gap:.75rem}.menu .menu-items-col:nth-child(1) a{font-size:clamp(1.5rem,7vw,2.2rem)}.menu .menu-items-col:nth-child(2) a{font-size:clamp(1.6rem,7.5vw,2.4rem)}.menu .menu-footer{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1.25rem}.menu .menu-footer-col{gap:.4rem}.menu .menu-footer a,.menu .menu-footer p{font-size:.78rem;line-height:1.4}}