/* Private motion preview: shared editorial rhythm and interaction. */
:root{--motion-paper:#f6f3eb;--motion-ink:#203847;--motion-accent:#b77a56;--motion-line:#d3d7ce}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{color:var(--motion-ink);background:var(--motion-paper);-webkit-font-smoothing:antialiased}
.motion-demo-label{background:var(--motion-ink);color:#fff;text-align:center;padding:7px 18px;font-size:10px;letter-spacing:.12em;position:relative;z-index:80}
.site-header{position:sticky;top:0;background:#f6f3ebed!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--motion-line);box-shadow:none!important}.site-header .container{height:86px;padding:0 6%;max-width:1440px;margin:auto}.site-header .nav{display:none!important}.site-header .nav-toggle{display:flex!important;border:1px solid var(--motion-line);border-radius:50%;width:46px;height:46px;padding:14px;align-items:center;justify-content:center;gap:4px;flex-direction:column;background:transparent}.site-header .nav-toggle span{background:var(--motion-ink);height:1px;width:16px;margin:0;transform:none!important;opacity:1!important}
.motion-header-links{display:flex;gap:24px;margin-left:auto;align-items:center}.motion-header-links a{font-size:12px;text-decoration:none;position:relative;padding:10px 0}.motion-header-links a:after{content:"";position:absolute;height:1px;width:100%;bottom:2px;left:0;background:var(--motion-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.motion-header-links a:hover:after,.motion-header-links a[aria-current="page"]:after{transform:scaleX(1)}
.page-header,.page-header--photo{padding:88px 0 70px;min-height:0;background:var(--motion-paper);border-bottom:1px solid var(--motion-line);overflow:hidden}.page-header h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(32px,4.4vw,62px);font-weight:400;letter-spacing:.04em;animation:motion-title 1.15s cubic-bezier(.22,1,.36,1) both}.page-header .eyebrow{animation:motion-title 1.15s .1s both}.breadcrumb{margin-top:24px}.page-header-photo-img{display:none}.section{padding:110px 0}.section--gray{background:#eaece4}.section-title{font-size:clamp(28px,3.4vw,43px);font-weight:400}.section-lead{font-size:15px;line-height:2.1;color:#64716f;margin-top:22px}.eyebrow{color:var(--motion-accent);font-size:11px;letter-spacing:.2em}.card,.result-block{border-radius:0;box-shadow:none!important}.card:hover{transform:none}.card h3,.result-block h3{font-weight:400}.service-visual,.profile-photo,.screenshot-card{overflow:hidden}.service-visual img,.profile-photo img{transition:transform 1.1s,filter 1.1s}.service-visual:hover img,.profile-photo:hover img{transform:scale(1.025);filter:saturate(.85)}.btn{transition:background .3s,color .3s,border-color .3s}.btn-primary{background:var(--motion-ink)}.info-table td,.info-table th{padding-top:26px;padding-bottom:26px}.result-grid{gap:45px 65px}.lecture-row{padding:38px 0}.site-footer{padding-top:65px}.motion-footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;margin:24px 0}
.motion-ready .motion-reveal{opacity:0;transform:translateY(26px);transition:opacity .85s,transform .85s cubic-bezier(.22,1,.36,1)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}.motion-progress{height:2px;position:fixed;top:0;left:0;width:0;background:var(--motion-accent);z-index:100}.motion-stop{position:fixed;right:18px;bottom:18px;padding:10px 15px;border:1px solid var(--motion-line);background:var(--motion-paper);color:var(--motion-ink);border-radius:24px;font-size:10px;z-index:65;cursor:pointer}
.motion-menu{position:fixed;inset:0;background:var(--motion-ink);color:var(--motion-paper);z-index:90;padding:9vh 10%;overflow:auto}.motion-menu[hidden]{display:none}.motion-menu small{font:11px Georgia,serif;letter-spacing:.2em;color:#d2a480}.motion-menu nav{display:grid;gap:15px;margin-top:45px}.motion-menu nav a{font:400 clamp(23px,3vw,40px)/1.8 "Yu Mincho",serif;padding-bottom:10px;border-bottom:1px solid #ffffff30;text-decoration:none;color:inherit}.motion-menu button{position:absolute;right:6%;top:28px;border:1px solid #ffffff60;border-radius:50%;width:46px;height:46px;color:white;background:transparent;font-size:24px;cursor:pointer}.motion-menu a:focus-visible,.motion-menu button:focus-visible{outline:2px solid #d2a480;outline-offset:5px}
.motion-demo-form-note{border-left:2px solid var(--motion-accent);padding:18px 24px;background:#eaece4;margin:20px 0;line-height:1.9;font-size:14px}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .motion-reveal{opacity:1!important;transform:none!important}
@keyframes motion-title{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.motion-header-links{gap:14px}.motion-header-links a{font-size:11px}.site-header .brand-wordmark{font-size:24px}}
@media(max-width:800px){.motion-header-links{display:none}.site-header .container{height:75px}.section{padding:70px 0}.page-header,.page-header--photo{padding:65px 0 45px}.page-header h1{font-size:clamp(27px,7vw,40px)}.section-lead{font-size:14px}.motion-demo-label{font-size:9px}.motion-stop{bottom:10px;right:10px}.result-grid{gap:32px}.lecture-row{padding:27px 0}.info-table td,.info-table th{padding-top:20px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .motion-reveal{opacity:1;transform:none}}