:root{--paper:#f4f6fa;--white:#fff;--ink:#202638;--muted:#667084;--line:#dce1eb;--blue:#3455d9;--mono:inherit}
body{font-family:'Manrope','Segoe UI',Arial,sans-serif}.shell{max-width:1600px;padding:0 56px}header{border-bottom:0;height:100px}.wordmark{font-weight:800}.wordmark>span{font-size:12px;letter-spacing:0}nav{font-size:13px;gap:30px}.hero{padding-top:22px}.hero-top{font-size:11px;letter-spacing:0}.hero-grid{padding:35px 0 50px}.hero h1{font-size:clamp(96px,11.4vw,168px);letter-spacing:-.075em;font-weight:700}.hero-bio .index-mark{display:none}.hero-bio h2{font-size:26px;line-height:1.3;margin-top:0}.hero-bio p{font-size:14px;line-height:1.8;color:var(--muted)}.underlined{font-size:13px}.hero-bottom{font-size:11px;padding:24px 0}.hero-bottom>span{font-size:10px}.hero-bottom>a{gap:20px}.work{margin-top:70px;scroll-margin-top:35px}.section-title{border-top:0;padding:0 0 30px;align-items:center;gap:25px}.section-title h2{font-size:34px;letter-spacing:-1px}.section-title>span{font-size:13px;letter-spacing:0}.section-title>button{font-size:11px;background:white;border:1px solid var(--line);border-radius:50px;padding:9px 13px;min-height:36px}.work-layout{grid-template-columns:290px minmax(0,1fr);gap:40px;align-items:start}.index{position:sticky;top:24px;min-width:0}.index-title{font-weight:700;font-size:15px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.index-title>span{font-weight:400;font-size:11px;color:var(--muted)}.index-controls{border:0}.search{border:1px solid var(--line);background:#fff;border-radius:8px;height:46px;padding:0 12px}.search input{font-size:12px}.search>span{color:var(--blue)}.filter{height:47px}.filter select{font-size:12px;max-width:240px;color:var(--ink)}.filter>span:last-child{font-size:11px}.project-list{display:flex;flex-direction:column;max-height:570px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;border:0;gap:3px;padding-right:7px;overscroll-behavior:contain}.project-tab{width:100%;display:flex;align-items:center;min-height:67px;flex:0 0 auto;border:0;border-radius:7px;padding:10px!important;gap:12px;background:transparent}.project-tab:hover{background:#e9edf6}.project-tab.selected{color:white;background:var(--blue);padding:10px}.tab-thumb{width:40px;height:40px;flex:0 0 40px;border-radius:5px;background:#e3e8f1;overflow:hidden;display:grid;place-items:center;color:#3c527c;font-weight:700}.tab-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.tab-copy{font-size:14px;font-weight:600;white-space:normal;letter-spacing:-.15px;min-width:0}.tab-copy small{display:block;font-size:10px;font-weight:400;line-height:1.35;color:var(--muted);margin-top:5px}.selected .tab-copy small{color:#dce4ff}.tab-indicator{font-size:19px;flex:0 0 auto}.index-note{font-size:11px;line-height:1.8}.project{scroll-margin-top:25px}.project-heading{min-height:62px;margin-bottom:20px;align-items:center}.project-category{font-size:11px;letter-spacing:0;color:var(--muted)}.project-heading h3{font-size:35px;font-weight:600;letter-spacing:-1.4px;margin-top:7px}.project-heading>span{font-size:11px;max-width:135px;white-space:normal;text-align:right;line-height:1.5}.media{height:auto;background:#e9edf5;border-radius:12px;overflow:hidden;border:1px solid #d7deeb;box-shadow:0 16px 36px -28px #31487650}.product-gallery{width:100%}.gallery-bar{height:42px;padding:0 17px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#69758b;min-width:0}.gallery-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-dots{display:flex;gap:5px;flex:0 0 auto}.window-dots i{width:6px;height:6px;border-radius:50%;background:#c7cfde}.gallery-position{margin-left:auto;white-space:nowrap;font-size:10px}.gallery-stage{display:block;position:relative;width:100%;aspect-ratio:16/10;border:0;background:#e9edf5;padding:0;overflow:hidden;cursor:zoom-in}.gallery-stage>img{width:100%;height:100%;object-fit:contain;display:block}.media-lofi .gallery-stage>img{object-fit:cover;object-position:top}.portrait-gallery .gallery-stage{background:#e6e9e5;aspect-ratio:16/10;padding:20px}.portrait-gallery .gallery-stage>img{object-fit:contain}.gallery-stage.is-portrait{background:#e7e9ee}.expand-hint{position:absolute;bottom:14px;right:14px;background:#ffffffed;border:1px solid #dce1eb;border-radius:5px;padding:8px 11px;font-size:11px;color:#303f5b;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;box-shadow:0 2px 8px #0001}.gallery-stage:hover .expand-hint,.gallery-stage:focus-visible .expand-hint{opacity:1;transform:none}.gallery-controls{padding:16px 0 0}.gallery-controls[hidden]{display:none}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:3px 2px 8px}.gallery-thumb{flex:0 0 128px;min-width:0;display:block;padding:0;border:1px solid var(--line);background:transparent;border-radius:6px;overflow:hidden;text-align:left;transition:border .2s,background .2s}.gallery-thumb img{width:100%;height:65px;display:block;object-fit:cover;object-position:top;opacity:.65;transition:opacity .2s}.gallery-thumb>span{display:block;padding:8px 9px;font-size:10px;line-height:1.3}.gallery-thumb.active{border-color:var(--blue);background:#e7ecfc}.gallery-thumb.active img,.gallery-thumb:hover img{opacity:1}.gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px}.gallery-caption{font-size:12px;color:var(--muted)}.gallery-nav{display:flex;gap:7px}.gallery-nav button,.zoom-nav button{width:37px;height:34px;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:17px}.gallery-nav button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.ownership,.ownership.company{font-size:11px;line-height:1.7;color:#6d7688;margin:14px 0 0;max-width:90ch}.ownership.company{padding:11px 14px;background:#e9edf7;border-left:2px solid var(--blue);border-radius:0 6px 6px 0}.project-info{gap:30px;margin-top:27px}.project-info p{font-size:14px;line-height:1.8;color:#3f495f}.project-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;letter-spacing:0}.project-stack>span{font-size:10px;padding:5px 8px;background:#e7ebf3;border-radius:4px}.project-links{min-width:180px}.project-links>a,.project-links>button{font-size:12px;padding:10px 0;border-color:var(--line)}.project-pagination{margin-top:25px;font-size:12px}.project-pagination button{border:1px solid var(--line);background:white;border-radius:5px}.contact{margin-top:100px;border-top:1px solid var(--line);padding:35px 0 60px}.contact>span{font-size:12px}.contact>a{font-size:clamp(24px,3.4vw,50px);letter-spacing:-1.5px}.contact>a>span{transition:transform .25s}.contact>a:hover>span{transform:translate(5px,-5px)}footer{font-size:11px;padding:25px 0 35px}.file-visual{min-height:420px;padding:35px}.file-caption,.file-foot{font-size:11px}.file-visual h4{font-size:32px}.file-description{font-size:14px;line-height:1.8}.source-tree{font-size:13px;color:#52627c;line-height:1.8;white-space:pre-wrap;word-break:break-word}dialog{border:0;border-radius:12px}dialog p{font-size:14px;color:var(--muted)}.dialog-label{font-size:12px}.detail-block h3{font-size:14px}.done{font-size:13px;background:var(--blue);color:white;border:0;border-radius:6px;padding:11px 24px}.image-dialog{max-width:95vw;padding:40px 25px 20px}.image-dialog img{max-height:75vh;max-width:88vw}.image-dialog p{font-size:12px;margin-top:16px}.zoom-nav{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;margin:12px 0 0}.zoom-nav[hidden]{display:none}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--blue);transform-origin:left;transform:scaleX(0);z-index:50;pointer-events:none}
.media-lofi .gallery-stage{aspect-ratio:64/33}.media-lofi .gallery-stage>img{position:absolute;top:-3.0303%;left:0;width:100%;height:auto;object-fit:initial}
.scroll-motion .reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .85s cubic-bezier(.2,.7,.15,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.7,.15,1) var(--reveal-delay,0ms)}.scroll-motion .reveal.is-visible{opacity:1;transform:none}.scroll-motion .index.reveal{transform:translate3d(-22px,0,0)}.scroll-motion .index.reveal.is-visible{transform:none}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero h1>span,.motion-paused .hero-bio{animation:none;opacity:1;transform:none;clip-path:none}
@media(min-width:1450px){.shell{padding:0 75px}.work-layout{grid-template-columns:305px minmax(0,1fr);gap:50px}.project-list{max-height:610px}}
@media(max-width:1100px){.shell{padding:0 32px}.work-layout{grid-template-columns:250px minmax(0,1fr);gap:25px}.hero-grid{grid-template-columns:1fr 270px;gap:30px}.hero-bio h2{font-size:23px}.hero-bio p{font-size:13px}.project-heading h3{font-size:29px}.project-heading>span{font-size:10px;max-width:110px}.gallery-stage{aspect-ratio:4/3}.project-info{display:block}.project-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}.project-links>a,.project-links>button{min-width:130px}.file-visual{padding:25px}}
@media(max-width:760px){.shell{padding:0 22px}header{height:80px}.wordmark>span{font-size:9px}nav{font-size:11px;gap:18px}.hero h1{font-size:24vw}.hero-grid{padding:35px 0}.hero-bio{padding-top:35px;column-gap:20px}.hero-bio h2{font-size:19px}.hero-bio p{font-size:12px}.hero-bio>a{font-size:12px}.hero-bottom{font-size:9px;padding:18px 0}.hero-bottom>span{font-size:8px}.work{margin-top:50px}.section-title{padding-bottom:25px}.section-title h2{font-size:28px}.section-title>button{font-size:10px;padding:8px 10px}.work-layout{display:flex;flex-direction:column;gap:30px}.index{position:relative;top:auto;width:100%}.index-title{font-size:14px;margin-bottom:14px}.index-title>span{font-size:11px}.index-controls{display:flex;flex-direction:column;gap:0}.search{height:44px}.search input{font-size:12px}.filter{height:42px}.filter select{max-width:85%;font-size:12px}.project-list{display:flex;flex-direction:column;max-height:290px;overflow-y:auto;overflow-x:hidden;margin:0;padding:0 6px 0 0;gap:3px;border:0;scroll-snap-type:none}.project-tab{display:flex;flex:0 0 auto;width:100%;min-height:63px;border-right:0;scroll-snap-align:none;padding:10px!important}.tab-copy{font-size:13px;white-space:normal}.tab-copy small{display:block;font-size:10px}.tab-indicator{display:block}.tab-thumb{width:37px;height:37px;flex-basis:37px}.index-note{display:block;margin:12px 0 0;font-size:10px}.index-note br{display:none}.project{width:100%}.project-heading{min-height:55px;gap:15px}.project-heading h3{font-size:29px;line-height:1.15}.project-category{font-size:10px}.project-heading>span{font-size:10px;max-width:100px}.media{height:auto;border-radius:8px}.gallery-bar{height:35px;padding:0 12px;font-size:10px;gap:10px}.gallery-position{font-size:9px}.gallery-stage{aspect-ratio:4/3}.portrait-gallery .gallery-stage,.gallery-stage.is-portrait{aspect-ratio:4/5}.gallery-stage.is-portrait img{object-fit:contain}.gallery-stage .expand-hint{opacity:1;transform:none;font-size:10px;padding:6px 9px;bottom:9px;right:9px}.gallery-thumb{flex-basis:110px}.gallery-thumb img{height:58px}.gallery-thumb>span{font-size:9px}.gallery-caption{font-size:11px}.ownership,.ownership.company{font-size:10px;line-height:1.8}.project-info{margin-top:22px}.project-info p{font-size:13px}.project-links{gap:13px;margin-top:20px}.project-links>a,.project-links>button{font-size:11px;min-width:120px}.project-stack>span{font-size:10px}.contact{margin-top:60px;padding:30px 0 40px}.contact>a{font-size:5.25vw;letter-spacing:-.6px}footer{font-size:9px;gap:12px}footer>div{gap:14px}.file-visual{min-height:360px;padding:22px}.file-visual h4{font-size:27px;margin-top:30px}.file-description{font-size:12px}.source-tree{font-size:11px}.file-foot{font-size:10px}.image-dialog{padding:40px 14px 18px}.image-dialog p{font-size:11px}.image-dialog img{max-width:85vw}dialog{padding:40px 25px}.scroll-motion .reveal{transform:translate3d(0,28px,0)}}
@media(prefers-reduced-motion:reduce){.scroll-motion .reveal{opacity:1;transform:none;transition:none}.hero h1>span,.hero-bio{animation:none}}