:root{--ink: #111216;--ink-soft: #25262b;--paper: #f3f2ed;--paper-strong: #fbfaf6;--paper-soft: #e9e8e2;--muted: rgba(17, 18, 22, .58);--muted-invert: rgba(251, 250, 246, .64);--blue: #075cff;--blue-dark: #064bd1;--pad: clamp(16px, 2.2vw, 36px);--max: 1560px;--label: 116px;--measure: 760px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-move: cubic-bezier(.32, .72, 0, 1);color:var(--ink);background:var(--paper);font-family:Onest,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-width:320px;margin:0;color:var(--ink);overflow-x:hidden;background:var(--paper)}body:before{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}body.modal-open{overflow:hidden}body.modal-open .page-shell{display:none}a,button{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul{margin:0}ul{padding:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.page-shell{min-height:100dvh;display:grid;grid-template-rows:1fr auto}.case-index,.site-footer{width:min(var(--max),100%);margin:0 auto;padding-right:var(--pad);padding-left:var(--pad)}.case-index{min-height:calc(100dvh - 68px);display:grid;align-items:center;padding-top:clamp(18px,3.5vw,54px);padding-bottom:clamp(20px,4vw,64px)}.case-stage{width:100%}.case-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:clamp(14px,1.8vw,26px);align-items:stretch}.case-grid{display:grid;gap:clamp(7px,.8vw,11px)}.case-card{min-width:0;min-height:clamp(68px,8.6dvh,96px);display:grid;grid-template-columns:clamp(42px,4.3vw,66px) minmax(0,1fr) minmax(128px,220px);align-items:center;column-gap:clamp(14px,1.7vw,28px);padding:0 clamp(18px,2vw,30px);border:0;border-radius:0;background:#fbfaf6d1;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 18px 54px #1112160e;transform:translateZ(0);transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.case-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.case-card[data-previewed],.case-card[aria-current=true]{background:var(--ink);color:var(--paper-strong);box-shadow:0 26px 76px #1112162e}.case-card__number{color:currentColor;font-size:clamp(.86rem,1.05vw,1.04rem);font-weight:850;line-height:1;font-variant-numeric:tabular-nums;opacity:.44}.case-card__content{min-width:0;display:block}.case-card__title{display:block;min-width:0;color:currentColor;font-size:clamp(1.28rem,2.35vw,2.62rem);font-weight:900;line-height:.94;letter-spacing:-.038em;overflow-wrap:normal;word-break:normal;text-wrap:balance;transform:translateZ(0);transition:transform .18s var(--ease-out)}.case-card__type{justify-self:end;max-width:100%;color:currentColor;font-size:clamp(.76rem,.9vw,.94rem);font-weight:780;line-height:1.22;text-align:right;opacity:.58;overflow-wrap:anywhere}.case-card:active{transform:scale(.992)}@media(hover:hover)and (pointer:fine){.case-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 28px 82px #11121624}.case-card:hover .case-card__title{transform:translate3d(10px,0,0)}}.case-preview{min-height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(22px,2.7vw,38px);padding:clamp(24px,3vw,42px);background:var(--ink);color:var(--paper-strong);box-shadow:0 34px 90px #11121629}.case-preview__meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;color:var(--muted-invert);font-size:clamp(.78rem,.9vw,.92rem);font-weight:800;line-height:1.24;font-variant-numeric:tabular-nums}.case-preview__meta span:last-child{justify-self:end;max-width:21ch;text-align:right;color:var(--blue)}.case-preview__title{align-self:center;color:var(--paper-strong);font-size:clamp(3.2rem,5.3vw,6.8rem);font-weight:900;line-height:.84;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal;text-wrap:balance}.case-preview__summary{max-width:36ch;color:#fbfaf6db;font-size:clamp(1rem,1.16vw,1.18rem);font-weight:650;line-height:1.44;text-wrap:pretty}.case-preview__button,.case-modal__nav-button,.case-modal__close,.case-links a{min-height:54px;border:0;border-radius:0;cursor:pointer;font-size:.94rem;font-weight:850;line-height:1;text-decoration:none;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.case-preview__button{width:100%;background:var(--paper-strong);color:var(--ink)}.case-preview__button:hover,.case-preview__button:focus-visible,.case-modal__nav-button:hover,.case-modal__nav-button:focus-visible,.case-modal__close:hover,.case-modal__close:focus-visible,.case-links a:hover,.case-links a:focus-visible{background:var(--blue);color:#fff;outline:none}.case-preview__button:active,.case-modal__nav-button:active,.case-modal__close:active,.case-links a:active{transform:scale(.97)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:22px;color:#1112168a;font-size:.82rem;font-weight:560;line-height:1.35}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.site-footer a{color:#111216b8;text-decoration:none}.site-footer a:hover{color:var(--ink)}.site-footer a:focus-visible,.case-links a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.case-modal[hidden],.case-modal__block[hidden]{display:none}.case-modal{position:fixed;inset:0;z-index:40;background:var(--paper)}.case-modal__backdrop{display:none}.case-modal__panel{position:relative;width:100%;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(340px,34vw) minmax(0,1fr);background:var(--paper);color:var(--ink);overscroll-behavior:contain;touch-action:pan-y;transition:opacity .22s var(--ease-out),transform .24s var(--ease-move)}.case-modal__panel:focus{outline:none}.case-modal__top{min-width:0;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(28px,4vw,62px);padding:clamp(24px,4vw,58px);background:var(--ink);color:var(--paper-strong)}.case-modal__type{max-width:34ch;color:var(--blue);font-size:clamp(.82rem,.95vw,.98rem);font-weight:850;line-height:1.28}.case-modal__hero{align-self:center;display:grid;gap:clamp(16px,2.1vw,28px)}#case-modal-title{max-width:100%;color:var(--paper-strong);font-size:clamp(3rem,5.35vw,6.15rem);font-weight:900;line-height:.88;letter-spacing:-.048em;overflow-wrap:normal;word-break:normal;text-wrap:balance}.case-modal__line{max-width:38ch;color:#fbfaf6db;font-size:clamp(1rem,1.12vw,1.18rem);font-weight:650;line-height:1.46;text-wrap:pretty}.case-modal__controls{display:grid;gap:10px}.case-modal__count{color:#fbfaf68a;font-size:clamp(1.34rem,2.2vw,2.65rem);font-weight:900;line-height:.94;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.case-modal__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-modal__nav-button{padding:0 16px;background:var(--ink-soft);color:#fbfaf6d1}.case-modal__close{width:100%;padding:0 16px;background:var(--paper-strong);color:var(--ink)}.case-modal__body{height:100dvh;overflow:auto;display:grid;align-content:start;gap:clamp(36px,4.4vw,68px);padding:clamp(42px,6.5vw,96px) clamp(28px,6.5vw,104px);background:var(--paper);overscroll-behavior:contain}.case-modal__block{display:grid;grid-template-columns:minmax(82px,var(--label)) minmax(0,var(--measure));align-items:start;column-gap:clamp(28px,4.1vw,62px)}.case-modal__block h3{max-width:10ch;color:var(--blue);font-size:clamp(.82rem,.95vw,.96rem);font-weight:900;line-height:1.22;text-wrap:balance}.case-modal__block p,.case-modal__block li{max-width:min(100%,var(--measure));color:var(--ink);font-size:clamp(1rem,1.08vw,1.16rem);font-weight:610;line-height:1.58;overflow-wrap:normal;word-break:normal;text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual}.case-story{display:grid;gap:16px;max-width:min(100%,var(--measure))}.case-modal__block--story p{font-size:clamp(1.06rem,1.2vw,1.28rem);font-weight:650;line-height:1.56}.case-modal__block ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;list-style:none;max-width:min(100%,var(--measure))}.case-modal__block li{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;column-gap:14px;padding-left:0}.case-list__marker{color:var(--blue);font-size:.75rem;font-weight:900;line-height:1.58rem;font-variant-numeric:tabular-nums}.case-list__text{display:block;min-width:0}.case-stack{display:flex;flex-wrap:wrap;gap:8px;max-width:min(100%,var(--measure))}.case-stack span{display:inline-flex;align-items:center;min-height:34px;padding:8px 10px;color:var(--paper-strong);background:var(--ink);font-size:.78rem;font-weight:820;line-height:1.12;overflow-wrap:anywhere}.case-links{display:flex;flex-wrap:wrap;gap:10px;max-width:min(100%,var(--measure))}.case-links a{min-width:150px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:var(--ink);color:var(--paper-strong)}.case-modal[data-phase=opening] .case-modal__panel,.case-modal[data-phase=closing] .case-modal__panel{opacity:0;transform:translate3d(0,18px,0) scale(.985);pointer-events:none}.case-modal__type,.case-modal__hero,.case-modal__controls,.case-modal__block{transition:opacity .19s var(--ease-out),transform .19s var(--ease-out)}.case-modal[data-phase=opening] .case-modal__type,.case-modal[data-phase=opening] .case-modal__hero,.case-modal[data-phase=opening] .case-modal__controls,.case-modal[data-phase=opening] .case-modal__block{opacity:0;transform:translate3d(0,12px,0)}.case-modal[data-phase=switching-next] .case-modal__hero,.case-modal[data-phase=switching-next] .case-modal__block{opacity:0;transform:translate3d(-14px,0,0)}.case-modal[data-phase=switching-prev] .case-modal__hero,.case-modal[data-phase=switching-prev] .case-modal__block{opacity:0;transform:translate3d(14px,0,0)}.case-modal[data-phase=open] .case-modal__type{transition-delay:30ms}.case-modal[data-phase=open] .case-modal__hero{transition-delay:50ms}.case-modal[data-phase=open] .case-modal__controls{transition-delay:70ms}.case-modal[data-phase=open] .case-modal__block{transition-delay:calc(40ms + var(--reveal-index, 0) * 18ms)}.case-modal__panel.is-dragging{transition:none}.noscript{color:var(--muted);font-size:.95rem;line-height:1.4}::view-transition-old(case-shell),::view-transition-new(case-shell){height:100%;overflow:clip;animation-duration:.36s;animation-timing-function:var(--ease-move)}::view-transition-old(case-shell){animation-name:case-shell-old}::view-transition-new(case-shell){animation-name:case-shell-new}@keyframes case-shell-old{to{opacity:.24;transform:scale(.985);clip-path:inset(8% 8% 8% 8%)}}@keyframes case-shell-new{0%{opacity:.72;transform:scale(1.012);clip-path:inset(38% 0 38% 0);filter:blur(2px)}to{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0);filter:blur(0)}}@media(max-width:1180px){.case-index{min-height:auto;align-items:start}.case-board{grid-template-columns:1fr}.case-preview{order:-1;min-height:360px;grid-template-rows:auto auto auto auto}.case-preview__title{font-size:clamp(3rem,10vw,6.2rem)}.case-modal__panel{grid-template-columns:minmax(310px,38vw) minmax(0,1fr)}.case-modal__block ul{grid-template-columns:1fr}}@media(max-width:760px){:root{--pad: 12px;--label: 1fr;--measure: 100%}.case-index{padding-top:12px;padding-bottom:24px}.case-board{gap:10px}.case-preview{min-height:320px;gap:22px;padding:22px}.case-preview__meta{grid-template-columns:1fr;gap:8px}.case-preview__meta span:last-child{justify-self:start;text-align:left}.case-preview__title{font-size:clamp(3rem,16vw,5rem);line-height:.88;overflow-wrap:anywhere}.case-card{min-height:82px;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"num title" "num type";row-gap:7px;padding:16px 18px}.case-card__number{grid-area:num;align-self:start}.case-card__content{grid-area:title}.case-card__type{grid-area:type;justify-self:start;text-align:left}.site-footer{display:grid;align-items:start}.site-footer nav{justify-content:flex-start}.case-modal__panel{height:100dvh;display:block;overflow:auto}.case-modal__top{min-height:auto;gap:34px;padding:22px}#case-modal-title{font-size:clamp(2.55rem,10.8vw,3.65rem);line-height:.94;overflow-wrap:normal}.case-modal__body{height:auto;overflow:visible;gap:32px;padding:32px 22px 46px}.case-modal__block{grid-template-columns:1fr;gap:13px}.case-modal__block h3{max-width:none}.case-links{display:grid;grid-template-columns:1fr}.case-links a{min-width:0}}@media(prefers-reduced-motion:no-preference){.case-card{opacity:0;transform:translate3d(0,14px,0);animation:row-enter .42s var(--ease-out) forwards;animation-delay:calc(var(--card-index) * 36ms)}.case-preview{animation:preview-enter .52s var(--ease-out) both}@keyframes row-enter{to{opacity:1;transform:translateZ(0)}}@keyframes preview-enter{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}}@media(prefers-reduced-motion:reduce){.case-card,.case-preview,.case-modal__panel,.case-modal__type,.case-modal__hero,.case-modal__controls,.case-modal__block{animation:none;transition:background-color .12s ease,color .12s ease,opacity .12s ease}.case-card{opacity:1;transform:none}::view-transition-old(case-shell),::view-transition-new(case-shell){animation-duration:.12s}}