:root{color-scheme:dark;--bronze:#e8b777;--silver:#c8c6c2}*{box-sizing:border-box}body{color:#eee;background:#141414;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.hero{isolation:isolate;background:#171717;height:100svh;min-height:620px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:url(/assets/slate-original.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.header{justify-content:space-between;align-items:center;gap:40px;display:flex;position:absolute;top:6%;left:10.1%;right:9.9%}nav{align-items:center;gap:clamp(25px,3.25vw,55px);display:flex}nav a,nav button{color:#e4e3e1;text-transform:uppercase;letter-spacing:.23em;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 8px 14px;font-size:clamp(11px,.84vw,14px);text-decoration:none;position:relative}nav a:after,nav button:after{content:"";background:var(--bronze);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}nav .active{color:var(--bronze)}nav .active:after,nav :hover:after{transform:scaleX(1)}.quality{color:var(--bronze);text-transform:uppercase;letter-spacing:.23em;white-space:nowrap;align-items:center;gap:26px;margin:0 0 14px;font-size:clamp(10px,.84vw,14px);display:flex}.quality span{background:var(--bronze);width:70px;height:1px}.identity{text-align:center;width:100%;position:absolute;top:35.1%}.brand{align-items:center;gap:7.9%;width:51.6%;margin:0 auto;display:flex}.symbol{filter:drop-shadow(5px 8px 5px #000b);flex-shrink:0;width:19.7%;height:auto;transition:filter .5s}.symbol:hover{filter:drop-shadow(6px 10px 6px #000c)}.wordmark{flex:1;min-width:0}h1{letter-spacing:.205em;color:#0000;filter:drop-shadow(2px 2px #777)drop-shadow(6px 8px 4px #000c);background:linear-gradient(115deg,#dbd9d5,#a7a5a1 27%,#e0deda 43%,#b2b0ad 70%,#dedcd7);-webkit-background-clip:text;background-clip:text;margin:-12px -.205em 0 0;font-size:clamp(64px,9.38vw,190px);font-weight:300;line-height:1.08;transition:filter .6s}.profession{color:var(--silver);letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;text-shadow:3px 4px 3px #000;margin:12px -.25em 0 0;font-size:clamp(14px,2.02vw,40px);line-height:1.2}.divider{background:var(--bronze);width:7%;height:2px;margin:44px auto 28px;display:block;box-shadow:0 2px 3px #000}.tagline{color:var(--bronze);letter-spacing:.34em;text-transform:uppercase;text-shadow:2px 3px 3px #000;margin:0 0 0 .34em;font-size:clamp(14px,1.55vw,30px);font-weight:400}.discover{color:#eee;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:21px;padding:0 15px;font-size:14px;display:flex;position:absolute;bottom:8.3%;left:50%;transform:translate(-50%)}.arrow{background:var(--bronze);width:1px;height:35px;animation:4s ease-in-out infinite drift;display:block;position:relative}.arrow:after{content:"";border-right:1px solid var(--bronze);border-bottom:1px solid var(--bronze);width:17px;height:17px;position:absolute;bottom:1px;left:-8px;transform:rotate(45deg)}:focus-visible{outline:2px solid var(--bronze);outline-offset:7px}dialog{color:#eee;background:#202020;border:1px solid #9c7954;max-width:min(440px,88vw);padding:30px;line-height:1.6}dialog::backdrop{background:#0009}dialog h2{font-size:20px;font-weight:400}dialog button{border:1px solid var(--bronze);color:var(--bronze);cursor:pointer;background:0 0;padding:10px 22px}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(width>=1900px){.divider{margin-top:52px}}@media(width<=1100px){.header{gap:20px;left:6%;right:6%}nav{gap:20px}.quality{gap:15px}.quality span{width:35px}.brand{width:65%}h1{font-size:11.7vw}.profession{font-size:2.5vw}.tagline{font-size:1.9vw}.divider{width:9%;margin-top:38px}}@media(width<=760px){.hero{min-height:600px}.header{flex-direction:column;gap:20px;top:5%}nav{justify-content:space-between;gap:4px;width:100%}nav a,nav button{letter-spacing:.14em;padding-inline:2px;font-size:10px}.quality{gap:14px;margin:0;font-size:9px}.quality span{width:30px}.identity{top:38%}.brand{gap:6%;width:84%}h1{letter-spacing:.17em;margin-top:-5px;margin-right:-.17em;font-size:15.4vw}.profession{letter-spacing:.16em;margin-top:8px;font-size:3.13vw}.divider{width:17%;margin:34px auto 25px}.tagline{letter-spacing:.24em;font-size:2.72vw}.discover{font-size:11px;bottom:10%}}@media(height<=650px)and (width>=761px){.hero{min-height:500px}.identity{top:31%}.brand{width:48%}h1{font-size:8.7vw}.profession{font-size:1.85vw}.divider{margin:20px auto}.discover{gap:12px;font-size:11px;bottom:5%}.arrow{height:24px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(width>=1101px){.brand{align-items:flex-start}h1{margin-top:0;font-size:9.1vw;line-height:.98}.profession{margin-top:1px}.divider{margin-top:37px}nav{gap:2.65vw}}@media(width>=761px)and (width<=1000px){.header{flex-direction:column;gap:18px}nav{justify-content:space-between;gap:12px;width:100%}.quality{margin-bottom:0}}.hero-tools{align-items:center;gap:26px;margin-bottom:14px;display:flex}.hero-tools .quality{margin:0}.hero-language{letter-spacing:.12em;white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.hero-language span{color:#777}.hero-language a{color:#c8c6c2;padding:8px 2px;text-decoration:none;transition:color .28s,text-shadow .28s}.hero-language a[aria-current]{color:var(--bronze)}nav a{text-shadow:0 0 18px #e8b77700;transition:color .28s,text-shadow .28s}@media(hover:hover){nav a:hover,.hero-language a:hover{color:#ffe1b6;text-shadow:0 0 14px #e8b77788,0 0 28px #e8b77744}}nav a:focus-visible{color:#ffe1b6;text-shadow:0 0 14px #e8b77788}h1{filter:brightness()drop-shadow(2px 2px #777)drop-shadow(6px 8px 4px #000c)drop-shadow(0 0 24px #e8b77700);transition:filter .38s cubic-bezier(.2,.65,.3,1)}h1:hover{filter:brightness()drop-shadow(2px 2px #777)drop-shadow(6px 8px 4px #000c)drop-shadow(0 0 24px #e8b77700)}.symbol{filter:brightness()drop-shadow(5px 8px 5px #000b)drop-shadow(0 0 20px #e8b77700);transition:filter .38s cubic-bezier(.2,.65,.3,1)}.profession{transition:color .38s,text-shadow .38s}@media(hover:hover){.brand:hover h1{filter:brightness(1.32)drop-shadow(2px 2px #aaa)drop-shadow(6px 8px 4px #000c)drop-shadow(0 0 24px #e8b77755)}.brand:hover .symbol{filter:brightness(1.2)drop-shadow(5px 8px 5px #000b)drop-shadow(0 0 20px #e8b77744)}.brand:hover .profession{color:#ece9e3;text-shadow:3px 4px 3px #000,0 0 20px #e8b77744}}@media(width<=1250px){.hero-tools{gap:16px}.hero-tools .quality{gap:12px}.hero-tools .quality span{width:30px}}@media(width<=1000px){.hero-tools{margin-bottom:0}}@media(width<=760px){.hero-tools{justify-content:space-between;gap:12px;width:100%}.hero-language{font-size:11px}}@media(prefers-reduced-motion:reduce){.brand h1,.symbol,.profession,nav a,.hero-language a{transition:none!important}}@media(width<=760px){nav a{letter-spacing:.08em;padding-inline:1px;font-size:9px}}@media(width<=360px){nav a{letter-spacing:.04em;font-size:8px}nav{gap:2px}}.skip{z-index:5;color:#e8b777;background:#222;padding:12px;position:absolute;top:-80px;left:20px}.skip:focus{top:10px}
