@import url('fonts.css');
.es{display:inline}.en{display:none}html[lang="en"] .es{display:none}html[lang="en"] .en{display:inline}
:root{--paper:#f5f4ed;--ink:#242424;--hero:#171717;--white:#f4f2e9;--lime:#c8ff00;--gray:#8f8f89;--line:rgba(36,36,36,.16);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit}.container{width:min(var(--max),90vw);margin:auto}
.nav{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:22px 4vw;color:var(--ink);mix-blend-mode:normal}.nav.dark{color:var(--white)}.nav.profile-light{color:#777}.nav.profile-light .navlinks a:hover{color:var(--lime)}.navlinks{display:flex;gap:26px;align-items:center;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.navlinks a,.lang{position:relative;padding:5px 0;cursor:pointer}.navlinks a::after{display:none}.navlinks a:hover{color:var(--lime)}.lang{border:1px solid currentColor;border-radius:999px;padding:7px 11px;font-size:10px}
.hero-scroll{height:200vh;position:relative;background:var(--hero);}
.hero{height:100vh;min-height:100vh;position:fixed;inset:0;width:100%;overflow:hidden;background:#000;color:#aaa;display:block;z-index:2;will-change:transform;}
.hero-name-track{position:absolute;inset:0;overflow:hidden;}
.hero-name{position:absolute;left:0;top:57%;white-space:nowrap;font-family:Montserrat,Arial,sans-serif;font-size:70vh;line-height:.72;font-weight:900;letter-spacing:-.085em;color:#aaa;will-change:transform;user-select:none;}
.hero-copy{position:absolute;left:4vw;bottom:11vh;max-width:570px;font-size:clamp(11px,.95vw,14px);line-height:1.45;font-weight:200;color:var(--white);text-align:left;z-index:4}.hero-side{position:absolute;right:3.2vw;bottom:34px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(10px,1vw,13px);letter-spacing:.06em;font-weight:300;color:var(--white);z-index:4}
.section{padding:130px 0}
#work{padding-top:70px}.section-head{display:grid;grid-template-columns:190px 1fr;gap:40px;align-items:start;margin-bottom:70px}.profile-head{margin-bottom:95px}.profile-head .section-num{color:#777}.work-intro{margin-top:20px;margin-bottom:20px}.section-num{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:300;color:#777;writing-mode:vertical-rl;transform:rotate(180deg);height:max-content}.section-head h2{font-size:clamp(52px,7.6vw,120px);line-height:.86;letter-spacing:-.075em;margin:0;font-weight:900}.work-section-title{font-size:clamp(30px,3.2vw,52px)!important;line-height:1!important;letter-spacing:-.055em!important;white-space:nowrap}.intro{font-size:18px;line-height:1.5;max-width:780px;margin:28px 0 0;font-weight:300}.filters{display:flex;gap:34px;flex-wrap:wrap;margin:0 0 72px 190px;align-items:center}.filter{border:0;background:transparent;border-radius:0;padding:0;color:var(--ink);font:inherit;font-size:13px;font-weight:300;line-height:1.2;cursor:pointer;transition:color .25s,transform .25s}.filter:hover{color:var(--lime);transform:translateY(-1px)}.filter.active{background:transparent;color:var(--ink);font-weight:500}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:62px 28px;align-items:start}.card{cursor:pointer;outline:none}.thumb{position:relative;background:transparent;overflow:hidden;border-radius:2px}.thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .thumb img{transform:scale(1.015)}.tag{position:absolute;top:10px;right:10px;font-size:10px;font-weight:300;letter-spacing:.06em;line-height:1;color:var(--ink);background:rgba(245,244,237,.92);padding:7px 6px;writing-mode:vertical-rl;transform:rotate(180deg)}.card-body{padding:16px 2px 0;display:flex;justify-content:space-between;gap:12px}.card h3{margin:0;font-size:20px;letter-spacing:-.035em;font-weight:600}.card p{margin:5px 0 0;font-size:11px;color:#777;font-weight:300}.card:focus-visible .thumb{outline:2px solid var(--lime);outline-offset:4px}
.profile{background:var(--paper);min-height:100svh;padding:150px 0;display:flex;align-items:center}.profile-statement{margin-top:0; margin-bottom:20px}.profile>.container{width:min(var(--max),90vw)}.profile-statement{font-size:clamp(64px,8.35vw,120px);line-height:1.08;letter-spacing:-.07em;font-weight:400;max-width:1320px;color:#9a9a93;margin:0}.profile-statement .word{display:inline;color:#9a9a93;transition:color .15s linear}.profile-statement .word.is-black{color:var(--ink)}.blink-dot{display:inline-block;color:var(--ink);animation:blink 1.1s steps(1,end) infinite;cursor:pointer;position:relative;overflow:visible}.blink-dot .tooltip{position:fixed;left:0;top:0;z-index:9999;display:block;opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);font-family:inherit!important;font-size:10px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;padding:6px 8px;border-radius:3px;white-space:nowrap;font-weight:400!important;transform:none!important;transition:opacity .16s ease}.blink-dot:hover .tooltip{opacity:1}@keyframes blink{0%,45%{opacity:1}46%,100%{opacity:.2}}
.cv{background:var(--paper);padding:80px 0 130px}.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.cv-block{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.cv-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:13px;font-weight:500}.cv-block h3{font-size:26px;margin:0 0 8px;letter-spacing:-.035em;font-weight:800}.cv-block p{font-size:15px;line-height:1.55;margin:0;font-weight:300}.skills{display:flex;gap:8px;flex-wrap:wrap}.skill{border:1px solid #aaa;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:300}
.contact{background:var(--hero);color:var(--white);min-height:88svh;padding:120px 0 110px;overflow:hidden}.contact h2{font-size:clamp(82px,14vw,205px);line-height:.78;letter-spacing:-.09em;font-weight:900;margin:0;will-change:transform}.contact-list{margin-top:70px;display:flex;justify-content:flex-end;align-items:flex-start;gap:18px 40px;font-size:13px;font-weight:300;flex-wrap:wrap}.contact-list a:hover{text-decoration:none;color:var(--lime)}.contact-label{color:#aaa!important}
footer{background:#000;color:#fff;padding:18px 4vw;display:flex;justify-content:space-between;font-size:11px;font-weight:300;letter-spacing:.02em}
.case-hero{background:var(--paper);min-height:72svh;padding:150px 5vw 70px;display:flex;flex-direction:column;justify-content:flex-end}.case-hero h1{font-size:clamp(70px,12vw,175px);line-height:.8;letter-spacing:-.085em;margin:0;font-weight:900}.case-info{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:45px;padding-top:20px;border-top:1px solid var(--line)}.case-info p{font-size:20px;line-height:1.45;margin:0;font-weight:300}.case-external{display:inline-block;margin-top:18px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.case-cover{height:75vh;min-height:500px;background:#ddd;overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:contain;background:#e8e7df}.case-section{padding:110px 10vw;display:grid;grid-template-columns:1fr 2fr;gap:50px}.case-section h2{font-size:clamp(42px,5vw,78px);line-height:.9;letter-spacing:-.06em;margin:0;font-weight:900}.case-section p{font-size:20px;line-height:1.5;font-weight:300}.system{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink)}.system-card{background:var(--paper);padding:35px;min-height:230px}.swatch{height:100px;margin-bottom:25px}.type-sample{font-size:55px;line-height:.9;letter-spacing:-.05em}.back{position:fixed;right:4vw;top:22px;z-index:40;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.case-next{background:var(--lime);padding:100px 5vw;display:flex;justify-content:space-between;align-items:flex-end}.case-next h2{font-size:clamp(70px,11vw,150px);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:900}.case-next a{font-size:16px;border-bottom:1px solid var(--ink);padding-bottom:8px}
@media(max-width:800px){.work-section-title{font-size:clamp(25px,7vw,40px)!important;white-space:nowrap}.profile{padding:115px 0}.profile-head{margin-bottom:55px}.container{width:88vw}.nav{padding:18px 6vw}.navlinks{gap:15px;font-size:9px}.hero-name{font-size:70vh;top:59%}.hero-copy{left:6vw;right:6vw;max-width:none;bottom:28px;font-size:12px}.hero-side{right:4vw;bottom:28px;font-size:9px}.section{padding:90px 0}.section-head{grid-template-columns:36px 1fr;gap:20px;margin-bottom:45px}.section-num{font-size:9px}.section-head h2{font-size:clamp(48px,12vw,78px)}.intro{font-size:15px}.filters{margin-left:56px;gap:24px;margin-bottom:58px;font-size:11px}.projects{grid-template-columns:1fr;gap:45px}.profile-statement{font-size:clamp(45px,12vw,78px)}.cv-grid{grid-template-columns:1fr;gap:0}.contact{padding:100px 6vw}.contact h2{font-size:clamp(85px,21vw,150px)}.contact-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.case-hero{padding:120px 6vw 55px}.case-hero h1{font-size:clamp(65px,16vw,130px)}.case-info,.case-section{grid-template-columns:1fr;gap:25px}.case-section{padding:75px 6vw}.case-cover{height:55vh;min-height:360px}.system{grid-template-columns:1fr}.case-next{display:block;padding:75px 6vw}.case-next a{display:inline-block;margin-top:40px}footer{padding:16px 6vw;display:block}footer span{display:block;margin:5px 0}}
@media (max-width: 800px){
  .hero-center{height:100svh;align-items:center;padding:0;overflow:hidden}
  .hero-svg{width:min(1280px,125vw);max-width:none;height:auto;aspect-ratio:16/9;flex:0 0 auto}
  .hero-copy{max-width:calc(100vw - 48px);right:48px;line-height:1.35;bottom:24px}
  .hero-side{right:12px;bottom:24px;font-size:8px}
}
@media (max-width: 480px){
  .hero-svg{width:125vw}
  .hero-copy{font-size:11px;bottom:22px}
  .hero-side{font-size:7px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}





@media(max-width:800px){#work{padding-top:60px !important;}}