@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');

:root{--bg:#f5f5f2;--ink:#20221f;--muted:#777a72;--line:#dcded7;--accent:#526b50;--mono:"DM Mono",monospace;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-shell{max-width:1440px;margin:auto;padding:0 6.1%}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:800;letter-spacing:-.04em}
.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);color:var(--bg);border-radius:50%;font-family:var(--sans);font-size:16px;font-weight:800}
.nav{display:flex;gap:34px;margin-left:auto;margin-right:42px}
.nav a,.header-link{font-size:11px;color:#65685f;transition:color .2s}
.nav a:hover,.header-link:hover,.text-link:hover{color:var(--accent)}
.header-link{color:var(--ink);font-weight:700}
.header-link span,.text-link span{padding-left:8px}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px}
.hero{padding:112px 0 38px;min-height:570px;display:flex;flex-direction:column}
.eyebrow,.section-kicker,.article-meta,.art-label,.hero-index,.about-index{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--muted)}
.status-dot{display:inline-block;width:6px;height:6px;background:#7c9870;border-radius:50%;margin:0 9px 1px 0}
.hero h1{font-size:clamp(64px,10vw,140px);line-height:.99;letter-spacing:-.095em;font-weight:600;margin:42px 0 35px}
h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.065em}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}
.hero-copy{font-size:14px;line-height:1.8;color:#6b6e66;max-width:390px;margin:0 0 0 5px}
.round-link{width:48px;height:48px;border:1px solid #bfc2b9;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s,color .2s,border .2s}
.round-link:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hero-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:73px;padding-top:15px}
.featured{padding:85px 0 110px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px}
.section-heading h2,.contact h2{font-size:clamp(35px,5vw,58px);letter-spacing:-.075em;font-weight:600;margin:12px 0 0;line-height:1}
.text-link{font-size:11px;font-weight:700;padding-bottom:6px}
.article-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:25px}
.article-card{min-width:0}
.article-art{height:265px;position:relative;overflow:hidden;padding:17px}
.art-label{position:relative;z-index:2;color:rgba(32,34,31,.62)}
.art-green{background:#d8dfd1}
.orb{position:absolute;border-radius:50%;filter:blur(.2px)}
.orb-one{width:230px;height:230px;background:radial-gradient(circle at 35% 30%,#b8c8a8,#647d60 70%);left:25%;top:22%}
.orb-two{width:130px;height:130px;background:radial-gradient(circle at 30% 30%,#e6e8d7,#8a9c7c 75%);left:53%;top:45%;opacity:.9}
.art-caption{position:absolute;right:18px;bottom:14px;font-size:26px;line-height:.95;font-weight:800;letter-spacing:-.08em;color:#f5f5e9;text-align:right}
.art-blue{background:#d7e0e3}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(54,77,87,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(54,77,87,.12) 1px,transparent 1px);background-size:27px 27px}
.blue-shape{position:absolute;width:185px;height:185px;border:1px solid #557482;border-radius:48% 52% 61% 39%;transform:rotate(34deg);left:29%;top:25%;box-shadow:inset 0 0 0 18px rgba(85,116,130,.08),inset 0 0 0 40px rgba(85,116,130,.08)}
.art-number{position:absolute;right:18px;bottom:8px;font-size:68px;font-weight:600;letter-spacing:-.1em;color:#526b76}
.art-orange{background:#e8d8c4}
.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#d18a55;top:25%;left:34%}
.horizon{position:absolute;left:0;right:0;bottom:0;height:33%;background:linear-gradient(160deg,#b4a184,#7b806b);clip-path:polygon(0 58%,25% 25%,52% 60%,76% 15%,100% 45%,100% 100%,0 100%)}
.art-caption-dark{color:#383a31;z-index:2}
.article-meta{display:flex;justify-content:space-between;margin-top:19px;font-size:8px}
.article-card h3{font-size:19px;line-height:1.3;letter-spacing:-.045em;font-weight:700;margin:15px 0 9px;max-width:390px}
.article-card p{font-size:11px;line-height:1.8;color:var(--muted);max-width:360px;margin:0}
.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0 95px;display:grid;grid-template-columns:1fr 1.5fr .4fr;gap:30px;position:relative}
.about-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.about-index{margin-top:50px}
.about-content h2{font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-.08em;font-weight:600;margin:0 0 32px}
.about-content p{font-size:13px;line-height:1.9;color:#6b6e66;max-width:470px}
.about-stamp{align-self:end;justify-self:end;border:1px solid #bfc2b9;border-radius:50%;width:76px;height:76px;display:grid;place-content:center;text-align:center;font-family:var(--mono);font-size:9px;line-height:1.6;transform:rotate(12deg);color:#74786e}
.contact{padding:100px 0 105px;display:flex;justify-content:space-between;align-items:flex-end}
.contact h2{font-size:clamp(50px,7vw,88px);margin-top:17px}
.contact-link{font-size:13px;border-bottom:1px solid #aeb2a8;padding-bottom:10px;margin-bottom:8px}
.contact-link span{padding-left:30px}
.footer{min-height:83px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer>span{font-size:9px;color:var(--muted)}
.footer .brand{font-size:11px}
.footer .brand-mark{width:24px;height:24px;font-size:13px}
@media(max-width:800px){.site-shell{padding:0 5%}.nav{gap:18px;margin-right:12px}.article-grid{grid-template-columns:1fr 1fr}.article-main{grid-column:span 2}.article-main .article-art{height:310px}.about{grid-template-columns:.7fr 1.6fr}.about-stamp{display:none}}
@media(max-width:560px){.header{height:72px}.nav,.header-link{display:none}.menu-toggle{display:block;margin-left:auto}.nav.is-open{display:flex;position:absolute;z-index:5;top:72px;left:0;right:0;background:var(--bg);padding:22px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.hero{padding-top:85px;min-height:510px}.hero h1{font-size:clamp(57px,15vw,84px);margin-top:48px}.hero-copy{font-size:12px;max-width:275px}.hero-index{margin-top:58px}.featured{padding:65px 0 75px}.section-heading{align-items:flex-start}.section-heading h2{font-size:40px}.article-grid{grid-template-columns:1fr;gap:38px}.article-main{grid-column:auto}.article-main .article-art,.article-art{height:245px}.article-card h3{font-size:18px}.about{padding:65px 0;grid-template-columns:1fr;gap:30px}.about-label{flex-direction:row}.about-index{margin:0}.about-content h2{font-size:52px}.contact{padding:70px 0;display:block}.contact h2{font-size:66px}.contact-link{display:inline-block;margin-top:35px}.footer{padding:22px 0;align-items:flex-start;flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}}