*{box-sizing:border-box}html{background:#f7f3ea;color:#22231c}body{margin:0;font:17px/1.65 Arial,"Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.22em}a:focus-visible,summary:focus-visible{outline:3px solid #a1452b;outline-offset:4px}.wrap{width:calc(100% - 11.8%);max-width:1540px;margin:auto}.mast,.fullnav,.endnav,.eyebrow{display:flex;align-items:center}.mast{height:65px;border-bottom:1px solid #bdb8aa;gap:24px}.mast>a{margin-right:auto}.brand{width:37px;display:block}.fullnav,.endnav{gap:26px}.mast a{font-size:14px}.phone-nav{display:none}.eyebrow{font-size:12px;letter-spacing:.05em;color:#925138;gap:14px}.eyebrow b,.fig{font:12px/1.5 Consolas,monospace}.homein{position:relative}.hero-type{position:relative;z-index:1;min-width:0}.hero-type h1{margin:0;font:normal clamp(48px,5.6vw,82px)/.99 Georgia,serif;letter-spacing:-.048em}.hero-type h1 em{font-weight:normal}.brush{display:block;width:100%;height:auto}.hero-type p{margin:24px 0 16px;max-width:47ch;text-wrap:pretty}.action,.textlink{display:inline-flex;gap:16px;align-items:baseline;font-size:15px;font-weight:bold;border-bottom:1px solid;padding-bottom:2px}.action span,.textlink span{color:#98432e}.artzone{position:relative;min-width:0}.artzone img{height:100%;width:100%;display:block;mix-blend-mode:multiply}.fig{position:absolute;right:0;bottom:5px;color:#7f4a34;letter-spacing:.08em}.fig i{display:inline-block;width:7px;height:7px;background:#945136;margin-right:7px}.fig b{font:inherit}.section-head h2,.service h3{font-weight:500;margin:0;line-height:1.32;text-wrap:balance}.section-head h2{font-size:clamp(31px,3.1vw,50px)}.service h3{font-size:clamp(23px,2.2vw,36px)}.service p{margin:14px 0}.service-section{padding:24px 0 40px}.service .eyebrow{margin-bottom:12px}.en .section-head h2,.en .service h3{font-family:Georgia,serif}
/* A: the brush headline and the confluence sit on independent paper fields. */
.a .homein{display:grid;grid-template-columns:47% 1fr;column-gap:5%;align-items:center;padding:38px 0 45px;min-height:515px}.a .homein>.eyebrow{grid-column:1;align-self:end}.a .homein>.eyebrow b{display:none}.a .hero-type{grid-column:1;align-self:start;padding-top:22px}.a .artzone{grid-column:2;grid-row:1/3;height:clamp(290px,30vw,465px)}.a .artzone img{object-fit:fill;mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent)}.a .fig{display:none}.a .service-section{border-top:1px solid #807f71;display:grid;grid-template-columns:1fr 1fr;column-gap:5%}.a .section-head{grid-column:1/-1;margin-bottom:23px}.a .section-head h2{margin-top:10px}.a .service{padding-top:17px;border-top:1px solid #c8c3b8}.a .en,.en.a{font-size:18px}.en.a .homein{display:flex;flex-direction:column;align-items:stretch;padding-top:18px}.en.a .homein>.eyebrow{align-self:start}.en.a .artzone{order:1;height:clamp(150px,18vw,265px)}.en.a .hero-type{order:2;text-align:center;align-self:center;padding:8px 0 0}.en.a .hero-type p{max-width:58ch;margin:16px auto}.en.a .hero-type h1{font-size:clamp(49px,5.2vw,80px)}
/* B: a panoramic print and a typeset lead share a ruled editorial page. */
.b .wrap{width:calc(100% - 9%)}.b .mast{border-bottom:2px solid}.b .homein{display:grid;grid-template-columns:1.24fr 1fr;gap:0 4%;padding-bottom:24px}.b .homein>.eyebrow{grid-column:1/-1;padding:9px 0;border-bottom:1px solid #999184;justify-content:space-between;text-transform:uppercase}.b .artzone{grid-column:1/-1;grid-row:2;height:clamp(140px,17vw,260px);border-bottom:1px solid #989082;overflow:hidden}.b .artzone img{object-fit:cover;object-position:50% 55%}.b .fig{background:#f7f3ea;padding:3px 8px;bottom:0}.b .hero-type{grid-column:1/-1;display:grid;grid-template-columns:1.24fr 1fr;gap:8px 4%;align-items:center;padding:26px 0 0}.b .hero-type h1{grid-row:1/3}.b .hero-type p{margin:0}.b .action{justify-self:start}.b .service-section{display:grid;grid-template-columns:.8fr 1fr 1fr;border-top:3px solid #272720;gap:3%;padding-top:18px}.b .section-head h2{font-size:clamp(24px,2.35vw,36px);margin:10px 0}.b .service{border-left:1px solid #bbb3a5;padding-left:7%}.b .service h3{font-size:clamp(21px,1.92vw,32px)}.b .service p{font-size:15px}.en.b .hero-type h1{font-size:clamp(44px,4.4vw,70px)}
@media(max-width:660px){body,.en.a{font-size:16px}.wrap,.b .wrap{width:calc(100% - 40px)}.mast{height:54px;gap:12px}.brand{width:28px}.mast a{font-size:13px}.fullnav{display:none}.endnav{gap:14px}.phone-nav{display:block;position:relative}.phone-nav summary{list-style:none;cursor:pointer}.phone-nav nav{position:absolute;right:0;top:28px;z-index:5;min-width:145px;background:#fffaf1;border:1px solid #928879;padding:8px}.phone-nav nav a{display:block;padding:5px}.hero-type p{margin:14px 0}.a .homein,.en.a .homein{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:20px 0 27px}.a .hero-type,.en.a .hero-type{display:contents}.a .homein>.eyebrow{grid-column:1;grid-row:1;margin-bottom:15px}.a .hero-type h1{grid-row:2}.a .artzone,.en.a .artzone{grid-column:1;grid-row:3;height:145px;margin:8px 0 4px}.a .hero-type p,.en.a .hero-type p{grid-row:4;text-align:left;margin:12px 0}.a .action{grid-row:5;justify-self:start}.en.a .artzone{grid-row:2}.en.a .hero-type h1{grid-row:3;text-align:center;font-size:clamp(32px,9vw,54px)}.a .service-section,.b .service-section{display:block;padding:17px 0 22px}.a .section-head,.b .section-head{margin-bottom:16px}.a .service,.b .service{border:0;border-top:1px solid #b6b1a4;padding:16px 0}.section-head h2,.b .section-head h2{font-size:29px}.service h3,.b .service h3{font-size:24px}.service p{margin:8px 0 10px}.b .homein{display:block;padding-bottom:21px}.b .homein{display:flex;flex-direction:column}.b .artzone{order:1;height:106px;flex:none}.b .hero-type{order:2;display:block;padding:16px 0 0}.b .hero-type p{margin:12px 0}.en.b .hero-type h1{font-size:clamp(32px,9vw,52px)}.b .fig{font-size:10px}.textlink,.action{min-height:32px}}
.a .artzone{mask-image:linear-gradient(to right,transparent,#000 8%,#000 95%,transparent)}
.a .artzone img{mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 83%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 83%,transparent)}
