:root{
  --paper:#FBF4E9; --sand:#F3E5CF; --sand-2:#EBD8BC; --line:#E3CFB1;
  --bark:#4A2D1C; --bark-2:#7B5A40;
  --olive:#556228; --on-olive:#FFF8EC; --leaf:#93A055;
  --sun:#E8A93A; --sun-soft:#F6D9A0; --on-sun:#4A2D1C;
  --deep:#4A2D1C; --on-deep:#FBF4E9;
  --logo-mark:#556228; --logo-word:#4A2D1C;
  --arc-bg:#22190F; --arc-ink:#F4EADA;
  --photo-filter:none; --art-filter:none;
  --shadow:0 30px 60px -36px rgba(74,45,28,.45);
  --font-display:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC";
  --cjk-head:var(--cjk);
  --r-s:12px; --r-m:20px; --r-l:28px;
  --step--1:.86rem; --step-0:1rem; --step-1:1.18rem; --step-2:1.45rem; --step-3:clamp(1.7rem,3.2vw,2.4rem); --step-4:clamp(2.6rem,7vw,5.2rem);
  --shade:none;
  --ease-out:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.3,1.4,.5,1);
  color-scheme:light;
}
/* night: the same desk by moonlight, a warm lamp on */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#15140F; --sand:#201E17; --sand-2:#2B2920; --line:#38352A;
  --bark:#F0E6D3; --bark-2:#B8AB92;
  --olive:#BCC97E; --on-olive:#181A0E; --leaf:#8E9B55;
  --sun:#F0B04A; --sun-soft:#46371F; --on-sun:#22170C;
  --deep:#2A2419; --on-deep:#F0E6D3;
  --logo-mark:#B4C274; --logo-word:#F0E6D3;
  --arc-bg:#0D0D09; --arc-ink:#EFE6D4;
  --photo-filter:brightness(.62) saturate(.72) contrast(1.06); --art-filter:brightness(.93);
  --shadow:0 30px 60px -36px rgba(0,0,0,.75);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --paper:#15140F; --sand:#201E17; --sand-2:#2B2920; --line:#38352A;
  --bark:#F0E6D3; --bark-2:#B8AB92;
  --olive:#BCC97E; --on-olive:#181A0E; --leaf:#8E9B55;
  --sun:#F0B04A; --sun-soft:#46371F; --on-sun:#22170C;
  --deep:#2A2419; --on-deep:#F0E6D3;
  --logo-mark:#B4C274; --logo-word:#F0E6D3;
  --arc-bg:#0D0D09; --arc-ink:#EFE6D4;
  --photo-filter:brightness(.62) saturate(.72) contrast(1.06); --art-filter:brightness(.93);
  --shadow:0 30px 60px -36px rgba(0,0,0,.75);
  color-scheme:dark;
}
:lang(zh-Hant){--cjk:"PingFang TC","Microsoft JhengHei","Noto Sans TC","Source Han Sans TC";--cjk-head:var(--cjk)}
:lang(ja){--cjk:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Meiryo";--cjk-head:"Zen Maru Gothic",var(--cjk)}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--bark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",var(--cjk),sans-serif;font-size:var(--step-0);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ja) h4{word-break:auto-phrase}
:lang(ja) .hero h1,:lang(ja) .svc-tab .nm,:lang(ja) .svc-intro h3{word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3,h4{font-family:var(--font-display),var(--cjk-head),sans-serif;line-height:1.2;text-wrap:balance;margin:0;font-weight:600}
h2{font-size:var(--step-3);letter-spacing:.005em}
h3{font-size:var(--step-1)}
h4{font-size:1.04rem}
p{margin:0}
a{color:var(--olive);text-underline-offset:3px}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--olive);outline-offset:3px;border-radius:8px}
.num{font-family:var(--font-display),var(--cjk),sans-serif;font-variant-numeric:tabular-nums}
.muted{color:var(--bark-2)}
.wrap{max-width:72rem;margin:0 auto;padding-inline:clamp(16px,4.5vw,48px)}
section{padding-block:clamp(64px,9vw,112px);position:relative}
.sec-head{display:grid;gap:10px;max-width:44rem;margin-bottom:clamp(26px,4vw,44px)}
.sec-head p{color:var(--bark-2)}
.sec-head h2::after{content:"";display:inline-block;width:1.05em;height:1.05em;margin-left:.3em;vertical-align:-.12em;background:url(illus-sprig-sm.webp) center/contain no-repeat;transform:rotate(-14deg);filter:var(--art-filter)}
.art{filter:var(--art-filter)}