/* A typographic film. Ordinary scrolling drives the edit. */
.film-page{background:#fff;color:#202126;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.film-page main{overflow:visible}.film-page button{font:inherit;cursor:pointer}.film-page :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:6px}
.film-header{position:fixed;z-index:30;inset:18px 28px auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;border:1px solid #d5d5d599;border-radius:9px;background:#ffffffdd;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#202126;box-shadow:0 3px 20px #00000006}
.film-name{font-size:16px;font-weight:650;letter-spacing:-.04em;color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.film-name span{color:#2149ee;font-size:25px}.film-header nav{display:flex;gap:28px}.film-header nav a{font-size:14px;color:inherit;text-decoration:none}.film-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.film-header .mode-switch{font-size:14px;padding:4px 0}
.film-skip{position:fixed;z-index:100;top:-100px;left:20px;background:#fff;color:#2149ee;padding:15px}.film-skip:focus{top:100px}
.film{position:relative}.film-stage{position:relative}.film-scene{position:relative;min-height:100svh;background:var(--scene-bg,#fff);color:var(--scene-ink,#202126);padding:140px 6vw 110px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}
.film-kicker{font:500 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;margin:0 0 30px;color:inherit}
.film-type{position:relative;z-index:2;perspective:1000px;transform-origin:50% 70%}.film-type h1,.film-type h2{font-size:clamp(3rem,8.8vw,9rem);line-height:.99;letter-spacing:-.073em;font-weight:650;margin:0}.film-type em,.film-work h2 em,.film-contact h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.075em}
#opening em{color:#2149ee}.film-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:40px}.film-bottom p{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55;max-width:580px;margin:0}.film-bottom a,.film-bottom button{display:inline-flex;align-items:center;padding:10px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;text-decoration:none;font-size:14px;line-height:1.5;text-align:left;transition:opacity .2s}.film-bottom :is(a,button):hover{opacity:.65}.film-aside{font-size:12px;line-height:1.6;letter-spacing:.03em}
.strike{position:relative;color:#858583}.strike::after{content:"";position:absolute;left:-2%;right:-2%;height:.055em;background:currentColor;top:52%;transform:rotate(-4deg)}
.film-company{position:absolute;right:4vw;bottom:15px;z-index:-1;font-size:clamp(5rem,17vw,20rem);font-weight:750;letter-spacing:-.07em;line-height:1;opacity:.06;user-select:none}
.film-controls{display:none}.film-enhanced .film{height:calc(100svh + var(--film-distance,7000px))}.film-enhanced .film-stage{position:sticky;top:0;height:100svh;overflow:hidden}.film-enhanced .film-scene{position:absolute;inset:0;min-height:0;height:100%;visibility:hidden;will-change:clip-path}.film-enhanced .film-scene.is-active{visibility:visible}
.film-enhanced .film-controls{display:flex;position:absolute;bottom:20px;left:6vw;right:6vw;z-index:20;align-items:center;gap:16px;color:var(--control-ink,#202126)}.film-controls button{background:transparent;border:0;color:inherit;min-height:44px;min-width:44px;padding:0;font-size:20px}.film-controls button:disabled{opacity:.25;cursor:default}.film-counter{font:12px ui-monospace,monospace;white-space:nowrap}.film-counter>span{opacity:.55}.film-current{font-size:12px;flex:1}.film-controls .motion-toggle{font-size:12px;padding:0 0 0 16px}.film-progress{position:absolute;left:0;right:0;bottom:-8px;height:2px;background:color-mix(in srgb,currentColor,transparent 85%)}.film-progress i{display:block;width:100%;height:100%;background:currentColor;transform-origin:left;transform:scaleX(0)}
.film-work{padding:115px 6vw 80px;background:#f3f3f0;scroll-margin-top:105px}.film-work-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px 50px;margin-bottom:60px}.film-work-heading>.film-kicker{grid-column:1/-1;margin:0}.film-work h2,.film-contact h2{font-size:clamp(3.1rem,6.8vw,7rem);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin:0}.film-work-heading>p:last-child{font-size:17px;line-height:1.6;margin:0 0 8px;justify-self:end}.film-work-list{border-top:1px solid #c9c9c7}.film-work-list>button{width:100%;display:grid;grid-template-columns:145px 1fr 125px 24px;align-items:center;gap:20px;padding:30px 0;border:0;border-bottom:1px solid #d2d2cf;background:none;color:#202126;text-align:left;transition:background .2s,padding .2s}.film-work-list>button:hover,.film-work-list>button:focus-visible{background:#fff;padding-left:16px;padding-right:16px}.work-org{font-size:14px}.film-work-list strong{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.3}.work-tag{font:11px ui-monospace,monospace;letter-spacing:.04em;color:#686865}.film-work-list>button>span:last-child{font-size:24px}.film-work-note{font-size:13px;color:#6c6c69;max-width:700px;line-height:1.7;margin-top:30px}
.film-contact{padding:110px 6vw 70px;background:#dfff70;color:#243016;scroll-margin-top:85px}.film-contact>div{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:30px}.film-contact>div p{font-size:18px;line-height:1.5}.film-contact>div a{display:flex;gap:70px;align-items:center;border-bottom:2px solid currentColor;color:inherit;font-size:clamp(1.6rem,3vw,3rem);text-decoration:none;padding:15px 0;letter-spacing:-.04em}.film-personal{font-size:13px;margin:65px 0 0;opacity:.75}.film-page footer{padding:26px 6vw;flex-wrap:wrap;gap:20px}
.film-page .case-modal{color:#202126}.film-page .case-content h2{letter-spacing:-.05em}.film-page .reader-next{color:#263e69}
@media(max-width:800px){.film-header{inset:12px 16px auto;padding:10px 12px;gap:10px}.film-header nav{display:none}.film-header .mode-switch{font-size:12px;gap:7px}.film-name{font-size:14px;gap:7px}.film-scene{padding:115px 6vw 110px}.film-kicker{font-size:10px;letter-spacing:.045em;max-width:90%;margin-bottom:25px}.film-type h1,.film-type h2{font-size:clamp(2.8rem,10.2vw,5.2rem);letter-spacing:-.066em;line-height:1.03}.film-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.film-bottom p{font-size:16px}.film-bottom p br{display:none}.film-aside{font-size:11px}.film-current{font-size:10px;max-width:140px}.film-controls{gap:8px!important}.film-controls .motion-toggle{font-size:10px;padding-left:4px}.film-controls button{min-width:32px}.film-counter{font-size:10px}.film-company{bottom:70px;font-size:19vw}.film-work{padding-top:70px}.film-work-heading{display:block;margin-bottom:40px}.film-work-heading>.film-kicker{margin-bottom:20px}.film-work-heading>p:last-child{margin-top:25px;font-size:16px}.film-work-list>button{grid-template-columns:1fr 25px;gap:10px;padding:24px 0}.work-org{grid-column:1;font-size:12px;color:#666}.film-work-list strong{grid-column:1;grid-row:2}.work-tag{display:none}.film-work-list>button>span:last-child{grid-column:2;grid-row:1/3}.film-contact{padding-top:70px}.film-contact>div{align-items:flex-start;flex-direction:column}.film-contact>div a{width:100%;justify-content:space-between}}
@media(max-height:650px) and (min-width:801px){.film-type h1,.film-type h2{font-size:12vh}.film-scene{padding-top:115px;padding-bottom:90px}.film-bottom{margin-top:20px}.film-kicker{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.film-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}