/* Brand philosophy: open editorial compositions and the experience-page sunset finish. */
body.theme-about{--brand-gutter:clamp(32px,6vw,112px);--brand-gap:clamp(48px,7vw,112px);--paper:#f7f6f2;--ink:#191619;--accent:#841f42;--muted:#5b5055;--mast-bg:#f7f6f2;background:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
.theme-about .brand-wrap{width:calc(100% - var(--brand-gutter)*2);max-width:1536px;margin-inline:auto}
.theme-about .site-header{height:72px;padding-inline:5vw;background:linear-gradient(#f7f6f2f2,#f7f6f2b3);backdrop-filter:none}
.theme-about .site-header.is-scrolled{background:#f7f6f2f0;backdrop-filter:blur(12px)}
.theme-about .site-header nav>a{font-size:12px}
.theme-about .brand-chapter{position:relative}
.theme-about main figure{margin:0;min-width:0}
.theme-about main img{width:100%;height:100%;object-fit:cover;display:block}
.theme-about main h1,.theme-about main h2,.theme-about main h3{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:400;letter-spacing:-.035em}
.theme-about main h2{font-size:clamp(28px,2.6vw,42px);line-height:1.45;margin:0 0 26px}
.theme-about .brand-label{font:400 10px/1.5 Arial,sans-serif;letter-spacing:.2em;color:var(--accent);margin:0 0 24px}
.theme-about .brand-prose,.theme-about .brand-beliefs p:not(.brand-label){font-size:16px;color:var(--muted)}
.theme-about .brand-prose p,.theme-about .brand-beliefs p:not(.brand-label){line-height:1.95;margin:0 0 18px}
.theme-about .brand-link{position:relative;display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:8px 0;color:var(--accent);font-size:13px;margin-top:12px}
.theme-about .brand-link::after{content:"";position:absolute;bottom:4px;left:0;width:30%;height:1px;background:currentColor;transition:width .2s}
.theme-about .brand-link:hover::after,.theme-about .brand-link:focus-visible::after{width:100%}
.theme-about .brand-link .icon{width:14px;height:14px}
.theme-about .brand-hero{width:100%;max-width:none;min-height:100svh;height:auto;max-height:none;display:flex;align-items:center;padding:120px var(--brand-gutter) 96px;margin-bottom:clamp(56px,8vw,112px);isolation:isolate}
.theme-about .brand-hero-image{position:absolute;inset:0;z-index:-2}
.theme-about .brand-hero-image img{object-position:center}
.theme-about .brand-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,12,20,.32) 0%,rgba(28,12,20,.05) 30%,rgba(28,12,20,.14) 58%,rgba(28,12,20,.6) 100%),linear-gradient(90deg,rgba(28,12,20,.44) 0%,rgba(28,12,20,.12) 40%,transparent 66%)}
.theme-about .brand-hero-copy{width:62%;max-width:680px}
.theme-about .brand-hero .brand-label{color:rgba(255,255,255,.86)}
.theme-about .brand-hero h1{font-size:clamp(50px,4.7vw,76px);line-height:1.2;margin:0 0 26px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.theme-about .brand-hero h1 span{font-size:.8em;white-space:nowrap}
.theme-about .brand-hero h1 em{font-style:normal;color:#ffd6e4}
.theme-about .brand-hero .brand-prose{max-width:360px}
.theme-about .brand-hero .brand-prose p{color:rgba(255,255,255,.9)}
.theme-about .brand-hero .brand-link{color:#fff}
.theme-about .brand-hero .brand-link .icon{color:#fff}
.theme-about .brand-inspiration{width:calc(100% - var(--brand-gutter)*2);max-width:1536px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--brand-gap)}
.theme-about .brand-inspiration>figure{min-height:0;aspect-ratio:1.25}
.theme-about .brand-inspiration-copy{position:relative;background:#b9675e;display:flex;align-items:center;padding:44px clamp(28px,4vw,64px);isolation:isolate}
.theme-about .brand-backdrop{position:absolute;inset:0;z-index:-2}
.theme-about .brand-inspiration-copy::after{content:"";position:absolute;inset:0;background:#4a0c1f55;z-index:-1}
.theme-about .brand-panel-copy{color:#fff7f1}
.theme-about .brand-panel-copy .brand-label,.theme-about .brand-panel-copy .brand-prose{color:inherit}
.theme-about .brand-panel-copy h2{font-size:clamp(26px,2.45vw,40px)}
.theme-about .brand-panel-copy .brand-prose{font-size:15px}
.theme-about .brand-beliefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px var(--brand-gap);padding-block:110px 120px}
.theme-about .brand-beliefs-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--brand-gap)}
.theme-about .brand-beliefs-intro>.brand-label{grid-column:1/-1}
.theme-about .brand-beliefs-intro h2{grid-column:1;grid-row:2/4;margin:0}
.theme-about .brand-beliefs-intro>p:not(.brand-label){grid-column:2;grid-row:2;font-size:16px}
.theme-about .brand-beliefs-intro>.brand-link{grid-column:2;grid-row:3;justify-self:start}
.theme-about .brand-beliefs h2{font-size:clamp(28px,2.6vw,42px)}
.theme-about .brand-beliefs article{min-width:0}
.theme-about .brand-beliefs h3{font-size:clamp(20px,1.65vw,25px);line-height:1.5;margin:0 0 22px}
.theme-about .brand-beliefs figure{aspect-ratio:1.4;margin-bottom:24px}
.theme-about .brand-beliefs p:not(.brand-label){font-size:15px;line-height:1.95}
.theme-about .brand-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:var(--brand-gap);align-items:center;margin-bottom:100px}
.theme-about .brand-city{min-height:0;aspect-ratio:1.08}
.theme-about .brand-city img{object-position:center 45%}
.theme-about .brand-manifesto-copy{display:grid;grid-template-columns:minmax(0,1fr) 104px;column-gap:28px;align-content:center;min-width:0}
.theme-about .brand-manifesto-copy>.brand-label,.theme-about .brand-manifesto-copy>h2,.theme-about .brand-manifesto-copy>.brand-prose,.theme-about .brand-manifesto-copy>.brand-link{grid-column:1}
.theme-about .brand-manifesto-copy>.brand-label,.theme-about .brand-manifesto-copy>h2{grid-column:1/-1}
.theme-about .brand-manifesto .brand-wall{grid-column:2;grid-row:3/5;align-self:center;height:180px}
.theme-about .brand-manifesto h2{font-size:clamp(27px,2.3vw,38px)}
.theme-about .brand-manifesto .brand-prose{font-size:15px}
.theme-about .brand-manifesto .brand-link{justify-self:start}
.theme-about .brand-closing{background:var(--paper);color:var(--ink);isolation:isolate}
.theme-about .brand-closing>.brand-backdrop{opacity:.07}
.theme-about .brand-closing::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--paper),#f7f6f280 35%,#f7f6f280 65%,var(--paper));z-index:-1}
.theme-about .brand-closing>.brand-wrap{min-height:320px;display:grid;grid-template-columns:1fr 1fr;gap:var(--brand-gap);align-items:center;padding-block:70px}
.theme-about .brand-closing h2{font-size:clamp(36px,3.3vw,54px);margin:0}
.theme-about .brand-closing .brand-label,.theme-about .brand-closing .brand-link,.theme-about .brand-closing .brand-prose{color:inherit}
.theme-about .brand-closing .brand-prose{font-size:15px;max-width:460px}
.theme-about .site-footer{background-color:#fff9fb;background-image:linear-gradient(var(--paper),#f7f6f275 35%,#fff9fb35),url('assets/experience/09.webp');background-size:cover;background-position:center 55%;min-height:320px;padding-block:100px 60px;border:0}
.theme-about .site-footer>div>p,.theme-about .footer-meta{color:#39424a}
.theme-about .preview-caption{background:#f9e9eb}
@media(min-width:768px) and (max-width:1100px){
 body.theme-about{--brand-gutter:40px;--brand-gap:40px}
 .theme-about .site-header{padding-inline:4vw;gap:24px}.theme-about .site-header nav{gap:16px}.theme-about .site-header nav>a{font-size:10px}
 .theme-about .brand-hero{min-height:540px}.theme-about .brand-hero-copy{width:52%}.theme-about .brand-hero h1{font-size:50px}
 .theme-about .brand-inspiration{gap:32px}.theme-about .brand-inspiration>figure{aspect-ratio:auto}
 .theme-about .brand-inspiration-copy{padding:36px 26px}
 .theme-about .brand-panel-copy h2{font-size:28px}
 .theme-about .brand-beliefs{column-gap:28px;padding-block:88px}
 .theme-about .brand-beliefs h3{font-size:19px;min-height:58px}
 .theme-about .brand-manifesto{grid-template-columns:1fr 1.15fr;margin-bottom:72px}
 .theme-about .brand-city{aspect-ratio:.8}
 .theme-about .brand-manifesto-copy{grid-template-columns:minmax(0,1fr) 72px;column-gap:20px}
 .theme-about .brand-manifesto h2{font-size:29px}
 .theme-about .brand-manifesto-copy>.brand-prose{grid-column:1/-1}
 .theme-about .brand-manifesto .brand-wall{grid-row:5;height:90px}
 .theme-about .brand-manifesto .brand-link{grid-row:5;align-self:center}
}
@media(max-width:767px){
 body.theme-about{--brand-gutter:24px;--brand-gap:32px}
 .theme-about .site-header{height:64px;padding-inline:18px;gap:22px;background:#f7f6f2eb}.theme-about .site-header nav>a{font-size:11px}
 .theme-about .brand-label{font-size:10px;margin-bottom:22px}
 .theme-about main h2{font-size:30px;margin-bottom:24px}
 .theme-about .brand-prose{font-size:15px}.theme-about .brand-prose br{display:none}
 .theme-about .brand-hero{width:100%;height:auto;max-height:none;min-height:100svh;display:flex;align-items:center;padding:104px 24px 80px;margin-bottom:clamp(44px,9vw,72px)}
 .theme-about .brand-hero-copy{width:100%;max-width:none;margin-bottom:0}
 .theme-about .brand-hero h1{font-size:44px;line-height:1.2}.theme-about .brand-hero h1 span{font-size:.84em}
 .theme-about .brand-hero .brand-prose{max-width:340px}
 .theme-about .brand-hero::after{display:block}
 .theme-about .brand-hero-image{position:absolute;inset:0;width:100%;aspect-ratio:auto;z-index:-2}
 .theme-about .brand-inspiration{grid-template-columns:1fr;gap:28px}
 .theme-about .brand-inspiration>figure{aspect-ratio:1.4}
 .theme-about .brand-inspiration-copy{padding:36px 26px;min-height:300px}
 .theme-about .brand-panel-copy h2{font-size:27px}.theme-about .brand-panel-copy .brand-prose{font-size:15px}
 .theme-about .brand-beliefs{grid-template-columns:1fr;gap:38px;padding-block:80px}
 .theme-about .brand-beliefs-intro{display:block}.theme-about .brand-beliefs-intro h2{margin-bottom:24px}
 .theme-about .brand-beliefs-intro p br{display:none}
 .theme-about .brand-beliefs article{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #dfd4d1;padding-top:28px}
 .theme-about .brand-beliefs article figure{grid-row:2;aspect-ratio:1.65;margin-bottom:22px}
 .theme-about .brand-beliefs article h3{font-size:22px;margin-bottom:22px}
 .theme-about .brand-beliefs article p{font-size:15px;margin:0}
 .theme-about .brand-manifesto{grid-template-columns:1fr;gap:32px;margin-bottom:64px}
 .theme-about .brand-city{aspect-ratio:1.25}
 .theme-about .brand-manifesto-copy{grid-template-columns:minmax(0,1fr) 80px;column-gap:24px}
 .theme-about .brand-manifesto h2{font-size:29px}.theme-about .brand-manifesto .brand-prose{font-size:15px}
 .theme-about .brand-manifesto-copy>.brand-prose{grid-column:1/-1}
 .theme-about .brand-manifesto .brand-wall{grid-row:5;height:90px}
 .theme-about .brand-manifesto .brand-link{grid-row:5;align-self:center}
 .theme-about .brand-closing>.brand-wrap{grid-template-columns:1fr;gap:28px;padding-block:48px;min-height:0}
 .theme-about .brand-closing h2{font-size:36px}.theme-about .brand-closing .brand-prose{font-size:15px}
 .theme-about .site-footer{min-height:300px;padding:76px 24px 38px}
}
@media(prefers-reduced-motion:reduce){.theme-about .brand-link::after{transition:none}}