@font-face{font-family:Cormorant;src:url('assets/cormorant.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:JournalSerif;src:url('assets/serif-sc.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f5f3ed;--ink:#282b27;--muted:#686b61;--red:#aa4939;--line:#d7d8cf;--green:#242c27;--serif:JournalSerif,'Songti SC','Noto Serif CJK SC',serif;--roman:Cormorant,Georgia,serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--gutter:clamp(22px,4.2vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button{border-radius:0}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:#b44f3e;color:white}figure,p,h1,h2,h3{margin:0}button{background:none;border:0;padding:0}img{display:block;max-width:100%}.page-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}main{max-width:1920px;margin:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;padding:20px;background:var(--ink);color:white}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:var(--red);transform:scaleX(0);transform-origin:left;pointer-events:none}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 var(--gutter);border-bottom:1px solid var(--line);max-width:calc(1920px - 2 * var(--gutter))}.brand{display:flex;align-items:center;gap:14px;font-size:16px;letter-spacing:3px}.brand-mark{width:39px;height:42px;background:var(--red);color:var(--paper);display:grid;place-items:center;font:28px var(--serif);transform:rotate(-3deg)}.brand-sub{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:6px}.desktop-nav{display:flex;gap:40px;margin-left:36px}.desktop-nav a{font-size:13px;position:relative;padding:16px 0}.desktop-nav a::after{content:'';position:absolute;height:1px;background:var(--red);bottom:7px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}.desktop-nav a span{font:10px var(--sans);color:var(--muted);vertical-align:super;margin-left:5px}.header-link{font-size:12px;display:flex;gap:28px;align-items:center}.header-link span{font-size:23px;color:var(--red)}.menu-toggle,.mobile-nav,.mobile-only{display:none}.hero{display:grid;grid-template-columns:.82fr 1.75fr;gap:3.8%;padding-top:56px;padding-bottom:48px}.hero-copy{padding-top:29px;display:flex;align-items:flex-start;flex-direction:column}.kicker{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.6px;line-height:1.8}.red-dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}h1{font:400 clamp(36px,3.85vw,70px)/1.6 var(--serif);letter-spacing:-2.5px;margin:30px -10px 24px 0;white-space:nowrap}.accent-word{position:relative;color:var(--red)}.accent-word svg{position:absolute;width:105%;height:20px;left:0;bottom:-10px;stroke:var(--red);fill:none;stroke-width:1;opacity:.65}.hero-description{font-size:12px;line-height:2.2;letter-spacing:.5px;color:var(--muted)}.hero-cta{display:flex;align-items:center;gap:17px;font-size:12px;margin-top:34px;letter-spacing:1px}.round-arrow{width:52px;height:52px;border:1px solid #a5a69b;border-radius:50%;display:grid;place-items:center;font:25px var(--sans);transition:background .3s,color .3s,transform .3s}.hero-cta:hover .round-arrow{background:var(--red);color:var(--paper);border-color:var(--red);transform:rotate(45deg)}.hero-cta small{display:block;font-size:8px;letter-spacing:1.2px;margin-top:8px;color:var(--muted)}.hero-bottom{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:38px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.mini-line{width:20px;height:1px;background:var(--red)}.hero-figure{min-width:0}.hero-image-wrap{position:relative;overflow:hidden;background:#c9bdaa;aspect-ratio:1.48}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.3,1);object-position:50% 55%}.hero-image-wrap:hover .hero-image{transform:scale(1.025)}.hero-image-wrap::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#171a1460);pointer-events:none}.image-corner{position:absolute;top:25px;left:26px;color:#fff8e9;font-size:8px;letter-spacing:2px;z-index:1}.image-open{position:absolute;top:16px;right:18px;width:40px;height:40px;color:#fff8e9;display:grid;place-items:center;z-index:2;transition:background .3s}.image-open:hover{background:#ffffff25}.image-open svg{width:18px;stroke-width:1.25}.hero-image-caption{position:absolute;bottom:29px;left:29px;right:29px;z-index:1;color:#fff8e9;display:flex;justify-content:space-between;align-items:end}.hero-image-caption>span:first-child{font:23px/1.7 var(--serif);letter-spacing:3px}.image-index{font:38px/1 var(--roman)}.image-index span{font:8px var(--sans);letter-spacing:1px;margin-left:5px}.hero-figure figcaption{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;padding-top:14px;letter-spacing:.6px}.interlude{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:32px;padding-bottom:32px}.section-index{font-size:9px;letter-spacing:2px;color:var(--muted)}.interlude p{font:18px/1.8 var(--serif);letter-spacing:1px}.interlude-star{font-size:30px;color:var(--red);line-height:1}.journal{padding-top:100px;padding-bottom:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-no{color:var(--red);margin-right:4px;font-size:11px}h2{font:400 clamp(32px,3.1vw,55px)/1.65 var(--serif);letter-spacing:-1.4px}.section-heading h2{margin-top:17px}h2 em{font-style:normal;color:var(--muted)}.section-description{font-size:12px;line-height:2.1;color:var(--muted);letter-spacing:.5px;padding-bottom:8px}.journal-toolbar{margin-top:34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:18px}.filters{display:flex;gap:26px}.filters button{font-size:11px;color:var(--muted);padding:8px 0;position:relative}.filters button::after{position:absolute;bottom:0;left:0;right:0;content:'';height:1px;background:var(--red);transform:scaleX(0);transition:transform .2s}.filters button.active{color:var(--red)}.filters button.active::after{transform:scaleX(1)}.filters sup{font-size:8px;padding-left:3px}.results-count{font-size:9px;letter-spacing:1px;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:30px;margin-top:31px;align-items:start;min-height:510px}.journal-card[hidden]{display:none}.journal-card.card-material{padding-top:82px}.journal-card.card-everyday{padding-top:24px}.journal-grid.is-filtered{grid-template-columns:repeat(3,1fr)}.journal-grid.is-filtered .journal-card{padding-top:0}.article-trigger{width:100%;text-align:left;display:block}.article-photo,.material-photo,.dialog-photo{background-image:url('editorial.jpg');background-size:300% 100%;background-repeat:no-repeat}.scene-light{background-position:0% center}.scene-material{background-position:50% center}.scene-everyday{background-position:100% center}.article-photo{position:relative;width:100%;aspect-ratio:.95;overflow:hidden;transition:filter .35s}.card-featured .article-photo{aspect-ratio:1.1}.card-everyday .article-photo{aspect-ratio:.83}.article-trigger:hover .article-photo{filter:brightness(1.08)}.photo-tag{position:absolute;left:16px;top:17px;color:#fff9e9;font-size:7px;letter-spacing:1.4px;text-shadow:0 1px 6px #000}.photo-arrow{position:absolute;bottom:15px;right:15px;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:22px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.article-trigger:hover .photo-arrow,.article-trigger:focus-visible .photo-arrow{opacity:1;transform:none}.article-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:.5px;margin-top:20px}.article-meta>span:first-child{color:var(--red)}.article-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.article-title-row h3{font:400 clamp(19px,1.7vw,28px)/1.6 var(--serif);letter-spacing:-.6px}.article-title-row>span{font-size:19px;color:var(--muted);transition:color .2s,transform .2s}.article-trigger:hover .article-title-row>span{color:var(--red);transform:translate(2px,-2px)}.article-trigger>p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}.journal-footnote{border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1.2px;margin-top:30px}.materials{background:var(--green);color:var(--paper);position:relative;overflow:hidden}.materials-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-top:90px;padding-bottom:88px}.materials-visual{position:relative;padding-top:20px}.material-photo{height:100%;min-height:560px;max-height:650px}.material-visual-label{position:absolute;top:0;left:0;transform:translateY(-5px);font-size:8px;letter-spacing:2px;color:#bdc1b6}.material-stamp{position:absolute;top:50px;right:-25px;background:#ac4939;color:#f5f3ed;padding:22px 14px;line-height:1.5;font-size:23px;font-family:var(--serif);border:4px solid var(--green);transform:rotate(4deg)}.material-caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;color:#f8f4e9;text-shadow:0 1px 8px #000}.material-caption>span:first-child{font:16px var(--serif)}.material-caption>span:last-child{font-size:7px;letter-spacing:1px}.materials-copy{padding:20px 0 8px;min-width:0}.materials .kicker{color:#b5bbae}.materials .section-no{color:#d98b75}.materials h2{font-size:clamp(36px,3.5vw,61px);line-height:1.55;letter-spacing:0;margin:26px 0 20px}.materials-intro{color:#b5bbae;font-size:12px;line-height:2.1}.material-tabs{display:flex;gap:24px;margin-top:29px;border-bottom:1px solid #626a5f}.material-tabs button{display:flex;align-items:center;gap:8px;flex:1;position:relative;padding:12px 0 17px;color:#b5bbae;white-space:nowrap;font-size:12px}.material-tabs button[aria-selected=true]{color:#fff4df}.material-tabs button[aria-selected=true]::after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#dab69a;content:''}.swatch{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #ffffff20}.swatch.wood{background:repeating-linear-gradient(93deg,#613e29 0,#926343 3px,#805336 7px,#65422e 8px)}.swatch.stone{background:repeating-linear-gradient(23deg,#b5ab98 0,#b5ab98 7px,#c8c0ac 8px,#aaa28f 9px,#b5ab98 17px)}.swatch.linen{background:repeating-linear-gradient(0deg,transparent 0 2px,#aca58d80 2px 3px),repeating-linear-gradient(90deg,#d3cbb6 0 2px,#aca58d 2px 3px)}.tab-number{font-size:9px;opacity:.85;margin-left:auto}.material-detail-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:10px}.material-detail-heading h3{font:20px var(--serif)}.material-detail-heading>span{font-size:8px;letter-spacing:2px;color:#b5bbae}#material-description{color:#b5bbae;font-size:11px;line-height:2.1;margin-top:14px;min-height:47px}.material-properties{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.material-properties span{font-size:9px;color:#c3c5b9;border:1px solid #596154;padding:5px 8px}.light-link{display:flex;justify-content:space-between;border-bottom:1px solid #626a5f;padding:23px 0 14px;margin-top:16px;font-size:11px}.light-link>span{font-size:20px;color:#d2ab91}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;padding-top:112px;padding-bottom:105px;border-bottom:1px solid var(--line)}.about-signature{display:block;font-size:9px;letter-spacing:3.5px;color:var(--muted);margin-top:40px}.about-copy h2{font-size:clamp(32px,3.3vw,60px);line-height:1.6}.about-copy h2>span{color:var(--muted)}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:33px}.about-text p{font-size:12px;color:var(--muted);line-height:2.15}.about-disciplines{display:flex;gap:22px;font-size:10px;margin-top:30px;color:var(--muted)}.about-disciplines>span{padding-left:12px;position:relative}.about-disciplines>span::before{content:'';position:absolute;left:0;top:5px;width:3px;height:3px;background:var(--red);border-radius:50%}.closing{padding-top:65px;padding-bottom:46px}.closing>.kicker{color:var(--red);font-size:9px}.closing-link{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}.closing-link>span:first-child{font:400 clamp(40px,6.3vw,100px)/1.7 var(--serif);letter-spacing:-3px}.closing-link em{font-style:normal}.closing-arrow{font-size:clamp(60px,7.5vw,125px);font-weight:200;line-height:1;color:var(--red);transition:transform .3s}.closing-link:hover .closing-arrow{transform:translate(8px,-8px)}.closing-caption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:var(--muted);font-size:10px;letter-spacing:1px}.closing-caption>span:last-child{font-size:8px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:9px;line-height:1.9;padding-top:27px;padding-bottom:28px;color:var(--muted)}.footer>div{display:flex;gap:18px}.footer>div>a{color:var(--ink);font-size:9px;letter-spacing:.7px}.footer>p{font-size:8px}.footer>a{white-space:nowrap}
.article-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(780px,calc(100vw - 32px));max-height:90dvh;overflow:auto;overscroll-behavior:contain}.article-dialog::backdrop,.gallery-dialog::backdrop{background:#111811c7;backdrop-filter:blur(9px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:19px 27px;background:var(--paper);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.dialog-bar>span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.dialog-close{font-size:11px;display:flex;align-items:center;gap:17px;min-height:34px}.dialog-close>span{font:25px/1 var(--sans)}.dialog-photo{height:240px;background-size:300% auto}.article-reading{padding:42px 65px 50px}.article-reading .kicker{font-size:9px;color:var(--red)}.article-reading h2{font-size:37px;line-height:1.5;margin-top:18px}.article-byline{margin:20px 0 34px;color:var(--muted);font-size:10px}.article-byline>span{padding:0 9px}#article-body{font:16px/2.2 var(--serif)}#article-body p+p{margin-top:22px}.article-end{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;display:flex;justify-content:space-between;align-items:center}.article-end>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.article-end button{font-size:11px;color:var(--red);padding:10px 0}.article-end button span{padding-left:15px}.gallery-dialog{border:0;background:#1a201b;color:var(--paper);padding:0;width:min(1200px,95vw);max-height:94dvh;overflow:auto}.gallery-dialog img{width:100%;max-height:80dvh;object-fit:contain}.gallery-close{margin:10px 18px 10px auto}.gallery-dialog p{display:flex;justify-content:space-between;padding:18px;font-size:9px;letter-spacing:1px}.gallery-dialog p span{color:#b7bbae;font-size:9px}
@media(min-width:1921px){.header{margin:auto}}
@media(max-width:1100px){.header{height:86px}.desktop-nav{gap:22px}.hero{grid-template-columns:.95fr 1.6fr;gap:3%}.hero-copy{padding-top:12px}h1{font-size:3.9vw;margin-top:24px;margin-bottom:20px}.hero-image-wrap{aspect-ratio:1.17}.hero-description{font-size:11px}.hero-cta{margin-top:25px}.hero-bottom{font-size:7px;padding-top:26px}.image-index span{display:none}.interlude p{font-size:16px}.journal-grid{gap:22px;min-height:435px}.article-meta{font-size:7px}.article-meta>span:last-child{display:none}.materials-inner{gap:8%;padding-top:70px;padding-bottom:70px}.material-photo{min-height:570px}.material-tabs{gap:15px}.materials h2{font-size:40px}.material-tabs button{font-size:11px;gap:6px}.tab-number{display:none}.footer{gap:20px}.footer>div{flex-direction:column;gap:0}.footer p{max-width:280px}.closing-link>span:first-child{font-size:6.3vw}}
@media(max-width:760px){:root{--gutter:23px}.header{height:81px;gap:15px}.brand{font-size:14px;letter-spacing:2px;gap:12px}.brand-mark{width:32px;height:35px;font-size:24px}.brand-sub{font-size:8px;letter-spacing:1.5px}.desktop-nav,.header-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:8px}.menu-toggle span{display:block;height:1px;width:25px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px var(--gutter) 24px;border-bottom:1px solid var(--line)}.mobile-nav>a{display:flex;justify-content:space-between;padding:18px 0;font-size:14px}.mobile-nav>a>span{color:var(--red);font-size:20px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:28px;gap:26px}.hero-copy{padding-top:0;position:relative}.hero .kicker{font-size:9px;letter-spacing:1px}h1{font-size:clamp(36px,8vw,58px);line-height:1.55;letter-spacing:-1px;margin:18px 0}.hero-description{font-size:11px;line-height:2.1}.hero-cta{position:absolute;right:0;bottom:5px;gap:10px;margin:0}.hero-cta>span:last-child{display:none}.round-arrow{width:48px;height:48px;font-size:24px}.hero-bottom{display:none}.hero-image-wrap{aspect-ratio:1.17}.hero-image{object-position:50% center}.hero-image-caption{bottom:23px;left:21px;right:21px}.hero-image-caption>span:first-child{font-size:20px;letter-spacing:1px}.image-corner{top:22px;left:21px;font-size:7px;letter-spacing:1.2px}.image-index{font-size:35px}.hero-figure figcaption{font-size:8px;gap:10px;line-height:1.8;padding-top:12px}.hero-figure figcaption>span:last-child{font-size:7px;white-space:nowrap}.interlude{gap:16px;padding-top:24px;padding-bottom:25px;align-items:center}.section-index{display:none}.interlude p{font-size:14px;line-height:1.95;letter-spacing:.5px}.mobile-only{display:block}.interlude-star{font-size:28px}.journal{padding-top:58px;padding-bottom:45px}.section-heading{display:block}.section-heading h2{font-size:29px;letter-spacing:-1px;margin-top:13px}.section-description{margin-top:16px;font-size:11px;line-height:1.9}.section-description br{display:none}.kicker{font-size:9px}.section-no{font-size:10px}.journal-toolbar{margin-top:24px;padding-top:12px;gap:5px}.filters{gap:19px}.filters button{font-size:10px;min-height:38px}.filters sup{font-size:7px}.results-count{font-size:8px;white-space:nowrap}.journal-grid,.journal-grid.is-filtered{grid-template-columns:1fr;gap:37px;margin-top:23px;min-height:0}.journal-card.card-material,.journal-card.card-everyday{padding-top:0}.article-photo,.card-featured .article-photo{aspect-ratio:1.2}.card-material{width:85%;justify-self:end}.card-everyday{width:90%}.card-material .article-photo{aspect-ratio:1.1}.card-everyday .article-photo{aspect-ratio:1.1}.journal-grid.is-filtered .journal-card{width:100%}.article-meta{font-size:8px;margin-top:16px}.article-meta>span:last-child{display:block;font-size:7px}.article-title-row{margin-top:10px}.article-title-row h3{font-size:23px}.article-trigger>p{font-size:11px;margin-top:7px}.photo-arrow{opacity:1;transform:none;width:32px;height:32px;font-size:19px}.photo-tag{font-size:7px}.journal-footnote{margin-top:35px;font-size:7px;letter-spacing:.8px}.materials-inner{display:flex;flex-direction:column;padding-top:40px;padding-bottom:46px;gap:35px}.materials-visual{padding-top:20px;margin-right:15px}.material-photo{height:350px;min-height:0;max-height:none;background-size:300% 100%}.material-stamp{font-size:21px;padding:16px 11px;right:-21px;top:49px}.material-caption{left:18px;right:18px;bottom:19px}.material-caption>span:first-child{font-size:14px}.material-caption>span:last-child{font-size:6px}.materials-copy{padding:0}.materials h2{font-size:36px;margin:18px 0 17px;line-height:1.55}.materials-intro{font-size:11px;line-height:2}.material-tabs{margin-top:21px;gap:23px}.material-tabs button{font-size:12px;gap:10px}.tab-number{display:inline}.material-detail-heading{margin-top:22px}.material-detail-heading h3{font-size:20px}#material-description{font-size:12px;line-height:2;min-height:48px}.material-properties{margin-top:14px}.light-link{margin-top:10px}.about{grid-template-columns:1fr;padding-top:58px;padding-bottom:53px;gap:27px}.about-label{position:relative}.about-signature{margin-top:15px;font-size:8px;letter-spacing:2px}.about-copy h2{font-size:32px;line-height:1.6;letter-spacing:-.7px}.about-text{grid-template-columns:1fr;gap:15px;margin-top:23px}.about-text p{font-size:12px;line-height:2.15}.about-disciplines{font-size:9px;margin-top:24px;gap:20px}.closing{padding-top:39px;padding-bottom:32px}.closing>.kicker{font-size:7px;letter-spacing:1.4px}.closing-link{margin-top:17px;gap:10px}.closing-link>span:first-child{font-size:8vw;letter-spacing:-1px;line-height:1.8}.closing-arrow{font-size:40px}.closing-caption{font-size:9px;line-height:1.8;margin-top:12px}.closing-caption>span:last-child{display:none}.footer{flex-wrap:wrap;padding-top:23px;padding-bottom:25px;gap:12px;align-items:start}.footer>div{flex-direction:row;gap:10px;align-items:center;flex:1}.footer p{order:3;max-width:none;width:100%;font-size:8px}.footer>a{font-size:8px}.dialog-bar{padding:12px 20px}.dialog-photo{height:180px;background-size:300% auto}.article-reading{padding:27px 24px 30px}.article-reading h2{font-size:28px;margin-top:15px}.article-byline{font-size:9px;margin:16px 0 24px}#article-body{font-size:15px;line-height:2.15}.article-end{gap:10px}.article-end>span{font-size:7px}.article-end button{font-size:10px}.gallery-dialog p{font-size:7px;letter-spacing:.4px;gap:15px}.gallery-dialog p span{font-size:7px}.gallery-dialog{width:calc(100vw - 20px)}}
@media(max-width:360px){:root{--gutter:18px}.filters{gap:13px}.results-count{font-size:7px}.hero-figure figcaption{font-size:7px}.section-heading h2{font-size:26px}.article-title-row h3{font-size:22px}.material-tabs{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image-wrap:hover .hero-image{transform:none}}
@supports(animation-timeline:scroll()){.reading-progress{animation:page-progress linear;animation-timeline:scroll(root)}@keyframes page-progress{to{transform:scaleX(1)}}}

/* Optical sizes and reading comfort across screen densities. */
.interlude-star svg{display:block;width:1em;height:1em}.hero-description,.section-description,.materials-intro,.about-text p{font-size:14px}.article-trigger>p,#material-description{font-size:13px}.hero-figure figcaption,.article-meta,.results-count,.journal-footnote,.material-properties span,.footer>p{font-size:10px}.filters button{font-size:12px}.article-meta>span:last-child{font-size:9px}.light-link{font-size:12px}.material-tabs button{font-size:13px}.footer,.footer>div>a{font-size:10px}
@media(max-width:1100px){.hero-description{font-size:12px}.article-meta{font-size:9px}.hero-figure figcaption{font-size:9px}}
@media(max-width:760px){.hero-description,.section-description,.materials-intro,.about-text p{font-size:13px}.article-trigger>p,#material-description{font-size:13px}.hero-figure figcaption{font-size:9px}.hero-figure figcaption>span:last-child{font-size:8px}.filters button{font-size:11px}.results-count,.journal-footnote{font-size:9px}.article-meta{font-size:10px}.article-meta>span:last-child{font-size:9px}.footer>p{font-size:9px}.footer>div>a{font-size:9px}.footer>div{gap:8px}.footer>a{font-size:9px}.material-properties span{font-size:10px}}
@media(max-width:360px){.filters{gap:11px}.filters button{font-size:10px}.results-count{font-size:8px}.article-meta>span:last-child{font-size:8px}.footer>div>a{font-size:8px}}

/* Preserve source image proportions while selecting each triptych panel. */
.article-photo,.material-photo{background-size:300% auto}

/* Quiet English signature; keep attention on the spatial imagery. */
.brand{font-size:12px;letter-spacing:1.5px}.brand-mark{font:19px var(--roman);letter-spacing:-1px;width:32px;height:34px;transform:none}.brand-sub{font-size:8px;letter-spacing:2px}.about-monogram{font:italic 64px/1 var(--roman);color:var(--muted);margin-top:46px;letter-spacing:-3px}.about-signature{margin-top:20px}
@media(max-width:760px){.brand{font-size:11px;letter-spacing:1.4px}.brand-mark{font-size:18px;width:30px;height:32px}.brand-sub{font-size:7px;letter-spacing:1.8px}.about-monogram{display:none}.about-signature{margin-top:15px}}

/* Residential project photography. */
.works{padding-top:90px;padding-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.work-project-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:var(--muted)}
.work-project-meta>span:first-child{color:var(--red)}
.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 30px;margin-top:26px}
.work-card{min-width:0;margin:0}.work-featured{grid-column:1 / -1}
.work-open{position:relative;display:block;width:100%;overflow:hidden;background:#dedbd2}
.work-open img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;transition:transform .45s}
.work-featured img{aspect-ratio:16 / 9;object-position:center 64%}
.work-open:hover img{transform:scale(1.025)}
.work-zoom{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:23px}
.work-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;font-size:15px;font-family:var(--serif)}
.work-card figcaption>span:last-child{font:10px var(--sans);letter-spacing:1px;color:var(--muted)}
.work-dialog{width:min(1100px,95vw)}.work-dialog img{display:block;height:calc(94dvh - 140px);max-height:none;width:100%;object-fit:contain}
.work-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:15px}
.work-gallery-controls button{min-width:80px;min-height:44px;font-size:12px}.work-gallery-controls p{padding:0;display:block;text-align:center;font-size:12px;line-height:1.8}
@media(max-width:1100px){.desktop-nav{gap:18px}}
@media(max-width:760px){.works{padding-top:54px;padding-bottom:42px}.work-project-meta{font-size:10px;gap:12px;line-height:1.8;margin-top:23px}.works-grid{grid-template-columns:1fr;gap:28px;margin-top:22px}.work-featured{grid-column:auto}.work-featured img{aspect-ratio:3 / 4}.work-card figcaption{font-size:14px;padding-top:12px}.work-gallery-controls{padding:8px 10px;gap:8px}.work-gallery-controls button{min-width:44px;font-size:22px}.work-gallery-controls button span{display:none}.work-gallery-controls p{font-size:11px}.work-dialog img{height:calc(94dvh - 140px)}}

/* Restore the original identity, introduction and architectural line drawing. */
:root{--paper:#EFEFEC}
.restored-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:48px var(--gutter) 0;background:#EFEFEC;color:#1F201E;font-family:'Jost','Noto Sans SC',var(--sans);font-weight:300;line-height:1.9}
.restored-name{font-size:15px;font-weight:400;letter-spacing:.28em}
.restored-nav{display:flex;gap:24px;color:#74766F;font-size:14px}.restored-nav a:hover{color:#1F201E}
.restored-header a:focus-visible{outline:1px solid #B79A72;outline-offset:4px}
.restored-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:72px var(--gutter) 0;background:#EFEFEC;color:#1F201E}
.restored-hero h1{font:300 clamp(30px,4.2vw,54px)/1.5 'Noto Serif SC','Songti SC',serif;letter-spacing:.06em;margin:0}
.restored-hero p{font:300 15px/1.9 'Jost','Noto Sans SC',var(--sans);color:#74766F;margin:28px 0 0;max-width:30em}
.restored-hero .plan{display:block;width:100%;height:auto;color:#1F201E}
.restored-hero .plan path,.restored-hero .plan rect,.restored-hero .plan line{fill:none;stroke:currentColor;stroke-width:1}
.restored-hero .plan .d{stroke-dasharray:1;stroke-dashoffset:1;animation:restore-draw 3.2s ease .3s forwards}
.restored-hero .plan .t{stroke:#B79A72;stroke-width:1.5}
@keyframes restore-draw{to{stroke-dashoffset:0}}
.restored-details,.restored-contact{padding-top:72px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.restored-details h2,.restored-contact h2{font:300 28px/1.6 'Noto Serif SC',var(--serif);letter-spacing:.12em;margin-bottom:30px}
.restored-details .cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}.restored-details h3{font:400 16px/1.6 var(--serif);letter-spacing:.14em;margin-bottom:14px;padding-top:16px;border-top:1px solid var(--line)}
.restored-details p,.restored-contact p{font-size:14px;line-height:1.9;color:var(--muted)}.restored-contact a{border-bottom:1px solid var(--line);padding-bottom:2px}
@media(max-width:820px){.restored-header{padding:24px 24px 0;gap:16px}.restored-nav{gap:20px;font-size:13px}.restored-hero{grid-template-columns:1fr;padding:56px 24px 0;gap:48px}.restored-details .cols{grid-template-columns:1fr;gap:32px}}
@media(max-width:360px){.restored-header{gap:12px}.restored-name{font-size:13px}.restored-nav{gap:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.restored-hero .plan .d{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}