/* About content only. Shared navigation and footer styles remain in site.css. */
#about-content{--ma-ink:#222;--ma-muted:#606060;--ma-line:#e5e5e5;--ma-surface:#fff;background:var(--ma-surface);color:var(--ma-ink);font-family:Figtree,Helvetica,Arial,sans-serif;line-height:1.6;color-scheme:light}
#about-content *{box-sizing:border-box}
#about-content a{color:inherit;text-decoration:none;text-underline-offset:5px}
#about-content a:hover{text-decoration:underline}
#about-content a:focus-visible,
#about-content button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#about-content{width:calc(100% - 48px);max-width:1040px;margin:auto;padding:48px 0 80px}
#about-content p{font-size:16px;line-height:1.75;color:var(--ma-muted);margin:0 0 18px;text-wrap:pretty;max-width:65ch}
#about-content h1,
#about-content h2,
#about-content h3{color:var(--ma-ink);font-weight:500;text-wrap:balance}
#about-content .pa-story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,64px);align-items:start}
#about-content .pa-person{padding-top:4px;min-width:0}
#about-content figure{margin:0}
#about-content .pa-person img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 58%;border-radius:6px}
#about-content .pa-person figcaption{font-size:15px;font-weight:500;line-height:1.6;margin-top:16px}
#about-content .pa-person figcaption span{font-size:14px;font-weight:400;color:var(--ma-muted)}
#about-content .pa-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}
#about-content .pa-links a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-decoration-color:#aaa;white-space:nowrap}
#about-content .pa-greeting{font-size:clamp(32px,4.5vw,44px);line-height:1.15;letter-spacing:-.025em;margin:0 0 24px}
#about-content .pa-letter>p{font-size:16px;line-height:1.75;margin:0 0 18px}
#about-content strong{font-weight:500;color:var(--ma-ink)}
#about-content .pa-designer-quote{margin-top:28px;padding-top:24px;border-top:1px solid var(--ma-line)}
#about-content .pa-philosophy-label{font-size:13px;margin:0 0 10px}
#about-content blockquote{font-size:26px;line-height:1.3;letter-spacing:-.015em;margin:0 0 9px;font-weight:500;color:var(--ma-ink)}
#about-content .pa-designer-quote figcaption{font-size:14px;color:var(--ma-muted)}
#about-content .ma-section{margin-top:96px;padding-top:48px;border-top:1px solid var(--ma-line)}
#about-content .ma-section-heading,
#about-content .ma-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
#about-content .ma-section-title{font-size:26px;line-height:1.3;letter-spacing:-.02em;margin:0}
#about-content .ma-section-heading>a{font-size:14px;white-space:nowrap;text-decoration:underline;text-decoration-color:#aaa;min-height:44px;display:inline-flex;align-items:center}
#about-content .ma-job{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;padding:18px 0;border-bottom:1px solid var(--ma-line);align-items:baseline}
#about-content .ma-job:nth-child(2){padding-top:0}
#about-content .ma-job>div:not(.ma-date){display:contents}
#about-content .ma-job h3{grid-column:1;grid-row:1;font-size:18px;line-height:1.4;margin:0 0 5px;letter-spacing:-.01em}
#about-content .ma-date{grid-column:2;grid-row:1;text-align:right;font-size:14px;color:var(--ma-muted);white-space:nowrap}
#about-content .ma-job .ma-role{grid-column:1/-1;font-size:14px;line-height:1.6;margin:0}
#about-content .ma-facts>.ma-section-title{margin-bottom:24px}
#about-content .ma-world{max-width:65ch}
#about-content .ma-world .ma-fact-lead{font-size:18px;line-height:1.6;color:var(--ma-ink);margin-bottom:12px}
#about-content .ma-world>p{margin:0}
@media(max-width:767px){
#about-content{width:88%;padding:28px 0 56px}
#about-content .pa-story{grid-template-columns:1fr;gap:30px}
#about-content .pa-person{max-width:300px}
#about-content .pa-greeting{font-size:34px}
#about-content .ma-section{margin-top:72px;padding-top:32px}
#about-content .ma-section-title{font-size:24px}
}
@media(max-width:440px){
#about-content .ma-job{column-gap:12px}
#about-content .ma-job h3{font-size:16px}
#about-content .ma-date{font-size:12px;white-space:normal;max-width:110px}
}
#about-content{--ma-ink:#202020;--ma-muted:#626262}
#about-content p{color:var(--ma-ink)}
#about-content .pa-letter>p{color:var(--ma-ink)}
#about-content .pa-letter>p:first-of-type{font-size:18px;line-height:1.65}
#about-content .pa-letter strong{font-weight:600}
#about-content .ma-section-title{font-weight:600}
#about-content .ma-job h3{font-weight:600}
#about-content .ma-job .ma-role{color:var(--ma-ink)}
#about-content .pa-person figcaption span,
#about-content .pa-philosophy-label,
#about-content .pa-designer-quote figcaption,
#about-content .ma-date{color:var(--ma-muted)}
#about-content .pa-links a,
#about-content .ma-section-heading>a{text-decoration-color:currentColor}
#about-content .ma-job{border-bottom:0;padding:16px 0}
#about-content .pa-designer-quote{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:6px}
#about-content .pa-designer-quote .pa-philosophy-label{flex-basis:100%;margin:0 0 4px}
#about-content .pa-designer-quote blockquote{font-size:24px;line-height:1.4;margin:0;white-space:nowrap}
#about-content .pa-designer-quote figcaption{font-size:14px;line-height:1.5;white-space:nowrap}
#about-content .pa-links a,
#about-content .pa-links a:hover{text-decoration:none;gap:6px;align-items:center}
#about-content .pa-links .pa-link-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#about-content .pa-links .pa-link-arrow{display:inline-block;font-family:Arial,sans-serif;font-size:15px;line-height:1;text-decoration:none}
#about-content .ma-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:clamp(36px,6vw,64px);align-items:start}
#about-content .ma-section-heading{grid-column:1;grid-row:1 / 6;margin:0;display:block}
#about-content .ma-job{grid-column:2;min-width:0;padding:0 0 28px}
#about-content .ma-job:last-of-type{padding-bottom:0}
#about-content .ma-job h3{font-size:17px}
#about-content .ma-date{font-size:13px}
#about-content .ma-facts>.ma-section-title{grid-column:1;grid-row:1 / 3;margin:0}
#about-content .ma-world{grid-column:2;min-width:0}
#about-content .ma-gallery-head{display:contents}
#about-content .ma-gallery-head>.ma-section-title{grid-column:1;grid-row:1 / 3}
@media(max-width:767px){
#about-content .ma-section{display:block}
#about-content .ma-section-heading,
#about-content .ma-facts>.ma-section-title{margin-bottom:24px}
#about-content .ma-gallery-head{display:flex;margin-bottom:24px}
}
#about-content .ma-gallery{display:block;min-width:0}
#about-content .ma-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
#about-content .ma-photo-window{overflow:hidden;width:100%;border-radius:6px}
#about-content .ma-photo-track{display:flex;width:max-content;animation:ma-photo-drift 48s linear infinite}
#about-content .ma-photo-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
#about-content .ma-photo-group img{display:block;flex:none;height:312px;width:auto;max-width:none;border-radius:6px;object-fit:contain}
#about-content .ma-gallery:hover .ma-photo-track,
#about-content .ma-gallery:focus-within .ma-photo-track,
#about-content .ma-gallery[data-paused="true"] .ma-photo-track{animation-play-state:paused}
@keyframes ma-photo-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){
#about-content .ma-photo-group img{height:252px}
}
@media(prefers-reduced-motion:reduce){
#about-content .ma-photo-track{animation:none}
#about-content .ma-photo-window{overflow-x:auto}
#about-content .ma-photo-group[aria-hidden="true"]{display:none}
}
#about-content .pa-designer-quote{border:1px solid #dedede;border-radius:8px;background:var(--ma-surface);padding:20px 22px;margin-top:28px;box-shadow:none;column-gap:12px;row-gap:8px}
#about-content .pa-designer-quote .pa-philosophy-label{margin-bottom:4px}
#about-content .pa-designer-quote blockquote{font-size:22px;line-height:1.4}
@media(max-width:440px){
#about-content .pa-designer-quote{padding:18px 16px}
#about-content .pa-designer-quote blockquote{font-size:20px}
}
#about-content .pa-letter>p,
#about-content .pa-letter>p:first-of-type{font-size:16px;line-height:1.75;font-weight:400;color:var(--ma-ink);margin:0 0 20px}
#about-content .pa-letter>p strong{font-weight:700;color:var(--ma-ink)}
#about-content .study-flag{position:relative;display:block;flex:0 0 54px;width:54px;height:36px;overflow:hidden;border-radius:3px;outline:6px solid #fff}
#about-content .flag-china{background:#de2910}
#about-content .flag-china i{position:absolute;display:block;width:5px;height:5px;background:#ffde00;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 92%,50% 71%,21% 92%,32% 57%,2% 35%,39% 35%)}
#about-content .flag-china i:nth-child(1){width:12px;height:12px;left:4px;top:5px}
#about-content .flag-china i:nth-child(2){left:18px;top:3px;transform:rotate(23deg)}
#about-content .flag-china i:nth-child(3){left:22px;top:7px;transform:rotate(45deg)}
#about-content .flag-china i:nth-child(4){left:22px;top:13px;transform:rotate(0deg)}
#about-content .flag-china i:nth-child(5){left:18px;top:18px;transform:rotate(23deg)}
#about-content .flag-italy{background:linear-gradient(to right,#009246 0 33.333%,#fff 33.333% 66.667%,#ce2b37 66.667%)}
#about-content .flag-uk{background:linear-gradient(33.69deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(-33.69deg,transparent 43%,#fff 43% 57%,transparent 57%),#012169}
#about-content .flag-uk::before{content:"";position:absolute;inset:0;background:linear-gradient(33.69deg,transparent 47%,#c8102e 47% 52%,transparent 52%),linear-gradient(-33.69deg,transparent 47%,#c8102e 47% 52%,transparent 52%)}
#about-content .flag-uk::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 39%,#fff 39% 61%,transparent 61%),linear-gradient(to bottom,transparent 33%,#fff 33% 67%,transparent 67%)}
#about-content .flag-uk i{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,transparent 44%,#c8102e 44% 56%,transparent 56%),linear-gradient(to bottom,transparent 40%,#c8102e 40% 60%,transparent 60%)}
#about-content .flag-us{background:repeating-linear-gradient(to bottom,#b22234 0 calc(36px / 13),#fff calc(36px / 13) calc(72px / 13))}
#about-content .flag-canton{position:absolute;left:0;top:0;width:23px;height:19.4px;background:#3c3b6e;display:flex;flex-direction:column;justify-content:space-evenly;padding:1px}
#about-content .flag-canton>span{display:block;text-align:center;color:#fff;font-family:Arial,sans-serif;font-size:3px;line-height:1;letter-spacing:.5px}
#about-content .pa-designer-quote{background:#f4f4f4;border:0;box-shadow:none}
#about-content .study-scatter{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;padding:0;margin:32px 0 0}
#about-content .study-memory{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;min-width:0;padding:0;margin:0;border:0;background:none;box-shadow:none}
#about-content .study-memory .memory-copy{min-width:0}
#about-content .study-memory h3{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.01em;margin:0 0 8px;text-wrap:pretty}
#about-content .study-memory p{font-size:14px;line-height:1.5;margin:0;color:#202020}
#about-content .study-memory .study-period{font-size:12px;line-height:1.5;color:#626262;margin-top:8px}
#about-content .study-memory .study-flag{position:relative;outline:0;border-radius:2px;margin-top:4px;transform:rotate(-5deg)}
#about-content .memory-uk .study-flag{transform:rotate(5deg)}
#about-content .memory-it .study-flag{transform:rotate(3deg)}
#about-content .memory-us .study-flag{transform:rotate(-4deg)}
#about-content .memory-uk{margin-top:16px}
#about-content .memory-it{margin-left:16px}
#about-content .memory-us{margin-top:8px}
#about-content .memory-arrow{position:absolute;left:8px;top:48px;width:40px;height:40px;overflow:visible;fill:none;stroke:#48433b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:680px){
#about-content .study-scatter{grid-template-columns:1fr;gap:28px;margin-top:28px}
#about-content .study-memory{margin:0}
#about-content .memory-uk,
#about-content .memory-us{margin-left:12px}
}
@media(max-width:380px){
#about-content .study-memory{gap:12px}
#about-content .memory-uk,
#about-content .memory-us{margin-left:0}
}
#about-content .study-scatter{column-gap:48px;row-gap:36px}
#about-content .study-memory{grid-template-columns:56px minmax(0,1fr);gap:24px;min-height:104px;margin:0}
#about-content .memory-cn,
#about-content .memory-it{grid-template-columns:minmax(0,1fr) 56px}
#about-content .memory-cn .memory-copy,
#about-content .memory-it .memory-copy{grid-column:1;grid-row:1;text-align:right}
#about-content .memory-cn .study-flag,
#about-content .memory-it .study-flag{grid-column:2;grid-row:1}
#about-content .study-memory .memory-arrow{width:64px;height:48px;top:48px;left:8px;stroke-width:1.5}
#about-content .memory-cn .memory-arrow,
#about-content .memory-it .memory-arrow{left:auto;right:8px}
#about-content .memory-uk{padding-top:12px}
#about-content .memory-uk .memory-arrow{top:60px}
#about-content .memory-us{padding-top:8px}
#about-content .memory-us .memory-arrow{top:56px}
@media(max-width:680px){
#about-content .study-scatter{grid-template-columns:1fr;row-gap:28px}
#about-content .study-memory{margin:0;padding-top:0;gap:24px}
#about-content .study-memory .memory-arrow{top:48px}
}
@media(min-width:681px){
#about-content .memory-cn{padding-top:12px}
#about-content .memory-cn .memory-arrow{top:60px}
}
#about-content .ma-facts{display:block}
#about-content .ma-facts>.ma-section-title{margin:0 0 20px}
#about-content .ma-facts .ma-world{width:100%;max-width:none}
#about-content .ma-facts .ma-world p{margin:0 0 16px;width:100%;max-width:none;text-wrap:wrap}
#about-content .ma-facts .ma-world>p:last-child{margin-bottom:0}
#about-content .ma-facts>.ma-section-title{text-wrap:wrap;line-height:1.35}

#about-content{box-sizing:border-box;padding-top:calc(var(--site-header-height,72px) + 48px)}
#about-content img{max-width:100%}
#about-content .ma-photo-group img{max-width:none}
@media(max-width:767px){#about-content{padding-top:calc(var(--site-header-height,72px) + 28px)}}