.af-islands,.af-page>[data-af-node]{display:contents}.af-page [data-af-node]{box-sizing:border-box;min-width:0}.af-page [data-af-node] img{max-width:100%}.interface-preview[data-v-c6123b1b]{color:#10131b;box-sizing:border-box;background:#f8f9fc;grid-template-rows:8px minmax(0,1fr) 8px;gap:4%;height:100%;padding:4% 6%;display:grid;overflow:hidden;container-type:size}.interface-preview i[data-v-c6123b1b]{z-index:auto;font-style:normal;transition:none;position:static;inset:auto;transform:none}.interface-preview-nav[data-v-c6123b1b]{align-items:center;gap:5%;height:100%;display:flex}.interface-preview-nav b[data-v-c6123b1b]{background:#24303e;border-radius:2px;width:24%;height:7px;margin-right:auto}.interface-preview-nav span[data-v-c6123b1b]{background:#c6ced9;border-radius:2px;width:12%;height:4px}.interface-preview-nav i[data-v-c6123b1b]{background:#d92c38;border-radius:3px;width:13%;height:7px}.interface-preview-body[data-v-c6123b1b]{grid-template-rows:minmax(0,1fr);grid-template-columns:1.05fr 1fr;gap:7%;min-height:0;display:grid}.interface-preview-copy[data-v-c6123b1b]{flex-direction:column;justify-content:center;gap:clamp(6px,3cqh,18px);min-width:0;min-height:0;display:flex}.interface-preview-title[data-v-c6123b1b]{letter-spacing:-.055em;white-space:nowrap;font:750 clamp(12px,min(7cqw,20cqh),48px)/1.02 Onest,sans-serif;display:block;position:relative}.interface-preview-title>span[data-v-c6123b1b]{color:#d92c38}.interface-preview-lines[data-v-c6123b1b]{flex:none;gap:4px;margin:0;display:grid}.interface-preview-lines i[data-v-c6123b1b]{background:#b9c4d3;border-radius:2px;width:94%;height:3px}.interface-preview-lines i+i[data-v-c6123b1b]{width:75%}.interface-preview-cta[data-v-c6123b1b]{color:#fff;white-space:nowrap;background:#d92c38;border-radius:3px;align-self:flex-start;padding:clamp(5px,2cqh,10px) clamp(8px,2cqw,20px);font:600 clamp(6px,2cqw,11px)/1 Onest,sans-serif;display:inline-block}.interface-preview-art[data-v-c6123b1b]{background:#f1dfe3;border-radius:2px;place-items:center;height:100%;min-height:0;padding:6%;display:grid;overflow:hidden}.interface-preview-art>svg[data-v-c6123b1b]{color:#d92c38;width:100%;height:100%;display:block}.interface-preview-projects[data-v-c6123b1b]{gap:5%;height:100%;display:flex}.interface-preview-projects i[data-v-c6123b1b]{background:#e2e6ee;border-radius:2px;width:30%;height:100%}.interface-preview-projects i[data-v-c6123b1b]:nth-child(2){background:#eacbd1}.interface-preview--wire .interface-preview-title[data-v-c6123b1b]{color:#0000;background:linear-gradient(#cbd2de 0 35%,#0000 0 58%,#cbd2de 0 93%,#0000 0);border-radius:2px}.interface-preview--wire .interface-preview-title>span[data-v-c6123b1b]{color:#0000}.interface-preview--wire .interface-preview-art[data-v-c6123b1b]{background:linear-gradient(45deg,#0000 49.5%,#c4ccd9 0 50.5%,#0000 0),linear-gradient(-45deg,#0000 49.5%,#c4ccd9 0 50.5%,#0000 0);border:1px solid #c4ccd9}.interface-preview--wire .interface-preview-art>svg[data-v-c6123b1b]{visibility:hidden}.interface-preview--wire .interface-preview-cta[data-v-c6123b1b]{color:#0000;background:0 0;border:1px solid #b2bdce}.interface-preview--wire .interface-preview-nav i[data-v-c6123b1b],.interface-preview--wire .interface-preview-projects i[data-v-c6123b1b]{background:#d8dee8}.interface-scene{--scene-red:#d92c38;isolation:isolate;color:#10131b;pointer-events:none;background:0 0;width:100%;font-family:Onest,sans-serif;position:relative}.interface-scene *{box-sizing:border-box}.scene-stage{width:100%;height:100%}.interface-scene--hero{height:100%;min-height:340px}.arrival-visual .interface-scene{position:absolute;inset:0}.scene-hero-layout{height:100%;min-height:340px;position:relative}.arrival-visual:has(.interface-scene):after{content:none}.interface-scene .scene-phase>i,.interface-scene .scene-window-bar>i{z-index:auto;transition:none;position:static;inset:auto;transform:none}.scene-window{background:#f8f9fc;border:1px solid #ffffffb3;border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -24px #1e30454d,0 4px 12px #1e30451a}.scene-window-bar{color:#bbc4d1;background:#242d3b;flex:none;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.scene-window-bar>i{background:#aeb9c8;border-radius:50%;flex:none;width:4px;height:4px}.scene-window-bar>span{margin-left:8px;font:10px/1 Onest,sans-serif}.scene-window-bar>b{background:var(--scene-red);border-radius:50%;width:5px;height:5px;margin-left:auto}.scene-phase{z-index:3;color:#657387;font:clamp(10px,.9vw,14px)/1.4 JetBrains Mono,monospace;position:absolute;top:4%;left:6%;right:6%}.scene-phase>span{position:absolute;top:0;left:0}.scene-phase-result{visibility:visible}.scene-phase-code{visibility:hidden}.scene-phase>i{background:var(--scene-red);float:right;border-radius:50%;width:5px;height:5px;margin-top:5px}.scene-code,.scene-result{width:88%;height:72%;position:absolute;top:14%;left:6%}.scene-code{z-index:1;opacity:0;visibility:hidden;background:#18212e;border-color:#b9c6d82e}.scene-code-body{gap:clamp(5px,.75vw,12px);padding:6%;display:grid}.scene-code-row{white-space:pre;gap:12px;font:clamp(9px,1.1vw,15px)/1.6 JetBrains Mono,monospace;display:flex}.scene-code-row>span{color:#59697e;text-align:right;min-width:10px}.scene-code-line{color:#c9d5e7;white-space:pre;overflow:hidden}.scene-code-accent{color:#f4959e}.scene-result{z-index:2;transform-origin:50%}.scene-result .interface-preview{height:calc(100% - 30px)}.interface-scene--process{--scene-height:clamp(340px,min(62svh,42vw),620px);height:var(--scene-height)}.interface-scene--process .scene-stage{position:absolute;inset:0}.scene-process-layout{place-items:center;height:100%;display:grid;position:relative}.scene-process-window{min-width:0;width:min(90%,calc((var(--scene-height) - 64px)*1.42));transform-origin:50%;opacity:0;visibility:hidden;grid-area:1/1;position:relative}.scene-process-window:nth-child(3){opacity:1;visibility:visible}.scene-process-label{color:#3e4b5f;gap:8px;margin-bottom:14px;font:600 clamp(11px,1vw,15px)/1.2 Onest,sans-serif;display:flex}.scene-process-window>.scene-window{aspect-ratio:1.42;border-radius:8px;flex-direction:column;display:flex}.scene-process-window .scene-window-bar{gap:4px;height:23px;padding:0 9px}.scene-process-window .interface-preview{flex:1;height:auto;min-height:0}.scene-timeline{background:#242d3b;flex-direction:column;flex:none;justify-content:center;gap:10px;height:24%;min-height:64px;padding:14px 8%;display:flex;position:relative}.scene-track{background:#4c5768;border-radius:2px;flex:none;height:3px;position:relative}.scene-track>span{background:#9295a7;border-radius:2px;width:80%;height:3px;position:absolute;top:0;left:0}.scene-keyframe{background:#ecbbc2;width:5px;height:5px;position:absolute;top:-1px;left:38%;transform:rotate(45deg)}.scene-keyframe:last-child{left:76%}.scene-track:nth-child(2) .scene-keyframe{left:28%}.scene-track:nth-child(2) .scene-keyframe:last-child{left:68%}.scene-playhead{width:1px;height:68%;top:16%;left:88%}.scene-playhead,.scene-playhead>i{background:var(--scene-red);position:absolute}.scene-playhead>i{border-radius:50%;width:5px;height:5px;top:-2px;left:-2px}@media (width<=767px){.interface-scene--hero,.scene-hero-layout{min-height:320px}.scene-code,.scene-result{width:92%;height:72%;top:14%;left:4%}.scene-code-row{gap:7px;font-size:9px}.scene-code-body{gap:5px}.scene-phase{font-size:10px;top:3%}.scene-window-bar{height:23px}.scene-result .interface-preview{height:calc(100% - 23px)}.interface-scene--process{--scene-height:clamp(320px,44svh,400px)}.scene-process-window{width:min(94%,calc((var(--scene-height) - 48px)*1.15))}.scene-process-label{margin-bottom:10px;font-size:11px}.scene-process-window>.scene-window{aspect-ratio:1.15}.scene-process-window .scene-window-bar{height:18px}.scene-timeline{gap:8px;min-height:56px;padding-block:10px}}.work-chips{z-index:2;pointer-events:none;flex-wrap:wrap;gap:7px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.work-chips>span{color:#f5f6fa;letter-spacing:.02em;text-transform:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111821db;border:1px solid #ffffff40;border-radius:24px;padding:8px 12px;font-size:11px;line-height:1.2}.card-image-wrap{position:relative;overflow:hidden}.card-image-wrap>img{width:100%;display:block}.replay-under-header{top:calc(var(--site-header-height,78px) + 8px);z-index:80;position:fixed;right:4.5%}.replay-under-header>button{color:#202a39;background:#e8ebf1ed;border:1px solid #9ea9b65c;border-radius:20px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}@media (width<=650px){.replay-under-header{top:76px;right:5%}.work-chips{bottom:12px;left:12px;right:12px}}.taste-home .home-works.home-works--direct .new-works{padding:60px var(--gutter);background:var(--paper)}.taste-home .home-works.home-works--direct .new-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.taste-home .home-works.home-works--direct .new-work-card:first-child{grid-column:1/-1}.taste-home .home-works.home-works--direct .new-work-card:first-child .new-work-image{aspect-ratio:2.5}.taste-home .home-works.home-works--direct .new-work-image{aspect-ratio:1.65}@media (width<=650px){.taste-home .home-works.home-works--direct .new-works{padding:40px var(--gutter)}.taste-home .home-works.home-works--direct .new-work-grid{grid-template-columns:1fr}.taste-home .home-works.home-works--direct .new-work-card:first-child .new-work-image{aspect-ratio:1.4}}.personal-project{min-width:0;color:inherit;text-decoration:none;display:block}.personal-cover{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.personal-copy{padding:24px 0 0}.personal-copy h3{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(27px,2.8vw,42px);font-weight:650;line-height:1.1}.personal-copy p{color:var(--muted);max-width:48ch;margin:0 0 20px;font-size:16px;line-height:1.65}.project-tag{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}
