@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Italiana&display=swap');
:root{--ink:#171715;--paper:#f8f6f1;--muted:#79736b;--line:#dcd7cf;--olive:#8c8b43;--warm:#b77952}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}button{font:inherit}.strip{background:#171715;color:#e6ded1;padding:9px 5%;font-size:10px;letter-spacing:.17em;text-align:center}.nav{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:10}.brand{font:700 23px/1 Manrope,sans-serif;letter-spacing:-.075em}.brand span{font-weight:400}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.navlinks a:hover,.textlink:hover{color:var(--warm)}.menu{display:none;background:none;border:0;font-size:24px;cursor:pointer}.wrap{max-width:1460px;margin:auto}.hero{display:grid;grid-template-columns:45% 55%;min-height:570px}.hero-copy{padding:55px 8% 55px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero h1,.display{font:400 clamp(68px,8vw,128px)/.89 Italiana,Georgia,serif;letter-spacing:-.04em;margin:24px 0}.hero h1 em{font-style:normal;color:#8a8746}.hero p{font-size:14px;line-height:1.85;color:#5f5b54;max-width:350px}.hero-photo{position:relative;min-height:570px;background:#b07d52;overflow:hidden}.hero-photo img{position:absolute;height:100%;object-position:center 28%}.hero-photo:after{content:'ISSUE NO. 001  /  THE PERSONAL EDIT';position:absolute;right:23px;bottom:20px;color:white;font-size:9px;letter-spacing:.17em}.textlink{display:inline-flex;gap:18px;align-items:center;align-self:flex-start;border-bottom:1px solid currentColor;padding:13px 0 11px;margin-top:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.explore{padding:45px 5% 65px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-top h2{font:400 clamp(34px,4.6vw,63px)/1 Italiana,Georgia,serif;margin:7px 0 0}.section-top small{font-size:10px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tile{position:relative;height:clamp(200px,27vw,370px);overflow:hidden;background:#333;color:#fff}.tile img{height:100%;transition:transform .5s;filter:brightness(.75)}.tile:hover img{transform:scale(1.045)}.tile:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}.tile-copy{position:absolute;bottom:19px;left:19px;right:15px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:8px}.tile-copy h3{font:400 clamp(22px,2.3vw,35px)/1.05 Italiana,Georgia,serif;margin:8px 0 0}.tile-copy small{font-size:9px;letter-spacing:.18em}.tile-copy b{font-size:20px;font-weight:400}.feature{background:#ebe5da;padding:54px 5%;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.feature-image{height:365px;overflow:hidden}.feature-image img{height:100%;object-position:center 35%}.feature h2,.about h2,.journal h2{font:400 clamp(48px,6vw,84px)/.98 Italiana,Georgia,serif;margin:16px 0}.feature p,.about p,.journal p,.intro p{color:#5f5b54;font-size:14px;line-height:1.9;max-width:460px}.about{display:grid;grid-template-columns:44% 56%;background:#77743d;color:white}.about img{height:460px;object-position:center 24%}.about-copy{padding:60px 9%;display:flex;flex-direction:column;justify-content:center}.about p{color:#f0eee7}.journal{padding:62px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.journal h2{margin:10px 0}.journal p{margin:0}.pill{display:inline-block;border:1px solid #a9a398;border-radius:99px;padding:13px 20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.footer{background:#171715;color:#f7f4ed;padding:56px 5% 23px}.footer h2{font:400 clamp(50px,7vw,92px)/1 Italiana,Georgia,serif;margin:12px 0}.footer p{color:#c9c5bc;font-size:13px}.footerlinks{display:flex;gap:24px;flex-wrap:wrap;margin:35px 0;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footnote{border-top:1px solid #494740;padding-top:18px;color:#aaa59a;font-size:10px}.subhero{display:grid;grid-template-columns:1fr 47%;min-height:470px}.subhero .intro{padding:65px 10%;display:flex;flex-direction:column;justify-content:center}.subhero h1{font:400 clamp(70px,9vw,140px)/.9 Italiana,Georgia,serif;margin:20px 0}.subhero img{height:470px}.editorial{padding:60px 5% 90px}.editorial h2{font:400 52px Italiana,Georgia,serif;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card img{height:300px}.card .eyebrow{margin-top:17px;color:var(--muted)}.card h3{font:400 35px Italiana,Georgia,serif;margin:10px 0}.card p{font-size:13px;line-height:1.7;color:var(--muted)}.note{font-size:12px;color:#79736b;margin-top:20px}.accent{color:var(--olive)}@media(max-width:850px){.nav{height:65px}.brand{font-size:20px}.menu{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:24px 6%;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6% 35px}.hero h1{font-size:82px;margin:18px 0}.hero-photo{min-height:450px}.explore{padding:38px 5% 48px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{height:clamp(215px,56vw,360px)}.tile-copy{left:12px;bottom:14px;right:10px}.tile-copy h3{font-size:29px}.feature{grid-template-columns:1fr;padding:44px 5%;gap:26px}.feature-image{height:360px}.about{grid-template-columns:1fr}.about img{height:390px}.about-copy{padding:44px 6%}.journal{padding:44px 5%;align-items:start;flex-direction:column}.subhero{grid-template-columns:1fr}.subhero .intro{padding:52px 6%}.subhero h1{font-size:80px}.subhero img{height:390px}.cards{grid-template-columns:1fr}.card img{height:370px}.editorial{padding:50px 6%}.footer{padding:48px 6% 20px}}@media(max-width:420px){.hero h1{font-size:72px}.hero-photo{min-height:410px}.tile{height:225px}.tile-copy h3{font-size:25px}.section-top h2{font-size:42px}.feature h2,.about h2,.journal h2{font-size:58px}}