.pixel-swap-title{position:relative;display:inline-flex;align-items:baseline;isolation:isolate;flex:0 0 auto;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.pixel-swap-title:focus-visible{outline:1px solid #777;outline-offset:10px}.pixel-swap-title-layer{display:flex;align-items:baseline;width:-moz-max-content;width:max-content}.pixel-swap-title-second{position:absolute;inset:0;visibility:hidden}.pixel-swap-title[data-active=true]>.pixel-swap-title-first{visibility:hidden}.pixel-swap-title[data-active=true]>.pixel-swap-title-second{visibility:visible}.pixel-swap-title-grid{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.pixel-swap-title-pixel{position:absolute;overflow:hidden;contain:paint;opacity:0}.pixel-swap-title-pixel-content{position:absolute;background:#000}.pixel-swap-title-clone{position:absolute;inset:0;visibility:visible}[data-surface=public] .portfolio-hero{--scene-progress:0;position:relative;min-height:calc(145svh - var(--header-h));background:#000;color:#eee}[data-surface=public] .portfolio-hero-sticky{position:sticky;top:var(--header-h);min-height:calc(100svh - var(--header-h));overflow:clip;background:#000}[data-surface=public] .portfolio-hero-inner{width:var(--public-content-width);max-width:var(--public-content-max);min-height:calc(100svh - var(--header-h));margin-inline:auto;padding-block:clamp(28px,4.6svh,54px) 27px;display:flex;flex-direction:column}[data-surface=public] .portfolio-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:21px;color:#929292;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.5;letter-spacing:.13em}[data-surface=public] .portfolio-hero-meta>span:last-child{white-space:nowrap}[data-surface=public] .portfolio-hero-meta>span:last-child>span{margin-inline:14px;color:#484848}[data-surface=public] .portfolio-hero-rule{height:1px;flex-shrink:0;background:#303030;transform-origin:left center}[data-surface=public] .portfolio-hero-composition{flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;-moz-column-gap:7%;column-gap:7%;padding-block:clamp(35px,6svh,75px)}[data-surface=public] .portfolio-hero-title-scroll{transform:translate3d(0,calc(var(--scene-progress) * -30px),0) scale(calc(1 - var(--scene-progress) * .035));transform-origin:left center}[data-surface=public] .portfolio-hero-title{display:flex;align-items:baseline;width:-moz-max-content;width:max-content;max-width:100%;margin:0 0 25px -.065em;color:#f0f0f0;font-size:clamp(94px,12.7vw,205px);font-weight:500;line-height:1.13;letter-spacing:calc(-.07em + var(--scene-progress) * .016em)}[data-surface=public] .portfolio-hero-character{display:block;overflow:hidden;padding-block:.06em;margin-block:-.06em}[data-surface=public] .portfolio-hero-character>span{display:block;transform-origin:50% 100%}[data-surface=public] .portfolio-hero-period{padding-inline:.025em .08em;color:#777;font-family:Times New Roman,Georgia,serif;font-weight:400}[data-surface=public] .portfolio-hero-english{margin:0;color:#9b9b9b;font-family:Times New Roman,Georgia,serif;font-size:clamp(41px,5.2vw,82px);font-weight:400;line-height:1.03;letter-spacing:-.045em}[data-surface=public] .portfolio-hero-text-mask{display:block;overflow:hidden;padding-block:.12em;margin-block:-.12em}[data-surface=public] .portfolio-hero-text-mask>span{display:block;transform-origin:left bottom}[data-surface=public] .portfolio-hero-english em{color:#dedede;font-weight:400}[data-surface=public] .portfolio-hero--toolbox .portfolio-hero-title-scroll{transform:none}[data-surface=public] .portfolio-hero--toolbox .portfolio-hero-title{letter-spacing:-.07em}[data-surface=public] .portfolio-hero--toolbox .portfolio-hero-text-mask.tech-text[data-tech-ready]{overflow:visible}[data-surface=public] .portfolio-hero-note{margin:clamp(25px,4svh,44px) 0 0;color:#858585;font-size:var(--public-text-meta);line-height:1.8;letter-spacing:.045em}[data-surface=public] .portfolio-hero-aside-scroll{min-width:0;max-width:400px;justify-self:end;transform:translate3d(0,calc(var(--scene-progress) * 21px),0)}[data-surface=public] .portfolio-hero-visual{margin:0 0 clamp(28px,4.2svh,46px)}[data-surface=public] .portfolio-hero-visual-scroll{transform:translate3d(calc(var(--scene-progress) * 10px),calc(var(--scene-progress) * -25px),0) rotate(calc(var(--scene-progress) * -5deg));transform-origin:center}[data-surface=public] .portfolio-hero-visual-mask{overflow:hidden}[data-surface=public] .portfolio-hero-visual svg{display:block;width:100%;height:clamp(125px,18svh,195px)}[data-surface=public] .portfolio-hero-visual svg :is(path,circle,ellipse){vector-effect:non-scaling-stroke;stroke-width:.8}[data-surface=public] .portfolio-hero-geometry-guide{stroke:#181818}[data-surface=public] .portfolio-hero-geometry-faint{stroke:#363636}[data-surface=public] .portfolio-hero-geometry-main{stroke:#7d7d7d}[data-surface=public] .portfolio-hero-geometry-bright{stroke:#d6d6d6}[data-surface=public] .portfolio-hero-geometry-point{fill:#c5c5c5}[data-surface=public] .portfolio-hero-visual-caption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;color:#858585;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.5;letter-spacing:.1em}[data-surface=public] .portfolio-hero-lead{margin:0;color:#d3d3d3;font-size:var(--public-title-card);font-weight:400;line-height:1.65;letter-spacing:-.015em}[data-surface=public] .portfolio-hero-description{max-width:350px;margin:17px 0 0;color:#919191;font-size:var(--public-text-small);line-height:1.85}[data-surface=public] .portfolio-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:22px}[data-surface=public] .portfolio-hero-topics{display:flex;gap:clamp(22px,4.3vw,70px)}[data-surface=public] .portfolio-hero-topics>span{display:flex;align-items:baseline;gap:15px;color:#b0b0b0;font-size:var(--public-text-meta);line-height:1.6}[data-surface=public] .portfolio-hero-topics small{color:#858585;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}[data-surface=public] .portfolio-hero-scroll-link{display:inline-flex;align-items:center;flex-shrink:0;gap:22px;color:#c5c5c5;font-size:var(--public-text-meta);line-height:1.6;transition:color .35s ease}[data-surface=public] .portfolio-hero-scroll-icon{display:grid;place-items:center;width:33px;height:33px}[data-surface=public] .portfolio-hero-scroll-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1;transition:transform .6s cubic-bezier(.2,.65,.3,1)}[data-surface=public] .portfolio-hero-scroll-link:hover{color:#fff}[data-surface=public] .portfolio-hero-scroll-link:hover svg{transform:translateY(5px)}[data-surface=public] .portfolio-hero-scroll-link:focus-visible{outline:1px solid #dedede;outline-offset:7px;border-radius:1px;box-shadow:none}@media (max-width:1100px){[data-surface=public] .portfolio-hero-composition{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);-moz-column-gap:6%;column-gap:6%}[data-surface=public] .portfolio-hero-title{font-size:clamp(94px,12.3vw,145px)}[data-surface=public] .portfolio-hero-english{font-size:clamp(41px,5.4vw,61px)}}@media (max-width:899px){[data-surface=public] .portfolio-hero{min-height:0}[data-surface=public] .portfolio-hero-sticky{position:relative;top:auto}[data-surface=public] .portfolio-hero-inner{padding-block:27px 24px}[data-surface=public] .portfolio-hero-meta{font-size:8px;letter-spacing:.055em;gap:12px;padding-bottom:17px}[data-surface=public] .portfolio-hero-meta>span:last-child>span{margin-inline:7px}[data-surface=public] .portfolio-hero-composition{display:block;padding-block:45px 35px}[data-surface=public] .portfolio-hero-aside-scroll,[data-surface=public] .portfolio-hero-title-scroll,[data-surface=public] .portfolio-hero-visual-scroll{transform:none}[data-surface=public] .portfolio-hero-title{font-size:clamp(82px,20.5vw,144px);letter-spacing:-.07em;margin-bottom:23px}[data-surface=public] .portfolio-hero-english{font-size:clamp(44px,10.8vw,72px)}[data-surface=public] .portfolio-hero-note{margin-top:25px}[data-surface=public] .portfolio-hero-aside-scroll{position:relative;max-width:none;margin-top:39px;padding-right:28%}[data-surface=public] .portfolio-hero-visual{position:absolute;right:-3%;top:-7px;width:29%;margin:0;pointer-events:none}[data-surface=public] .portfolio-hero-visual svg{height:auto;min-height:65px}[data-surface=public] .portfolio-hero-visual-caption{display:none}[data-surface=public] .portfolio-hero-lead{line-height:1.65}[data-surface=public] .portfolio-hero-description{max-width:380px;margin-top:16px}[data-surface=public] .portfolio-hero-bottom{gap:20px;padding-top:18px}[data-surface=public] .portfolio-hero-topics{gap:18px}[data-surface=public] .portfolio-hero-topics>span{flex-direction:column;gap:5px}[data-surface=public] .portfolio-hero-topics small{font-size:8px}[data-surface=public] .portfolio-hero-scroll-link{gap:10px}[data-surface=public] .portfolio-hero-scroll-icon{width:24px}}@media (max-width:380px){[data-surface=public] .portfolio-hero-meta{font-size:7px}[data-surface=public] .portfolio-hero-title{font-size:21vw}[data-surface=public] .portfolio-hero-topics{gap:12px}[data-surface=public] .portfolio-hero-scroll-link{gap:5px}[data-surface=public] .portfolio-hero-aside-scroll{padding-right:18%}[data-surface=public] .portfolio-hero-visual{width:23%;opacity:.7}}@media (max-height:650px) and (min-width:900px){[data-surface=public] .portfolio-hero{min-height:0}[data-surface=public] .portfolio-hero-sticky{position:relative;top:auto}[data-surface=public] .portfolio-hero-composition{padding-block:35px}}[data-motion-disabled] .portfolio-hero{min-height:0}[data-motion-disabled] .portfolio-hero-sticky{position:relative;top:auto}[data-motion-disabled] .portfolio-hero-aside-scroll,[data-motion-disabled] .portfolio-hero-title-scroll,[data-motion-disabled] .portfolio-hero-visual-scroll{transform:none}[data-motion-disabled] .portfolio-hero-title{letter-spacing:-.07em}@media (prefers-reduced-motion:reduce){[data-surface=public] .portfolio-hero{min-height:0}[data-surface=public] .portfolio-hero-sticky{position:relative;top:auto}[data-surface=public] .portfolio-hero-aside-scroll,[data-surface=public] .portfolio-hero-scroll-link:hover svg,[data-surface=public] .portfolio-hero-title-scroll,[data-surface=public] .portfolio-hero-visual-scroll{transform:none}[data-surface=public] .portfolio-hero-title{letter-spacing:-.07em}}.portfolio-motion{--motion-ease:cubic-bezier(.16,1,.3,1);background:#000;color:#eee}.portfolio-motion [data-motion-opening],.portfolio-motion [data-motion-reveal]{transform-origin:0 100%}.portfolio-motion [data-motion-opening=line],.portfolio-motion [data-motion-reveal=line]{transform-origin:0 50%}.portfolio-motion [id]{scroll-margin-top:calc(var(--header-h, 76px) + 32px)}.portfolio-motion[data-motion-disabled]{--scene-progress:0}.portfolio-motion[data-motion-disabled] [data-motion-opening],.portfolio-motion[data-motion-disabled] [data-motion-reveal]{transform:none!important;clip-path:none!important}.tech-text{position:relative}.tech-text-block{display:block}.tech-text [data-tech-baseline]{display:inline-block;width:0;height:0;padding:0;margin:0;border:0;vertical-align:baseline}.tech-text-canvas{position:absolute;inset:-36px auto auto -36px;width:calc(100% + 72px);height:calc(100% + 72px);pointer-events:none;opacity:0;letter-spacing:0;word-spacing:normal}.tech-text[data-tech-ready] .tech-text-canvas{opacity:1}.tech-text[data-tech-ready] [data-tech-run]{opacity:0}