.hd[data-under=green]~.hd-act .pill:before,.hd[data-under=light]~.hd-act .pill:before{background:var(--ink)}.hd[data-under=green]~.hd-act .pill:hover,.hd[data-under=light]~.hd-act .pill:hover{color:var(--green)}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden}.hero-gl{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero-title{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + clamp(108px, 11vw, 150px));z-index:1;font-size:var(--t-display);letter-spacing:-.052em;margin:0;font-weight:500;line-height:.94;position:absolute}.br-s{display:none}.hero-foot{left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:3;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute}.hero-sub{color:var(--ink-2);margin:0;font-size:17px;line-height:1.4}.hero-cue{font-size:15px;font-weight:500}.hero-cue i{margin-left:6px;font-style:normal;display:inline-block}.about{min-height:100svh;padding:calc(var(--pad) * 2.4) var(--pad);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.about-body{position:relative}.about-text{max-width:15.6em;font-size:var(--t-statement);letter-spacing:-.042em;margin:0;font-weight:500;line-height:1.02;position:relative}.js .about-text{color:#0c0d0d24}.chip{vertical-align:-.05em;background:var(--ink);border-radius:999px;width:1.9em;height:.8em;margin:0 .04em;display:inline-block;overflow:hidden}.chip picture{width:100%;height:100%;display:block}.chip img{object-fit:cover;width:100%;height:100%;display:block}.js .chip{clip-path:inset(35% 43.7% round 999px)}.js .chip img{clip-path:inset(100% 0% 0%)}.about-note{font-size:var(--t-statement);fill:none;stroke:var(--ink-2);stroke-width:30px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.about-note.is-under{font-size:calc(var(--t-statement) * 1.5)}.about-note.is-under .about-note-arrow{display:none}.about-door{width:max-content;margin-top:clamp(40px,4vw,72px);margin-left:auto;display:flex}.reel{z-index:2;visibility:hidden;pointer-events:none;position:absolute;inset:0}.reel-frame{background:var(--ink);border-radius:999px;position:absolute;overflow:hidden}.reel-shot{position:absolute;inset:0;overflow:hidden}.reel-shot picture,.reel-shot img{width:100%;height:100%;display:block}.reel-shot img{object-fit:cover;object-position:50% 0%}.reel-shot+.reel-shot{clip-path:inset(100% 0% 0%)}.reel-tag{background:var(--paper);height:46px;color:var(--ink);clip-path:inset(0% 100% 0% 0% round 999px);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;line-height:46px;display:flex;position:absolute;bottom:clamp(14px,1.6vw,28px);left:clamp(14px,1.6vw,28px)}.reel-count,.reel-name{height:46px;display:block;overflow:hidden}.reel-roll,.reel-roll>span{display:block}.reel-count{font-variant-numeric:tabular-nums}.reel-of{color:var(--ink-2);margin-right:8px}.work{padding:calc(var(--sec) * .6) var(--pad) var(--sec)}.work-note{max-width:22em;color:var(--ink-2);margin:0 auto .6em clamp(24px,6vw,120px);font-size:17px}.work-grid{grid-template-columns:1fr 1fr;gap:clamp(56px,6vw,112px) clamp(16px,2vw,32px);display:grid}.svc{z-index:1;isolation:isolate;padding:var(--sec) var(--pad) 0;color:var(--paper);pointer-events:none;position:relative;overflow-x:clip}.svc a{pointer-events:auto}.svc-room{z-index:-1;background:var(--ink);position:absolute;inset:0}.svc .door-arrow{background:var(--paper);color:var(--ink)}.svc-stage{height:100svh;min-height:560px;position:relative}.svc-words{font-size:calc(clamp(44px, 7.2vw, 136px) * var(--k,1));letter-spacing:-.05em;font-weight:500;line-height:.92;position:absolute;inset:0}.svc-w{white-space:nowrap;position:absolute;top:0;left:0}.svc-screen{width:0;height:0;display:block;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.svc-screen{cursor:none}}.svc-window{border-radius:inherit;background:linear-gradient(165deg,#222524,#131514 55%,#0f1110);position:absolute;inset:0;overflow:hidden}.svc-window:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f1f1ee24}.svc-shot{position:absolute;inset:0;overflow:hidden}.svc-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 32%,#f1f1ee12 47%,#f1f1ee06 55%,#0000 68%);position:absolute;inset:0}.svc-window{container-type:size}.svc-wire{position:absolute;inset:0}.svc-wire i{position:absolute}.svc-note{background:var(--ink);visibility:hidden;position:absolute;container-type:size}.svc-note i{background:#f1f1ee38;border-radius:99px;position:absolute}.svc-note i:first-child{background:#f1f1ee29;width:64cqh;height:64cqh;top:18cqh;left:18cqh}.svc-note i:nth-child(2){width:34cqw;height:14cqh;top:30cqh;left:98cqh}.svc-note i:nth-child(3){background:#f1f1ee1c;width:46cqw;height:12cqh;top:54cqh;left:98cqh}.svc-note i:nth-child(4){background:var(--green);width:20cqh;height:20cqh;top:40cqh;right:40cqh}.svc-code{color:#f1f1eedb;padding:10cqh 9cqh;font:450 5.4cqh/1.7 ui-monospace,SF Mono,Menlo,monospace;position:absolute;inset:0;overflow:hidden}.svc-line{white-space:pre;clip-path:inset(0% 100% 0% 0%);width:max-content;display:block}.svc-code .k{color:var(--green)}.svc-code .s{color:#b48aff}.svc-code .c{color:#f1f1ee66}.svc-preview{transform-origin:0 0;position:absolute;inset:0;transform:scale(0)}.svc-preview svg{width:100%;height:100%;fill:var(--paper);display:block}.svc-preview circle{fill:var(--ink)}.svc-body,.svc-key,.svc-through{top:0;left:calc(var(--pad) * -1);width:calc(100% + var(--pad) * 2);visibility:hidden;pointer-events:none;height:calc(100% + 1px);min-height:100lvh;position:absolute}.svc-key{z-index:2}.svc-key-mark{fill:var(--green)}.svc-through{background:var(--ink)}.svc-index{left:0;right:0;bottom:var(--pad);grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,32px);margin:0;padding:0;list-style:none;display:grid;position:absolute}.svc-item{--draw:1;--fill:0;--on:0;color:rgba(241, 241, 238, calc(.4 + .6 * var(--on)));padding-top:18px;display:block;position:relative}.svc-item:before,.svc-item:after{content:"";transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.svc-item:before{background:var(--line-dark);transform:scaleX(var(--draw))}.svc-item:after{background:var(--paper);height:2px;transform:scaleX(var(--fill));top:-.5px}.svc-n{font-variant-numeric:tabular-nums;font-size:14px;display:block}.svc-name{letter-spacing:-.01em;margin:8px 0 6px;font-size:clamp(16px,1.25vw,20px);font-weight:500;display:block}.svc-desc{max-width:21em;font-size:14px;line-height:1.4;display:block}.svc-item:hover .svc-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.svc-index.is-rail{--ride:0;--seg:max(42vw, 352px);left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);padding-left:calc(50% + var(--pad));gap:0;display:flex}.svc-index.is-rail>li{width:calc(var(--seg) * var(--span,1));translate:calc(var(--seg) * var(--ride) * -1) 0;will-change:translate;flex:none}.svc-index.is-rail .svc-item{padding-right:24px}.svc-index.is-rail>li:first-child .svc-item{--on:1}.svc-index.is-rail .svc-item:before{background:linear-gradient(currentColor, currentColor) 0 0 / 1px 10px no-repeat, linear-gradient(var(--line-dark), var(--line-dark)) 0 0 / 100% 1px no-repeat, repeating-linear-gradient(to right, var(--line-dark) 0 1px, transparent 1px calc(var(--seg) / 16)) 0 0 / 100% 5px no-repeat;height:10px}.svc-index.is-rail:before{content:"";z-index:1;background:var(--paper);width:9px;height:9px;transform:scale(calc(var(--head,1) * (1 - var(--fold,0))));border-radius:50%;margin:-4px 0 0 -4.5px;position:absolute;top:0;left:50%}.svc-more{color:#f1f1ee94;max-width:30em;margin:20px 0 0;font-size:16px}.refs{z-index:0;padding:var(--sec) var(--pad) 0;margin-top:calc(-1*max(100svh,560px));position:relative}.refs-grid{--draw:1;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.refs-grid li{--draw:1;aspect-ratio:1.45;place-items:center;display:grid;position:relative}.refs-grid li:before,.refs-grid li:after{content:"";background:var(--line);position:absolute}.refs-grid li:before{height:1px;transform:scaleX(var(--draw));transform-origin:0;top:0;left:0;right:0}.refs-grid li:after{width:1px;transform:scaleY(var(--draw));transform-origin:top;top:0;bottom:0;right:0}.refs-grid li:nth-child(7n):after{display:none}.refs-grid li:nth-last-child(-n+7){box-shadow:inset 0 -1px 0 var(--line)}.refs-grid a{place-items:center;display:grid;position:absolute;inset:0}.refs-grid img{object-fit:contain;filter:grayscale()contrast(1.15);mix-blend-mode:multiply;opacity:.72;max-width:58%;max-height:34%}.refs-grid img.is-light{filter:invert()grayscale()contrast(1.15)}.blog{padding:var(--sec) var(--pad)}.blog-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(20px,2.4vw,40px);display:grid}.post{--draw:1;padding-top:22px;display:block;position:relative}@media (hover:hover) and (pointer:fine){.post{cursor:none}}.post:before{content:"";background:var(--line);height:1px;transform:scaleX(var(--draw));transform-origin:0;position:absolute;top:0;left:0;right:0}.post:has(>.post-cover){padding-top:0}.post:has(>.post-cover):before{display:none}.post-cover{aspect-ratio:4/3;border-radius:var(--radius);background:#dcdcd6;margin-bottom:22px;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;display:block}.post.is-in .post-cover img{transition:transform 1.2s var(--ease)}.post:hover .post-cover img{transform:scale(1.06)}.post-cat{color:var(--ink-2);margin:0 0 12px;font-size:14px}.post-title{max-width:17em;font-size:var(--t-heading);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.12}.post-title>span{transition:background-size .7s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat}.post:hover .post-title>span{background-size:100% 1.5px}.post-sum{max-width:24em;color:var(--ink-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16px;display:-webkit-box;overflow:hidden}@media (width<=640px){.hero-title{bottom:calc(var(--pad) + 104px);font-size:clamp(40px,13.4vw,84px);line-height:.96}.br-s{display:inline}.hero-sub{font-size:15px}.work-note{margin:0}.hero-cue{display:none}.work-grid{grid-template-columns:1fr}.reel-tag{height:40px;padding:0 16px;font-size:14px;line-height:40px}.reel-count,.reel-name{height:40px}.svc-words{font-size:12.4vw}.svc-name,.svc-desc{display:none}.svc-item{padding-top:12px}.svc-index.is-rail{--seg:50vw}.refs-grid{grid-template-columns:repeat(3,1fr)}.refs-grid li:nth-child(n+10){display:none}.refs-grid li:nth-child(7n):after{display:block}.refs-grid li:nth-child(3n):after{display:none}.refs-grid li:nth-last-child(-n+7){box-shadow:none}.refs-grid li:nth-child(n+7){box-shadow:inset 0 -1px 0 var(--line)}.refs-grid img{max-width:64%;max-height:40%}.blog-grid{grid-template-columns:1fr;gap:40px}}@media (prefers-reduced-motion:reduce){.hero-gl{position:absolute}.js .about-text{color:inherit}.js .chip,.js .chip img{clip-path:none}.reel{display:none}.svc{padding-bottom:var(--sec)}.svc-stage{height:auto;min-height:0}.svc-words,.svc-screen,.svc-key,.svc-through,.svc-body{display:none}.refs{margin-top:0}.svc-index{position:static}}