/* Floating black bar, hover disclosures and a page-revealing side panel. */
:root{--drawer-width:420px;--nav-duration:.55s;--nav-ease:cubic-bezier(.22,.68,0,1.04)}
body{background:#050505}.site-surface{position:relative;min-height:100svh;background:#fff;transform-origin:50% var(--nav-origin,50vh);transition:transform var(--nav-duration) var(--nav-ease),filter var(--nav-duration) ease}.masthead{z-index:20;margin:24px 3.6%;border-radius:12px}.home-page .masthead,.selling-page .masthead{position:absolute;top:24px;left:3.6%;right:3.6%;margin:0}header{grid-template-columns:68px minmax(150px,1fr) auto auto auto;gap:22px;min-height:90px;padding:17px 25px;border:0}header .brand img{width:68px;height:47px}.brand-caption{font-size:18px;line-height:1.35}.brand-caption span{font-size:12px;letter-spacing:.5px;margin-top:3px}.main-nav{gap:26px;align-items:center;flex-wrap:nowrap}.main-nav>a,.nav-group>summary{font:500 15px/1.6 Poppins,Arial,sans-serif;color:#efefef;padding:12px 0;border:0;white-space:nowrap}.main-nav>a:hover,.main-nav a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}.nav-group{position:relative}.nav-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::marker{content:''}.nav-chevron{display:block;flex:0 0 6px;width:6px;height:6px;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg);transition:transform .25s ease;margin-top:-4px}.nav-group[open]>summary>.nav-chevron{transform:rotate(225deg);margin-top:3px}.nav-submenu{list-style:none;margin:0;padding:20px;width:240px;background:#050505;box-shadow:0 6px 28px #00000014}.desktop-nav .nav-submenu{position:absolute;top:100%;left:-20px;z-index:24}.nav-submenu li{padding:0;margin:0}.main-nav .nav-submenu a{display:block;padding:8px 6px;white-space:normal;color:#f0f0f0;font-size:14px;line-height:1.7;border:0}.nav-submenu a:hover,.nav-submenu a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:5px}.nav-group[open]>.nav-submenu{animation:submenu-reveal .3s cubic-bezier(.2,.65,.3,1)}@keyframes submenu-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
header .language-switch{gap:4px;margin:0;padding:0;white-space:nowrap}header .language-switch a{font-size:13px;padding:7px 3px}header .language-switch span{font-size:12px;color:#777}.menu-toggle{display:flex;align-items:center;gap:12px;min-width:0;border:0;border-radius:0;background:transparent;padding:9px 0 9px 12px;min-height:44px;color:#fff}.menu-label{font-size:13px}.menu-lines{display:grid;gap:5px;width:24px}.menu-lines i{height:1px;background:currentColor;display:block;transition:width .25s}.menu-lines i:nth-child(2){width:75%}.menu-toggle:hover .menu-lines i{width:100%}.menu-toggle:focus-visible{outline:2px solid #fff}.navigation-ready .main-nav[hidden]{display:none!important}
.nav-backdrop{position:fixed;inset:0 var(--drawer-width) 0 0;z-index:41;border:0;background:transparent;cursor:pointer}.navigation-panel{position:fixed;z-index:42;inset:0 0 0 auto;width:var(--drawer-width);height:100%;background:#050505;color:#fff;transform:translateX(100%);transition:transform var(--nav-duration) var(--nav-ease);padding:0}.drawer-content{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:90px 64px 40px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:30px}.drawer-brand{font-size:12px;letter-spacing:1.4px;color:#aaa}.drawer-nav{display:flex;flex-direction:column;gap:1px}.drawer-nav>a,.drawer-nav summary{display:flex;font:500 25px/1.5 Poppins,Arial,sans-serif;color:#fff;padding:5px 0;text-decoration:none}.drawer-nav>a:hover{text-decoration:underline;text-underline-offset:7px}.drawer-nav summary{justify-content:space-between}.drawer-nav .nav-chevron{margin-right:8px}.drawer-nav .nav-submenu{position:static;width:auto;padding:4px 0 12px 16px;background:transparent;box-shadow:none}.drawer-nav .nav-submenu a{display:block;font-size:15px;padding:7px 0;line-height:1.6;color:#e0e0e0}.drawer-contact{display:flex;flex-direction:column;gap:9px}.drawer-contact a{font-size:14px;color:#bbb;overflow-wrap:anywhere}.drawer-contact a:hover{color:#fff}.drawer-content>.language-switch{justify-content:flex-start;align-self:flex-start}.drawer-content .language-switch a{font-size:14px}.drawer-legal{display:flex;flex-wrap:wrap;gap:12px 22px}.drawer-legal a{font-size:14px;color:#bbb}.drawer-legal a:hover{color:#fff;text-decoration:underline}.drawer-close{position:absolute;left:-23px;top:calc(50% - 23px);width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#080808;line-height:1;font-size:32px;padding:0;display:grid;place-items:center;z-index:1;transition:transform .3s}.drawer-close:hover{transform:rotate(90deg)}.navigation-panel a:focus-visible,.navigation-panel summary:focus-visible{outline:2px solid #fff;outline-offset:5px}.nav-open{overflow:hidden}.nav-open .site-surface{transform:translateX(calc(var(--drawer-width) * -.67)) scale(.84);filter:brightness(.78);pointer-events:none}.nav-open .navigation-panel{transform:translateX(0)}.nav-open .drawer-nav>*{animation:drawer-link-in .65s both}.nav-open .drawer-nav>:nth-child(2){animation-delay:.07s}.nav-open .drawer-nav>:nth-child(3){animation-delay:.14s}.nav-open .drawer-nav>:nth-child(4){animation-delay:.21s}@keyframes drawer-link-in{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.photo-credit{display:block;text-align:right;font:400 12px/1.6 Poppins,Arial,sans-serif;color:#666;padding:10px var(--gutter);background:#fff}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.hero-photo{object-position:65% 52%}.home-hero:after{background:linear-gradient(90deg,#03080dee 0%,#03080dbb 32%,#03080d33 70%),linear-gradient(0deg,#03080d77,transparent 35%)}
@media(max-width:1100px){header{grid-template-columns:64px minmax(0,1fr) auto auto;gap:18px}.main-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;flex-wrap:wrap;padding-top:12px}.main-nav .mobile-legal{display:block}.navigation-ready .desktop-nav{display:none}.menu-label{display:none}.brand-caption{font-size:19px}}
@media(max-width:680px){:root{--drawer-width:min(360px,calc(100vw - 44px))}.masthead{margin:14px 4%}.home-page .masthead,.selling-page .masthead{left:4%;right:4%;top:14px}header{grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;min-height:80px;padding:14px 16px}header .brand img{width:44px;height:38px}.brand-caption{font-size:14px;line-height:1.3}.brand-caption span{font-size:12px;letter-spacing:0;margin-top:2px}header .language-switch{gap:2px}header .language-switch a{font-size:12px;padding:7px 2px}.menu-toggle{padding:10px 0;min-width:24px}.menu-lines{width:22px}.drawer-content{padding:84px 34px 34px;justify-content:flex-start;gap:25px}.drawer-nav>a,.drawer-nav summary{font-size:25px;padding:8px 0}.drawer-nav .nav-submenu a{font-size:15px}.drawer-close{left:auto;top:23px;right:25px;width:42px;height:42px;font-size:30px}.nav-open .site-surface{transform:translateX(calc(var(--drawer-width) * -.95)) scale(.9)}.main-nav{gap:12px 24px}.desktop-nav .nav-submenu{position:static;width:100%;padding:12px 0}.nav-group>summary,.main-nav>a{font-size:15px}.hero-photo{object-position:62% center}.home-hero:after{background:linear-gradient(0deg,#03080df5 0%,#03080dc9 40%,#03080d33 85%)}.photo-credit{text-align:left;font-size:12px}}
@media(max-width:370px){header{gap:8px;padding:12px}.brand-caption{font-size:13px}.brand-caption span{font-size:12px}.drawer-content{padding-left:25px;padding-right:25px}}
@media(max-height:750px){.drawer-content{justify-content:flex-start;padding-top:55px}}
@media(prefers-reduced-motion:reduce){.site-surface,.navigation-panel,.nav-submenu,.drawer-nav>*,.drawer-close{transition:none!important;animation:none!important}.nav-open .site-surface{transform:none;filter:brightness(.4)}}
@media print{.navigation-panel,.nav-backdrop,.menu-toggle{display:none!important}.site-surface{transform:none!important;filter:none!important}}
/* Direct desktop links, all on the same line as the logo and languages. */
@media(min-width:1101px){
 header{grid-template-columns:50px minmax(190px,1fr) auto auto auto;gap:14px;padding:17px 22px}
 header .brand img{width:50px;height:44px}
 header .brand-caption{font-size:16px;white-space:nowrap}
 header .brand-caption span{font-size:12px;letter-spacing:0}
 .desktop-nav.flat-nav{display:flex;flex-wrap:nowrap;gap:16px;align-items:center;justify-content:flex-end}
 .desktop-nav.flat-nav>a{font-size:14px;white-space:nowrap;flex:none;min-height:44px;display:flex;align-items:center;padding:10px 0}
 .desktop-nav.flat-nav>.mobile-legal{display:none}
 header .menu-label{display:none}
 header .menu-toggle{padding:9px 0 9px 4px}
}
@media(min-width:1101px) and (max-width:1300px){
 header{grid-template-columns:50px minmax(0,1fr) auto auto}
 header .brand-caption{display:none}
 .desktop-nav.flat-nav{gap:14px}
}
@media(min-width:1450px){
 header{grid-template-columns:60px minmax(210px,1fr) auto auto auto;gap:20px;padding:17px 25px}
 header .brand img{width:60px;height:47px}
 header .brand-caption{font-size:18px}
 .desktop-nav.flat-nav{gap:22px}
 .desktop-nav.flat-nav>a{font-size:15px}
}

/* Glossy floating navigation. Sticky stays compatible with the transformed drawer surface. */
:root{--masthead-height:90px;--masthead-gap:24px;--masthead-inset:3.6%}
.navigation-ready{scroll-padding-top:calc(var(--masthead-height) + var(--masthead-gap) + 20px)}
.navigation-ready .site-surface{display:flow-root}
.navigation-ready .masthead{
 position:sticky;top:var(--masthead-gap);left:auto;right:auto;
 margin:var(--masthead-gap) var(--masthead-inset);z-index:30;
}
.navigation-ready .home-page .masthead,.navigation-ready .selling-page .masthead{
 margin-bottom:calc(0px - var(--masthead-height) - var(--masthead-gap));
}
.masthead{
 background:linear-gradient(112deg,#ffffff07 0%,transparent 37%,#ffffff04 70%,transparent 100%),
            linear-gradient(180deg,#27292c 0%,#151618 27%,#050506 52%,#09090a 100%);
 border:1px solid #ffffff26;border-radius:14px;
 box-shadow:inset 0 1px 0 #ffffff28,inset 0 -1px 0 #000,0 15px 36px #00000035;
}
.masthead:before{
 content:'';position:absolute;top:0;left:6%;right:6%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#ffffff80 30%,#ffffffb3 50%,transparent);
}
.masthead header{border-radius:inherit;background:transparent}
.masthead .brand img{filter:brightness(0) invert(1) drop-shadow(0 1px 3px #ffffff22)}
.masthead .brand-caption,.masthead .main-nav>a,.masthead .language-switch a,.masthead .menu-label{
 color:#fff;font-weight:500;text-shadow:0 1px 1px #000,0 0 9px #ffffff1a;
}
.masthead .brand-caption>span{color:#dce0e5;text-shadow:none}
.masthead .language-switch a{font-size:14px}
.masthead .main-nav>a:hover,.masthead .main-nav>a[aria-current=page]{
 color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:7px;
}
.masthead a:focus-visible,.masthead button:focus-visible{outline:2px solid #fff;outline-offset:5px}
/* Bright chrome, with solid white fallback for browsers without text clipping. */
@supports((-webkit-background-clip:text) or (background-clip:text)){
 .masthead .main-nav>a,.masthead .language-switch a{
  background-image:linear-gradient(180deg,#fff 22%,#f5f7fa 45%,#c9d1da 52%,#fff 67%,#edf1f6 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 9px #ffffff1a;
 }
 .masthead .main-nav>a:hover,.masthead .language-switch a:hover{background-image:none;-webkit-text-fill-color:#fff}
}
@media(min-width:1101px){
 .masthead header{grid-template-columns:50px minmax(0,1fr) auto auto;gap:14px;padding:17px 22px}
 .masthead .brand img{width:50px;height:44px}
 .masthead .brand-caption{display:none}
 .masthead .desktop-nav.flat-nav{gap:14px;justify-content:flex-end;flex-wrap:nowrap}
 .masthead .desktop-nav.flat-nav>a{font-size:16px;white-space:nowrap}
}
@media(min-width:1360px) and (max-width:1599px){
 .masthead header{grid-template-columns:50px minmax(205px,1fr) auto auto auto}
 .masthead .brand-caption{display:block;font-size:18px}
}
@media(min-width:1600px){
 .masthead header{grid-template-columns:60px minmax(230px,1fr) auto auto auto;gap:18px;padding:17px 25px}
 .masthead .brand img{width:60px;height:47px}
 .masthead .brand-caption{display:block;font-size:20px}
 .masthead .brand-caption>span{font-size:13px}
 .masthead .desktop-nav.flat-nav{gap:18px}
 .masthead .desktop-nav.flat-nav>a{font-size:17px}
}
@media(max-width:1100px){.masthead .brand-caption{font-size:20px}}
@media(max-width:680px){
 :root{--masthead-height:82px;--masthead-gap:max(12px,env(safe-area-inset-top));--masthead-inset:4%}
 .masthead{border-radius:12px}
 .masthead .brand-caption{font-size:16px;line-height:1.3}
 .masthead .brand-caption>span{font-size:12px}
 .masthead .language-switch a{font-size:13px}
}
@media(max-width:370px){.masthead .brand-caption{font-size:14px}}
@media(forced-colors:active){
 .masthead{background:Canvas;border-color:CanvasText;box-shadow:none}
 .masthead:before{display:none}
 .masthead .main-nav>a,.masthead .language-switch a{background:none;-webkit-text-fill-color:LinkText;text-shadow:none}
 .masthead .brand-caption,.masthead .brand-caption>span,.masthead .menu-toggle{color:CanvasText;text-shadow:none}
}
@media print{
 .navigation-ready .masthead{position:relative;top:auto;box-shadow:none}
 .navigation-ready .home-page .masthead,.navigation-ready .selling-page .masthead{margin-bottom:var(--masthead-gap)}
}
