:root{--ink:#273028;--paper:#f7f4ed;--sage:#63715c;--rust:#a95d43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Songti SC","Noto Serif SC",Georgia,serif}a{text-decoration:none;color:inherit}img{width:100%;height:100%;object-fit:cover;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));font-size:13px}header nav{display:flex;gap:34px}.logo{display:flex;flex-direction:column}.logo b{font-size:21px;letter-spacing:.12em}.logo small{font:8px Arial;letter-spacing:.25em;color:#7d827b;margin-top:6px}.hero{height:calc(100vh - 86px);min-height:640px;max-height:840px;position:relative;color:#fff}.hero>img,.shade{position:absolute;inset:0}.shade{background:linear-gradient(90deg,rgba(20,25,21,.68),rgba(20,25,21,.08)),linear-gradient(0deg,rgba(20,25,21,.25),transparent)}.heroText{position:absolute;left:max(30px,calc((100vw - 1180px)/2));top:48%;transform:translateY(-50%)}i{font:11px Arial;letter-spacing:.25em;color:var(--rust);font-style:normal}.hero i{color:#fff}.hero h1{font-size:clamp(58px,7vw,96px);line-height:1.1;font-weight:500;margin:22px 0}.heroText p{line-height:2;font-size:16px;letter-spacing:.08em}.heroText>a{display:inline-block;margin-top:20px;border:1px solid #fff;padding:14px 20px}.hero aside{position:absolute;right:max(30px,calc((100vw - 1180px)/2));bottom:45px;border-left:1px solid #fff;padding-left:18px;font-size:11px;letter-spacing:.15em}.hero aside span{display:block;margin-top:8px;line-height:1.8;letter-spacing:.05em}.intro{display:grid;grid-template-columns:180px 1fr 350px;gap:38px;align-items:end;padding:120px 0}.intro h2{font-size:43px;line-height:1.45;font-weight:500;margin:0}.intro h3{font-size:27px;color:var(--sage);font-weight:500;margin:10px 0}.intro p,.feature p,.cards p,.about p{line-height:2;color:#666c64;font-size:14px}.picked{padding:80px 0}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.title h2{font-size:40px;font-weight:500;margin:8px 0 0}.title>a{font-size:12px;border-bottom:1px solid #aaa;padding-bottom:7px}.feature{display:grid;grid-template-columns:58% 42%;background:#ece8dd;min-height:500px}.feature>div{overflow:hidden}.feature>section{padding:55px;display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:36px;line-height:1.45;font-weight:500;margin:15px 0}.feature small,.cards small{color:#8c8f88;font:10px Arial}.feature a{margin-top:35px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:75px 34px;padding:60px 0 130px}.cards article:nth-child(even){transform:translateY(65px)}.cards article>div{height:350px;position:relative;overflow:hidden}.cards article>div b{position:absolute;right:14px;bottom:12px;color:#fff;font:12px Arial}.cards article>i{display:block;margin-top:22px}.cards h3{font-size:25px;font-weight:500;margin:12px 0}blockquote{margin:0;background:var(--sage);color:#fff;text-align:center;padding:75px 20px;font-size:30px;letter-spacing:.08em}blockquote small{display:block;font-size:10px;margin-top:20px;color:#d8dfd5}.gallery{padding:115px 0}.gallery>.title>p{font-size:12px;color:#777}.gallery>div:last-child{height:610px;display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden}.gallery figure:first-child{grid-row:1/3}.gallery figure:last-child{grid-column:3;grid-row:1/3}.gallery figcaption{position:absolute;bottom:12px;left:14px;color:#fff;font:10px Arial}.about{background:#e7e3d7;padding:105px 0}.about>.wrap{display:grid;grid-template-columns:42% 1fr;gap:100px;align-items:center}.portrait{height:540px}.about article{max-width:500px}.about h2{font-size:40px;font-weight:500}.about strong{display:block;color:var(--sage);font-size:25px;margin-top:25px;font-style:italic}.about strong small{font-size:10px;color:#777;margin-left:12px}.subscribe{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.subscribe h2{font-size:36px;font-weight:500}.subscribe p{color:#777;font-size:13px}.subscribe form{display:flex;border-bottom:1px solid #888}.subscribe input{flex:1;background:transparent;border:0;outline:0;padding:16px 5px}.subscribe button{border:0;background:transparent;color:var(--rust);cursor:pointer}footer{background:#293129;color:#e6eae4;padding:65px 0}footer>.wrap{display:flex;align-items:center;justify-content:space-between}footer p,footer span{font-size:11px;color:#aab2a9}@media(max-width:850px){header nav{display:none}.intro{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature>div{height:420px}.about>.wrap{grid-template-columns:1fr;gap:50px}.portrait{max-width:450px}.subscribe{grid-template-columns:1fr}.hero aside{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}header{height:70px;padding:0 15px}.hero{height:calc(100svh - 70px);min-height:570px}.heroText{left:24px}.hero h1{font-size:50px}.heroText p{font-size:13px}.intro{padding:75px 0}.intro h2{font-size:31px}.picked{padding:55px 0}.title h2{font-size:31px}.feature>div{height:280px}.feature>section{padding:32px 24px}.feature h2{font-size:28px}.cards{grid-template-columns:1fr;padding-bottom:75px;gap:55px}.cards article:nth-child(even){transform:none}.cards article>div{height:280px}blockquote{font-size:22px;line-height:1.7}.gallery{padding:75px 0}.gallery>.title>p{display:none}.gallery>div:last-child{height:650px;grid-template-columns:1fr 1fr;grid-template-rows:260px 170px 210px}.gallery figure:first-child{grid-column:1/3;grid-row:1}.gallery figure:last-child{grid-column:1/3;grid-row:3}.about{padding:75px 0}.portrait{height:430px}.subscribe{padding:75px 0}.subscribe form{flex-direction:column;border:0}.subscribe input{border-bottom:1px solid #888}.subscribe button{text-align:left;padding:16px 5px}footer>.wrap{flex-direction:column;gap:25px;text-align:center}}