.case-page{padding-block:26px 72px}.case-motion{--case-ink:var(--accent)}.case-page--pecule .case-motion{--case-ink:#b4cbdc}[data-theme=light] .case-page--pecule .case-motion{--case-ink:#365d78}.case-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:var(--case-ink);transform:scaleX(0);transform-origin:left;pointer-events:none}.case-topline{justify-content:space-between;gap:24px;font-size:.8125rem;border-top:1px solid var(--border);padding-top:12px}.case-topline,.case-topline>a{display:flex;align-items:center}.case-topline>a{gap:15px;min-height:44px}.case-topline>a:hover{color:var(--text-strong)}.case-topline>span{color:var(--text-dim)}.case-header{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-column-gap:50px;column-gap:50px;padding-block:42px 52px}.case-heading-group{min-width:0}.case-project-name{font:.75rem/1.6 var(--font-mono);color:var(--case-ink);margin:0 0 26px}.case-header h1{font-size:clamp(3.3rem,7.8vw,7.5rem);line-height:1.03;font-weight:400;letter-spacing:-.07em}.case-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.case-title-line>span{display:block;animation:case-title-arrive .9s cubic-bezier(.16,1,.3,1) both}.case-title-line:nth-child(2)>span{animation-delay:.11s;color:var(--case-ink)}.case-index{color:var(--border-strong);align-self:flex-end;justify-self:flex-end;font-size:clamp(7rem,15vw,14rem);line-height:.85;letter-spacing:-.09em;font-weight:300;padding-bottom:10px;animation:case-meta-arrive .9s ease both}.case-scope{margin-top:48px;padding-top:22px;border-top:1px solid var(--border);max-width:240px}.case-scope>span{font:.6875rem/1.6 var(--font-mono);color:var(--text-dim)}.case-scope p{margin:10px 0 0;font-size:.875rem;color:var(--text-strong)}.case-lead{grid-column:1/-1;width:58%;margin:-58px 0 0 auto;font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.75;color:var(--text);animation:case-meta-arrive .9s .2s both}.case-toolbox{border-block:1px solid var(--border);display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;grid-gap:32px;gap:32px;padding-block:26px}.case-toolbox>span{font:.6875rem/1.6 var(--font-mono);color:var(--text-dim)}.case-toolbox ul{display:flex;flex-wrap:wrap;gap:16px 36px;list-style:none;padding:0;margin:0;color:var(--text-strong);font-size:.9375rem}.case-body{display:grid;grid-template-columns:.6fr 1.4fr;grid-gap:80px;gap:80px;padding-block:72px 40px}.case-sidebar{align-self:flex-start;position:-webkit-sticky;position:sticky;top:120px}.case-focus{font-size:1.4rem;line-height:1.5;letter-spacing:-.025em;color:var(--text-strong);margin:0 0 32px;max-width:280px}.case-sidebar nav{display:flex;flex-direction:column}.case-sidebar nav a{display:flex;align-items:baseline;gap:18px;min-height:44px;padding-block:12px;font-size:.8125rem}.case-sidebar nav a>span{font:.6875rem var(--font-mono);color:var(--case-ink)}.case-sidebar nav a:hover{color:var(--text-strong);text-decoration:underline;text-underline-offset:5px}.case-contact{display:inline-flex;gap:18px;min-height:44px;align-items:center;font-size:.8125rem;color:var(--case-ink);border-bottom:1px solid var(--border-strong);margin-top:24px}.case-chapter{display:grid;grid-template-columns:36px 1fr;grid-gap:28px;gap:28px;padding-block:32px 44px;border-top:1px solid var(--border);scroll-margin-top:120px}.case-chapter-number{font:.75rem/1.6 var(--font-mono);color:var(--text-dim);padding-top:7px}.case-chapter h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.25;font-weight:400;letter-spacing:-.04em}.case-chapter p{font-size:1.0625rem;line-height:1.9;margin:24px 0 0;max-width:660px}.case-next{border-block:1px solid var(--border);display:grid;grid-template-columns:.6fr 1.4fr;grid-gap:80px;gap:80px;margin-top:24px;padding-block:34px;align-items:center}.case-return{font-size:.875rem;display:flex;gap:20px;align-items:center;min-height:44px}.case-next-link{display:grid;grid-template-columns:1fr auto;grid-column-gap:30px;column-gap:30px}.case-next-link>span:first-child{font:.6875rem/1.7 var(--font-mono);color:var(--text-dim)}.case-next-link strong{grid-column:1;font-weight:400;font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin-top:10px;color:var(--text-strong)}.case-next-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--case-ink);font-size:2.4rem;transition:transform .22s ease}.case-next-link:hover .case-next-arrow{transform:translate(5px,-5px)}.case-next-link:hover strong{color:var(--case-ink)}@keyframes case-title-arrive{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes case-meta-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.case-header{grid-template-columns:minmax(0,1fr) 170px;gap:30px}.case-body,.case-next{grid-template-columns:.65fr 1.35fr;gap:44px}.case-focus{font-size:1.2rem}}@media (max-width:800px){.case-header{grid-template-columns:minmax(0,1fr) 120px;padding-block:32px}.case-header h1{font-size:clamp(3rem,8vw,4.5rem)}.case-index{font-size:7rem}.case-scope{grid-column:1/-1;margin-top:8px;max-width:none;display:flex;gap:24px;align-items:baseline}.case-scope p{margin:0}.case-lead{width:100%;margin:0;font-size:1.125rem}.case-toolbox{gap:16px}.case-body,.case-toolbox{grid-template-columns:1fr}.case-body{padding-top:42px;gap:36px}.case-sidebar{position:static}.case-focus{font-size:1.4rem;max-width:500px;margin-bottom:20px}.case-sidebar nav{border-top:1px solid var(--border)}.case-sidebar nav a{padding-block:9px}.case-contact{margin-top:12px}.case-next{grid-template-columns:1fr;gap:28px}}@media (max-width:480px){.case-page{padding-top:8px}.case-topline{gap:15px;align-items:flex-start}.case-topline>span{text-align:right;max-width:120px;font-size:.75rem;padding-top:12px}.case-topline>a{font-size:.75rem;gap:9px}.case-header{grid-template-columns:1fr;gap:24px;padding-top:24px}.case-project-name{margin-bottom:18px}.case-header h1{font-size:clamp(2.5rem,10vw,3rem)}.case-index{display:none}.case-scope{padding-top:18px}.case-lead{font-size:1rem;line-height:1.8}.case-toolbox ul{gap:13px 24px;font-size:.8125rem}.case-chapter{grid-template-columns:22px 1fr;gap:15px;padding-block:26px 34px}.case-chapter h2{font-size:1.4rem}.case-chapter p{font-size:1rem;line-height:1.85;margin-top:18px}.case-next-arrow{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.case-index,.case-lead,.case-title-line>span{animation:none}.case-next-arrow{transition:none}}@media print{.case-contact,.case-reading-progress,.case-sidebar nav{display:none}.case-index,.case-lead,.case-title-line>span{animation:none}.case-header h1{font-size:48px}.case-body{display:block}.case-sidebar{position:static}.case-chapter{page-break-inside:avoid;break-inside:avoid}}