:root{--serif-latin:'Cormorant Garamond',serif;--serif-cjk:'Noto Serif TC','Noto Serif JP',serif;--content:1280px}
body{font-weight:300;letter-spacing:.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[lang^="zh"] .display,html[lang^="zh"] .hero-title,html[lang^="zh"] .principle-panel h2,html[lang^="zh"] .statement p,html[lang^="zh"] .inner-hero h1,html[lang^="zh"] .editorial-copy h2,html[lang^="zh"] .page-quote p{font-family:var(--serif-cjk);font-weight:300;letter-spacing:.015em}
html[lang="ja"] .display,html[lang="ja"] .hero-title,html[lang="ja"] .principle-panel h2,html[lang="ja"] .statement p,html[lang="ja"] .inner-hero h1{font-family:'Noto Serif JP',serif;font-weight:300;letter-spacing:.01em}
.shell{width:min(100% - var(--gutter)*2,var(--content))}.section-pad{padding:clamp(96px,10vw,150px) 0}.eyebrow{font-size:.68rem;letter-spacing:.28em;font-weight:400}.display{font-size:clamp(3rem,5.8vw,6rem);line-height:.98;letter-spacing:-.025em;font-weight:400}.section-head{grid-template-columns:.8fr 2fr;margin-bottom:clamp(60px,7vw,100px)}
.site-header{height:82px}.wordmark{font-family:var(--serif-latin);font-size:1.85rem;font-weight:500}.desktop-nav{gap:38px}.desktop-nav a{font-size:.68rem;font-weight:400;letter-spacing:.14em}
.hero-content{justify-content:flex-end;padding-bottom:8vh;padding-top:110px}.hero-title{font-family:var(--serif-latin);font-size:clamp(4rem,7vw,7.5rem);line-height:.9;letter-spacing:-.025em;font-weight:400;max-width:780px;margin-top:8px}.hero-lower{margin-top:clamp(28px,4vh,48px)}.hero-lower>p{font-size:.9rem;max-width:330px}.round-link{width:136px;height:136px;font-size:.72rem}.hero-wash{background:linear-gradient(90deg,rgba(42,31,25,.62),rgba(42,31,25,.2) 52%,rgba(42,31,25,.04) 76%),linear-gradient(0deg,rgba(27,21,18,.44),transparent 52%)}
.story-copy .display{font-size:clamp(3rem,5.2vw,5.6rem);line-height:1.02}.story-grid{gap:clamp(50px,8vw,120px)}.story-visual{height:min(70vw,760px)}.body-copy{font-size:1.02rem;line-height:2.05;margin:45px 0 38px}
.principle-intro{padding-top:90px}.principle-panel{min-height:62vh;padding:9vh max(var(--gutter),calc((100vw - var(--content))/2));grid-template-columns:.35fr 1.35fr 1fr}.principle-panel h2{font-family:var(--serif-latin);font-size:clamp(4.5rem,9vw,9rem);font-weight:400;letter-spacing:-.025em}.principle-panel p{font-size:.96rem}.principle-line{left:max(var(--gutter),calc((100vw - var(--content))/2));right:max(var(--gutter),calc((100vw - var(--content))/2))}
.collection-stage{grid-template-columns:.7fr 1.3fr;gap:clamp(36px,6vw,90px);min-height:76vh}.collection-display{min-height:680px}.collection-tab{padding:20px 0}.collection-tab strong{font-family:var(--serif-latin);font-size:clamp(2.2rem,3.8vw,4rem);font-weight:400}.friend-meta h3,.moment-copy h3,.material-item h3{font-family:var(--serif-latin);font-weight:400}.friend-card.offset{margin-top:60px}.horizontal-wrap{height:auto;min-height:0;display:block;overflow-x:auto;overflow-y:hidden;padding:10px 0 100px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--caramel) rgba(75,58,47,.08)}.horizontal-wrap::-webkit-scrollbar{height:3px}.horizontal-wrap::-webkit-scrollbar-thumb{background:var(--caramel)}.horizontal-track{padding-right:var(--gutter)}.moment{width:min(62vw,700px);min-width:min(62vw,700px);scroll-snap-align:start}.moment figure{height:60vh}.statement{min-height:76vh}.statement p{font-size:clamp(3.8rem,9vw,9rem);line-height:.96}.number-grid strong{font-size:clamp(4.5rem,8vw,7.5rem);font-weight:400}.gallery-item:nth-child(3n+1){height:460px}.gallery-item:nth-child(3n+2){height:340px}.gallery-item:nth-child(3n){height:410px}.closing{height:88svh}.closing-copy{max-width:820px}.closing-copy .display{font-size:clamp(3.3rem,6.5vw,6.5rem)}.footer-logo{font-family:var(--serif-latin);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:500}

/* Editorial inner pages */
.inner-page{background:var(--white)}.inner-page .site-header{color:var(--ink)}.inner-page .site-header.scrolled{background:rgba(255,253,249,.92)}.inner-hero{min-height:82svh;padding:130px max(var(--gutter),calc((100vw - var(--content))/2)) 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;position:relative;background:var(--paper)}.inner-hero-copy{max-width:590px}.inner-hero h1{font-family:var(--serif-latin);font-size:clamp(3.5rem,6.3vw,6.8rem);font-weight:400;line-height:.94;letter-spacing:-.03em;margin:0 0 34px}.inner-hero-copy>p:last-child{max-width:440px;color:#665c54;font-size:.96rem;line-height:2}.inner-hero-image{height:min(64vh,680px);margin:0;overflow:hidden}.inner-hero-image img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.inner-hero-image:hover img{transform:scale(1.025)}.page-number{position:absolute;left:var(--gutter);bottom:28px;font-size:.62rem;letter-spacing:.22em}.editorial-section{padding:150px 0;display:grid;grid-template-columns:.75fr 2fr;gap:8vw}.editorial-kicker{display:flex;flex-direction:column;gap:8px;font-size:.65rem;letter-spacing:.2em}.editorial-copy{max-width:800px}.editorial-copy h2{font-family:var(--serif-cjk);font-size:clamp(2.3rem,4vw,4.5rem);font-weight:300;line-height:1.35;margin:0 0 55px}.editorial-copy p{max-width:580px;font-size:1rem;line-height:2;margin:0 0 18px}.values-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--coffee);color:var(--white);padding:0 max(var(--gutter),calc((100vw - var(--content))/2))}.values-strip article{min-height:420px;padding:64px 40px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}.values-strip article:first-child{border-left:1px solid rgba(255,255,255,.14)}.values-strip span{font-size:.62rem;letter-spacing:.18em}.values-strip h3{font-family:var(--serif-latin);font-size:3.5rem;font-weight:400;margin:auto 0 15px}.values-strip p{font-size:.84rem;line-height:1.8;color:rgba(255,255,255,.68)}.page-quote{padding:150px var(--gutter);text-align:center;background:var(--paper)}.page-quote p{font-family:var(--serif-latin);font-size:clamp(2.8rem,5vw,5.5rem);font-weight:400;line-height:1.15;margin:0}.page-quote em{color:var(--caramel);font-weight:300}
.collection-page{padding:130px 0}.collection-editorial{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;margin-bottom:150px}.collection-editorial:nth-child(even){grid-template-columns:.9fr 1.1fr}.collection-editorial:nth-child(even) figure{order:2}.collection-editorial figure{margin:0;height:680px;overflow:hidden}.collection-editorial>div{max-width:430px}.collection-editorial span,.portrait-page article>span,.journal-page span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.collection-editorial h2,.portrait-page h2,.journal-page h2{font-family:var(--serif-latin);font-size:clamp(3.2rem,6vw,6rem);font-weight:400;line-height:1;margin:22px 0}.collection-editorial p,.portrait-page p,.journal-page p{font-size:.9rem;line-height:1.9;color:#6c625b}
.portrait-page{padding:130px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:110px 7vw}.portrait-page article:nth-child(even){margin-top:130px}.portrait-page figure{margin:0 0 28px;height:min(62vw,700px);overflow:hidden}.portrait-page h2{font-size:4.6rem;margin:14px 0 5px}.portrait-page p{margin:0}.journal-page{padding:130px 0}.journal-page article{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;padding:70px 0;border-bottom:1px solid rgba(47,42,38,.14)}.journal-page article:nth-child(even){grid-template-columns:.75fr 1.25fr}.journal-page article:nth-child(even) figure{order:2}.journal-page figure{height:500px;margin:0;overflow:hidden}.journal-page h2{font-size:4.2rem}.contact-page{padding:160px 0;display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:start}.contact-page h2{font-family:var(--serif-latin);font-size:clamp(2.7rem,5vw,5.5rem);font-weight:400;margin:0}.contact-lines{border-top:1px solid rgba(47,42,38,.18)}.contact-lines p{display:grid;grid-template-columns:120px 1fr;margin:0;padding:20px 0;border-bottom:1px solid rgba(47,42,38,.18);font-size:.82rem}.contact-lines span{color:#8b7e74}
@media(max-width:980px){.hero-content{justify-content:center;padding-bottom:0}.inner-hero{grid-template-columns:1fr;gap:50px;padding-top:120px}.inner-hero-image{height:58vh}.inner-hero-copy{padding-top:40px}.values-strip{grid-template-columns:1fr}.values-strip article{min-height:280px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.collection-editorial,.collection-editorial:nth-child(even),.journal-page article,.journal-page article:nth-child(even){grid-template-columns:1fr}.collection-editorial:nth-child(even) figure,.journal-page article:nth-child(even) figure{order:0}.collection-editorial figure{height:62vh}.journal-page figure{height:55vh}}
@media(max-width:680px){.section-pad{padding:86px 0}.display{font-size:clamp(2.7rem,12vw,4.2rem);line-height:1.05}.site-header{height:70px}.hero-content{justify-content:flex-end;padding-bottom:9vh}.hero-title{font-size:clamp(3.15rem,13.7vw,4.2rem);line-height:.95;max-width:330px}.hero-lower{margin-top:32px}.round-link{width:112px;height:112px;font-size:.66rem}.story-copy .display{font-size:12vw}.story-visual{height:112vw}.principle-panel{min-height:54vh;padding:70px var(--gutter)}.principle-panel h2{font-size:18vw}.collection-display{height:66vh}.statement{min-height:58vh}.statement p{font-size:12vw}.closing{height:80svh}.closing-copy .display{font-size:12vw}.inner-hero{display:block;min-height:auto;padding:110px var(--gutter) 70px}.inner-hero-copy{padding:0;margin-bottom:48px}.inner-hero h1{font-size:clamp(3rem,13vw,4.4rem);line-height:1.04}.inner-hero-image{height:108vw}.page-number{display:none}.editorial-section{padding:90px 0;grid-template-columns:1fr;gap:45px}.editorial-copy h2{font-size:2.2rem;line-height:1.45}.values-strip article{padding:50px 0;min-height:250px}.values-strip h3{font-size:3rem}.page-quote{padding:90px var(--gutter)}.page-quote p{font-size:2.7rem}.collection-page,.portrait-page,.journal-page,.contact-page{padding:90px 0}.collection-editorial{display:block;margin-bottom:90px}.collection-editorial figure{height:112vw;margin-bottom:30px}.portrait-page{grid-template-columns:1fr;gap:80px}.portrait-page article:nth-child(even){margin-top:0}.portrait-page figure{height:115vw}.portrait-page h2{font-size:3.6rem}.journal-page article{display:block;padding:45px 0}.journal-page figure{height:110vw;margin-bottom:26px}.journal-page h2{font-size:3.4rem}.contact-page{grid-template-columns:1fr;gap:70px}.contact-page h2{font-size:2.8rem}.contact-lines p{grid-template-columns:90px 1fr}}