@font-face{font-family:Newake;src:url(/fonts/Newake.woff2)format("woff2");font-weight:400;font-display:swap}:root{--title-size:clamp(48px, 6.5vw, 108px);--font-body:"Satoshi", system-ui, sans-serif;--font-heading:"Newake", "Satoshi", sans-serif}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;font-family:var(--font-body);color:#fff;-webkit-font-smoothing:antialiased;background:#000}.frame{background:#121212;border-radius:22px;position:fixed;inset:6px}@media (min-width:1024px){.frame{inset:8px}}a{color:inherit;text-decoration:none}p,h1,ul{margin:0}button{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{padding:clamp(20px,2.6vw,36px);position:absolute;inset:0}.frame.is-busy .page{pointer-events:none;overflow:hidden!important}.home{grid-template:"intro."".index"1fr"contact copy"/1fr 1fr;display:grid}.top-bar{align-items:center;display:flex;position:absolute;top:clamp(20px,2.6vw,36px);right:clamp(20px,2.6vw,36px)}.profile-link{cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:500;transition:color .2s}.frame.is-intro{inset:calc(50% - 70px) calc(50% - 100px);overflow:hidden}.frame.is-intro [data-reveal]{visibility:hidden}.frame.is-intro .line-inner{transform:translateY(110%)}.intro-loader{z-index:2;font-family:var(--font-heading);font-variant-numeric:tabular-nums;align-items:flex-end;font-size:64px;line-height:.8;display:flex;position:fixed;bottom:clamp(26px,3vw,44px);left:clamp(26px,3vw,44px)}.intro-pct{font-family:var(--font-body);margin-left:.04em;font-size:.8em;font-weight:900}.blob-cursor{z-index:100;pointer-events:none;mix-blend-mode:difference;width:100vw;height:100vh;position:fixed;inset:0}.intro{grid-area:intro}.intro-name{padding-left:calc(var(--title-size) * .025);letter-spacing:-.01em;color:#fff;font-size:clamp(16px,1.2vw,18px);font-weight:700;line-height:1.2}.intro-title{font-family:var(--font-heading);font-weight:400;font-size:var(--title-size);letter-spacing:.02em;text-transform:uppercase;margin-top:.18em;padding-top:.06em;line-height:.9}.line{margin-top:-.06em;padding-top:.06em;display:block;overflow:hidden}.line-inner{display:block}.intro-sub{color:#ffffffd9;max-width:34ch;margin-top:clamp(10px,1vw,14px);font-size:clamp(15px,1.1vw,17px);font-weight:500;line-height:1.55}.index{position:absolute;top:50%;right:clamp(20px,2.6vw,36px);transform:translateY(-50%)}.index-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;align-items:center;gap:14px;margin-bottom:14px;font-size:12px;font-weight:500;display:flex}.index-label:after{content:"";background:#ffffff59;flex:1;min-width:80px;height:1px}.index-list{padding:0;list-style:none}.index-item{cursor:pointer;text-align:left;letter-spacing:-.04em;white-space:nowrap;color:#ffffff6b;background:0 0;border:0;padding:2px .9em 2px 0;font-size:clamp(26px,2.5vw,38px);font-weight:500;line-height:1.2;transition:color .25s;display:block;position:relative}.index-text{transition:transform .5s cubic-bezier(.22,1,.36,1);display:inline-block}.index-arrow{opacity:0;width:.66em;height:.66em;transition:opacity .3s,transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translate(-.5em,-50%)}.index-arrow path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s cubic-bezier(.65,0,.35,1) 50ms}.index-item:hover,.index-item:focus-visible{color:#fff;outline:none}.index-item:hover .index-text,.index-item:focus-visible .index-text{transform:translate(.9em)}.index-item:hover .index-arrow,.index-item:focus-visible .index-arrow{opacity:1;transform:translateY(-50%)}.index-item:hover .index-arrow path,.index-item:focus-visible .index-arrow path{stroke-dashoffset:0}.preview{aspect-ratio:1920/1080;pointer-events:none;width:clamp(320px,36vw,600px);position:absolute;top:50%;left:50%;translate:-50% -50%}.preview-panel{clip-path:inset(100% 0% 0%);position:absolute;inset:0;overflow:hidden}.preview-slot{background:#262626;width:100%;height:100%}.preview-slot.media-slot{font-size:14px}.contact{grid-area:contact;align-self:end;font-size:15px}.meta-label{color:#ffffff73;margin-bottom:6px}.copy-email{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.copy-swap{vertical-align:top;display:inline-grid;overflow:hidden}.copy-swap>span{grid-area:1/1}.copy-done{transform:translateY(110%)}.hover-line{display:inline-block;position:relative}.hover-line:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .45s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.hover-line:hover:after,.hover-line:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hover-line:focus-visible{outline:none}.copyright{grid-area:copy;place-self:end;font-size:15px}.project{flex-direction:column;display:flex;overflow:hidden}.site-top{align-items:center;gap:clamp(20px,3vw,48px);display:flex}.site-top .profile-link{margin-left:auto}.profile-link.is-active:after{transform:scaleX(1)}.site-name{letter-spacing:-.01em;font-size:clamp(16px,1.2vw,18px);font-weight:700}.back-link{align-items:center;gap:8px;font-size:18px;font-weight:500;display:inline-flex}.back-link svg{width:.9em;height:.9em;transition:transform .4s cubic-bezier(.22,1,.36,1)}.back-link path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.back-link:hover svg{transform:translate(-4px)}.project-title{font-family:var(--font-heading);letter-spacing:.02em;text-align:center;text-transform:uppercase;white-space:nowrap;margin:auto 0 0;padding-top:clamp(24px,3vw,48px);font-size:clamp(48px,8.2vw,160px);font-weight:400;line-height:.9}.project-media{flex:0 23.3vw;min-height:0;margin:clamp(24px,2.2vw,40px) calc(-1*clamp(20px,2.6vw,36px)) 0;position:relative}.carousel{cursor:grab;touch-action:pan-y;column-gap:1.4vw;height:100%;position:relative;overflow:hidden}.carousel.is-dragging{cursor:grabbing}.carousel-item{width:40.5vw;height:100%;margin:0;position:absolute;top:0;left:0}.carousel-tilt{will-change:transform;background:#262626;width:100%;height:100%;overflow:hidden}.media-slot{color:#ffffff59;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.project-info{grid-template-columns:minmax(0,1.6fr) minmax(0,2fr) auto;align-items:end;gap:32px;margin-top:auto;padding-top:clamp(24px,3vw,56px);display:grid}.project-desc{max-width:30ch;font-size:clamp(16px,1.15vw,19px);font-weight:500;line-height:1.45}.project-meta{grid-template-columns:.7fr 1.3fr 1fr;gap:24px;margin:0;font-size:16px;font-weight:500;display:grid}.project-meta dt{color:#ffffff73;margin-bottom:6px}.project-meta dd{margin:0}.next-project{text-align:right;align-items:flex-end;gap:18px;font-size:16px;font-weight:500;display:flex}.next-text{flex-direction:column;align-items:flex-end;display:flex}.next-project:hover .next-title:after,.next-project:focus-visible .next-title:after{transform-origin:0;transform:scaleX(1)}.next-project:focus-visible{outline:none}.next-thumb{aspect-ratio:3/2;background:#262626;border-radius:4px;width:clamp(96px,7vw,136px);display:block;overflow:hidden}.about{flex-direction:column;display:flex;overflow:hidden}.about-body{flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(32px,4vw,72px);min-height:0;padding:clamp(24px,3vw,48px) 0;display:flex}.about-title{font-family:var(--font-heading);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(72px,10vw,200px);font-weight:400;line-height:.85}.about-content{grid-template-columns:minmax(0,40ch) auto;align-items:start;column-gap:clamp(48px,7vw,140px);display:grid}.about-text{font-size:clamp(17px,1.3vw,22px);font-weight:500;line-height:1.4}.about-text p+p{margin-top:1.2em}.about-info{grid-template-columns:repeat(2,auto);gap:clamp(28px,3vw,48px) clamp(40px,4vw,72px);margin:0;font-size:16px;font-weight:500;line-height:1.6;display:grid}.about-info dt{color:#ffffff73;margin-bottom:6px}.about-info dd{margin:0}.about-foot .contact{display:none}.about-copy{font-size:15px;position:absolute;bottom:clamp(20px,2.6vw,36px);right:clamp(20px,2.6vw,36px)}@media (max-width:767px){.project{display:block;overflow-y:auto}.project-title{white-space:normal;font-size:clamp(44px,14vw,80px)}.project-media{height:48vw;margin:28px calc(-1*clamp(20px,2.6vw,36px)) 0}.carousel{column-gap:12px}.carousel-item{width:82vw}.about{display:block;overflow-y:auto}.about-body{gap:40px;padding:24px 0 48px}.about-title{font-size:26vw}.about-content{grid-template-columns:1fr;row-gap:40px}.about-info{grid-template-columns:1fr;gap:28px}.about-info .about-contact{display:none}.about-foot{justify-content:space-between;align-items:flex-end;font-size:15px;display:flex}.about-copy{position:static}.about-foot .contact{display:block}.project-info{grid-template-columns:1fr;gap:28px;padding-top:32px}.project-meta{grid-template-columns:repeat(3,auto);justify-content:start;gap:32px}.next-project{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:16px}.next-text{align-items:center}.next-thumb{width:60vw}.site-top{grid-template-columns:1fr auto;grid-template-areas:"name about""home home";row-gap:32px;display:grid}.site-name{grid-area:name}.site-top .profile-link{grid-area:about}.back-link{grid-area:home;justify-self:start}.project-title{margin-top:24px}.home{grid-template:"intro intro""preview preview"1fr"index index""contact copy"/1fr auto;row-gap:32px;overflow-y:auto}.intro-title{margin-top:.45em}.preview{grid-area:preview;align-self:center;width:100%;position:relative;top:auto;left:auto;translate:none}.index{grid-area:index;position:static;transform:none}}