@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Playfair+Display:wght@400;500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2eee5;color:#17262a;font-family:Inter,Arial}.app{display:grid;grid-template-columns:46vw 54vw;min-height:100vh}.visual{height:100vh;position:sticky;top:0}.hero{height:100vh;padding:25px;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#0002,#000b),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=90') center/cover}.hero:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff55}.top,.content{position:relative;z-index:2}.top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:4px;color:#fff}.content{text-align:center;margin:auto 0 30px}.mini{font-size:9px;letter-spacing:4px;color:#b08d55;margin-bottom:15px}h1{font:400 62px/.9 'Playfair Display';margin:0;color:#fff}.tag{font:italic 19px 'Playfair Display';margin:16px 0;color:#eee}.social{display:flex;justify-content:center;gap:10px;margin-top:22px}.social a{width:39px;height:39px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none}.content-panel{min-width:0;background:#f2eee5}.section{padding:64px clamp(28px,5vw,80px);border-bottom:1px solid #17262a18}.eyebrow{font-size:9px;letter-spacing:4px;color:#b08d55;text-align:center;margin-bottom:18px}.section>h2{text-align:center;font:400 40px 'Playfair Display';margin:0 0 28px}.links{display:grid;gap:9px}.link{padding:21px;border:1px solid #17262a33;color:#17262a;text-decoration:none;display:flex;justify-content:space-between;align-items:center;font:400 20px 'Playfair Display';transition:.25s}.link:hover{border-color:#b08d55;transform:translateX(4px)}.link span{color:#b08d55}.about{text-align:center}.about h2{font:400 34px 'Playfair Display'}.about p{font-size:13px;line-height:1.8;color:#17262a99;max-width:650px;margin:0 auto}.cta{display:inline-block;margin-top:24px;padding:16px 28px;border:1px solid #b08d55;color:#17262a;text-decoration:none;font-size:9px;letter-spacing:3px}.cta:hover{background:#17262a;color:#f2eee5}footer{padding:25px;text-align:center;font-size:8px;letter-spacing:3px;color:#17262a66}@media(max-width:800px){.app{display:block;max-width:560px;margin:auto}.visual{height:auto;position:relative}.hero{height:82vh;min-height:600px}.content-panel{width:100%}.section{padding:48px 25px}.section>h2{font-size:38px}.about h2{font-size:34px}}