:root{--bg: #0b0b0a;--bg-2: #151513;--ink: #edebe6;--dim: #8b8880;--line: rgba(237, 235, 230, .14);--paper: #efede8;--paper-ink: #0b0b0a;--accent: #ff4d12;--on-accent: #0b0b0a;--grain: .07;--desk-a: #2c2925;--desk-b: #1c1a17;--f-display: "Anton", "Black Han Sans", "Impact", sans-serif;--f-body: "Inter Tight", "Noto Sans KR", system-ui, sans-serif;--gutter: clamp(16px, 2.2vw, 32px);--section: clamp(120px, 14vw, 220px);--ease: cubic-bezier(.16, 1, .3, 1);--screen: 100lvh;--sv: calc(var(--screen) / 100);--below: max(0px, var(--screen) - 100svh);color-scheme:dark}:root[data-theme=light]{--bg: #f2f0eb;--bg-2: #e4e1da;--ink: #121210;--dim: #69655d;--line: rgba(18, 18, 16, .14);--paper: #121210;--paper-ink: #f2f0eb;--accent: #e8430c;--grain: .045;--desk-a: #ddd6c9;--desk-b: #cdc5b6;color-scheme:light}:root[data-cvd=on]{--accent: #3d8bff;--on-accent: #06101f}:root[data-theme=light][data-cvd=on]{--accent: #1a56d6;--on-accent: #ffffff}:root[data-cvd=on] :is(.menu__link[aria-current] .ch-line,.nav__links a[aria-current]){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}body,.nav,.sheet,.menu{transition:background-color .4s var(--ease),color .4s var(--ease)}:root:lang(ko) body{word-break:keep-all}:root:lang(ko) :is(.body,.lede,.small,.section-head__text){overflow-wrap:anywhere}:is(.cat__head>.label:first-child,.phead__no,.index__no,.menu__no,.section-head__count,.cat__count,.index__count,.principle__no){white-space:nowrap}:root:lang(ko) .display{line-height:1.02;letter-spacing:-.02em}:root:lang(ko) .label{letter-spacing:.02em}:root:lang(ko) .statement,:root:lang(ko) .lede{letter-spacing:-.04em;line-height:1.2}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}main,footer{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;overflow-x:clip}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:var(--gutter);top:-80px;z-index:200;padding:12px 18px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;transition:top .3s var(--ease)}.skip:focus-visible{top:12px}.hero__rec,.player__tc,.unit__time,.stat__value,.index__count,.cat__count,.section-head__count{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul{margin:0;padding:0;font-weight:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.display{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:.9}.label{font-family:var(--f-body);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.35}.small{font-size:14px;line-height:1.5;letter-spacing:0}.dim{color:var(--dim)}.lede{font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.02em;max-width:26ch;text-wrap:balance}.body{font-size:16px;line-height:1.6;letter-spacing:0;max-width:60ch;text-wrap:pretty;color:color-mix(in srgb,var(--ink) 80%,transparent)}.section-head{row-gap:16px;padding:0 var(--gutter);margin-bottom:clamp(64px,8vw,120px)}.section-head__title{grid-column:1 / -1;grid-row:1;font-size:clamp(64px,11vw,180px)}.section-head__text{grid-column:7 / span 5;grid-row:2;color:var(--dim);max-width:42ch;font-size:17px;line-height:1.5;text-wrap:pretty}.section-head--page{padding-top:110px}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:90;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}to{transform:translate(0)}}.nav{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:center;padding:16px var(--gutter);mix-blend-mode:difference;color:#fff}.nav__brand{grid-column:1 / span 2;justify-self:start;display:block;width:64px}.logo{display:block;width:100%;height:auto}.nav__meta{grid-column:4 / span 4}.nav__dim{opacity:.55;margin-left:6px}.nav__links{grid-column:8 / -1;justify-self:end;display:flex;align-items:center;gap:clamp(14px,2vw,28px)}.nav__links a{position:relative}.nav__links a{opacity:.6;transition:opacity .3s var(--ease)}.nav__links a:hover,.nav__links a[aria-current=page]{opacity:1}.prefs{display:inline-flex;align-items:center;gap:12px;margin-left:10px}.prefs button{opacity:.5;transition:opacity .25s;min-height:24px}.prefs button:hover,.prefs button[aria-pressed=true]{opacity:1}.prefs__lang{display:inline-flex;gap:6px}.prefs__theme{opacity:1!important;display:inline-grid;place-items:center}.prefs__icon{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%);transition:transform .5s var(--ease)}:root[data-theme=light] .prefs__icon{transform:rotate(180deg)}.nav__toggle{display:none;align-items:center;gap:10px;min-height:44px}.burger{position:relative;width:22px;height:12px}.burger i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .45s var(--ease),top .45s var(--ease)}.burger i:first-child{top:0}.burger i:last-child{top:10px}.burger.is-x i:first-child{top:5px;transform:rotate(45deg)}.burger.is-x i:last-child{top:5px;transform:rotate(-45deg)}@media (max-width: 1200px){.nav__meta{display:none}.nav__links{grid-column:3 / -1;gap:16px}}@media (max-width: 899px){.nav{mix-blend-mode:normal;color:var(--ink);padding:8px var(--gutter);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav.is-open{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.nav__brand{width:54px}.nav__links{display:none}.nav__toggle{display:inline-flex;grid-column:7 / -1;justify-self:end}}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:84px var(--gutter) calc(24px + env(safe-area-inset-bottom));background:var(--bg);overflow-y:auto;overscroll-behavior:contain}.menu__links{display:flex;flex-direction:column}.menu__link{display:flex;align-items:baseline;gap:14px;padding:10px 0 6px}.menu__no{color:var(--dim);min-width:22px}.menu__mask{display:block;overflow:hidden;padding-top:.06em}.menu .ch-line{display:block;font-size:clamp(46px,14vw,92px)}.menu__link[aria-current]{color:var(--accent)}.menu__link:active .ch-line{transform:translate(8px);transition:transform .3s var(--ease)}.menu__prefs{display:flex;flex-direction:column;gap:12px}.menu__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px}.menu__hint{display:block;max-width:30ch;margin-top:3px}.seg{display:inline-flex;flex:none;padding:3px;background:var(--bg-2);border-radius:999px}.seg button{min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;transition:background .25s,color .25s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.toggle{position:relative;flex:none;width:54px;height:32px;border-radius:999px;background:var(--line);transition:background .3s}.toggle span{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--ink);transition:transform .35s var(--ease),background .3s}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true] span{transform:translate(22px);background:var(--on-accent)}@media (min-width: 900px){.menu{display:none}}.hero{min-height:100svh;display:flex;flex-direction:column;padding:56px var(--gutter) var(--gutter);overflow:hidden}.hero__mast{width:100%;overflow:hidden}.hero__name{display:flex;justify-content:space-between;white-space:nowrap;line-height:.82;padding:.14em 0 .12em;gap:.12em}.hero__name .word{display:inline-flex;align-items:flex-start}.hero__name .ch-wrap{display:inline-block;overflow:hidden;padding:.16em 0;margin:-.16em 0}.hero__name .ch{display:inline-block;will-change:transform}.hero__name .reg{font-size:.2em;line-height:1;margin:.12em 0 0 .04em;font-family:var(--f-body);font-weight:600}.hero__grid{flex:1;margin-top:clamp(20px,2.6vw,40px);align-items:end;row-gap:32px}.hero__left{grid-column:1 / span 3;display:flex;flex-direction:column;gap:16px;align-self:end}.hero__intro{font-size:17px;line-height:1.5;letter-spacing:-.005em;max-width:30ch;text-wrap:pretty}.hero__cta{margin-top:8px}.hero__center{grid-column:4 / span 7;position:relative}.hero__right{grid-column:11 / -1;display:flex;flex-direction:column;gap:8px;align-self:end}.hero__now{font-size:clamp(44px,4.2vw,72px)}.hero__sound{margin-top:14px}.hero__frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;clip-path:inset(0 0 0 0)}.hero__frame video{width:100%;height:100%;object-fit:cover;transform:scale(1.13)}.hero__frame.is-full video{transform:none}.hero__rec{position:absolute;left:12px;top:10px;display:flex;align-items:center;gap:8px;color:#fff;mix-blend-mode:difference}.hero__badge{position:absolute;right:-48px;top:-48px;width:128px;height:128px;z-index:2}.hero__badge .circular-text{position:absolute;top:0;right:0;bottom:0;left:0}.hero__badge-core{position:absolute;top:33px;right:33px;bottom:33px;left:33px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;padding:0 13px;pointer-events:none}@media (max-width: 900px){.hero__center{grid-column:1 / -1;grid-row:1}.hero__left{grid-column:1 / span 7}.hero__right{grid-column:8 / -1}.hero__badge{right:10px;top:auto;bottom:-44px}}@media (max-width: 899px){.hero__name{perspective:700px}}@media (max-width: 600px){.hero__left,.hero__right{grid-column:1 / -1}.hero__badge{transform:scale(.8);transform-origin:bottom right;bottom:-36px}}.marquee{background:var(--accent);color:var(--on-accent);padding:8px 0 4px}.marquee .scroller{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(36px,5vw,80px);line-height:1;filter:none}.work{padding-top:var(--section)}.project{padding:0 var(--gutter);margin-bottom:var(--section)}.phead{align-items:end;margin-bottom:var(--gutter)}.phead__title{grid-column:1 / span 6;font-size:clamp(48px,6vw,104px)}.phead__kind{grid-column:7 / -1;padding-bottom:.55em;color:var(--dim)}.film{display:block;position:relative;width:100%}.film__media{position:relative;display:block;overflow:hidden;background:#000;aspect-ratio:16 / 9}.film__media img,.film__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.13);transition:transform 1.2s var(--ease)}.film__media video{opacity:0;transition:opacity .4s}@media (hover: hover){.film:hover .film__media video{opacity:1}}@media (hover: hover){.film:hover .film__media img{transform:scale(1.17)}}.film__cap{display:flex;justify-content:space-between;gap:16px;padding-top:10px;color:var(--dim)}.project__text{margin-top:clamp(32px,4vw,56px);row-gap:28px;align-items:start}.project__text .lede{grid-column:1 / span 5}.project__text .body{grid-column:7 / span 3}.project__text .slate{grid-column:10 / -1}.project__text--top{margin:0 0 clamp(56px,7vw,100px)}.slate{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;padding:22px 22px 24px;border-radius:24px;background:var(--bg-2)}.slate__fact{display:flex;flex-direction:column;gap:6px;min-width:0}.slate__k{font-size:13px;font-weight:500;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 66%,var(--bg-2))}.slate__v{font-size:clamp(24px,2vw,30px);line-height:.95;letter-spacing:-.005em;font-variant-numeric:tabular-nums}.slate__v--long{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty}.slate__roles{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.slate__roles li{padding:7px 13px;border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;letter-spacing:-.005em;white-space:nowrap}.units{align-items:start;row-gap:40px}.unit{grid-column:span 3;margin-top:calc(var(--step) * clamp(24px,4vw,72px))}.unit__block{position:relative;display:block;width:100%;text-align:left;background:var(--paper);color:var(--paper-ink);aspect-ratio:3 / 4;overflow:hidden;padding:12px;transition:color .4s var(--ease)}.unit__block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--ease)}.unit__block:hover,.unit__block:focus-visible{color:var(--on-accent)}.unit__block:hover:before,.unit__block:focus-visible:before{transform:scaleY(1)}.unit__label,.unit__time{position:absolute;z-index:1;top:12px}.unit__label{left:12px}.unit__time{right:12px}.unit__num{position:absolute;z-index:1;left:50%;bottom:-.12em;transform:translate(-50%);width:1em;font-size:clamp(150px,21vw,360px);line-height:.86;height:.86em;overflow:hidden}.unit__reel{position:absolute;left:0;right:0;bottom:0}.unit__reel span{display:block;height:.86em;text-align:center}.unit .film{margin-top:var(--gutter)}.project--stages{background:var(--accent);color:var(--on-accent);padding:0;margin-bottom:0;overflow:hidden}.stages__track{display:flex;align-items:center;gap:clamp(20px,2.4vw,40px);padding:80px var(--gutter) 48px;min-height:100svh;width:max-content}.stages__intro{width:min(440px,80vw);flex-shrink:0;display:flex;flex-direction:column;gap:18px}.stages__intro .display{font-size:clamp(56px,6vw,100px)}.project--stages .body,.project--stages .film__cap{color:var(--on-accent)}.project--stages .slate{background:#0b0b0a1a}.project--stages .slate__k{color:#0b0b0aa6}.project--stages .slate__roles li{background:#0b0b0a1f;color:#0b0b0a}.film--stage{width:min(58vw,920px);flex-shrink:0}@media (max-width: 900px){.phead__title{grid-column:1 / -1}.phead__kind{grid-column:1 / -1;justify-self:start;padding:8px 0 0}.project__text .lede,.project__text .body,.project__text .slate{grid-column:1 / -1}.unit{grid-column:span 6;margin-top:0}.unit:nth-child(2n){margin-top:48px}.stages__track{flex-direction:column;align-items:stretch;width:auto;min-height:0;padding-block:72px}.stages__intro,.film--stage{width:100%}}.index{padding-top:var(--section);padding-bottom:var(--section)}.index .section-head{margin-bottom:0;border-bottom:0}.index__list{margin:0 var(--gutter)}.index__row{align-items:baseline;padding:14px 0;transition:color .3s}.index__name{grid-column:1 / span 6;font-size:clamp(32px,3.6vw,60px);transition:transform .5s var(--ease)}.index__titles{grid-column:7 / span 5;color:var(--dim);font-size:16px}.index__count{grid-column:12 / -1;justify-self:end}@media (hover: hover){.index__row:hover{color:var(--accent)}}@media (hover: hover){.index__row:hover .index__name{transform:translate(10px)}}.index__all{margin:clamp(32px,4vw,56px) var(--gutter) 0}@media (max-width: 900px){.index__name{grid-column:1 / span 10}.index__titles{grid-column:1 / -1;grid-row:2;padding-top:6px}.index__count{grid-column:11 / -1}}.works{min-height:100svh;padding-bottom:var(--section)}.works__head{padding:110px var(--gutter) clamp(48px,6vw,88px)}.works__title{font-size:clamp(56px,8vw,132px);line-height:.9}.case{position:relative;margin:0 var(--gutter);perspective:max(1500px,calc(2600px - 80vw));perspective-origin:var(--ox, 50%) var(--oy, 50%)}.shelf{position:relative;transform-style:preserve-3d}.shelf>*{position:absolute}.shelf__wall{left:-2%;right:-2%;top:100%;height:calc(var(--bt) + 90px);transform:translateZ(calc(var(--depth) * -1 - 2px));background:linear-gradient(rgb(0 0 0 / .32),transparent)}.shelf__board{left:0;right:0;top:100%;height:var(--bt);transform-style:preserve-3d;transform:translateZ(8px)}.shelf__board>span{position:absolute;left:0;right:0}.shelf__lip{top:0;bottom:0;border-radius:2px;background-image:var(--grain),linear-gradient(var(--desk-a),color-mix(in srgb,var(--desk-a) 82%,#000))}.shelf__top{bottom:100%;height:calc(var(--depth) + 8px);transform-origin:50% 100%;transform:rotateX(90deg);background-image:var(--grain),linear-gradient(to top,color-mix(in srgb,var(--desk-a) 94%,#fff),var(--desk-b))}.shelf__under{top:100%;height:calc(var(--depth) + 8px);transform-origin:50% 0;transform:rotateX(-90deg);background-image:var(--grain),linear-gradient(color-mix(in srgb,var(--desk-b) 70%,#000),color-mix(in srgb,var(--desk-b) 70%,#000))}.shelf__board{--grain: url(/tex/wood.jpg)}.shelf__board>span{background-size:900px auto,auto;background-blend-mode:overlay,normal}.shelf__label{position:absolute;top:50%;translate:0 -50%;font-size:12px;font-weight:600;color:var(--dim);white-space:nowrap}.b3{position:absolute;bottom:0;transform-style:preserve-3d;transform-origin:0 100%;transform:translateZ(var(--pull, 0px)) rotate(var(--lean, 0deg)) rotateX(var(--tip, 0deg));transition:transform .7s var(--ease)}.b3>span{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (hover: hover){.b3:hover{--pull: calc(var(--d) * .34);--tip: -2deg}}.b3:focus-visible{--pull: calc(var(--d) * .34);outline:none}.b3:focus-visible .b3__spine{outline:2px solid var(--accent);outline-offset:3px}.b3.is-away{visibility:hidden;transition:none}.b3__spine{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13% 0 8%;overflow:hidden;border-radius:3px 3px 2px 2px;background:var(--cloth);color:var(--on)}.b3__spine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#00000042,#ffffff14 20%,#ffffff05 45%,#0000000f 75%,#0000004d)}.b3__title{writing-mode:vertical-rl;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1;white-space:nowrap}.b3__mark{display:block;fill:currentColor}.b3__cover,.b3__back{top:0;width:var(--d);height:100%;background:var(--cloth)}.b3__cover{left:100%;transform-origin:0 50%;transform:rotateY(90deg);padding:12% 10% 0 12%}.b3__cover img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.b3__back{right:100%;transform-origin:100% 50%;transform:rotateY(-90deg)}.b3__cover:after,.b3__back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038}.b3__back:after{background:#0006}.b3__top{left:0;bottom:100%;width:100%;height:var(--d);transform-origin:50% 100%;transform:rotateX(90deg);background:linear-gradient(90deg,var(--cloth) 0 8%,#e9e4da 8% 92%,var(--cloth) 92%)}.case__caption{min-height:1.3em;margin:32px var(--gutter) 0;font-size:17px;font-weight:600;letter-spacing:-.01em}.case__caption .dim{font-weight:400;color:var(--dim)}@media (prefers-reduced-motion: reduce){.b3{transition:none}}.dv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden}.dv__desk{position:fixed;top:0;right:0;bottom:0;left:0;opacity:var(--desk, 0);background:url(/tex/wood.jpg) 0 0 / max(1400px,120vw) auto,radial-gradient(circle 110vmax at 38% 45%,var(--desk-a),var(--desk-b));background-blend-mode:overlay,normal}.dv__room{position:absolute;top:0;right:0;bottom:0;left:0;perspective:2200px}.dv__bar{position:fixed;z-index:4;inset:0 0 auto;display:flex;justify-content:flex-end;padding:8px var(--gutter);pointer-events:none}.dv__close{min-height:44px;color:var(--ink);pointer-events:auto}.dv__bar,.dv__caption{opacity:0;transition:opacity .4s var(--ease)}.dv.is-open .dv__bar,.dv.is-open .dv__caption{opacity:1}.dv__fly{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0}.dvb{--paper: #f4f2ed;--cloth-edge: color-mix(in srgb, var(--cloth) 72%, #000);position:absolute;left:0;top:calc(var(--ph) / -2);width:var(--pw);height:var(--ph);transform-style:preserve-3d}.dvb>*{position:absolute}.dvb .leaf{left:0}.dvb__shadow{left:calc(var(--pw) * var(--open, 0) * -1);top:1.5%;width:calc(var(--pw) * (1 + var(--open, 0)) + var(--o));height:101%;transform:translateZ(calc(var(--T) * -1 - 2px));border-radius:6px;background:#0000006b;filter:blur(calc(var(--ph) * .03))}.dvb__back,.dvb__base{left:0;top:calc(var(--o) * -1);width:calc(var(--pw) + var(--o));height:calc(var(--ph) + var(--o) * 2);background:var(--cloth)}.dvb__back{transform:translateZ(calc(var(--T) * -1)) rotateY(180deg);border-radius:4px;backface-visibility:hidden}.dvb__base{border-radius:0 4px 4px 0}.dvb__spine{left:calc(var(--T) / -2);top:calc(var(--o) * -1);width:var(--T);height:calc(var(--ph) + var(--o) * 2);transform:translateZ(calc(var(--T) / -2)) rotateY(-90deg);backface-visibility:hidden}.dvb__spine .b3__spine{position:absolute}.dvb__spine .b3__mark{width:var(--mk-spine)}.dvb__fore,.dvb__head,.dvb__tail{backface-visibility:hidden;background:linear-gradient(90deg,var(--cloth) 0 5%,#e9e4da 5% 95%,var(--cloth) 95%)}.dvb__head,.dvb__tail{background:linear-gradient(var(--cloth) 0 5%,#e9e4da 5% 95%,var(--cloth) 95%)}.dvb__fore{left:calc(var(--pw) - var(--T) / 2);top:0;width:var(--T);height:var(--ph);transform:translateZ(calc(var(--T) / -2)) rotateY(90deg)}.dvb__head,.dvb__tail{left:0;width:var(--pw);height:var(--T)}.dvb__head{top:calc(var(--T) / -2);transform:translateZ(calc(var(--T) / -2)) rotateX(90deg)}.dvb__tail{top:calc(var(--ph) - var(--T) / 2);transform:translateZ(calc(var(--T) / -2)) rotateX(-90deg)}.dvb__edges{top:0;width:var(--pw);height:var(--ph);transform:translateZ(.15px);pointer-events:none}.dvb__edges--r{left:0}.dvb__edges--l{left:calc(var(--pw) * -1)}.dvb__live{left:calc(var(--pw) * (var(--l) * 2 - 1));top:calc(var(--ph) * var(--t));width:calc(var(--pw) * 2 * var(--w));height:calc(var(--ph) * var(--h));overflow:hidden;pointer-events:none;transform:translateZ(calc(var(--leaves) * .7px + 1px))}.dvb__live video{display:block;width:100%;height:100%;object-fit:cover}.dvb__live:after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--l) / var(--w) * -100%);width:calc(100% / var(--w));background:linear-gradient(90deg,transparent 45%,rgb(0 0 0 / .1) 48.2%,rgb(0 0 0 / .3) 50%,rgb(0 0 0 / .26) 50%,rgb(0 0 0 / .08) 51.8%,transparent 56%)}.dvb__end{position:absolute;inset:var(--o) 0 var(--o) var(--o);display:grid;place-items:center;background:color-mix(in srgb,var(--cloth) 14%,#f2efe9);color:color-mix(in srgb,var(--cloth) 55%,#f2efe9)}.dvb__end--right{inset:var(--o) var(--o) var(--o) 0}.dvb__end svg{width:22%;fill:currentColor}.dvb__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:12% 11% 9% 15%;color:var(--on)}.dvb__plate{display:block;aspect-ratio:16 / 10;overflow:hidden;box-shadow:0 1px 2px #0000004d}.dvb__plate img{display:block;width:100%;height:100%;object-fit:cover}.dvb__name{margin-top:8%;font-size:calc(var(--ph) * .042);font-weight:600;letter-spacing:-.02em;line-height:1.05}.dvb__imprint{display:block;width:calc(var(--ph) * .085);margin-top:auto;fill:currentColor}.dvb__titlepage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:13% 11% 9% 14%;color:#141412}.dvb__t{font-size:calc(var(--ph) * .066);font-weight:600;letter-spacing:-.03em;line-height:.98}.dvb__sub{margin-top:5%;font-size:calc(var(--ph) * .024);line-height:1.4;color:#6d695f}.dvb__colophon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:3%;padding:0 14% 10% 11%;font-size:calc(var(--ph) * .02);color:#6d695f}.dvb__colophon .dvb__imprint{margin-top:0;color:#141412}.half{position:absolute;top:0;width:200%;height:100%}.half--left{left:0}.half--right{left:-100%}.sp{position:absolute;top:0;right:0;bottom:0;left:0}.sp img{display:block}.sp--wide img{position:absolute;left:7%;top:9%;width:86%;height:82%;object-fit:contain}.sp--plate img{position:absolute;left:55%;top:9%;width:40%;height:82%;object-fit:contain}.sp--grid{display:grid;grid-template-columns:1fr 1fr}.sp__page{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4%;min-height:0;padding:14% 10% 14% 12%}.sp__page+.sp__page{padding:14% 12% 14% 10%}.sp__page span{min-height:0;overflow:hidden}.sp--grid img{width:100%;height:100%;object-fit:contain}.dv__turns{display:contents}.dv__turn{position:absolute;z-index:2;top:calc(var(--yc) - var(--ph) / 2);width:var(--pw);height:var(--ph);touch-action:pan-y;-webkit-tap-highlight-color:transparent}.dv__turn--prev{left:calc(var(--xc) - var(--pw));cursor:w-resize}.dv__turn--next{left:var(--xc);cursor:e-resize}.dv__turn:disabled{cursor:default}.dv:not(.is-open) .dv__turn{pointer-events:none}.dv__turn:focus-visible,.dv__look:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dv__look{position:absolute;z-index:3;cursor:zoom-in;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.dv:not(.is-open) .dv__look{pointer-events:none}.dv__desk,.dv__room{transform-origin:0 0}.dv__back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;cursor:zoom-out;-webkit-tap-highlight-color:transparent}.dv__caption{position:absolute;z-index:2;left:calc(var(--xc) - var(--pw));width:calc(var(--pw) * 2);top:calc(var(--yc) + var(--ph) / 2 + var(--o) + 14px);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:15px;color:var(--dim)}.a4{position:absolute;z-index:3;left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);container-type:inline-size;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--sw) * .09);background:#f4f2ed;color:#141412;box-shadow:0 1px 1px #00000029,0 34px 60px -28px #0009;opacity:min(1,calc(var(--in, 0) * 3));transform:translate(calc((1 - var(--in, 0)) * 60vw)) rotate(calc(1.2deg + (1 - var(--in, 0)) * 10deg))}.a4__mark{display:block;width:14cqw;fill:currentColor}.a4__title{margin-top:12cqw;font-size:clamp(30px,10.5cqw,56px)}.a4__lede{margin-top:6cqw;font-size:clamp(15px,3.8cqw,19px);font-weight:500;line-height:1.3;letter-spacing:-.01em}.a4__body{margin-top:4cqw;font-size:clamp(13px,3.1cqw,15px);line-height:1.5;color:#4b4842}.a4__facts{display:grid;grid-template-columns:1fr 1fr;gap:4cqw 5cqw;margin-top:8cqw;font-size:clamp(12px,2.9cqw,14px);line-height:1.35}.a4__facts dt{color:#77736a}.a4__facts dd{font-weight:600}.a4__roles{grid-column:1 / -1}.a4__link{margin-top:5cqw}.dv.is-stacked{overflow-y:auto;overscroll-behavior:contain}.dv.is-looking{overflow:hidden}.dv.is-stacked .dv__room{position:relative;inset:auto;min-height:100%;padding-top:var(--top)}.dv.is-stacked .dv__bar,.dv.is-looking .dv__bar{background:color-mix(in srgb,var(--desk-b) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dv.is-stacked .a4{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:calc(var(--sw) * 1.414);margin:0 var(--gutter) 56px;overflow:visible;transform:translateY(calc((1 - var(--in, 0)) * 70vh)) rotate(calc(-.8deg + (1 - var(--in, 0)) * 6deg))}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;animation:rise .5s var(--ease)}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.sheet__bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:16px var(--gutter);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheet__close{color:var(--accent)}.sheet__body{padding:clamp(32px,4vw,64px) var(--gutter) var(--section);row-gap:48px;align-items:start}.sheet__info{grid-column:1 / span 4;position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}.sheet__title{font-size:clamp(48px,5vw,88px)}.sheet__media{grid-column:6 / -1;display:flex;flex-direction:column;gap:var(--gutter)}.sheet__media figure{background:var(--bg-2)}.sheet__media img,.sheet__media video{width:100%;height:auto}.sheet__media video{aspect-ratio:16 / 9;background:#000}.sheet__media figure.is-narrow{width:min(100%,420px)}.sheet__media figcaption{padding:10px 0 0;background:var(--bg)}.sheet__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--gutter)}.sheet__grid.is-light{grid-template-columns:1fr 1fr}.sheet__grid.is-light figure{background:#c9e5f5;padding:12% 10%;display:grid;place-items:center}@media (max-width: 900px){.sheet__info,.sheet__media{grid-column:1 / -1}.sheet__info{position:static}}.about{padding:0 var(--gutter) var(--section)}.about--page{padding-top:110px}.about__name{white-space:nowrap;line-height:.86}.about__word{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em 0;margin:-.06em 0}.about__ch{display:inline-block}.about__intro{margin-top:28px;max-width:38ch;font-size:17px;line-height:1.5;text-wrap:pretty}.about__h{font-size:clamp(40px,4.4vw,72px);text-wrap:balance}.statement-pin{height:260svh}.statement-stage{position:sticky;top:0;height:100svh;display:flex;align-items:center}@media (prefers-reduced-motion: reduce){.statement-pin{height:auto;margin-top:clamp(96px,11vw,180px)}.statement-stage{position:static;height:auto}}.statement{max-width:24ch;font-size:clamp(32px,4.4vw,72px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.statement .w{display:inline-block}.cap{--open: 1;position:relative;display:inline-block;vertical-align:-.1em;height:.8em;width:calc(var(--open) * 2.4em);margin-left:calc(var(--open) * .2em);border-radius:999px;overflow:hidden;background:var(--bg-2)}.cap img,.cap video{position:absolute;top:0;left:50%;width:2.4em;height:100%;transform:translate(-50%);object-fit:cover}.principles{margin-top:var(--section)}.principles__list{margin-top:clamp(32px,4vw,56px);display:grid;gap:clamp(28px,3vw,40px)}.principle{align-items:baseline;row-gap:8px}.principle__title{grid-column:1 / span 6;font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15}.principle p{grid-column:7 / -1;font-size:16px;line-height:1.55;max-width:44ch;color:color-mix(in srgb,var(--ink) 80%,transparent)}.cv{margin-top:var(--section)}.cv__head{align-items:end;row-gap:24px}.cv__head .about__h{grid-column:1 / span 6}.cv__profile{grid-column:7 / -1;max-width:30ch}.cv__list{margin-top:clamp(48px,6vw,88px);display:grid;gap:clamp(32px,3.4vw,48px)}.cv__row{align-items:baseline;row-gap:8px}.cv__who{grid-column:1 / span 6;display:grid;gap:4px}.cv__years{font-size:15px;color:var(--dim);font-variant-numeric:tabular-nums}.cv__role{font-size:clamp(19px,1.6vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2}.cv__org{font-size:15px;color:var(--dim)}.cv__points{grid-column:7 / -1;display:grid;gap:6px;font-size:15px;line-height:1.5;max-width:52ch;color:color-mix(in srgb,var(--ink) 80%,transparent)}.cv__facts{margin-top:clamp(64px,8vw,120px);row-gap:48px;align-items:start}.cv__facts section{grid-column:span 6;display:grid;gap:10px;font-size:15px;line-height:1.5;max-width:52ch}.cv__heading{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.cv__facts strong{display:block;font-weight:600}.cv__facts .dim{display:block}.cv__facts section:nth-child(3) .dim{display:inline}@media (max-width: 900px){.principle__title,.principle p,.cv__head .about__h,.cv__profile,.cv__who,.cv__points,.cv__facts section{grid-column:1 / -1}.cv__points{margin-top:6px}}.contact{padding:clamp(120px,16vw,240px) var(--gutter) 24px}.contact__row{align-items:start;row-gap:32px}.contact__status{grid-column:1 / span 6;font-size:17px;color:var(--dim)}.contact__links{grid-column:7 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:17px}.contact .contact__email{font-size:clamp(28px,3.4vw,54px);font-weight:500;letter-spacing:-.035em;margin-bottom:10px}.contact__foot{margin-top:clamp(96px,12vw,180px);align-items:end;row-gap:8px;font-size:15px;color:var(--dim)}.contact__foot>:first-child{grid-column:1 / span 6}.contact__city{grid-column:7 / span 3}.contact__top-btn{grid-column:10 / -1;justify-self:end}@media (max-width: 900px){.contact__status,.contact__links{grid-column:1 / -1}.contact__foot>*{grid-column:1 / -1;justify-self:start}}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#050505f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px var(--gutter) 24px;animation:fade .35s var(--ease)}.player video{width:min(100%,calc((100svh - 140px) * 16 / 9));aspect-ratio:16 / 9;background:#000}.player__bar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter)}.player__bar button{color:var(--accent)}.player__tc{display:flex;align-items:center;gap:8px}.player__note{color:var(--dim)}@keyframes fade{0%{opacity:0}}@media (hover: none){.film__media,.card__media,.index__row{transition:scale .35s var(--ease)}.film:active .film__media,.card:active .card__media{scale:.97}.index__row:active{scale:.98}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.cta{--text: var(--ink);display:inline-flex;align-items:center;min-height:44px;align-self:flex-start;color:var(--text);font:600 17px/1 var(--f-body);letter-spacing:-.01em;text-transform:none;white-space:nowrap;cursor:pointer}.cta__label{display:block;height:1.25em;line-height:1.25;overflow:hidden}.cta__label span{display:block;transition:transform .5s var(--ease)}@media (hover: hover){.cta:hover .cta__label span{transform:translateY(-100%)}}.cta:focus-visible .cta__label span{transform:translateY(-100%)}.cta--quiet{--text: var(--ink)}.cta--ink{--text: #0b0b0a}.slate .slate__v.display{font-size:clamp(24px,2vw,30px);line-height:.95}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cta--paper{--text: #ffffff}.capsule{position:relative;z-index:2;height:calc(460 * var(--sv))}.capsule__stage{position:sticky;top:0;height:var(--screen);overflow:hidden;pointer-events:none}.capsule__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.capsule__mark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.capsule__ground{fill:var(--bg)}.capsule__letter{fill:var(--ink)}.capsule__line,.capsule__mail{position:absolute;z-index:2;bottom:calc(28px + var(--below));font-size:17px;line-height:1.45;color:var(--ink);opacity:var(--fade, 1);pointer-events:auto}.capsule__line{left:var(--gutter);max-width:30ch;text-wrap:pretty}.capsule__mail{right:var(--gutter);font-weight:600;letter-spacing:-.01em}.capsule__mail:hover{color:var(--accent)}.capsule+.book:not(.book--still){margin-top:calc(-230 * var(--sv));height:calc((var(--steps) * 90 + 110 + 130 + var(--desk)) * var(--sv))}.capsule+.book.is-ahead .book__stage{visibility:hidden}@media (prefers-reduced-motion: reduce){.capsule{height:var(--screen)}}.book{position:relative;z-index:1;height:calc((var(--steps) * 90 + 110 + var(--desk)) * var(--sv))}.book__stage{position:sticky;top:0;height:var(--screen);overflow:hidden;background:var(--bg)}.book__title{position:absolute;z-index:2;left:var(--gutter);top:84px;font-size:17px;font-weight:600;letter-spacing:-.01em;opacity:var(--ui, 1)}.book__body{--ph: min(70svh, calc((100vw - 2 * var(--gutter)) * .6));--pw: calc(var(--ph) * .8);--o: calc(var(--ph) * .022);--cloth: #ff4d12;--cloth-edge: #b8350a;--paper: #f4f2ed;position:absolute;left:calc(var(--pw) * -1);top:calc(var(--ph) / -2);width:calc(var(--pw) * 2);height:var(--ph);perspective:2600px;will-change:transform}.book__shadow{position:absolute;z-index:-1;right:calc(50% - var(--pw));top:calc(var(--ph) * .06);bottom:calc(var(--ph) * -.035);width:calc(var(--pw) * 2);transform-origin:var(--rest, right) center;transform:scaleX(calc(.5 + var(--open, 0) * .5));background:#0b0b0a4d;filter:blur(calc(var(--ph) * .035));border-radius:8px}.book__board{position:absolute;z-index:0;left:50%;top:calc(var(--o) * -1);width:calc(var(--pw) + var(--o));height:calc(var(--ph) + var(--o) * 2);transform-origin:left center;transform-style:preserve-3d;will-change:transform}.book__board>span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cloth);backface-visibility:hidden;-webkit-backface-visibility:hidden}.book__board-in{border-radius:0 4px 4px 0;box-shadow:2px 2px 0 var(--cloth-edge)}.book__board-out{transform:rotateY(180deg);border-radius:4px 0 0 4px;display:grid;justify-items:center;align-content:end;padding-bottom:9%}.book__board-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(270deg,rgb(0 0 0 / .14),transparent 2.5%,transparent 4.6%,rgb(0 0 0 / .13) 5.4%,rgb(255 255 255 / .12) 6.6%,transparent 7.8%)}.book__board-out svg{width:16%;fill:#0b0b0a}.book__spine{position:absolute;z-index:1;left:calc(50% - 2px);top:0;width:4px;height:var(--ph);background:#2a2a27;opacity:var(--open, 0)}.book__edges{position:absolute;top:0;width:var(--pw);height:var(--ph);pointer-events:none}.book__edges--r{left:50%;z-index:1}.book__edges--l{right:50%;z-index:3}.leaf{position:absolute;left:50%;top:0;width:var(--pw);height:var(--ph);transform-origin:left center;transform-style:preserve-3d;will-change:transform}.leaf--board{top:calc(var(--o) * -1);width:calc(var(--pw) + var(--o));height:calc(var(--ph) + var(--o) * 2)}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);color:#0b0b0a;backface-visibility:hidden;-webkit-backface-visibility:hidden}.page--back{transform:rotateY(180deg)}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page--front:after{background:linear-gradient(90deg,rgb(0 0 0 / .26),rgb(0 0 0 / .08) 3.5%,rgb(255 255 255 / .05) 7%,transparent 12%)}.page--back:after{background:linear-gradient(270deg,rgb(0 0 0 / .3),rgb(0 0 0 / .1) 3.5%,transparent 10%)}.page__cast{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page--front .page__cast{opacity:var(--cast-f, 0);background:linear-gradient(90deg,rgb(0 0 0 / .4),rgb(0 0 0 / .12) 45%,transparent 85%)}.page--back .page__cast{opacity:var(--cast-b, 0);background:linear-gradient(270deg,rgb(0 0 0 / .4),rgb(0 0 0 / .12) 45%,transparent 85%)}.page__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--shade, 0);pointer-events:none}.leaf--board .page{background:var(--cloth)}.leaf--board .page--front{border-radius:0 4px 4px 0;box-shadow:1px 1px 0 var(--cloth-edge),2px 2px #e9e5dc,3px 3px #d2cdc2,4px 4px #e9e5dc,5px 5px #bdb7aa,6px 6px 0 var(--cloth),7px 7px 0 var(--cloth-edge)}.leaf--board .page--front:after{background:linear-gradient(90deg,rgb(0 0 0 / .14),transparent 2.5%,transparent 4.6%,rgb(0 0 0 / .13) 5.4%,rgb(255 255 255 / .12) 6.6%,transparent 7.8%)}.leaf--board .page--back{border-radius:4px 0 0 4px;box-shadow:-2px 2px 0 var(--cloth-edge)}.page__inside{position:absolute;top:var(--o);bottom:var(--o);left:var(--o);right:0;background:#0b0b0a;color:#1e1e1c}.page__end{display:block;width:100%;height:100%;fill:currentColor}.page__btn{display:block;width:100%;height:100%}.page__btn img{width:100%;height:100%;object-fit:cover}.page__cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:9% 9% 9% 14%;color:#0b0b0a}.page__cover p{font-size:17px;font-weight:600}.page__mark{display:block;width:62%}.page__title{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:12% 10% 12% 14%}.page__name{font-size:clamp(17px,calc(var(--ph) * .05),32px);font-weight:600;letter-spacing:-.02em;line-height:1}.page__toc{list-style:none;display:grid;gap:.5em;font-size:clamp(11px,calc(var(--ph) * .022),15px)}.page__toc li{display:flex;justify-content:space-between;gap:1em}.page__toc li span:last-child{font-variant-numeric:tabular-nums;color:#5a5a55}.book__caption{position:absolute;z-index:2;left:0;right:0;bottom:calc(30px + var(--below));text-align:center;font-size:15px;color:var(--dim);opacity:var(--ui, 1)}.book--still{height:auto;padding:var(--section) var(--gutter);display:grid;gap:24px;justify-items:center;background:var(--bg)}.book--still .book__title{opacity:1}.book--still .book__title{position:static;justify-self:start}.book__spread{display:grid;grid-template-columns:1fr 1fr;width:min(100%,1000px)}.book--still .page{position:relative;aspect-ratio:4 / 5}.ogc{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;background:#59666d;color:#e1e8eb;text-align:left}.ogc__track{position:absolute;max-width:62%}.ogc__title{line-height:.95}.ogc__title--script{font-family:Pinyon Script,cursive;font-size:13cqw;line-height:1.05}.ogc__title--serif{font-family:Bodoni Moda,serif;font-weight:700;font-size:10cqw}.ogc__title--wide{font-family:Archivo,sans-serif;font-stretch:125%;font-weight:800;font-size:7cqw;letter-spacing:-.01em}.ogc__title.is-upper{text-transform:uppercase}.ogc__credit{margin-top:1.6cqw;font-size:2.3cqw;line-height:1.3;opacity:.85}.ogc__credit span{display:block}.ogc__foot{position:absolute;bottom:5%;font-family:Bodoni Moda,serif;font-style:italic;font-size:3cqw;letter-spacing:.04em}.ogc--left .ogc__foot{left:8%}.ogc--right .ogc__foot{right:8%}.desk__zoom,.desk__room{position:absolute;top:0;right:0;bottom:0;left:0}.desk__zoom{z-index:0;transform-origin:50% 50%}.desk__room{perspective-origin:50% 50%}.desk__world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0}.desk__world>*{position:absolute}.desk__top{left:calc(var(--desk-x) * -1);width:calc(var(--desk-x) * 2);top:var(--desk-n);height:calc(var(--desk-s) - var(--desk-n));transform:translateZ(-2px);border-radius:calc(var(--u) * .02);background:url(/tex/wood.jpg) 0 0 / calc(var(--u) * 2.4) auto,radial-gradient(circle calc(var(--u) * 2.6) at 50% calc(var(--desk-n) * -1),var(--desk-a),var(--desk-b));background-blend-mode:overlay,normal}.desk__book,.laptop{left:0;top:0;width:0;height:0;transform-style:preserve-3d}.laptop>*{position:absolute;left:calc(var(--u) * -.55);width:calc(var(--u) * 1.1)}.laptop__shadow{left:calc(var(--u) * -.8);width:calc(var(--u) * 1.6);top:calc(var(--hinge) - var(--u) * .24);height:calc(var(--u) * 1.2);transform:translateZ(-1px);background:url(/tex/laptop-shadow.png) 0 0 / 100% 100%;opacity:.62}.laptop__base{top:var(--hinge);height:calc(var(--u) * .72);transform:translateZ(calc(var(--u) * .018));border-radius:calc(var(--u) * .035);background:#c6c6c2 url(/tex/laptop-deck.jpg) 0 0 / 100% 100%}.laptop__front{top:calc(var(--hinge) + var(--u) * .72);height:calc(var(--u) * .018);transform-origin:50% 0;transform:rotateX(90deg);background:#9f9f9b}.laptop__lid{top:calc(var(--hinge) - var(--u) * .7);height:calc(var(--u) * .7);transform-origin:50% 100%;transform-style:preserve-3d;transform:translateZ(calc(var(--u) * .018 + 1px)) rotateX(var(--lid, -180deg))}.laptop__face,.laptop__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * .03);backface-visibility:hidden;-webkit-backface-visibility:hidden}.laptop__face{background:#0a0a0a}.laptop__back{transform:rotateX(180deg);display:grid;place-items:center;background:#c4c4c0 url(/tex/laptop-lid.jpg) 0 0 / 100% 100%}.laptop__back svg{width:15%;fill:#d9d9d5}.laptop__screen{position:absolute;left:calc(var(--u) * .028);right:calc(var(--u) * .028);top:calc(var(--u) * .03);bottom:calc(var(--u) * .05);overflow:hidden;border-radius:calc(var(--u) * .006);background:#0e0e0d}.os{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;--on: 0;color:#f4f2ed}.os__wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(64% 58% at 50% 104%,#ff4d12,#ff4d1200),radial-gradient(130% 90% at 50% 118%,#4a1606,#0b0b0a 72%)}.os__mark{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:min(70cqw,54cqh);height:auto;fill:#f4f2ed;opacity:clamp(0,var(--on) * 2.2 - 1.2,.92);transform:scale(calc(1.08 - .08 * var(--on)))}.os__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0b0a;opacity:calc((1 - var(--on)) * .5)}.os__frame{position:absolute;left:50%;top:50%;translate:-50% -50%;transform-origin:50% 50%;container-type:size;overflow:hidden;--tile: clamp(26px, calc((100cqw - 64px) / 9 - 6px), 56px)}.os__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(92px,12cqh) 24px calc(max(40px,10cqh) + var(--below));text-align:center}.os__date{font-size:clamp(15px,2.3cqh,22px);font-weight:600;letter-spacing:-.01em}.os__time{font-family:var(--f-display);font-size:min(21cqh,32cqw);line-height:.92;letter-spacing:.01em;margin-top:.06em}.os__user{display:flex;flex-direction:column;align-items:center;gap:12px}.os__avatar{display:grid;place-items:center;width:clamp(52px,8cqh,76px);aspect-ratio:1;border-radius:50%;background:#ff4d12}.os__avatar svg{width:64%;fill:#0b0b0a}.os__name{font-size:15px;font-weight:600}.os__field{position:relative;display:flex;align-items:center;gap:6px;width:clamp(180px,20cqw,240px);height:34px;padding:0 14px;border-radius:10px;background:#ffffff29}.os__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:#f4f2ed99}.os__dot{display:none;width:8px;height:8px;border-radius:50%;background:#f4f2ed}.os__dot.is-on{display:block}.os__dock{position:absolute;left:0;right:0;bottom:calc(10px + var(--below));width:max-content;margin-inline:auto;display:flex;align-items:flex-end;gap:6px;padding:6px;border-radius:calc(var(--tile) * .36);background:#f4f2ed33}.os__tile{display:grid;place-items:center;width:var(--tile);aspect-ratio:1;border-radius:23%;font-size:calc(var(--tile) * .4);font-weight:700;letter-spacing:-.02em;line-height:1}.os__tile--dbe{background:#ff4d12}.os__tile--dbe svg{width:72%;fill:#0b0b0a}.os__cursor{position:absolute;left:0;top:0;width:22px;height:30px;opacity:0;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.os__window{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;background:var(--app-bg)}.os__window .app{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.book:not(.book--still)+.cut:not(.cut--still){margin-top:calc(-120 * var(--sv));height:calc((var(--units) * 36 + 120) * var(--sv))}.book+.cut.is-ahead>.app{visibility:hidden}.cut{position:relative;height:calc((var(--units) * 36 + 100) * var(--sv))}.cut,.os__window{--app-bg: #0e0e0d;--app-panel: #1a1a18;--app-text: #9c998f;--app-hi: #ecebe6;--app-bar: #3b3a36}.app{position:sticky;top:0;height:var(--screen);overflow:hidden;display:grid;grid-template-columns:clamp(180px,16vw,260px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:60px 6px 6px;background:var(--app-bg);color:var(--app-text);font-size:12px;line-height:1.3}.app__panel{min-width:0;min-height:0;border-radius:10px;background:var(--app-panel);padding:10px 12px 12px}.app__tab{font-size:12px;font-weight:600;color:var(--app-hi);margin-bottom:10px}.app__project{overflow:hidden}.app__files{list-style:none;display:grid;gap:2px}.app__file{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border-radius:6px;text-align:left;color:inherit;transition:color .2s}.app__file:hover{color:var(--app-hi)}.app__file.is-on{background:#2a2926;color:var(--app-hi)}.app__thumb{flex:none;width:34px;aspect-ratio:16 / 9;border-radius:3px;background:var(--accent) center / cover}.app__label,.app__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__comp{display:flex;flex-direction:column}.app__view{flex:1 1 0;min-height:0;container-type:size;display:grid;place-items:center}.cut__monitor{position:relative;width:min(100cqw,100cqh * 16 / 9);aspect-ratio:16 / 9;background:#000;overflow:hidden;border-radius:4px}.cut__frame{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.cut__frame.is-on{visibility:visible}.cut__open{display:block;width:100%;height:100%}.cut__open img,.cut__open video{display:block;width:100%;height:100%;object-fit:cover}.cut__endcard{height:100%;display:grid;place-items:center;background:var(--accent)}.cut__endcard .cta{align-self:center;font-size:clamp(22px,2.4vw,34px)}.cut__meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:10px}.cut__name{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--app-hi)}.cut__info{white-space:nowrap}.app__time{grid-column:1 / -1;padding-bottom:calc(12px + var(--below));--nc: clamp(150px, 15vw, 236px);--rh: 20px}.app__tc{display:block;margin-bottom:6px;font-size:clamp(18px,1.6vw,24px);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--accent)}.app__grid{--cg: 12px;position:relative;display:grid;grid-template-columns:var(--nc) minmax(0,1fr);grid-auto-rows:var(--rh);column-gap:var(--cg);align-items:center}.app__row{display:contents}.app__row.is-on .app__name{color:var(--app-hi)}.app__lane{position:relative;height:100%}.app__ruler{overflow:hidden}.app__ruler span{position:absolute;top:50%;transform:translateY(-50%);padding-left:4px;font-size:11px;font-variant-numeric:tabular-nums}.app__bar{position:absolute;top:3px;bottom:3px;margin-right:2px;border-radius:4px;background:var(--app-bar);transition:background-color .2s}.app__bar:hover{background:#57554f}.app__row.is-on .app__bar{background:var(--app-hi)}.app__bar--end,.app__row.is-on .app__bar--end{background:var(--accent)}.app__audio svg{position:absolute;top:2px;right:0;bottom:2px;left:0;width:100%;height:calc(100% - 4px);fill:var(--app-bar)}.app__audio .app__played{fill:var(--accent);clip-path:inset(0 calc((1 - var(--at)) * 100%) 0 0)}.app__playhead{position:absolute;top:0;bottom:0;left:calc(var(--nc) + var(--cg));right:0;pointer-events:none}.app__playhead:before,.app__playhead:after{content:"";position:absolute;left:calc(var(--at) * 100%);background:var(--accent)}.app__playhead:before{top:0;bottom:0;width:2px;margin-left:-1px}.app__playhead:after{top:2px;width:10px;height:calc(var(--rh) - 4px);margin-left:-5px;border-radius:999px}@media (max-width: 899px){.app{grid-template-columns:minmax(0,1fr);padding-top:64px}.app__project{display:none}.app__time{--nc: 0px;--rh: 16px}.app__grid{--cg: 0px}.app__name{visibility:hidden}.cut__monitor{width:100%;height:100%;aspect-ratio:auto}.cut__meta{flex-direction:column;gap:2px}}.cut--still{height:auto}.cut--still .app{position:static;height:auto;min-height:100svh}.cut--still .app__view{height:min(56vw,62svh);flex:none}.cut--still .app__time{padding-bottom:12px}.cut--still .app__playhead,.cut--still .app__played{display:none}.page,.a4,.dvb__end{background-image:url(/tex/paper.jpg);background-size:256px;background-blend-mode:multiply}.b3__spine,.b3__cover,.b3__back,.dvb__back,.dvb__base,.book__board>span,.leaf--board .page{background-image:url(/tex/cloth.jpg);background-size:128px;background-blend-mode:overlay}.pb{position:fixed;left:0;top:0;z-index:45;opacity:0;width:100%;height:var(--screen);overflow:hidden;background:var(--bg)}.pb .desk__zoom{cursor:zoom-in}.pb__bar{position:absolute;z-index:2;inset:56px 0 auto;display:flex;justify-content:flex-end;padding:0 var(--gutter);pointer-events:none;opacity:0;transition:opacity .4s var(--ease)}.pb.is-noted .pb__bar{opacity:1}.pb__close{min-height:44px;color:var(--ink);pointer-events:auto}.note{--nw: clamp(250px, 19vw, 300px);position:absolute;z-index:1;left:calc(var(--lid-r) - var(--nw) * .3);top:calc(var(--lid-t) - 18px);display:flex;flex-direction:column;gap:10px;width:var(--nw);min-height:var(--nw);padding:26px 24px 22px;background:#ff4d12 url(/tex/paper.jpg) 0 0 / 256px;background-blend-mode:multiply;color:#0b0b0a;box-shadow:0 1px 1px #0000002e,0 22px 30px -18px #0000008c;transform-origin:50% 0;rotate:3deg;opacity:0;translate:0 -14px;scale:1.06;transition:opacity .35s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}.pb.is-noted .note{opacity:1;translate:0 0;scale:1}.note:focus{outline:none}.note:before{content:"";position:absolute;inset:0 0 auto;height:22%;pointer-events:none;background:linear-gradient(#00000012,#0000)}.note__title{font-size:clamp(28px,2.4vw,38px);line-height:.95}.note__meta{font-size:13px;font-weight:600}.note__line{font-size:15px;font-weight:500;line-height:1.32;letter-spacing:-.01em}.note__roles{font-size:13px;line-height:1.35;opacity:.72}.note__open{margin-top:auto;align-self:flex-start}@media (orientation: portrait){.note{--nw: min(330px, calc(100vw - 48px) );left:calc(50% - var(--nw) / 2);top:calc(var(--lid-b) + 6px);rotate:-2deg}}@media (prefers-reduced-motion: reduce){.note{transition:none}}.nav{view-transition-name:nav}.grain{view-transition-name:grain}html.to-shelf::view-transition{background:var(--bg)}html.to-shelf::view-transition-image-pair(root){perspective:90vh}html.to-shelf::view-transition-old(root),html.to-shelf::view-transition-new(root){animation:1.7s cubic-bezier(.55,0,.2,1) both;transform-origin:50% 50% 90vh;mix-blend-mode:normal;backface-visibility:hidden}html.to-shelf::view-transition-old(root){animation-name:desk-away}html.to-shelf::view-transition-old(root){--u: var(--desk-u);left:-200%;width:500%;height:100%;object-fit:none;background:url(/tex/wood.jpg) calc(250vw - (max(100vw,var(--u) * 3)*1.3)) min(50vh - var(--u) * .77,-20px) / calc(var(--u) * 2.4) auto,radial-gradient(circle calc(var(--u) * 2.6) at 50% 50%,var(--desk-a),var(--desk-b));background-blend-mode:overlay,normal}html.to-shelf::view-transition-new(root){animation-name:wall-in}html.to-shelf::view-transition-group(nav),html.to-shelf::view-transition-group(grain){animation:none}@media (min-width: 900px){html.to-shelf::view-transition-group(nav){mix-blend-mode:difference}}@keyframes desk-away{to{transform:rotateX(90deg);filter:brightness(.7)}}@keyframes wall-in{0%{transform:rotateX(-90deg);filter:brightness(.8)}}