:root{--paper:#212121;--ink:#f5f5f5;--muted:#c0bfb9;--line:#414141;--orange:#ffe430;--purple:#353535;--accent:#ffe430;--side:126px;--ease:cubic-bezier(.16,1,.3,1)}
::selection{background:#ffe430;color:#212121}html{scrollbar-color:#686862 #212121}body{background:var(--paper);color:var(--ink)}a,button,summary{text-underline-offset:5px}a:focus-visible,button:focus-visible{outline-color:var(--accent)}h1,h2,h3{font-family:"Noto Serif SC",serif;font-weight:400;letter-spacing:-.025em}main{padding-left:42px;padding-right:70px}.sidebar{background:var(--paper);width:126px;padding:26px 16px}.brand{font-size:25px;letter-spacing:-.025em}.brand span{display:none}.sidebar nav a{background:#2b2b2b;color:#b6b4ae;width:66px;height:66px;border-radius:14px}.sidebar nav a.active,.sidebar nav a.active:hover{background:var(--accent);color:#212121}.sidebar nav a:hover{background:#393939;color:#f5f5f5}.sidebar nav a>span:last-child{background:#f5f5f5;color:#212121}.sidebar nav{gap:12px}.icon{width:32px;height:32px}.side-bottom button{font-size:11px;color:#bdbab2}.topline{min-height:84px;border:0;color:#c7c6bf;font-size:14px}.topline a{background:var(--accent);color:#212121;border-radius:0;padding:12px 20px}.intro{padding:22px 0 46px;text-align:left;min-height:780px}.hero-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero-identity h1{font-size:clamp(36px,3.7vw,58px);line-height:1.2;margin:0;max-width:16em}.hero-identity>p{font-size:16px;line-height:1.7;margin:0;color:#d3d1ca}.hero-stage{position:relative;height:535px;perspective:1400px;isolation:isolate;touch-action:pan-y}.hero-work{position:absolute;width:clamp(210px,21vw,300px);height:425px;top:49%;left:50%;transform:translate(-50%,-50%) rotate(var(--tilt));display:block;transition:transform .7s var(--ease);background:#2b2b2b;overflow:hidden;will-change:transform}.hero-work img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .7s var(--ease)}.work-left{left:28%;--tilt:-12deg;z-index:1}.work-center{left:50%;--tilt:3deg;z-index:3}.work-right{left:72%;--tilt:13deg;z-index:2}.hero-work span{position:absolute;bottom:14px;left:14px;padding:9px 13px;background:#212121;color:#f5f5f5;font-size:14px}.hero-work:hover,.hero-work:focus-visible{z-index:4;transform:translate(-50%,-53%) rotate(0deg)}.hero-work:hover img{transform:scale(1.035)}.hero-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:20px}.hero-bottom>p{font-size:18px;line-height:1.7;margin:0;color:#d3d1ca}.button,.dark,.orange{border-radius:0;background:var(--accent);color:#212121}.button{font-size:16px;padding:15px 22px}.results{background:#2b2b2b;border:0;padding:45px 32px;gap:32px}.results strong{font-size:clamp(36px,4.5vw,60px);font-weight:500;letter-spacing:-.025em}.results h2{font-family:inherit;font-size:18px;font-weight:400}.results p{color:#c6c3ba;font-size:14px}.section-title{padding-top:120px}.section-title h2,.about h2,.contact h2{font-size:clamp(36px,4.4vw,64px);font-weight:400;letter-spacing:-.025em;line-height:1.25}.section-title>p{font-size:16px;color:#c6c3ba}.file-card{background:var(--card);color:#f5f5f5;border-radius:12px;padding:40px}.file-card h3{font-size:clamp(30px,3.7vw,54px);line-height:1.3;font-weight:400;letter-spacing:-.025em}.file-description{font-size:17px;color:#f5f5f5;line-height:1.8;max-width:45em}.file-stats strong{font-size:52px;font-weight:400;letter-spacing:-.025em}.file-stats p{font-size:14px;color:#d4d1c7}.file-stats .responsibility{border:0}.file-media figure{border-radius:0}.file-link{background:var(--accent);color:#212121;border-radius:0}.deck-controls button,.archive-controls button{border:0;background:#333;color:#f5f5f5;border-radius:0;min-height:44px}.deck-controls button:hover,.archive-controls button:hover{background:var(--accent);color:#212121}.control-line{background:#8d8b81}.archive{border:0;padding:120px 0}.archive-heading{text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:25px}.archive-heading h2{font-size:clamp(42px,5vw,70px);margin:0;letter-spacing:-.025em;font-weight:400}.archive-heading p:last-child{font-size:16px;color:#c6c3ba;max-width:26em;margin:0}.filters{justify-content:flex-start;gap:8px;margin:38px 0 50px}.filters button{border:0;background:#333;color:#f5f5f5;padding:10px 18px}.filters button.active{background:var(--accent);color:#212121}.work-card{border:0;padding:0 24px}.work-card:first-child{padding-left:0}.work-picture{border:0;background:#333}.work-picture img{object-fit:cover}.work-card:nth-child(3n+2) .work-picture{transform:rotate(0)}.work-card h3{font-family:inherit;font-size:20px;font-weight:500;line-height:1.6;letter-spacing:0}.work-card .work-caption,.work-date,.archive-tip{color:#c6c3ba}.work-date{font-size:14px;letter-spacing:0}.about{border:0;padding:100px 0}.about h2{max-width:12em}.about-copy{font-size:24px;line-height:1.85;margin:36px 0 50px;color:#f5f5f5;max-width:40em}.career{margin:0 0 36px}.career div{border:0;background:#2b2b2b;padding:25px;margin:8px 0}.career span{color:#d1cec4}.contact{border:0;background:#ffe430;color:#212121;padding:64px 42px;margin:30px 0 0}.contact h2{font-size:clamp(36px,4.8vw,66px)}.contact>p{color:#36352e!important}.contact .button{background:#212121;color:#f5f5f5}.email{font-size:clamp(18px,2.7vw,38px)}.resume-slot{color:#3d3b2b}.contact-actions{gap:30px}footer{border:0;padding:35px 0 60px;color:#d3d1ca;font-size:14px}.welcome{background:var(--accent);color:#212121;border:0;box-shadow:none}.welcome-sign{border:0}.welcome-pin{display:none}dialog{background:#2b2b2b;color:#f5f5f5;border-radius:12px}dialog .close{background:#f5f5f5;color:#212121;border:0}.modal-meta{color:#d2cfc5}.work-account{font-size:16px;color:#d2cfc5}.modal-inner p{font-size:16px}.small{color:#c6c3ba}.intro-meta{display:none}
@media(max-width:1050px){:root{--side:104px}.sidebar{width:104px}main{padding-left:28px;padding-right:38px}.hero-identity{display:block}.hero-identity>p{margin-top:22px}.hero-stage{height:490px}.hero-work{width:235px;height:365px}.work-left{left:24%}.work-right{left:76%}.file-card{padding:28px}.file-card h3{font-size:36px}.file-description{font-size:16px}.file-stats strong{font-size:42px}.file-media figure{flex-basis:155px;height:23vh}.file-bottom{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:650px){:root{--side:0px}.sidebar{width:100%;height:66px;padding:0;background:#212121}.sidebar nav{gap:0}.sidebar nav a{width:auto;height:52px;padding:13px;background:transparent}.icon{width:28px;height:28px}.topline{margin-top:66px;min-height:70px;font-size:12px}.topline a{font-size:13px;padding:11px 16px}main{padding:0 20px}.intro{padding-top:22px;min-height:740px;overflow:hidden}.hero-identity h1{font-size:34px;line-height:1.3}.hero-identity>p{font-size:16px;margin-top:22px}.hero-stage{height:400px;perspective:none;min-width:0}.hero-work{width:170px;height:282px}.work-left{left:17%;--tilt:-13deg}.work-center{left:50%;--tilt:2deg}.work-right{left:83%;--tilt:13deg}.hero-work span{font-size:12px;padding:7px 9px;bottom:9px;left:9px}.hero-bottom{display:block;padding-top:0}.hero-bottom>p{font-size:17px;margin-bottom:24px}.results{padding:32px 24px;gap:24px}.results div:last-child{border:0;padding-top:10px}.results strong{font-size:44px}.results h2{font-size:16px}.results p{font-size:13px}.section-title{padding-top:75px}.section-title h2,.about h2,.contact h2{font-size:36px}.section-title>p{font-size:14px;line-height:1.7}.case-pin{top:82px}.file-card{padding:24px 20px}.file-card h3{font-size:28px;line-height:1.3}.file-description{font-size:14px;line-height:1.7;margin:16px 0}.file-bottom{gap:12px}.file-stats strong{font-size:34px}.file-stats p,.file-stats .responsibility{font-size:12px}.file-media figure{height:15vh;flex-basis:120px}.file-link{font-size:14px}.archive{padding:75px 0}.archive-heading{display:block}.archive-heading h2{font-size:40px}.archive-heading p:last-child{font-size:15px;margin-top:24px}.filters{margin:28px 0 38px}.filters button{font-size:14px;padding:9px 13px}.work-card{padding:0 18px;flex-basis:86%}.work-date{font-size:13px}.work-card h3{font-size:20px}.work-card .work-caption{font-size:14px}.about{padding:65px 0}.about-copy{font-size:19px;line-height:1.85}.career div{display:block;padding:24px}.career span{display:block;margin-top:12px;font-size:15px}.contact{padding:38px 24px;margin-top:0}.contact h2{font-size:34px}.contact>p{font-size:15px!important}.contact .email{font-size:18px;line-height:1.8;margin:28px 0}.contact-actions{gap:18px}.archive-tip{font-size:13px}.page-progress{right:7px}.page-progress .progress-dot{background:#212121;border-color:#706e64}.page-progress .progress-dot:after{background:#f5f5f5}footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-work,.hero-work img{transition:none;will-change:auto}.hero-work:hover{transform:translate(-50%,-50%) rotate(var(--tilt))}}