:root{--navy:#142c36;--sand:#eee9e0;--ink:#20343b;--gold:#9a7851}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#faf9f6;color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}button,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bf975a;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#faf9f6;border-bottom:1px solid #deded8}.brand{display:flex;align-items:center;gap:15px;font-size:18px;letter-spacing:3px;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:5px}.monogram{font:58px Georgia;letter-spacing:-6px}.monogram span,.about-symbol span{color:var(--gold)}nav{display:flex;gap:35px;align-items:center;font-size:14px}.outline{padding:12px 22px;border:1px solid #b8c0bf}.hero{position:relative;height:670px;min-height:540px;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,37,.88),rgba(9,29,37,.32) 70%)}.hero-copy{position:absolute;left:8%;top:19%;max-width:780px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:600;margin:0 0 22px}.hero h1{font:clamp(42px,4.8vw,72px)/1.07 Georgia,serif;letter-spacing:-2px;margin:0 0 24px}.hero-copy>p:not(.eyebrow){font-size:17px;color:#e1e7e5;line-height:1.8}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:17px 26px;background:var(--navy);color:white;font-size:14px;border:none;cursor:pointer}.cream{background:#efe8db;color:var(--navy)}.hero .button{margin-top:24px}.hero-caption{position:absolute;bottom:35px;right:6%;font-size:10px;letter-spacing:2px;text-align:right}.hero-caption b{display:block;font:24px Georgia;letter-spacing:0;margin-top:7px}.hero-caption span{font-size:11px;letter-spacing:0}.section{padding:95px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{font-size:14px;color:#6c7474}h2{font:46px/1.15 Georgia;margin:0 0 20px;letter-spacing:-1px}.filters{display:flex;gap:30px;align-items:end;margin:32px 0 35px;padding:22px 0;border-block:1px solid #deded6}.filters label{font-size:11px;letter-spacing:1px;text-transform:uppercase;flex-basis:240px}select{display:block;width:100%;background:transparent;border:0;color:var(--ink);padding:8px 0;font-size:15px;cursor:pointer}.filters>span{margin-left:auto;font-size:12px;color:#6c7474;padding-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-bottom:1px solid #cfcfc5;padding-bottom:25px}.card-photo{display:block;height:315px;overflow:hidden;position:relative;background:#ddd}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-photo:hover img{transform:scale(1.04)}.card-photo .tag{position:absolute;top:17px;left:17px;background:#fffdf6;padding:5px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card .area{font-size:11px;letter-spacing:2px;color:var(--gold);margin:25px 0 6px}.card h3{font:29px Georgia;margin:0 0 15px}.specs{font-size:13px;display:flex;gap:12px;flex-wrap:wrap;color:#5a686b}.card-bottom{display:flex;justify-content:space-between;margin-top:22px;align-items:center}.card-bottom span{font-size:12px;color:#6e7778}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:5px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:var(--sand);align-items:center}.about-symbol{font:190px Georgia;line-height:1}.about-symbol small{display:block;font:10px/2 Arial;letter-spacing:2.5px;margin-top:35px}.about p:not(.eyebrow){color:#5a6768;max-width:550px;font-size:15px}.license{display:block;font-size:10px;letter-spacing:1px;margin:28px 0 20px}.about .text-link{display:inline-block}.contact{background:var(--navy);color:#f3eee5;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact>div:last-child{display:flex;flex-direction:column;gap:14px;font-size:14px}footer{padding:50px 8% 80px;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;color:#697575}footer>p:nth-of-type(2){max-width:640px;font-size:11px}footer>span{text-align:right}.floating{position:fixed;bottom:22px;right:25px;background:#21594a;color:white;padding:12px 20px;border-radius:30px;box-shadow:0 4px 20px #0002;font-size:13px;z-index:5}.detail-intro{padding:35px 8% 55px}.back{font-size:13px;display:inline-block;margin-bottom:36px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-heading h1{font:58px Georgia;margin:0 0 10px}.detail-hero{width:100%;height:550px;object-fit:cover;background:#ddd}.detail-body{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;padding:65px 8%}.detail-body h2{font-size:35px}.detail-body li{margin:10px 0}.inquiry{padding:30px;background:var(--sand);align-self:start}.inquiry h3{font:27px Georgia;margin-top:0}.inquiry p{font-size:14px}.inquiry .button{width:100%;gap:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.gallery img{width:100%;height:280px;object-fit:cover}.note{font-size:11px;color:#6c7474}.detail-body .eyebrow{color:var(--gold)}[hidden]{display:none!important}@media(max-width:800px){header{height:82px;padding:0 5%}.monogram{font-size:42px}.brand{font-size:13px;gap:10px;letter-spacing:2px}.brand small{font-size:8px}nav{gap:15px}nav>a:not(.outline){display:none}.outline{padding:9px 12px;font-size:12px}.hero{height:650px}.hero-copy{left:6%;right:6%;top:17%}.hero h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-shade{background:linear-gradient(90deg,#102b38df,#102b3855)}.section{padding:60px 6%}h2{font-size:37px}.section-heading{display:block}.filters{gap:18px;flex-wrap:wrap}.filters label{flex:1;min-width:120px}.filters>span{width:100%;padding:0}.cards{grid-template-columns:1fr}.card-photo{height:350px}.card{margin-bottom:18px}.about{grid-template-columns:1fr;gap:35px}.about-symbol{font-size:90px;display:flex;align-items:center}.about-symbol small{margin:0 0 0 35px}.contact{display:block}.contact>div:last-child{margin-top:30px}.contact .button{max-width:340px}footer{grid-template-columns:1fr;padding:40px 6% 90px}footer>span{text-align:left}.detail-heading{display:block}.detail-heading h1{font-size:43px}.detail-heading .button{margin-top:22px}.detail-hero{height:420px}.detail-body{grid-template-columns:1fr;padding:45px 6%;gap:35px}.gallery{grid-template-columns:1fr}.gallery img{height:260px}.detail-intro{padding:25px 6% 35px}.eyebrow{font-size:10px}}
