@import "https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--ink:#11100e;--muted:#77736d;--yellow:#fac63d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0}button,a{color:inherit}button{font:inherit}body{font-family:Sorts Mill Goudy,Georgia,serif}.portfolio-shell{grid-template-columns:280px 1fr;min-height:100svh;display:grid;position:relative;overflow-x:hidden}.side-nav{z-index:3;padding:58px 38px 110px 52px}.sun-mark{background:var(--yellow);cursor:pointer;border:0;border-radius:54% 44% 48% 55%;width:52px;height:52px;margin:0 0 3px;transition:transform .3s;transform:rotate(-16deg)}.sun-mark:hover{transform:rotate(10deg)scale(1.04)}.nav-group{margin:0 0 39px 62px}.nav-group h2{margin:0 0 24px;font-size:24px;font-weight:400;line-height:1}.nav-links{flex-direction:column;align-items:flex-start;display:flex}.nav-links button,.contact-link,footer button{cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:16px;line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.nav-links button:hover,.nav-links button.active,.contact-link:hover,.contact-link.active{color:var(--muted);text-decoration-color:currentColor}.contact-link{margin-left:62px;font-size:24px}.stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100svh;padding:80px 90px 145px 40px;display:flex;position:relative}.image-frame{place-items:center;width:min(58vw,720px);height:min(62svh,720px);display:grid}.image-frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:.45s both reveal;display:block}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.arrow{z-index:4;color:#b2afa9;cursor:pointer;background:0 0;border:0;width:50px;height:80px;margin-top:-40px;font:200 54px Georgia,serif;transition:color .2s;position:fixed;top:50%}.arrow:hover{color:var(--ink)}.arrow-left{left:8px}.arrow-right{right:7px}.counter{color:var(--muted);letter-spacing:.04em;font:13px Arial,sans-serif;position:fixed;bottom:25px;right:24px}.project-note{width:min(58vw,720px);margin-top:28px;font-size:16px;line-height:1.55}.project-note h1{margin:0 0 6px;font-size:18px;font-weight:400}.project-note .material{color:var(--muted);margin:0 0 12px}.project-note p{max-width:640px;margin:0}.empty-project{text-align:center;color:var(--muted)}.project-page{align-self:center;width:min(56vw,720px);padding:8px 0 120px}.project-header{text-align:center;margin:0 0 62px}.project-header h1{margin:0 0 8px;font-size:17px;font-weight:700}.project-header p{margin:0;font-size:15px;font-style:italic}.project-gallery{flex-direction:column;align-items:center;gap:62px;display:flex}.project-gallery img{object-fit:contain;width:auto;max-width:min(100%,540px);height:auto;max-height:76svh;display:block}.project-description{color:gray;letter-spacing:-.01em;max-width:670px;margin:78px auto 0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;line-height:1.75}.stage:has(.project-page){justify-content:flex-start;padding-top:52px}.contact-card{align-self:stretch;max-width:510px;margin:auto;font-size:23px;line-height:1.7}.contact-card p{margin:0}.contact-card a{text-underline-offset:4px;text-decoration-thickness:1px}footer{z-index:4;gap:24px;font-size:14px;display:flex;position:fixed;bottom:25px;right:48px}footer a{text-decoration:none}footer a:hover,footer button:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.portfolio-shell{display:block}.side-nav{padding:24px 22px 20px}.sun-mark{width:42px;height:42px;margin-bottom:22px}.nav-group{margin:0 0 22px}.nav-group h2{margin-bottom:8px;font-size:20px}.nav-links{flex-flow:wrap;gap:2px 15px}.nav-links button{line-height:1.45}.contact-link{margin:0;font-size:20px}.stage{justify-content:flex-start;min-height:auto;padding:24px 22px 110px}.image-frame{width:100%;height:min(60svh,570px)}.project-note{width:100%}.arrow{text-shadow:0 0 8px #fff;width:40px;height:60px;font-size:46px;position:absolute;top:min(30svh,285px)}.project-page{width:100%;padding-top:10px}.project-header{margin-bottom:36px}.project-gallery{gap:32px}.arrow-left{left:0}.arrow-right{right:0}.counter{align-self:flex-end;margin-top:10px;position:static}footer{background:#ffffffe6;padding:5px 0 5px 10px;bottom:18px;right:22px}.contact-card{margin:50px 0;font-size:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}