@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&family=Noto+Sans+SC:wght@400;500&display=swap");:root{--color-bg:#FBF7F0;--color-surface:#FFFFFF;--color-surface-2:#F4ECDF;--color-ink:#2B2620;--color-ink-soft:#6B6052;--color-ink-faint:#7A6E5C;--color-line:#E7DECF;--color-accent:#C8683E;--color-accent-strong:#A8542E;--color-accent-soft:#F6E7DC;--color-gold:#C2924B;--color-focus:#C8683E;--font-serif:"Fraunces","Noto Serif SC",Georgia,"Times New Roman",serif;--font-sans:"Inter","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--lh-tight:1.1;--lh-snug:1.25;--lh-base:1.7;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:1.75rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--sp-32:8rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 1px 2px rgba(43,38,32,0.06);--shadow-md:0 10px 30px rgba(43,38,32,0.10);--tr-fast:150ms ease;--tr-base:320ms ease;--container:1080px;--reading:64ch}[data-theme=dark]{--color-bg:#1B1712;--color-surface:#231E18;--color-surface-2:#2C261E;--color-ink:#F3ECE0;--color-ink-soft:#C9BBA8;--color-ink-faint:#A9987F;--color-line:#3A332A;--color-accent:#E08A5C;--color-accent-strong:#D9774A;--color-accent-soft:#2E241B;--color-gold:#D9A86A;--color-focus:#E08A5C}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;transition:background var(--tr-base),color var(--tr-base)}img{max-width:100%;display:block}a{color:var(--color-accent-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--color-accent)}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--r-sm)}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-ink);color:var(--color-bg);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);z-index:100}.skip-link:focus{left:var(--sp-4);top:var(--sp-4)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-6)}.section{width:min(100% - var(--sp-8),var(--container));margin-inline:auto;margin-block:var(--sp-12);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:var(--sp-24) var(--sp-8)}.section:first-of-type{margin-top:0}.section-head{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-12)}.section-head .idx{font-family:var(--font-serif);color:var(--color-accent-strong);font-weight:600;font-size:var(--fs-lg)}.section-head h2{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-2xl);margin:0;letter-spacing:-.01em;transition:font-weight var(--tr-fast);position:relative}.section-head h2:hover{font-weight:600}.section-head h2:after{content:"";position:absolute;left:0;bottom:-8px;height:3px;width:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-gold),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.21,.6,.35,1)}.section-head h2.is-underlined:after{transform:scaleX(1)}.section-head .en{color:var(--color-ink-faint);font-size:var(--fs-sm);letter-spacing:.18em;text-transform:uppercase}.grid-2{display:grid;grid-gap:var(--sp-12);gap:var(--sp-12)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8)}.tag{font-size:var(--fs-sm);color:var(--color-ink);background:var(--color-surface-2);border:1px solid var(--color-line);padding:var(--sp-2) var(--sp-4)}.btn,.tag{border-radius:999px}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-8);font:inherit;font-weight:500;font-size:var(--fs-base);cursor:pointer;text-decoration:none;transition:transform var(--tr-fast),background var(--tr-fast),border-color var(--tr-fast)}.btn--primary{background:var(--color-accent-strong);color:#fff;border:1px solid var(--color-accent-strong);position:relative;overflow:hidden}.btn--primary:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);pointer-events:none;animation:btnShine 3.6s ease-in-out infinite}@keyframes btnShine{0%{left:-60%}55%,to{left:130%}}.btn--primary:hover{background:#8F4423;border-color:#8F4423;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-ink);border:1px solid var(--color-line)}.btn--ghost:hover{border-color:var(--color-ink-soft);transform:translateY(-1px)}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-block:var(--sp-16)}.ornament .line{height:1px;width:min(120px,22vw);background:var(--color-line)}html.reveal-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.21,.6,.35,1),transform .7s cubic-bezier(.21,.6,.35,1);will-change:opacity,transform}html.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}.detail-block{margin-top:auto;border-top:1px dashed var(--color-line);padding-top:var(--sp-5)}.detail-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:nowrap;white-space:nowrap;padding:var(--sp-2) 0;background:transparent;border:none;color:var(--color-accent-strong);font:inherit;font-weight:600;font-size:var(--fs-sm);cursor:pointer;list-style:none;text-decoration:none}.detail-toggle::-webkit-details-marker{display:none}.detail-toggle:hover{color:var(--color-accent)}.detail-toggle:focus-visible{outline-offset:2px}.detail-block[open] .detail-toggle .t-open,.detail-toggle .t-close{display:none}.detail-block[open] .detail-toggle .t-close{display:inline}.detail-toggle .chev{transition:transform var(--tr-fast)}.detail-block[open] .detail-toggle .chev{transform:rotate(180deg)}.detail-body{padding-top:var(--sp-6);color:var(--color-ink-soft);max-width:var(--reading);animation:detailReveal var(--tr-base) ease}@keyframes detailReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.detail-body h4{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-base);color:var(--color-ink);margin:var(--sp-6) 0 var(--sp-3)}.detail-body h4:first-child{margin-top:0}.detail-body p{margin:0 0 var(--sp-4);line-height:var(--lh-base)}.detail-body ul{margin:0 0 var(--sp-4);padding-left:var(--sp-5)}.detail-body ul li{margin-bottom:var(--sp-3);line-height:var(--lh-base)}.detail-body ul li::marker{color:var(--color-accent)}.detail-body .metric-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4)}.metric{font-weight:500;background:var(--color-accent-soft);padding:var(--sp-2) var(--sp-4);border-radius:999px}.detail-link,.metric{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--color-accent-strong);font-size:var(--fs-sm)}.detail-link{margin-top:var(--sp-5);font-weight:600;text-decoration:none}.detail-link:hover{color:var(--color-accent);text-decoration:underline}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--color-line)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--sp-4)}.brand{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-lg);letter-spacing:.01em}.nav-links{display:none;gap:var(--sp-8);list-style:none;margin:0;padding:0}.nav-links a{position:relative;color:var(--color-ink-soft);text-decoration:none;font-size:var(--fs-sm);font-weight:500;transition:color var(--tr-fast),font-weight var(--tr-fast)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--tr-base)}.nav-links a:hover{color:var(--color-ink);font-weight:600}.nav-links a:hover:after{transform:scaleX(1)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);background:transparent;color:var(--color-ink);border:1px solid var(--color-line);border-radius:999px;padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--tr-fast),background var(--tr-fast)}.theme-toggle:hover{border-color:var(--color-ink-soft);background:var(--color-surface-2)}.site-footer{border-top:1px solid var(--color-line);padding-block:var(--sp-12);color:var(--color-ink-faint);font-size:var(--fs-sm)}.site-footer .container{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center}.to-top{position:fixed;right:var(--sp-6);bottom:var(--sp-6);width:44px;height:44px;border-radius:50%;background:var(--color-ink);color:var(--color-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--tr-base),transform var(--tr-base),background var(--tr-fast);z-index:60}.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.to-top:hover{background:var(--color-accent-strong)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:transparent;pointer-events:none}.scroll-progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--color-accent),var(--color-gold));transition:width 80ms linear}@media (min-width:768px){.nav-links{display:flex}.grid-2{align-items:start}.contact-grid,.grid-2{grid-template-columns:200px 1fr}}.nav-scroll{display:none}@media (max-width:767px){.section{width:min(100% - var(--sp-6),var(--container));padding:var(--sp-10) var(--sp-5);border-radius:var(--r-lg);margin-block:var(--sp-10)}.section:first-of-type{margin-top:0}.section-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-8)}.section-head h2{font-size:var(--fs-xl)}.section-head .idx{font-size:var(--fs-base)}.section-head .en{letter-spacing:.14em}.nav-scroll{display:block;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px)}.nav-scroll ul{display:flex;gap:var(--sp-3);list-style:none;margin:0;padding:var(--sp-3) var(--sp-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-scroll ul::-webkit-scrollbar{display:none}.nav-scroll a{flex:0 0 auto;white-space:nowrap;text-decoration:none;font-size:var(--fs-sm);font-weight:600;color:var(--color-ink-soft);background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:999px;padding:var(--sp-2) var(--sp-4);transition:color var(--tr-fast),background var(--tr-fast),border-color var(--tr-fast)}.nav-scroll a:active,.nav-scroll a:focus-visible{color:#fff;background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.container{padding-inline:var(--sp-5)}.detail-body{max-width:none}.btn{padding:var(--sp-3) var(--sp-6)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}