@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Inter:wght@400;500&display=swap');
:root{--black:#111;--gray:#777;--line:#ddd;--serif:"Noto Serif SC",serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--black);font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}
.top-whitespace{height:16px;background:#fff;position:fixed;top:0;left:0;right:0;z-index:30}
.header{height:72px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;top:16px;left:0;right:0;z-index:29;background:#fff;color:#222;border-bottom:1px solid #eee}
.brand{font:500 19px var(--serif);letter-spacing:.08em}
.header nav{display:flex;gap:42px;font-size:12px;letter-spacing:.08em;justify-content:center}
.header nav a{color:#555;transition:color .2s}
.header nav a:hover{color:#111}
.header-right{display:flex;justify-content:flex-end;align-items:center;gap:20px;color:#888;font-size:12px}
.header-right .search{font-size:27px;line-height:1;transform:rotate(-20deg);display:inline-block}
.menu{display:none;background:none;border:0;color:#222;font-size:20px}
main{padding-top:88px}

.hero{height:calc(100vh - 88px);min-height:620px;position:relative;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url("images/IMG_2280.JPG") center/cover}.hero-photo:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.55))}
.hero-content{position:absolute;inset:0;padding:0 6vw 42px;display:flex;flex-direction:column;justify-content:flex-end}.hero-content>p{font-size:10px;letter-spacing:.25em;margin:0 0 18px}.hero h1{font:400 clamp(52px,8vw,125px) var(--serif);letter-spacing:-.055em;margin:0;line-height:1.1}.hero-bottom{display:flex;justify-content:space-between;margin-top:45px;font-size:10px;letter-spacing:.12em}
.intro{padding:170px 12vw 190px;max-width:1150px}.kicker,.story-copy .number,.section-title span,.life-copy span,.about span{font-size:10px;letter-spacing:.2em;color:#888}.intro h2{font:400 clamp(42px,5.5vw,76px) var(--serif);line-height:1.35;letter-spacing:-.045em;margin:30px 0}.lead{max-width:450px;color:#777;font-size:15px}
.story{display:grid;grid-template-columns:1.15fr .85fr;min-height:760px;background:#f4f4f1}.story-image{background:url("images/6ac4e947-dd00-4313-8e5d-077e23dc9ac2.jpg") center/cover}.story-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font:400 clamp(40px,4.5vw,66px) var(--serif);line-height:1.35;letter-spacing:-.04em;margin:30px 0}.story-copy p{color:#707070;max-width:410px;font-size:14px}.story-copy a,.life-copy a,.about a{font-size:11px;letter-spacing:.08em;margin-top:30px}.story-copy i{font-style:normal;margin-left:15px}
.feature{height:90vh;min-height:600px;position:relative;color:#fff}.feature-photo{position:absolute;inset:0;background:url("images/cde838cc-9c59-4c54-855c-09061666ec25.jpg") center/cover}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.62))}.feature-caption{position:absolute;left:7vw;bottom:60px}.feature-caption span{font-size:10px;letter-spacing:.2em}.feature-caption h3{font:400 clamp(27px,4vw,52px) var(--serif);margin:15px 0;max-width:750px;line-height:1.35}
.photo{padding:150px 6vw}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px}.section-title h2{font:400 clamp(42px,5vw,70px) var(--serif);line-height:1.25;letter-spacing:-.045em;margin:0;text-align:right}.masonry{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.masonry figure{margin:0}.masonry img{width:100%;display:block;aspect-ratio:1/1.15;object-fit:cover}.masonry .tall img{aspect-ratio:1/1.35}.masonry .wide{grid-column:1/3;width:72%;margin:50px auto}.masonry .wide img{aspect-ratio:1.8}.masonry figcaption{font-size:10px;color:#888;margin-top:10px;letter-spacing:.08em}.more{display:block;text-align:center;margin:80px 0 0;font-size:11px;letter-spacing:.1em}
.life{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.life-photo{background:url("images/ac51a166-4cdc-40a9-8617-7aabe03295c1.jpg") center/cover}.life-copy{padding:10vw 9vw;display:flex;justify-content:center;flex-direction:column}.life-copy h2{font:400 clamp(42px,5vw,68px) var(--serif);line-height:1.35;letter-spacing:-.04em;margin:25px 0}.life-copy p{color:#777;max-width:360px}
.quote{padding:170px 8vw;text-align:center}.quote p{font:400 clamp(30px,4vw,55px) var(--serif);line-height:1.65;letter-spacing:-.03em}
.about{padding:130px 12vw;background:#f5f5f2;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font:400 clamp(45px,5vw,70px) var(--serif);line-height:1.3;margin:25px 0}.about-text{padding-top:55px;max-width:470px;color:#666;font-size:14px}.about-text p:first-child{font-size:18px;color:#222}.about a{color:#222;display:inline-block}
footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#888}footer strong{font:500 15px var(--serif);color:#222}
@media(max-width:760px){
  main{padding-top:86px}.top-whitespace{height:16px}.header{height:70px;padding:0 5vw;display:flex;top:16px}.header nav,.header-right{display:none}.menu{display:block}.hero{min-height:620px}.hero-content{padding:0 5vw 30px}.hero h1{font-size:53px}.hero-bottom{margin-top:30px}.intro{padding:100px 8vw 115px}.story,.life{grid-template-columns:1fr}.story-image{min-height:480px}.story-copy{padding:80px 8vw}.feature{height:70vh;min-height:500px}.photo{padding:100px 6vw}.section-title{display:block}.section-title h2{text-align:left;margin-top:25px}.masonry{grid-template-columns:1fr;gap:30px}.masonry .wide{grid-column:auto;width:100%;margin:20px 0}.life-photo{min-height:480px}.life-copy{padding:80px 8vw}.quote{padding:100px 8vw}.about{padding:90px 8vw;grid-template-columns:1fr;gap:25px}.about-text{padding-top:0}footer{display:block;line-height:3}.feature-caption{left:6vw;bottom:35px}.hero-photo{background-image:url("images/hero-mobile.jpg")}.story-image{background-image:url("images/story-mobile.jpg")}.feature-photo{background-image:url("images/feature-mobile.jpg")}}

.header.is-scrolled{box-shadow:0 5px 20px rgba(0,0,0,.06)}