@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-400-normal.BalHKn7d.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-ext-400-normal.qxMiU51n.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-next-latin-400-normal.FfmJh7DR.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-400-normal.DPp7N0cD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-500-normal.CUASR3PD.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-ext-500-normal.oZS3KxrF.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/atkinson-hyperlegible-next-latin-500-normal.gHP6TDRs.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-500-normal.B0CYqHl3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-600-normal.kZZEtAc7.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-ext-600-normal.BBAQIogt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/atkinson-hyperlegible-next-latin-600-normal.BBuhw47K.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-600-normal.BhgCag5w.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-700-normal.CBw-mJf_.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-ext-700-normal.292QVhS1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-next-latin-700-normal.Dpiyiu63.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-next-latin-700-normal.C2qZD_Q9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:var(--text-secondary) var(--bg-color)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border:1px solid var(--bg-color);border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-main)}:root{--background:#fafafa;--bg-color:#fafafa;--text-main:#111827;--text-secondary:#4b5563;--border-color:#0000000f;--accent-color:#111827;--hover-bg:#0000000a;--button-radius:99px;--transition-speed:.3s;--transition-ease:cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;min-height:100%}body{background:var(--background);min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;margin:0;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;line-height:1.58;display:flex}.container{z-index:10;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:56px 20px 30px;font-size:15.5px;display:flex;position:relative}.containerchild{width:100%;max-width:78ch}@media (width<=768px){.container{padding-top:24px}}.site-footer{z-index:10;width:100%;padding:0 20px 24px;font-size:15.5px;position:relative}.footer-inner{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:12px;max-width:80ch;margin:0 auto;padding-top:16px;display:flex}.footer-inner a{color:var(--text-secondary);transition:all .2s var(--transition-ease);border:1px solid #0000;border-radius:99px;align-items:center;padding:5px 13px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.footer-inner a:hover{color:var(--text-main);border-color:var(--border-color);background-color:#00000008}.box{margin-top:24px;position:relative}.portfolio-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:42px;width:100%;margin:48px 0 64px;display:grid}.hero-text-side{flex-direction:column;gap:16px;display:flex}.hero-main-title{color:var(--text-main);margin:0;font-size:clamp(2.55rem,7vw,2.95rem);font-weight:800;line-height:1.05}.hero-desc{color:var(--text-secondary);opacity:.95;margin:0;font-size:clamp(1.02rem,2vw,1.12rem);line-height:1.6}.hero-contact{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.custom-button{background-color:var(--accent-color,#111827);border-radius:var(--button-radius,99px);transition:all .2s var(--transition-ease);cursor:pointer;box-sizing:border-box;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:7px 16px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 4px 12px #00000014;color:#fff!important}.custom-button:hover{background-color:var(--text-secondary,#4b5563);border-color:var(--text-secondary,#4b5563);color:#fff!important}.custom-button svg{fill:currentColor;width:15px;height:15px}.hero-visual-side{justify-content:flex-end;align-items:center;display:flex}.hero-portrait{aspect-ratio:1;object-fit:cover;border:1px solid var(--border-color);width:100%;max-width:230px;transition:transform var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease);border-radius:50%;box-shadow:0 20px 40px #0000000d}.hero-portrait:hover{box-shadow:0 30px 60px #00000014}@media (width<=768px){.portfolio-hero{grid-template-columns:1fr;gap:20px;margin:16px 0 48px}.hero-text-side{text-align:center;align-items:center}.hero-main-title{font-size:2.05rem}.hero-desc{font-size:.98rem}.hero-contact{flex-wrap:nowrap;justify-content:center;gap:clamp(4px,2vw,8px);width:100%}.hero-contact .custom-button{white-space:nowrap;box-sizing:border-box;flex:1 1 0;gap:clamp(4px,1.5vw,6px);min-width:0;max-width:120px;padding-inline:clamp(8px,2.5vw,14px);font-size:clamp(.74rem,3.1vw,.85rem)}.hero-contact .custom-button svg{flex-shrink:0;width:clamp(13px,3.5vw,15px);height:clamp(13px,3.5vw,15px)}.hero-visual-side{order:-1;justify-content:center}.hero-portrait{border-radius:50%;max-width:118px;box-shadow:0 10px 20px #0000000d}}.more-projects-container{justify-content:center;width:100%;margin-top:28px;display:flex}.projects-section{margin-top:48px;scroll-margin-top:24px}.section-heading{margin-bottom:16px;position:relative}.section-heading h2{color:var(--text-main);margin:0;font-size:1.45rem;font-weight:700}h1{word-break:break-word;color:var(--accent-color);margin:0;font-size:clamp(1.9rem,6vw,2.2rem);font-weight:700;line-height:1.15}h2{color:var(--text-main);margin:0;font-size:1.2rem;font-weight:600}h3{color:var(--text-main);margin:12px 0 0;font-size:.98rem;font-weight:500}.project h3{margin:2px 0 0}p{color:var(--text-secondary);margin:12px 0 0;font-size:.96rem;font-weight:400}a{color:var(--accent-color);transition:color var(--transition-speed) var(--transition-ease);text-decoration:none}a:hover{color:var(--text-secondary)}.icon{fill:currentColor;width:16px;height:16px}.widthCalculated{width:calc(100vw - 40px)}.imgdetail p{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 0;font-size:12px;overflow-x:hidden}#imgcontainer{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width>=640px){#imgcontainer{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){#imgcontainer{grid-template-columns:repeat(4,1fr)}}.img img{width:100%;height:auto;display:block}.imgdetail{text-align:center;grid-template-rows:1fr auto auto auto;display:grid}.img{background-color:var(--hover-bg);justify-content:center;align-items:center;height:100%;display:flex}ul{margin:0;padding:0;list-style:none}ul li{word-break:keep-all;white-space:normal;color:var(--text-secondary);margin-top:8px;padding-left:1.5em;font-size:.95rem;position:relative}ul li:before{content:"— ";position:absolute;left:0}.tech-container{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tech-tag{color:var(--text-secondary);background-color:#0000000d;border-radius:99px;padding:3px 9px;font-size:.82rem;line-height:1.35}button:focus-visible,a:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.flex-container{flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.projects-grid{grid-template-columns:1fr;gap:24px;display:grid}.projects-grid .project{margin-top:0}.projects-grid .project:not(:last-child){border-bottom:5px solid var(--border-color);padding-bottom:24px}.project-card-row{align-items:flex-start;gap:20px;display:flex}.project-card-image{background:var(--hover-bg);border-radius:5px;flex-shrink:0;width:220px;overflow:hidden;box-shadow:0 0 1px #0000008f}.project-card-image img{width:100%;height:auto;display:block}.project-card-content{flex:1;width:100%;min-width:0}@media (width<=768px){.project-card-row{flex-direction:column;gap:12px}.project-card-image{width:100%}}.viewer{aspect-ratio:4/3;background:#00000008;border-radius:5px;width:100%;height:auto;max-height:340px}.img-container{background:#00000008;border-radius:5px;width:100%;overflow:hidden}.img-container img{border-radius:5px;width:100%;max-width:460px;height:auto;margin:auto;display:block}video{border-radius:5px;width:100%;max-width:460px;margin:auto;display:block}figure{margin:15px 0 0}figcaption{text-align:center;color:var(--text-secondary);margin-top:8px;font-size:.9rem}