@font-face{font-family:Barlow;src:url('fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/Barlow-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ground:#101315;--surface:#1b2023;--ink:#f5f5f2;--gold:#e9b43a;--muted:#c8cbca;--space:clamp(24px,5vw,88px);--font:Barlow,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-weight:400;font-size:18px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:7px}button:disabled{cursor:wait}svg{flex-shrink:0}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:16px;padding:12px 20px;background:var(--gold);color:var(--ground);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;top:0;left:0;width:100%;height:124px;padding:24px var(--space);display:flex;align-items:center;gap:44px;z-index:5}.site-identity{display:flex;align-items:center;gap:16px;margin-right:auto}.identity-mark{display:flex;align-items:center;justify-content:center;width:64px;height:72px;background:#f5f3ee}.identity-mark img{width:auto;max-width:49px;max-height:58px;object-fit:contain}.identity-name{font-size:19px;line-height:1.16}.desktop-nav{display:flex;gap:44px;align-items:center;font-size:18px}.desktop-nav a{transition:color .2s,transform .2s}.desktop-nav a:hover{color:var(--gold);transform:translateY(-2px)}.header-inquiry{display:flex;align-items:center;gap:18px}.header-inquiry svg{width:19px;height:19px}.menu-toggle{background:transparent;border:0;width:48px;height:48px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;padding:8px}.menu-toggle span{display:block;width:29px;height:2px;background:var(--gold);transition:transform .2s}.menu-toggle span:last-child{width:20px}.menu-toggle:hover span:last-child{transform:translateX(-9px)}
.hero{position:relative;min-height:860px;min-height:max(860px,100svh);isolation:isolate;overflow:hidden;background:var(--ground);display:flex;align-items:center;padding:160px var(--space) 238px}.hero-visual{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:0;transform:scale(1.035);transition:opacity .85s ease,transform 1.4s cubic-bezier(.2,.65,.3,1)}.hero-image.is-active{opacity:1;transform:scale(1)}.hero-image[data-image="comptex"]{object-position:48% 56%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,19,21,.99) 3%,rgba(16,19,21,.82) 28%,rgba(16,19,21,.23) 74%,rgba(16,19,21,.04)),linear-gradient(0deg,rgba(16,19,21,.98),rgba(16,19,21,0) 45%,rgba(16,19,21,.28))}.hero-copy{width:100%;position:relative}.hero h1{margin:0;font-size:clamp(76px,8.5vw,145px);font-weight:400;line-height:.96;letter-spacing:-.038em;max-width:1250px}.hero h1>span{display:block;white-space:nowrap}.hero-details{margin-top:30px;max-width:460px}.hero-intro{font-size:20px;line-height:1.5;margin:0;min-height:90px}.inquiry-link{margin-top:25px;display:inline-flex;align-items:center;gap:24px;color:var(--gold);min-height:48px;transition:gap .25s}.inquiry-link:hover{gap:34px}.inquiry-link svg{width:22px;height:22px;transition:transform .25s}.inquiry-link:hover svg{transform:translate(2px,-2px)} /* taste-skill-ignore: neutral scrim over a real catalogue photograph. */
.brand-navigation{position:absolute;left:var(--space);right:var(--space);bottom:72px;display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:42px;align-items:end}.brand-prompt{font-size:18px;line-height:1.5;margin:0;padding-bottom:13px}.brand-option{display:block;padding:16px 0 13px;position:relative;transition:transform .3s,color .3s}.brand-option::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}.brand-option[aria-current="true"]::after{transform:scaleX(1)}.brand-option:hover{transform:translateY(-4px)}.brand-name{font-size:clamp(30px,3.1vw,48px);line-height:1.2;display:flex;gap:24px;align-items:center}.brand-name svg{width:24px;height:24px;color:var(--gold);transition:transform .25s}.brand-option:hover svg{transform:translate(3px,-3px)}.brand-description{font-size:17px;display:block;margin-top:9px;color:var(--muted)}.site-footer{position:relative;display:flex;justify-content:space-between;gap:20px;padding:17px var(--space);font-size:15px;color:var(--muted);background:var(--ground)}.home .site-footer{margin-top:-56px;z-index:2;background:transparent}
.site-menu{inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:var(--ground);padding:var(--space);color:var(--ink)}.site-menu::backdrop{background:var(--ground)}.menu-close{position:absolute;right:var(--space);top:38px;display:flex;align-items:center;gap:20px;border:0;background:transparent;min-height:48px}.menu-close span{font-size:40px;line-height:1}.menu-content{max-width:1050px;margin:100px auto 0}.menu-content>p{color:var(--gold);font-size:22px}.menu-content nav{display:flex;flex-direction:column;gap:25px}.menu-content nav>a{font-size:clamp(32px,5vw,72px);line-height:1.3;display:flex;align-items:center;gap:30px;transition:color .2s}.menu-content nav>a:hover{color:var(--gold)}.menu-content nav>a>span{font-size:18px;margin-left:auto}.menu-content svg{width:32px;height:32px}
.content-page{max-width:1000px;padding:190px var(--space) 80px;margin:auto;min-height:calc(100svh - 60px)}.content-page h1{font-size:clamp(44px,6vw,80px);font-weight:400;line-height:1.1;margin:0 0 42px}.entry-content{max-width:700px}.entry-content label{display:block;margin-bottom:20px}.entry-content input:not([type=submit]),.entry-content textarea{display:block;width:100%;background:var(--surface);color:var(--ink);border:0;padding:14px 16px;margin-top:8px;border-radius:0}.entry-content input[type=submit]{background:var(--gold);color:var(--ground);padding:16px 30px;border:0;cursor:pointer}.entry-content textarea{height:150px}.wpcf7-response-output{padding:16px!important}.wpcf7-not-valid-tip{color:#ffb496;font-size:16px}.admin-bar .site-header{top:32px}
.entrance{animation:arrive .9s cubic-bezier(.2,.65,.3,1) both}.site-identity{animation-delay:0s}.desktop-nav{animation-delay:.06s}.menu-toggle{animation-delay:.12s}.hero h1>span:first-child{animation-delay:.14s}.hero h1>span:last-child{animation-delay:.22s}.hero-details{animation-delay:.3s}.brand-prompt{animation-delay:.38s}.brand-option:nth-of-type(1){animation-delay:.44s}.brand-option:nth-of-type(2){animation-delay:.5s}.hero-visual{animation:photo-arrive 1.5s ease both}.hero-image.is-active{animation:drift 18s ease-in-out infinite alternate}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrive{from{opacity:.25}to{opacity:1}}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:1700px){.hero{min-height:max(950px,100svh)}.hero-details{margin-top:40px}.hero-intro{min-height:80px}}
@media(max-width:1000px){.site-header{height:110px;gap:24px}.hero{min-height:max(900px,100svh);padding-top:160px;padding-bottom:270px}.hero-visual{left:0}.hero-shade{background:linear-gradient(90deg,rgba(16,19,21,.94),rgba(16,19,21,.28)),linear-gradient(0deg,rgba(16,19,21,.99),rgba(16,19,21,0) 65%)}.hero h1{font-size:8.8vw}.brand-navigation{grid-template-columns:.8fr 1fr 1.2fr;gap:25px}.brand-name{font-size:35px}.brand-prompt{font-size:17px}.brand-description{font-size:16px}.menu-content nav>a{flex-wrap:wrap}.menu-content nav>a>span{display:none}} /* taste-skill-ignore: neutral scrim over a real catalogue photograph. */
@media(max-width:600px){:root{--space:24px}.site-header{height:100px;padding-top:18px;padding-bottom:18px;gap:14px}.identity-mark{width:46px;height:55px}.identity-mark img{max-width:37px;max-height:44px}.identity-name{font-size:16px}.desktop-nav{gap:0;font-size:16px}.desktop-nav>a:first-child{display:none}.desktop-nav .header-inquiry{display:none}.menu-toggle{width:44px}.hero{min-height:max(800px,100svh);padding:150px var(--space) 265px;align-items:center}.hero-visual{left:0}.hero-image{object-position:60% 35%}.hero-image[data-image=comptex]{object-position:48% 42%}.hero-shade{background:linear-gradient(0deg,rgba(16,19,21,.99) 1%,rgba(16,19,21,.78) 34%,rgba(16,19,21,.33) 76%,rgba(16,19,21,.56)),linear-gradient(90deg,rgba(16,19,21,.45),rgba(16,19,21,0))}.hero h1{font-size:9.55vw;line-height:1.04;letter-spacing:-.035em}.hero-details{margin-top:23px;max-width:320px}.hero-intro{font-size:18px;line-height:1.5;min-height:108px}.inquiry-link{font-size:17px;margin-top:12px;gap:16px}.brand-navigation{bottom:82px;grid-template-columns:1fr 1.15fr;gap:22px}.brand-prompt{grid-column:1/-1;padding:0;margin-bottom:-9px;font-size:16px}.brand-prompt br{display:none}.brand-prompt br::after{content:' '}.brand-name{font-size:30px;gap:14px}.brand-name svg{width:20px;height:20px}.brand-description{font-size:15px;line-height:1.4;max-width:150px}.brand-option{padding:7px 0 13px}.site-footer{font-size:14px;padding-top:18px;padding-bottom:18px}.home .site-footer{margin-top:-57px}.menu-content{margin-top:100px}.menu-content nav{gap:32px}.menu-content nav>a{font-size:36px;justify-content:space-between}.menu-content svg{width:24px;height:24px}.menu-close{top:25px}.content-page{padding-top:150px}.admin-bar .site-header{top:46px}} /* taste-skill-ignore: neutral scrim over a real catalogue photograph. */
@media(max-width:360px){:root{--space:20px}.hero h1{font-size:9.3vw}.brand-name{font-size:27px}.brand-description{font-size:14px}.hero-intro{font-size:17px}.identity-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.entrance{opacity:1;transform:none}.hero-image.is-active{transform:none}}

