:root{--hero-white:#f8f4ea;--hero-accent:#ed774d;--hero-line:rgba(255,255,255,.46);--hero-pad:clamp(22px,4.15vw,64px)}
.hero{position:relative;min-height:690px;height:100svh;display:block;overflow:hidden;isolation:isolate;color:var(--hero-white)}
.hero:after{content:none}
.hero-video,.hero .shade,.hero .grain{position:absolute;inset:0;width:100%;height:100%}
.hero-video{z-index:-4;object-fit:cover;object-position:center}
.hero .shade{z-index:-3;background:linear-gradient(180deg,rgba(6,16,12,.5) 0%,rgba(6,16,12,.08) 38%,rgba(5,18,13,.7) 100%),linear-gradient(90deg,rgba(5,19,13,.35),transparent 62%)}
.hero .grain{z-index:-2;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.header{height:68px;position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:clamp(24px,4vw,68px);padding:0 var(--hero-pad);border-bottom:1px solid rgba(255,255,255,.18);color:#fff}
.header .brand{height:68px;display:flex;align-items:center}
.header .brand img{display:block;width:174px;max-height:54px;filter:brightness(0) invert(1) drop-shadow(0 6px 18px rgba(0,0,0,.2))}
.header .nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.55vw,26px);font-size:inherit;font-weight:inherit;white-space:nowrap}
.header .nav-links a{position:relative;font-size:clamp(10px,.92vw,14px);font-weight:600;letter-spacing:-.015em;padding:24px 0}
.header .nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:1px;background:currentColor;transition:right .3s ease}
.header .nav-links a:hover:after{right:0}
.header .contact{display:inline-grid;place-items:center;height:36px;padding:0 18px;border:1px solid rgba(255,255,255,.75);border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:.25s}
.header .contact:hover{background:var(--hero-white);color:#173328}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;width:42px;height:36px;align-items:center;justify-content:center;cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:18px;height:1px;background:currentColor;transition:.25s}
.menu-toggle span{margin:5px 0}
.hero .brand-word{position:absolute;z-index:1;top:clamp(88px,6.2vw,118px);left:var(--hero-pad);right:var(--hero-pad);margin:0;font:700 clamp(66px,6.75vw,138px)/.82 Jura,Arial,sans-serif;letter-spacing:-.085em;color:#fff;text-transform:uppercase;white-space:nowrap;text-shadow:0 12px 42px rgba(0,0,0,.18)}
.hero .bottom{position:absolute;z-index:2;left:var(--hero-pad);right:var(--hero-pad);bottom:clamp(30px,5.3vh,66px);display:grid;grid-template-columns:minmax(360px,1.35fr) minmax(260px,.8fr) minmax(220px,.7fr);align-items:end;gap:clamp(34px,6vw,110px)}
.hero .title-wrap{max-width:660px}
.hero .eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 15px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.19em;color:#f1cf82}
.hero .eyebrow:before{content:"";width:38px;height:1px;background:currentColor}
.hero h1{margin:0;font:600 clamp(42px,4.25vw,65px)/.91 Jura,Arial,sans-serif;letter-spacing:-.065em;text-wrap:balance}
.hero .description{max-width:360px;margin:0 0 1px;padding:16px 18px;border-radius:18px;font-size:clamp(13px,1.04vw,16px);line-height:1.55;color:rgba(255,255,255,.94);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 40px rgba(3,13,9,.18),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
.hero .actions{display:grid;gap:14px;align-self:end}
.hero .cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 0 10px;border-bottom:1px solid var(--hero-line);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.hero .cta i{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font:normal 17px/1 Arial;transition:.25s}
.hero .cta:hover i{background:var(--hero-accent);border-color:var(--hero-accent);transform:translate(3px,-3px)}
.hero .tradition{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.64);text-align:right}
.hero .scroll{position:absolute;right:var(--hero-pad);bottom:15px;z-index:2;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.62)}
.hero .scroll:before{content:"";display:inline-block;width:42px;height:1px;margin:0 12px 3px 0;background:rgba(255,255,255,.5)}
.mobile-menu{display:none}
@media(max-width:1100px){
  .header{grid-template-columns:170px 1fr auto;gap:18px}.header .brand img{width:154px}.header .nav-links{gap:14px}.header .nav-links a{font-size:10.5px}
  .hero .bottom{grid-template-columns:1.2fr .8fr;gap:46px}.hero .description{grid-column:1}.hero .actions{grid-column:2;grid-row:1}.hero .tradition{grid-column:2;grid-row:2}.hero .brand-word{font-size:6.75vw}
}
@media(max-width:800px){
  body.menu-open{overflow:hidden}.hero{min-height:720px}.header{z-index:8;height:70px;grid-template-columns:1fr auto;padding:0 20px;border-bottom:0}.header .brand{height:70px;position:relative;z-index:7}.header .brand img{width:154px}.header .nav-links,.header .contact{display:none}
  .menu-toggle{display:block;position:relative;z-index:7;border:0;outline:0;width:34px;height:42px;padding:9px 3px;background:transparent}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{width:24px}.menu-toggle[aria-expanded="true"] span{opacity:0}.menu-toggle[aria-expanded="true"]:before{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"]:after{transform:translateY(-6px) rotate(-45deg)}
  .hero .brand-word{top:94px;left:20px;right:14px;font-size:clamp(46px,13vw,78px);line-height:.82;letter-spacing:-.095em;white-space:normal;max-width:calc(100vw - 34px)}
  .hero .bottom{left:20px;right:20px;bottom:35px;display:block}.hero .title-wrap{max-width:590px}.hero h1{font-size:clamp(44px,11vw,68px);max-width:620px}.hero .description{max-width:470px;margin:24px 0 27px;font-size:14px}.hero .actions{max-width:350px}.hero .tradition{text-align:left;margin-top:17px}.hero .scroll{display:none}
  .mobile-menu{position:fixed;z-index:6;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:112px 14px 32px;background:#49352e;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);transition:opacity .32s ease,transform .42s cubic-bezier(.22,.8,.2,1),visibility .32s}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-nav{display:grid;justify-items:end;gap:clamp(19px,3.2vh,31px);width:100%}.mobile-nav a{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;width:max-content;max-width:100%;padding:0;border:0;font-size:clamp(27px,8vw,35px);font-weight:400;line-height:1;letter-spacing:-.035em;opacity:0;transform:translateX(28px);transition:opacity .28s ease,transform .38s ease}.mobile-menu.open .mobile-nav a{opacity:1;transform:none}.mobile-menu.open .mobile-nav a:nth-child(2){transition-delay:.035s}.mobile-menu.open .mobile-nav a:nth-child(3){transition-delay:.07s}.mobile-menu.open .mobile-nav a:nth-child(4){transition-delay:.105s}.mobile-menu.open .mobile-nav a:nth-child(5){transition-delay:.14s}.mobile-menu.open .mobile-nav a:nth-child(6){transition-delay:.175s}.mobile-menu.open .mobile-nav a:nth-child(7){transition-delay:.21s}.mobile-nav small{font-size:11px;line-height:1;color:rgba(255,255,255,.27);letter-spacing:0}
  .menu-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-socials{display:flex;gap:7px}.menu-socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;transition:.2s}.menu-socials a:hover{background:#fff;color:#49352e}.menu-socials svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.menu-socials .fill-icon{fill:currentColor;stroke:none}.menu-langs{display:flex}.menu-langs span{display:grid;place-items:center;width:68px;height:38px;border:1px solid rgba(255,255,255,.5);font-size:11px;font-weight:700}.menu-langs span:first-child{border-radius:12px 0 0 12px}.menu-langs span:last-child{border-radius:0 12px 12px 0}.menu-langs .active{background:#fff;color:#49352e;border-color:#fff}
}
@media(max-width:480px){
  .header{grid-template-columns:1fr auto}.hero .brand-word{top:96px;font-size:13vw}.hero .bottom{bottom:30px}.hero .eyebrow{margin-bottom:12px}.hero h1{font-size:12vw}.hero .description{margin:20px 0 24px;line-height:1.5}.hero .tradition{display:none}.hero-video{object-position:58% center}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.menu-toggle:before,.menu-toggle:after,.mobile-menu,.mobile-nav a{transition:none!important}}
