:root{--custom-paper:#f4efe7;--custom-ink:#43382d;--custom-muted:#817368;--custom-line:rgba(72,57,45,.14);--custom-gold:#9d6b38;--custom-red:#9d473b}
.custom-page{background:var(--custom-paper);color:var(--custom-ink)}.custom-header{position:relative;background:rgba(248,244,238,.97);border-bottom:1px solid rgba(67,54,43,.08)}
.custom-hero{min-height:570px;display:grid;grid-template-columns:.88fr 1.12fr;position:relative;overflow:hidden;background:linear-gradient(90deg,#f4eee6 0%,#f7f3ed 58%,#e7ded2 100%);border-bottom:1px solid var(--custom-line)}.custom-hero::after{content:"";position:absolute;left:0;top:0;bottom:0;width:55%;background:linear-gradient(90deg,rgba(247,242,235,.97),rgba(247,242,235,.78) 74%,transparent);pointer-events:none}
.custom-hero-copy{z-index:2;align-self:center;padding:70px 36px 70px clamp(55px,7vw,125px)}.custom-hero-copy>p:first-child{font-size:10px;letter-spacing:.28em;color:#9a8b7c;margin:0 0 17px}.custom-hero h1{font-size:clamp(52px,5.2vw,78px);font-weight:500;letter-spacing:.15em;margin:0 0 20px}.custom-hero h1 span{display:inline-grid;place-items:center;width:29px;height:34px;border:1px solid var(--custom-red);color:var(--custom-red);font-size:11px;vertical-align:middle}.custom-hero h2{font-size:20px;font-weight:400;letter-spacing:.28em;margin:0 0 24px}.custom-hero-copy>p:nth-of-type(2){font-size:15px;line-height:2;color:#71665c;margin:0 0 24px}.custom-hero-copy>a{display:inline-flex;align-items:center;justify-content:center;min-width:175px;height:54px;background:#9b5e27;color:#fff;border:3px double #dcc09e;border-radius:6px;text-decoration:none;font-size:17px;letter-spacing:.16em;box-shadow:0 5px 15px rgba(79,50,27,.15)}
.writing-scene{position:relative;z-index:1;isolation:isolate;min-height:570px;overflow:hidden;background:url('/assets/calligraphy-hero-v2.webp') center/cover no-repeat;border-left:0;box-shadow:none}
.writing-scene::after{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:clamp(150px,20vw,340px);pointer-events:none;background:linear-gradient(90deg,#f7f2eb 0%,rgba(247,242,235,.94) 18%,rgba(247,242,235,.68) 44%,rgba(247,242,235,.24) 72%,transparent 100%)}
.scene-caption{display:none}
.custom-section{padding:18px clamp(45px,6vw,105px) 42px}.custom-heading{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.custom-heading i{width:90px;height:1px;background:var(--custom-line)}.custom-heading h2{font-size:25px;font-weight:500;letter-spacing:.2em;margin:0}.custom-heading span{display:grid;place-items:center;width:22px;height:25px;border:1px solid var(--custom-red);color:var(--custom-red);font-size:9px}
.process-section{padding-top:25px}.process-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:space-between}.process-grid article{width:190px;text-align:center}.process-grid article>span{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 15px;border:1px solid rgba(129,94,59,.24);border-radius:50%;color:#99672f;font-size:27px;background:rgba(255,255,255,.17)}.process-grid article>b{display:none}.process-grid h3{font-size:14px;font-weight:500;letter-spacing:.08em;margin:0 0 8px}.process-grid p{font-size:11px;line-height:1.8;color:#7c7167;margin:0}.process-grid>em{font-style:normal;color:#b7a898;font-size:28px}
.format-section{padding-top:12px}.format-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.format-grid article{min-height:195px;display:grid;grid-template-columns:46% 54%;border:1px solid var(--custom-line);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.16)}.calligraphy-sample{height:100%;min-height:195px;display:grid;place-items:center;background:#d9c6aa;color:#3c2b20;font:bold 26px/1.25 "KaiTi",serif;text-align:center;letter-spacing:.1em}.circle-sample{margin:12px;border-radius:50%;min-height:170px;height:170px}.scroll-sample{margin:11px 22px;background:#e8dfd2;border:8px solid #bba487;writing-mode:vertical-rl;padding:18px}.frame-sample{margin:24px 8px;min-height:130px;height:130px;border:12px solid #7d5b3c;background:#e9dfcf;font-size:22px}.couplet-sample{display:flex;gap:15px;padding:18px;background:#e5d5bf}.couplet-sample b{writing-mode:vertical-rl;background:#d4b186;padding:14px 8px;font:22px "KaiTi",serif}.format-grid article>div:last-child{padding:30px 20px}.format-grid h3{font-size:16px;margin:0 0 8px}.format-grid p{font-size:11px;line-height:1.65;color:#75695f;margin:0 0 12px}.format-grid small{font-size:9px;line-height:1.65;color:#92867b}
.works-section{padding-top:10px}.works-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.calligraphy-work-card{display:block;color:inherit;text-decoration:none;border-radius:6px;transition:transform .25s ease,box-shadow .25s ease}.calligraphy-work-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(67,47,31,.11)}.works-grid figure{height:100%;margin:0;border:1px solid var(--custom-line);border-radius:6px;background:rgba(255,255,255,.22);overflow:hidden}.work-paper{width:calc(100% - 24px);height:205px;display:grid;place-items:center;margin:12px;object-fit:contain;background:#e2d3ba;color:#39281e;font:bold 27px/1.3 "KaiTi",serif;text-align:center;letter-spacing:.1em;box-shadow:inset 0 0 25px rgba(81,55,33,.1)}.round-work{border-radius:50%;height:185px}.square-work{border:10px solid #8a6748;background:#e7ddcf;writing-mode:vertical-rl}.horizontal-work{height:130px;margin-top:40px;border:11px solid #7b583c;font-size:23px}.couplet-work{display:flex;gap:12px;padding:16px}.couplet-work b{writing-mode:vertical-rl;background:#d0a878;padding:10px 7px;font:20px "KaiTi",serif}.scroll-work{margin:10px 42px;border-top:13px solid #8f6b4c;border-bottom:13px solid #8f6b4c;writing-mode:vertical-rl;font-size:20px}.works-grid figcaption{display:grid;gap:4px;text-align:center;padding:0 8px 15px}.works-grid figcaption b{font-size:14px;font-weight:500;color:#47382d}.works-grid figcaption span{font-size:10px;color:#85786d}.works-grid figcaption em{font-size:9px;font-style:normal;color:#a2643d;opacity:0;transform:translateY(3px);transition:.2s}.calligraphy-work-card:hover figcaption em{opacity:1;transform:none}.works-empty{grid-column:1/-1;margin:0;padding:70px 20px;text-align:center;border:1px solid var(--custom-line);color:#8b7d70;letter-spacing:.15em}
.custom-benefits{max-width:1420px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--custom-line);border-radius:7px;background:rgba(255,255,255,.2)}.custom-benefits article{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;padding:24px 28px}.custom-benefits article+article{border-left:1px solid var(--custom-line)}.custom-benefits article>span{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(151,105,59,.4);border-radius:50%;font:22px "KaiTi",serif;color:#8b6037}.custom-benefits h3{font-size:14px;margin:0 0 7px}.custom-benefits p{font-size:10px;line-height:1.6;color:#84796e;margin:0}
.custom-cta{text-align:center;padding:48px 20px 58px;background:linear-gradient(180deg,rgba(221,208,192,.28),rgba(245,239,231,.6));border-top:1px solid var(--custom-line)}.custom-cta>p{font-size:10px;letter-spacing:.35em;color:#9a8c7e}.custom-cta h2{font-size:30px;font-weight:500;letter-spacing:.08em;margin:15px 0 24px}.custom-cta>a{display:inline-flex;padding:13px 24px;background:#74553b;color:white;text-decoration:none;border-radius:4px;font-size:13px}.custom-cta>a span{margin-left:9px}.custom-cta small{display:block;margin-top:26px}.custom-cta small a{color:#74685e}.custom-footer{border-top:1px solid var(--custom-line)}
@media(max-width:1200px){.process-grid article{width:150px}.format-grid{grid-template-columns:repeat(2,1fr)}.works-grid{grid-template-columns:repeat(3,1fr)}.custom-benefits article{padding:22px 16px}}
@media(max-width:920px){.custom-header{position:sticky}.custom-hero{grid-template-columns:1fr;min-height:850px}.custom-hero::after{width:100%;height:54%;bottom:auto;background:linear-gradient(180deg,rgba(247,242,235,.98),rgba(247,242,235,.84) 75%,transparent)}.custom-hero-copy{padding:65px 40px 34px}.writing-scene{min-height:430px;background-position:62% center}.writing-scene::after{inset:0 0 auto;width:100%;height:110px;background:linear-gradient(180deg,#f7f2eb 0%,rgba(247,242,235,.8) 38%,rgba(247,242,235,.25) 72%,transparent 100%)}.process-grid{grid-template-columns:repeat(5,1fr);gap:20px}.process-grid article{width:auto}.process-grid>em{display:none}.custom-benefits{grid-template-columns:repeat(2,1fr);margin-left:35px;margin-right:35px}.custom-benefits article:nth-child(3){border-left:0;border-top:1px solid var(--custom-line)}.custom-benefits article:nth-child(4){border-top:1px solid var(--custom-line)}}
@media(max-width:650px){.custom-hero{min-height:760px}.custom-hero-copy{padding:55px 24px 25px}.custom-hero h1{font-size:48px}.custom-hero h2{font-size:15px;letter-spacing:.16em}.writing-scene{min-height:350px;background-position:67% center}.custom-section{padding-left:18px;padding-right:18px}.custom-heading{gap:12px}.custom-heading i{width:45px}.custom-heading h2{font-size:21px}.process-grid{grid-template-columns:1fr 1fr;gap:15px}.process-grid article{padding:18px 8px;border:1px solid var(--custom-line);border-radius:6px}.process-grid article:last-child{grid-column:1/-1}.format-grid{grid-template-columns:1fr}.works-grid{grid-template-columns:repeat(2,1fr);gap:10px}.work-paper{height:170px}.round-work{height:150px}.horizontal-work{height:105px}.custom-benefits{grid-template-columns:1fr;margin:0 18px 25px}.custom-benefits article+article{border-left:0;border-top:1px solid var(--custom-line)}.custom-cta h2{font-size:24px;line-height:1.5}}
@media(max-width:420px){.custom-hero-copy>p:nth-of-type(2) br{display:none}.writing-scene{min-height:310px}.works-grid{grid-template-columns:1fr 1fr}.work-paper{margin:8px}.scroll-work{margin-left:25px;margin-right:25px}}