@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@400;500;600&display=swap');

:root{color-scheme:light;--paper:#f5f2eb;--ink:#332c27;--muted:#777065;--accent:#84715a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
.page{display:grid;grid-template-columns:49% 51%;min-height:100svh;padding:18px}
.content{display:flex;flex-direction:column;padding:29px clamp(28px,4.5vw,82px) 16px clamp(28px,4.1vw,72px)}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}
.brand-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:500;letter-spacing:4px;line-height:1.05}
.brand-sub{font-size:9px;letter-spacing:4.5px;margin-top:8px;padding-left:4px}
.languages{display:flex;gap:9px;align-items:center;font-size:10px;color:#a19b91}
.languages button{font:inherit;font-size:10px;letter-spacing:1px;background:transparent;border:0;color:#81796d;cursor:pointer;padding:10px 3px}
.languages button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:85px 0 105px;animation:arrive .9s ease both}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:2.5px;font-weight:500;color:var(--accent)}
.line{width:31px;height:1px;background:#a58b69}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(64px,6.4vw,104px);letter-spacing:-3.5px;line-height:1.03;margin:32px 0 28px}
h1 em{font-weight:400;color:#887660}
.description{max-width:335px;font-size:12px;line-height:1.95;color:var(--muted);margin:0}
.launch{display:flex;align-items:center;gap:10px;margin-top:43px;font-size:10px;letter-spacing:.3px;color:#776a59}
.dot{width:5px;height:5px;background:#9d8769;border-radius:50%;box-shadow:0 0 0 4px #9d876912}
.footer{border-top:1px solid #dcd6ca;display:flex;justify-content:space-between;gap:15px;padding-top:21px;font-size:8px;letter-spacing:1px;color:#8e867b}
.footer>span:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;font-style:italic;letter-spacing:.1px;margin-top:-3px}
.visual{position:relative;min-height:640px;overflow:hidden;background:#c4b29b;color:#fff8ed}
.visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 51%}
.visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#281d121c 0%,transparent 30%,transparent 60%,#23170c85 100%);pointer-events:none}
.visual-top,.visual-bottom{position:absolute;z-index:1;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}
.visual-top{top:30px;font-size:8px;font-weight:500;letter-spacing:2px}
.symbol{width:35px;height:35px}
.visual-bottom{bottom:33px;align-items:flex-end;gap:20px}
.visual-bottom p{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.15;margin:0;letter-spacing:-.2px}
.caption{font-size:7px;letter-spacing:1.5px;white-space:nowrap;padding-bottom:3px}
@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.content{padding-right:100px;padding-left:90px}.description{font-size:14px;max-width:390px}.eyebrow{font-size:10px}.launch{font-size:11px}}
@media(max-width:1000px){.content{padding:24px 28px 14px}.page{grid-template-columns:51% 49%;padding:12px}h1{font-size:70px}.footer{flex-direction:column;gap:13px}.visual-top,.visual-bottom{left:24px;right:24px}.caption{display:none}}
@media(max-width:700px){.page{display:flex;flex-direction:column;padding:0;min-height:100svh}.content{padding:30px 28px 24px}.brand-name{font-size:28px}.brand-sub{font-size:8px;letter-spacing:3.8px}.header{gap:20px}main{padding:68px 0 48px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(62px,13vw,86px);letter-spacing:-2.5px;margin:25px 0 22px}.description{font-size:12px;max-width:330px}.launch{margin-top:28px}.footer{flex-direction:row;align-items:center;padding-top:18px;font-size:7px}.footer>span:last-child{font-size:12px;margin:0}.visual{min-height:0;height:75svh;max-height:700px;margin:0 12px 12px}.visual>img{object-position:center 54%}.visual-top{top:23px}.visual-bottom{bottom:26px}.visual-bottom p{font-size:28px}.caption{display:block;font-size:6px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){main{animation:none}}
