@charset "UTF-8";
:root{font-family:Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#171717;background:#f6ed61;--paper:#f6ed61;--ink:#171717;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #fa542b;outline-offset:-4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;background:#171717;color:white;padding:16px;z-index:20}.skip:focus{top:12px}
.header{position:sticky;top:0;z-index:5;min-height:88px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper)}.wordmark{display:flex;align-items:center;gap:17px;font-size:28px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap}.wordmark span{font-size:9px;letter-spacing:.5px;font-weight:600}.tabs{display:flex;gap:30px}.tabs button{border:0;background:transparent;padding:12px 0;font-size:15px;position:relative}.tabs button::after{content:"";position:absolute;bottom:7px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.tabs button:hover::after,.tabs button[aria-selected=true]::after{transform:scaleX(1)}.contact-link{font-size:12px;white-space:nowrap}.panel{min-height:65vh}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--paper)}.work-card{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:#161616;text-align:left;aspect-ratio:1.28}.work-image{height:100%;width:100%;overflow:hidden;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.work-card::after{content:"";position:absolute;inset:0;background:#171717;opacity:0;transition:opacity .25s}.work-card:hover::after,.work-card:focus-visible::after{opacity:.6}.work-card:hover img{transform:scale(1.035)}.work-meta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;z-index:2;color:white;opacity:0;transition:opacity .25s}.work-card:hover .work-meta,.work-card:focus-visible .work-meta{opacity:1}.work-meta h2{font-size:clamp(22px,2.5vw,42px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0 0 12px}.work-type{font-size:10px;letter-spacing:2px}.play-icon{position:absolute;right:19px;bottom:18px;width:29px;height:29px;display:grid;place-items:center;color:white;background:#17171766;border:1px solid #ffffffaa;border-radius:50%;font-size:8px;z-index:3}.work-index{display:none}.motion-grid .work-card:nth-child(1) .work-image img{object-position:46% 50%}.motion-grid .work-card:nth-child(4) .work-image img{object-fit:contain;background:#090c11}.motion-grid .work-card:nth-child(5) .work-image img{object-fit:contain;background:#fff}.gallery-end{display:flex;align-items:center;justify-content:center;flex-direction:column;aspect-ratio:1.28;padding:30px;text-align:center}.gallery-end p{margin:0;font-size:clamp(24px,3.4vw,52px);font-weight:700;line-height:1.13;letter-spacing:-2px}.gallery-end a{font-size:12px;margin-top:22px;text-decoration:underline;text-underline-offset:5px}.section-note{display:flex;justify-content:space-between;gap:15px;padding:23px 3%;margin:0;font-size:9px;letter-spacing:1px}.illustration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:white}.illustration-card{border:0;padding:0;background:#fff;position:relative;overflow:hidden;aspect-ratio:1.15}.illustration-card img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}.illustration-card:hover img{transform:scale(1.025)}.illustration-card span{position:absolute;inset:0;background:#17171799;color:white;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.illustration-card:hover span,.illustration-card:focus-visible span{opacity:1}.text-panel{max-width:1150px;margin:auto;padding:75px 6% 90px}.eyebrow{font-size:10px;letter-spacing:1.8px;margin:0 0 26px}.other-intro h2,.about h2{font-size:clamp(38px,5vw,68px);letter-spacing:-3px;line-height:1.25;font-weight:600;margin:0 0 30px}.other-intro>p:last-child{font-size:15px;line-height:1.8}.project-list{margin-top:70px}.project-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:25px 0;border-top:1px solid #17171755;gap:18px}.project-row:last-child{border-bottom:1px solid #17171755}.project-number{font-size:11px}.project-row h3{font-size:28px;font-weight:500;margin:0;letter-spacing:-.6px}.project-row p{font-size:12px;margin:10px 0 0}.project-state{font-size:12px}a.project-row:hover h3{text-decoration:underline;text-underline-offset:5px}.about-description{font-size:18px;line-height:1.9;margin:34px 0}.about-contact{margin-top:64px}.about-contact a{font-size:clamp(20px,3vw,34px);letter-spacing:-.7px}.footer{padding:55px 3% 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer>span{font-size:10px}.footer a:hover{text-decoration:underline;text-underline-offset:4px}
 dialog{border:0;background:#111;color:#fff;width:min(1200px,calc(100% - 32px));max-height:95dvh;padding:23px;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.viewer-top h2{font-size:23px;font-weight:500;margin:0}.viewer-top .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 8px;color:#ccc}.close{border:0;background:transparent;color:#fff;padding:8px;font-size:12px;display:flex;gap:20px;align-items:center}.close span{font-size:28px}#viewer-media{display:flex;justify-content:center}#viewer-media video{display:block;width:100%;max-height:73dvh;background:#080808}#viewer-media img{display:block;max-width:100%;max-height:73dvh;object-fit:contain;background:#fff}#viewer-description{font-size:13px;line-height:1.8}#viewer-description:empty{display:none}.modal-open{overflow:hidden}
@media(max-width:1000px){.wordmark span{display:none}.header{min-height:76px}.tabs{gap:22px}.motion-grid,.illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-end p{font-size:38px}.contact-link{display:none}.work-meta h2{font-size:30px}}@media(max-width:600px){.header{padding:15px 5% 12px;display:block}.wordmark{font-size:25px;justify-content:space-between}.wordmark span{display:block;font-size:8px}.tabs{justify-content:space-between;gap:12px;margin-top:10px}.tabs button{font-size:13px}.motion-grid{grid-template-columns:1fr}.work-card{aspect-ratio:1.45}.work-meta{inset:auto 0 0;opacity:1;align-items:flex-start;text-align:left;padding:32px 20px 17px;background:linear-gradient(transparent,#0009)}.work-meta h2{font-size:23px;margin:0 0 5px}.work-type{font-size:8px}.play-icon{right:20px;bottom:21px}.work-card::after{display:none}.gallery-end{aspect-ratio:auto;min-height:240px}.gallery-end p{font-size:36px}.section-note{font-size:8px;padding:20px 5%}.section-note span{letter-spacing:0}.illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.illustration-card{aspect-ratio:.85}.illustration-card span{font-size:13px}.text-panel{padding:50px 6% 65px}.other-intro h2,.about h2{font-size:42px;letter-spacing:-2px}.project-row{grid-template-columns:25px 1fr auto;gap:12px}.project-row h3{font-size:25px}.project-state{font-size:10px}.about-description{font-size:15px}.footer{padding:40px 5% 25px;flex-wrap:wrap;gap:25px 10px;font-size:10px}.footer>a:first-child{width:100%}dialog{padding:15px;width:calc(100% - 12px)}.viewer-top h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@font-face{font-family:PortfolioBody;src:url('fonts/Paperlogy-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PortfolioTitle;src:url('fonts/GmarketSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:PortfolioBody,sans-serif}.wordmark,.other-intro h2,.about h2,.project-row h3{font-family:PortfolioTitle,sans-serif;font-weight:700;letter-spacing:-.04em}.wordmark span{font-family:PortfolioBody,sans-serif;font-weight:400;letter-spacing:0}.other-intro h2,.about h2{font-size:42px}.work-meta h2{font-family:PortfolioTitle,sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,30px);line-height:1.4}.hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.hover-preview.is-playing{opacity:1}.work-card:hover::after{opacity:.13}.work-card:hover .work-meta{justify-content:flex-end;align-items:flex-start;text-align:left;background:linear-gradient(transparent 60%,#0008)}.work-meta{pointer-events:none}.illustration-grid{background:var(--paper);padding:65px 7% 95px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 7%;align-items:center;overflow:hidden}.illustration-card{aspect-ratio:auto;overflow:visible;background:transparent;transform:rotate(var(--tilt));filter:drop-shadow(2px 4px 2px #594d132b);transition:filter .2s;isolation:isolate}.illustration-card:nth-child(3n+2){margin-top:40px}.illustration-card:nth-child(3n){margin-top:-22px}.illustration-card:nth-child(7),.illustration-card:nth-child(8){grid-column:span 1}.illustration-card img{width:100%;height:auto;object-fit:contain;transition:none}.illustration-card:hover img{transform:none}.illustration-card span{display:none}.illustration-card:hover,.illustration-card:focus-visible{z-index:2;filter:drop-shadow(4px 9px 4px #594d1340)}.peel-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.peel-ready img{opacity:0}.illustration-card.is-stamp{width:100%}.illustration-card:nth-child(3){width:68%;justify-self:center}.illustration-card:nth-child(7){width:115%}#panel-illustration{background:var(--paper)}#viewer-media:has(img){background:var(--paper);padding:25px}#viewer-media img{background:transparent}.motion-grid .work-card:nth-child(4) .hover-preview,.motion-grid .work-card:nth-child(5) .hover-preview{object-fit:contain}
@media(max-width:900px){.illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 9%;padding:45px 8% 70px}.illustration-card:nth-child(7){width:100%}}@media(max-width:600px){.illustration-grid{gap:35px 9%;padding:35px 8% 55px}.illustration-card:nth-child(3n+2){margin-top:20px}.illustration-card:nth-child(3n){margin-top:0}.wordmark span{font-size:10px}.work-meta h2{font-size:20px}.other-intro h2,.about h2{font-size:32px}}

:root{--header-height:88px}html,body{height:100%;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);min-height:0}.page-scroll{position:fixed;inset:var(--header-height) 0 0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scroll-behavior:smooth;overscroll-behavior:contain}.modal-open .page-scroll{overflow-y:hidden}html{scroll-padding-top:0}
@supports not (scrollbar-gutter:stable){.page-scroll{overflow-y:scroll}}
@media(max-width:1000px){:root{--header-height:76px}}
@media(max-width:600px){:root{--header-height:112px}}
@media(prefers-reduced-motion:reduce){.page-scroll{scroll-behavior:auto}}