@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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-radius:20px;border:1px solid var(--bg-color)}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-main)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--background: #fafafa;--bg-color: #fafafa;--text-main: #111827;--text-secondary: #4b5563;--border-color: rgba(0, 0, 0, .06);--accent-color: #111827;--hover-bg: rgba(0, 0, 0, .04);--button-radius: 99px;--transition-speed: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;font-family:Atkinson Hyperlegible Next,sans-serif;display:flex;flex-direction:column;line-height:1.58;background:var(--background);background-attachment:fixed;color:var(--text-main);font-size:16px;-webkit-font-smoothing:antialiased}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1;padding:56px 20px 30px;position:relative;z-index:10;font-size:15.5px}.containerchild{width:100%;max-width:78ch;animation:fadeInUp .8s var(--transition-ease) forwards}@media(max-width:768px){.container{padding-top:24px}}.site-footer{width:100%;padding:0 20px 24px;position:relative;z-index:10;font-size:15.5px}.footer-inner{max-width:80ch;margin:0 auto;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.footer-inner a{color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:5px 13px;border-radius:99px;border:1px solid transparent;transition:all .2s var(--transition-ease);display:inline-flex;align-items:center;text-decoration:none}.footer-inner a:hover{color:var(--text-main);background-color:#00000008;border-color:var(--border-color)}.box{margin-top:24px;position:relative}.portfolio-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;margin:48px 0 64px;width:100%}.hero-text-side{display:flex;flex-direction:column;gap:16px}.hero-main-title{font-size:clamp(2.55rem,7vw,2.95rem);font-weight:800;line-height:1.05;color:var(--text-main);margin:0}.hero-desc{font-size:clamp(1.02rem,2vw,1.12rem);line-height:1.6;color:var(--text-secondary);opacity:.95;margin:0}.hero-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.custom-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:500;color:#fff!important;background-color:var(--accent-color, #111827);padding:7px 16px;border-radius:var(--button-radius, 99px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000014;transition:all .2s var(--transition-ease);text-decoration:none;cursor:pointer;min-height:34px;position:relative;box-sizing:border-box}.custom-button:hover{background-color:var(--text-secondary, #4b5563);border-color:var(--text-secondary, #4b5563);color:#fff!important}.custom-button svg{width:15px;height:15px;fill:currentColor}.hero-visual-side{display:flex;justify-content:flex-end;align-items:center}.hero-portrait{width:100%;max-width:230px;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;box-shadow:0 20px 40px #0000000d;border:1px solid var(--border-color);transition:transform var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease)}.hero-portrait:hover{box-shadow:0 30px 60px #00000014}@media(max-width:768px){.portfolio-hero{grid-template-columns:1fr;gap:20px;margin:16px 0 48px}.hero-text-side{align-items:center;text-align:center}.hero-main-title{font-size:2.05rem}.hero-desc{font-size:.98rem}.hero-contact{justify-content:center;width:100%;gap:clamp(4px,2vw,8px);flex-wrap:nowrap}.hero-contact .custom-button{flex:1 1 0;min-width:0;max-width:120px;padding-inline:clamp(8px,2.5vw,14px);gap:clamp(4px,1.5vw,6px);font-size:clamp(.74rem,3.1vw,.85rem);white-space:nowrap;box-sizing:border-box}.hero-contact .custom-button svg{width:clamp(13px,3.5vw,15px);height:clamp(13px,3.5vw,15px);flex-shrink:0}.hero-visual-side{order:-1;justify-content:center}.hero-portrait{max-width:118px;border-radius:50%;box-shadow:0 10px 20px #0000000d}}.more-projects-container{display:flex;justify-content:center;margin-top:28px;width:100%}.projects-section{margin-top:48px;scroll-margin-top:24px}.section-heading{margin-bottom:16px;position:relative}.section-heading h2{font-size:1.45rem;font-weight:700;color:var(--text-main);margin:0}h1{word-break:break-word;font-size:clamp(1.9rem,6vw,2.2rem);font-weight:700;margin:0;color:var(--accent-color);line-height:1.15}h2{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-main)}h3{font-size:.98rem;font-weight:500;margin:12px 0 0;color:var(--text-main)}.project h3{margin:2px 0 0}p{font-size:.96rem;font-weight:400;margin:12px 0 0;color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed) var(--transition-ease)}a:hover{color:var(--text-secondary)}.icon{width:16px;height:16px;fill:currentColor}.widthCalculated{width:calc(100vw - 40px)}.imgdetail p{font-size:12px;margin:10px 0 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}#imgcontainer{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:640px){#imgcontainer{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){#imgcontainer{grid-template-columns:repeat(4,1fr)}}.img img{width:100%;height:auto;display:block}.imgdetail{display:grid;grid-template-rows:1fr auto auto auto;text-align:center}.img{display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--hover-bg)}ul{list-style:none;padding:0;margin:0}ul li{position:relative;padding-left:1.5em;word-break:keep-all;white-space:normal;font-size:.95rem;color:var(--text-secondary);margin-top:8px}ul li:before{content:"— ";position:absolute;left:0}.tech-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tech-tag{background-color:#0000000d;padding:3px 9px;border-radius:99px;font-size:.82rem;line-height:1.35;color:var(--text-secondary)}button:focus-visible,a:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.flex-container{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;gap:8px}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}.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{display:flex;gap:20px;align-items:flex-start}.project-card-image{flex-shrink:0;width:220px;border-radius:5px;overflow:hidden;background:var(--hover-bg);box-shadow:0 4px 12px #00000008}.project-card-image img{width:100%;height:auto;display:block}.project-card-content{flex:1;min-width:0;width:100%}@media(max-width:768px){.project-card-row{flex-direction:column;gap:12px}.project-card-image{width:100%}}.viewer{width:100%;height:auto;max-height:340px;aspect-ratio:4 / 3;background:#00000008;border-radius:5px}.img-container{width:100%;background:#00000008;border-radius:5px;overflow:hidden}.img-container img{width:100%;max-width:460px;margin:auto;display:block;border-radius:5px}video{width:100%;max-width:460px;margin:auto;display:block;border-radius:5px}figure{margin:15px 0 0}figcaption{text-align:center;margin-top:8px;font-size:.9rem;color:var(--text-secondary)}