
:root{--cream:#f7f2e8;--ink:#1f281f;--line:rgba(255,255,255,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream)}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;color:#fff}
a{color:inherit}.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
.hero__media,.hero__media picture,.hero__media img{position:absolute;inset:0;width:100%;height:100%}
.hero__media{z-index:-3}.hero__media img{object-fit:cover;object-position:50% 52%}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,18,13,.72) 0%,rgba(13,18,13,.40) 35%,rgba(13,18,13,.08) 66%,rgba(13,18,13,.16) 100%),linear-gradient(0deg,rgba(10,14,10,.44) 0%,transparent 43%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 25%)}
.site-header{width:min(1440px,calc(100% - 64px));margin:0 auto;min-height:92px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;display:inline-flex;flex-direction:column;gap:2px;white-space:nowrap}
.brand__name{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.17em}
.brand__sub{font-size:9px;text-transform:uppercase;letter-spacing:.18em;opacity:.78}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.desktop-nav a,.language a{text-decoration:none;font-size:13px;letter-spacing:.035em;opacity:.92}
.language{display:flex;gap:8px;align-items:center;margin-left:8px;font-size:12px}
.language .active{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.mobile-menu{display:none}
.hero__content{width:min(1440px,calc(100% - 64px));margin:auto auto 9vh;padding-top:80px}
.hero__copy{max-width:720px}.eyebrow{margin:0 0 20px;font-size:12px;text-transform:uppercase;letter-spacing:.19em;font-weight:700}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,8vw,122px);line-height:.92;letter-spacing:.025em;font-weight:400}
.hero__subtitle{margin:24px 0 0;max-width:620px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,42px);line-height:1.12}
.hero__tagline{margin:24px 0 0;max-width:560px;font-size:17px;line-height:1.55}
.hero__actions{margin-top:34px}.button{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border:1px solid rgba(255,255,255,.66);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:13px;letter-spacing:.05em}
.button:hover{background:#fbf8f1;color:var(--ink)}.scroll-hint{position:absolute;right:32px;bottom:28px;display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;opacity:.8;writing-mode:vertical-rl}
.scroll-hint:after{content:"";width:1px;height:52px;background:rgba(255,255,255,.7)}
@media(max-width:960px){
.site-header{width:calc(100% - 36px);min-height:76px}.desktop-nav,.site-header>.language{display:none}
.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}.mobile-menu summary::-webkit-details-marker{display:none}
.hamburger,.hamburger:before,.hamburger:after{display:block;width:22px;height:1px;background:#fff;content:""}.hamburger{position:relative}.hamburger:before{position:absolute;top:-7px}.hamburger:after{position:absolute;top:7px}
.mobile-menu[open] .hamburger{background:transparent}.mobile-menu[open] .hamburger:before{top:0;transform:rotate(45deg)}.mobile-menu[open] .hamburger:after{top:0;transform:rotate(-45deg)}
.mobile-menu__panel{position:absolute;right:0;top:55px;width:min(300px,calc(100vw - 36px));padding:18px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(18,24,18,.9);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.24)}
.mobile-menu__panel nav{display:grid}.mobile-menu__panel nav a{padding:12px 6px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-menu__panel .language{margin:16px 6px 4px}
.hero__content{width:calc(100% - 36px);margin-bottom:8vh;padding-top:60px}.scroll-hint{display:none}}
@media(max-width:700px){
.hero__media img{object-position:50% 48%}.hero:before{background:linear-gradient(0deg,rgba(10,14,10,.80) 0%,rgba(10,14,10,.36) 48%,rgba(10,14,10,.05) 72%),linear-gradient(180deg,rgba(10,14,10,.27),transparent 28%)}
.hero__content{margin-top:auto;margin-bottom:6.5vh;padding-top:280px}.eyebrow{font-size:10px;margin-bottom:14px}h1{font-size:clamp(50px,17vw,76px)}
.hero__subtitle{margin-top:18px;font-size:clamp(23px,7.2vw,31px)}.hero__tagline{margin-top:16px;font-size:15px;line-height:1.48}.hero__actions{margin-top:25px}.button{min-height:47px;padding:0 20px}.brand__name{font-size:17px}.brand__sub{font-size:8px}}
