:root{--ink:#231d1a;--muted:#75685f;--cream:#f2eee5;--red:#ae533c;--line:#d7ccc0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.wrap{width:min(100% - 52px,1370px);margin:auto}.demo-note{background:#2b211e;color:#f8ede5;font-size:10px;letter-spacing:.11em;text-align:center;padding:8px}.header{height:85px;display:flex;align-items:center;gap:45px}.logo{font-size:24px;font-weight:900;letter-spacing:-.09em;text-decoration:none;white-space:nowrap}.logo span{color:var(--red)}.header nav{display:flex;gap:36px;margin:auto}.header nav a,.bag{font-size:11px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;font-weight:700}.bag{border:1px solid var(--ink);padding:11px 17px;white-space:nowrap}.hero{height:min(750px,72vw);min-height:600px;position:relative;overflow:hidden;background:#e7dfd1}.hero-image{position:absolute;inset:0;background:url('hero.jpg') center/cover}.hero-content{position:relative;z-index:1;padding-top:clamp(100px,12vw,170px)}.hero-content>span,.hero-footer,.intro-index,.details-head>span,.detail-list>div>span,.statement span,.contact>span{font-size:10px;letter-spacing:.17em;font-weight:700}.hero h1,h2,h3{margin-top:0;letter-spacing:-.07em;line-height:1.03}.hero h1{font-size:clamp(67px,8vw,119px);font-weight:800;margin:25px 0}.hero h1 em,.intro h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-content>p{max-width:380px;font-size:17px}.hero-content>a{display:inline-flex;gap:45px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ink);font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:20px}.hero-footer{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between}.intro{padding:130px 0 135px;display:grid;grid-template-columns:1fr 2fr;gap:0 45px}.intro-index{color:var(--red);padding-top:11px}.intro h2,.details h2,.contact h2{font-size:clamp(47px,5.8vw,78px);margin-bottom:20px}.intro p{grid-column:2;max-width:550px;color:var(--muted);font-size:17px}.details{background:#e7ded2;padding:115px 0}.details-head{display:flex;justify-content:space-between;align-items:start}.details-head>span{color:var(--red);padding-top:10px}.details h2{text-align:right}.details-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:stretch;margin-top:35px}.detail-photo{min-height:580px;background:url('hero.jpg') 75% center/cover}.detail-list{display:flex;flex-direction:column;justify-content:space-around}.detail-list>div{border-top:1px solid #c7b7a9;padding:22px 0}.detail-list>div>span{color:var(--red)}.detail-list h3{font:400 35px Georgia,serif;margin:13px 0 6px}.detail-list p{color:var(--muted);font-size:14px;max-width:330px}.statement{background:var(--red);color:#fff6ee;padding:125px 0}.statement p{font-size:clamp(43px,7vw,96px);line-height:1.05;letter-spacing:-.07em;font-weight:800;margin:35px 0 0}.contact{padding:130px 0 145px}.contact>span{color:var(--red)}.contact h2{margin-top:20px}.contact p{max-width:530px;color:var(--muted)}.contact a{display:inline-block;background:var(--ink);color:#fff;padding:17px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;margin-top:20px}footer{border-top:1px solid var(--line);padding:31px 0}footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}footer strong{letter-spacing:-.08em}footer span{font-size:11px;color:var(--muted)}@media(max-width:760px){.wrap{width:min(100% - 36px,1370px)}.header{height:68px}.header nav{display:none}.bag{margin-left:auto;font-size:10px}.hero{height:710px;min-height:0}.hero-image{background-position:59% center;opacity:.75}.hero-content{padding-top:110px}.hero h1{font-size:clamp(58px,11vw,82px)}.hero-content>p{font-size:15px}.hero-footer span:nth-child(2){display:none}.intro{grid-template-columns:1fr;padding:85px 0}.intro h2{margin-top:20px}.intro p{grid-column:1}.details{padding:85px 0}.details-head{display:block}.details h2{text-align:left;margin-top:20px}.details-grid{grid-template-columns:1fr;gap:25px}.detail-photo{min-height:350px}.detail-list{gap:10px}.statement{padding:85px 0}.contact{padding:85px 0}}@media(max-width:430px){.hero h1{font-size:58px}.intro h2,.details h2,.contact h2{font-size:47px}.statement p{font-size:46px}footer .wrap{display:block}footer span{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}