/* Shared column design, extending the approved homepage typography and palette. */
.breadcrumbs{padding-top:28px;font-size:13px;color:var(--muted)}.breadcrumbs ol{display:flex;gap:14px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li+li::before{content:"/";color:#aaa49a;margin-right:14px}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}.crumb-link span{display:none}
.page-hero{display:grid;gap:70px;padding-block:55px 68px;align-items:center}.page-hero.with-visual{grid-template-columns:1.02fr .98fr}.page-hero.text-hero{max-width:1328px;padding-bottom:46px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(38px,4.1vw,59px);line-height:1.4;letter-spacing:.025em}.page-hero .eyebrow{font-size:13px;margin-bottom:19px}.page-lead{max-width:580px;font-size:16px;line-height:1.95;color:var(--muted);margin-top:24px}.page-hero .actions{margin-top:29px}.page-hero.text-hero h1{max-width:1000px}.page-hero.text-hero .page-lead{max-width:720px}
.type-panel{height:340px;position:relative;overflow:hidden;background:var(--blue);color:var(--paper);padding:36px;display:flex;flex-direction:column;justify-content:flex-end}.type-panel::after{content:"";position:absolute;inset:18px;border:1px solid #ffffff38;pointer-events:none}.type-char{position:absolute;right:30px;top:15px;font:700 240px/1.1 var(--serif);opacity:.16}.type-panel p{position:relative;font:700 26px/1.65 var(--serif);z-index:1}.type-panel small{font-size:13px;color:var(--blue-muted);margin-top:24px;z-index:1}.tone-ink{background:var(--ink)}.page-picture{min-width:0}.page-picture img{width:100%;height:340px;object-fit:contain;background:#d5dcdb}.page-picture figcaption{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}.page-picture.mutong-frame img{object-fit:contain;background:#fff}.page-hero .mutong-frame img{height:410px}
.content-section{padding-block:62px}.content-section+.content-section{border-top:1px solid var(--line)}.content-section .section-heading{margin-bottom:30px}.content-section h2{font-size:clamp(29px,2.6vw,38px)}.content-section .eyebrow{font-size:13px}.editorial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.editorial-card{border-top:1px solid var(--line);padding-top:23px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.card-number{font-size:13px;color:var(--blue);margin-bottom:22px}.editorial-card h3{font-size:24px;line-height:1.6}.editorial-card>p{font-size:15px;color:var(--muted);margin:16px 0 24px;flex:1}.editorial-card .text-link{font-size:14px;margin-top:auto;max-width:100%}.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:26px}.journey>li,.journey>div{padding:25px 22px;background:var(--surface);border-top:2px solid var(--blue)}.journey span{color:var(--blue);font-size:13px}.journey h3{margin:16px 0 12px;font-size:23px}.journey p{font-size:14px;color:var(--muted)}.journey.three{grid-template-columns:repeat(3,minmax(0,1fr))}.note-line{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;font-size:13px;color:var(--muted);line-height:1.9}
.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}.work-pair article{min-width:0}.work-pair .page-picture img{height:320px}.work-pair .mutong-frame img{object-fit:contain;background:#fff}.work-card-text{padding-top:23px}.work-card-text h3{font-size:27px;margin:10px 0 13px}.work-card-text>p:not(.category){color:var(--muted);font-size:15px;max-width:510px}.work-card-text .text-link{margin-top:18px}.work-card-text .category{font-size:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-note{border-top:1px solid var(--line);padding:24px 0}.feature-note h3{font-size:28px;margin:13px 0 18px}.feature-note p:not(.category){color:var(--muted);font-size:15px}.feature-note .category{font-size:13px}.prose p{font-size:16px;line-height:2;color:var(--muted);margin-bottom:20px}.wide-prose{max-width:890px}.prose .text-link{margin-top:8px}.content-pending{font-size:13px;line-height:1.95;padding:17px 20px;background:var(--surface);border-left:2px solid #958772;color:var(--muted);margin-top:26px}
.feature-split{display:grid;grid-template-columns:.88fr 1.12fr;gap:62px;align-items:center}.landscape-reference{position:relative;background:#e3e5df}.landscape-reference img{height:380px;width:100%;object-fit:contain}.landscape-reference figcaption{background:var(--paper);padding-top:14px;font-size:13px;line-height:1.8;color:var(--muted)}.landscape-reference figcaption button{display:inline;font-size:13px;padding:0;color:var(--blue)}.feature-text h3{font-size:31px;line-height:1.6;margin:15px 0 20px}.feature-text>p:not(.category):not(.content-pending){font-size:15px;line-height:1.95;color:var(--muted)}.feature-text .button{margin-top:27px}.feature-text .category{font-size:13px}.visit-summary{display:grid;grid-template-columns:1fr auto;gap:65px;align-items:center;border-top:1px solid var(--line);padding-top:30px}.visit-summary h3{font-size:28px;margin-bottom:20px}.visit-summary p{max-width:780px;color:var(--muted);margin-top:14px}.capability-words{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.capability-words span{background:var(--surface);padding:28px;text-align:center;color:var(--blue);font:700 29px/1.5 var(--serif)}.capability-words span:last-child{grid-column:1 / -1}
.page-faq{max-width:1000px}.page-faq details{border-top:1px solid var(--line)}.page-faq details:last-child{border-bottom:1px solid var(--line)}.page-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;padding:23px 0;font-size:17px;color:var(--ink)}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary>span{font-size:22px;line-height:1.4;color:var(--blue)}.page-faq details[open] summary>span{transform:rotate(45deg)}.page-faq details>p{max-width:850px;color:var(--muted);padding:0 35px 23px 0;font-size:15px;line-height:1.95}
.closing-band{background:var(--blue);color:var(--paper);padding-block:54px;margin-top:28px}.closing-band>.shell{display:flex;justify-content:space-between;gap:38px;align-items:center}.closing-band .eyebrow{color:var(--blue-muted);font-size:13px}.closing-band h2{font-size:clamp(28px,2.55vw,37px)}.closing-band p:not(.eyebrow){font-size:14px;color:var(--blue-muted);margin-top:18px;max-width:710px}.closing-band .button{border-color:var(--paper);flex-shrink:0}.reading-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:90px;padding-block:60px 30px;justify-content:space-between}.reading-toc{position:sticky;top:130px;align-self:start;display:flex;flex-direction:column;border-top:2px solid var(--blue);padding-top:19px}.reading-toc a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--muted)}.reading-toc a:hover{color:var(--blue)}.reading-toc .mini-heading{font-size:14px;margin-bottom:10px}.reading-body section{scroll-margin-top:135px;padding-bottom:36px;margin-bottom:32px;border-bottom:1px solid var(--line)}.reading-body h2{font-size:29px;margin-bottom:23px}.reading-body p{font-size:16px;line-height:2.1;color:var(--muted)}.reading-body .article-note{font-size:13px;line-height:1.9}.reading-body section:last-of-type{margin-bottom:20px}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px}.brief-builder h2{margin-bottom:28px}.form-row{display:flex;flex-direction:column;gap:9px;margin-bottom:23px}.form-row label{font-size:14px}.form-row input,.form-row textarea,.form-row select,#prepared-brief{border:1px solid #bcb7ad;border-radius:0;background:#fffdfa;width:100%;color:var(--ink);padding:12px 14px;min-height:48px;font:15px/1.7 var(--sans)}.form-row textarea{resize:vertical}.form-row input:focus-visible,.form-row select:focus-visible,.form-row textarea:focus-visible,#prepared-brief:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-hint{font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px}.contact-aside{border-left:1px solid var(--line);padding-left:44px}.contact-panel{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:130px}.contact-panel:last-child{border:0}.contact-panel h2{font-size:30px;margin-bottom:23px}.contact-panel>p:not(.eyebrow):not(.content-pending):not(.fine-print){color:var(--muted);font-size:15px}.contact-panel .button{margin-top:25px}.contact-panel .fine-print{font-size:13px}.visit-facts{margin:23px 0}.visit-facts>div{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:82px 1fr;gap:12px;font-size:14px}.visit-facts dt{color:var(--muted)}.brief-result{margin-top:35px;padding:25px 23px;border:1px solid var(--line);background:var(--surface)}.brief-result h3{font-size:26px;margin-bottom:20px}.brief-result .actions{gap:20px;margin-top:22px}.brief-result textarea{resize:vertical}.form-status{font-size:13px;line-height:1.8;color:var(--blue);margin-top:16px;min-height:1.8em}.context-note{padding:13px 16px;border-left:2px solid var(--blue);background:var(--surface);font-size:14px;margin-bottom:25px}
.site-header a[aria-current]{text-underline-offset:8px}.series-card a[href="/mutong/"],.series-card a[href="/projects/murals/"]{color:var(--blue)}
@media(min-width:1100px) and (max-width:1280px){.main-nav{gap:15px}.header-inner{gap:20px}.brand-logo,.brand-logo img{width:140px;flex-basis:140px}.header-cta{gap:10px}}
@media(max-width:1099px){.page-hero{gap:35px;padding-block:40px 50px}.page-hero h1{font-size:44px}.type-panel{height:330px;padding:27px}.type-char{font-size:210px}.type-panel p{font-size:24px}.page-picture img{height:290px}.page-hero .mutong-frame img{height:330px}.content-section{padding-block:49px}.editorial-cards{gap:22px}.editorial-card h3{font-size:22px}.journey{gap:16px;grid-template-columns:1fr 1fr}.journey>li,.journey>div{padding:22px 18px}.work-pair{gap:26px}.work-pair .page-picture img{height:280px}.feature-split{gap:32px}.feature-text h3{font-size:28px}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.contact-layout{gap:35px}.contact-aside{padding-left:27px}.closing-band>.shell{gap:30px}.closing-band h2{font-size:30px}.visit-summary{gap:30px}.page-hero .page-lead{font-size:15px}}
@media(max-width:767px){.breadcrumbs{padding-top:21px;font-size:13px}.breadcrumbs ol{gap:9px}.breadcrumbs li+li::before{margin-right:9px}.page-hero,.page-hero.with-visual{grid-template-columns:1fr;gap:30px;padding-block:32px 42px}.page-hero h1{font-size:37px;line-height:1.5}.page-hero .eyebrow{font-size:13px;margin-bottom:15px}.page-lead{font-size:15px;margin-top:19px}.page-hero .actions{margin-top:22px;gap:20px}.page-hero.text-hero{padding-bottom:36px}.type-panel{height:290px;padding:27px}.type-char{top:15px;right:21px;font-size:220px}.type-panel p{font-size:26px}.page-picture img,.page-hero .mutong-frame img{height:285px}.page-picture figcaption{font-size:13px}.content-section{padding-block:38px}.content-section h2{font-size:29px;line-height:1.55}.content-section .section-heading{margin-bottom:24px}.content-section .eyebrow{font-size:13px}.editorial-cards{grid-template-columns:1fr;gap:28px}.editorial-card{padding-top:20px}.editorial-card h3{font-size:24px}.card-number{margin-bottom:12px}.editorial-card>p{margin:13px 0 18px}.journey,.journey.three{grid-template-columns:1fr;gap:16px}.journey>li,.journey>div{padding:23px}.journey h3{margin-top:10px}.work-pair,.two-column{grid-template-columns:1fr;gap:32px}.work-pair .page-picture img{height:280px}.work-card-text{padding-top:18px}.work-card-text h3{font-size:26px}.feature-note{padding:20px 0 0}.feature-note h3{font-size:27px}.feature-split{grid-template-columns:1fr;gap:25px}.landscape-reference img{height:325px}.landscape-reference figcaption{font-size:13px}.feature-text h3{font-size:28px}.content-pending{padding:15px 17px}.closing-band{padding-block:38px;margin-top:20px}.closing-band>.shell{flex-direction:column;align-items:flex-start;gap:25px}.closing-band h2{font-size:29px}.reading-layout{grid-template-columns:1fr;gap:32px;padding-block:34px 10px}.reading-toc{position:static}.reading-toc a{padding:10px 0}.reading-body h2{font-size:27px;line-height:1.6}.reading-body p{font-size:15px}.reading-body section{padding-bottom:28px;margin-bottom:28px;scroll-margin-top:105px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:34px}.form-duo{grid-template-columns:1fr;gap:0}.brief-result{padding:20px 16px}.brief-result .actions{align-items:flex-start;flex-direction:column;gap:12px}.visit-summary{grid-template-columns:1fr;gap:23px}.visit-summary h3{font-size:26px}.capability-words span{padding:25px;font-size:28px}.page-faq summary{font-size:16px}.page-faq details>p{font-size:14px}.type-panel small{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
