@font-face{font-family:'Hanken Grotesk';src:url('assets/hanken.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'Archivo';src:url('assets/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f5f4ee;--ink:#153e35;--muted:#65736a;--line:#d8dcd3;--orange:#cb552e;--sans:'Hanken Grotesk',Arial,sans-serif;--display:'Archivo',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#d6e4b7}.wrap{width:min(1200px,calc(100% - 112px));margin:auto}header{height:100px;width:min(1320px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 38px var(--display);letter-spacing:-4px}.wordmark span{font-size:23px;vertical-align:top;display:inline-block;margin:2px 0 0 8px;color:var(--orange)}nav,.header-actions{display:flex;align-items:center;gap:36px}nav a{font-size:14px}nav a:hover,.text-link:hover,.contact-links a:hover{color:var(--orange)}.header-actions{gap:24px}#lang{background:none;border:0;cursor:pointer;font-size:13px;padding:10px}.contact-link{font-size:14px;border:1px solid var(--ink);border-radius:30px;padding:10px 20px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.hero{padding-top:54px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;display:flex;align-items:center;gap:10px;margin:0 0 24px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}.hello{font-size:19px;margin:20px 0 13px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:600}h1{font-size:clamp(42px,5.15vw,74px);letter-spacing:-3.7px;line-height:1.13;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-copy{font-size:16px;max-width:470px;color:var(--muted);line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:24px;align-items:center;background:var(--ink);color:white;border-radius:3px;padding:16px 24px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#245a4d;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:18px;align-items:center}.identity{background:var(--ink);color:var(--paper);position:relative;border-radius:4px;transform:rotate(3deg);box-shadow:12px 14px 0 #e5e7dc;margin:15px 10px 15px 0}.identity-top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;font-size:10px;letter-spacing:2px}.mini-cross{font-size:28px;color:#d5e0a9}.identity-art{display:flex;align-items:center;justify-content:center;height:210px}.bracket{font-family:Georgia,serif;font-size:150px;line-height:1;font-weight:400;color:#709082}.art-star{font-size:150px;line-height:1;color:#d8e3aa;margin:0 10px;animation:rotateIn 1.5s ease-out}.identity-bottom{display:flex;align-items:center;justify-content:space-between;margin:18px 28px 24px;font:500 31px/1.07 var(--display);letter-spacing:-1px}.identity-role{display:block;letter-spacing:0;font:12px var(--sans);color:#bac9bd;margin-top:14px}.round-arrow{border:1px solid #789084;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:24px}.identity-caption{border-top:1px solid #456358;padding:17px 28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:66px;padding:20px 0;font-size:11px;color:var(--muted)}.hero-foot a{font-size:9px;letter-spacing:1.5px}.stack-strip{border-block:1px solid var(--line);background:#eeeee5}.stack-strip .wrap{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px}.stack-strip span{font-size:14px;font-weight:500}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px}.section-head .eyebrow{margin-bottom:16px}h2{font-size:44px;line-height:1.2;letter-spacing:-2px;margin-bottom:0}.section-head>p{font-size:13px;color:var(--muted);margin-bottom:5px}.featured{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.office-art{padding:28px 30px;background:#e5e8dc;display:flex;flex-direction:column;justify-content:space-between;min-height:395px}.art-toolbar{display:flex;justify-content:space-between;align-items:center}.office-brand{font-size:25px;font-weight:700}.office-brand b{font-size:11px;font-weight:600;vertical-align:middle;margin-left:5px}.office-heading{font:600 35px/1.15 var(--display);letter-spacing:-1.4px;margin:25px 0}.file-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.file-grid>div{display:flex;flex-direction:column;align-items:center;background:#f9faf4;border:1px solid #d5ddce;border-radius:5px;padding:17px 4px 12px;box-shadow:0 4px 6px #153e3505}.file-icon{font:600 23px var(--display);padding:6px 13px;border-radius:5px;margin-bottom:10px}.blue{color:#4972a2;background:#e0e9f2}.green{color:#35735e;background:#dce9db}.orange{color:#a86832;background:#f2e6d9}.red{color:#9e5256;background:#efdfe0}.file-grid span{font-size:11px;font-weight:600}.file-grid small{font-size:9px;color:var(--muted)}.art-caption{font-size:8px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-top:22px}.featured-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start}.project-meta{display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1.5px}.featured h3{font-size:33px;letter-spacing:-1.2px;width:100%;display:flex;justify-content:space-between;margin:34px 0 18px}.featured h3>span{font-size:23px}.featured p,.project-card p{color:var(--muted);font-size:14px;line-height:1.8}.featured .project-detail{font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 25px}.tags span{font-size:9px;border:1px solid #ccd4ca;padding:4px 9px;border-radius:3px}.featured-copy>.text-link{margin-top:auto}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.project-card{border:1px solid var(--line);border-radius:4px;padding:25px}.abstract{height:200px;margin:22px 0 27px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.finora{background:#e9dfcf;gap:12px;align-items:flex-end;padding:38px}.finora>span{align-self:center;font:55px Georgia;margin-right:36px;color:#95764b}.finora i{display:block;width:23px;background:#b29468;border-radius:3px 3px 0 0;height:30px}.finora i:nth-of-type(2){height:48px}.finora i:nth-of-type(3){height:63px}.finora i:nth-of-type(4){height:85px}.finora i:nth-of-type(5){height:118px;background:#153e35}.graft{background:#dce6e0}.graft>span{font:75px var(--display);z-index:1;width:93px;height:93px;background:#153e35;color:#e1ebdf;border-radius:22px;display:grid;place-items:center;line-height:1}.orbit{position:absolute;border:1px solid #aac1b6;border-radius:50%;width:160px;height:160px}.o2{width:240px;height:240px}.o3{width:320px;height:320px}.project-card .eyebrow{font-size:8px;margin-bottom:8px}.project-card h3{font-size:25px;margin-bottom:12px;letter-spacing:-.8px}.project-card .tags{margin-bottom:0}.other-products{padding:35px 0;border-bottom:1px solid var(--line)}.other-products>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.other-products>div>span{font-size:14px;font-weight:550}.other-products small{font-size:11px;color:var(--muted);display:block;font-weight:400;margin-top:4px}.client-projects{margin-top:45px}.client-projects>h3{font-size:22px;margin-bottom:20px}.client-projects>a{display:grid;grid-template-columns:1fr 1.6fr 20px;gap:20px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.client-projects b{font-size:14px;font-weight:550}.client-projects a>span{font-size:12px;color:var(--muted)}.client-projects a:hover b{color:var(--orange)}.experience-section{background:#eaece3}.timeline{margin-top:50px}.timeline article{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:30px 0;border-top:1px solid #cdd4c7}.date{font-size:10px;letter-spacing:1px;padding-top:7px}.timeline h3{font-size:23px;letter-spacing:-.7px;margin-bottom:6px}.timeline a,.company{font-size:14px}.timeline p{font-size:14px;color:var(--muted);margin-top:18px;max-width:640px}.timeline .tags{margin-bottom:0}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.about-grid h2{font-size:40px}.about-signature{font-size:18px;margin-top:45px;letter-spacing:-.5px}.about-signature span{margin-left:40px;color:var(--orange)}.about-grid p{font-size:14px;color:var(--muted);line-height:1.9}.about-grid .about-lead{font-size:20px;line-height:1.6;color:var(--ink)}.language-note{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:10px;margin-top:25px}.skills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:35px;margin-top:60px}.skills h3{font-size:16px;margin-bottom:12px}.skills p{font-size:12px;line-height:2;color:var(--muted);margin:0}.contact-section{background:var(--ink);color:var(--paper);padding:75px 0 35px}.contact-section .eyebrow{color:#b3c1ad}.contact-section h2{font-size:65px;line-height:1.1;letter-spacing:-3px}.contact-section em{color:#d6e2a8}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:35px}.contact-bottom p{font-size:13px;color:#b8c7bd;margin:0}.email-link{font-size:clamp(15px,2vw,25px);letter-spacing:-.6px;border-bottom:1px solid #759184;padding-bottom:7px}.email-link span{margin-left:20px}.contact-links{display:flex;gap:35px;flex-wrap:wrap;border-top:1px solid #45665a;margin-top:45px;padding-top:25px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;color:var(--muted)}@keyframes rotateIn{from{transform:rotate(-80deg);opacity:0}to{transform:rotate(0);opacity:1}}
@media(min-width:1500px){.hero-grid{gap:100px}h1{font-size:76px}.identity-art{height:240px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}header{width:calc(100% - 48px)}.hero-grid{gap:35px;grid-template-columns:1.25fr 1fr}h1{font-size:53px;letter-spacing:-2.8px}.identity-art{height:180px}.bracket,.art-star{font-size:110px}.identity-bottom{font-size:26px}.identity-caption{font-size:7px}.featured-copy{padding:26px}.featured h3{font-size:27px}.office-art{padding:24px}.about-grid{gap:45px}h2{font-size:38px}.contact-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:80px;width:calc(100% - 40px)}nav{gap:14px}nav a{font-size:11px}nav a:last-child{display:none}.header-actions{gap:8px}.contact-link{padding:7px 11px;font-size:11px}.wordmark{font-size:32px}.wordmark span{font-size:17px;margin-left:6px}.hero{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-grid{grid-template-columns:1fr;gap:30px}h1{font-size:clamp(42px,9.8vw,65px);line-height:1.14;letter-spacing:-2.6px}.hello{font-size:17px;margin-top:4px}.hero-copy{font-size:14px}.hero-actions{gap:25px}.button{padding:14px 18px}.identity{width:85%;max-width:370px;margin:20px auto 15px}.identity-art{height:160px}.identity-bottom{font-size:26px}.identity-role{font-size:11px}.identity-caption{font-size:7px}.hero-foot{margin-top:35px;font-size:9px;gap:20px}.hero-foot a{font-size:8px;white-space:nowrap}.stack-strip .wrap{justify-content:center;gap:12px 20px;flex-wrap:wrap;padding:18px 0}.stack-strip span{font-size:11px}.section{padding-top:65px;padding-bottom:65px}.section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}h2,.about-grid h2{font-size:34px;letter-spacing:-1.5px}.section-head>p{font-size:12px}.featured{grid-template-columns:1fr}.office-art{min-height:340px}.featured-copy{padding:26px}.featured h3{margin-top:23px}.featured .text-link{margin-top:10px}.project-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.project-card{padding:22px}.abstract{height:180px}.other-products>div{grid-template-columns:1fr;gap:20px}.client-projects>a{grid-template-columns:1fr 20px;gap:5px;padding:18px 0}.client-projects a>span:nth-child(2){grid-row:2;font-size:11px}.client-projects a>span:last-child{grid-column:2;grid-row:1}.timeline{margin-top:30px}.timeline article{grid-template-columns:1fr;gap:15px;padding:25px 0}.timeline h3{font-size:21px}.timeline p{font-size:13px}.about-grid{grid-template-columns:1fr;gap:30px}.about-signature{display:none}.about-grid .about-lead{font-size:18px}.skills{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:25px}.skills h3{margin-bottom:6px}.contact-section{padding:55px 0 30px}.contact-section h2{font-size:43px;letter-spacing:-2px}.contact-bottom{margin-top:25px;gap:22px}.email-link{font-size:clamp(14px,4.6vw,23px)}.email-link span{margin-left:7px}.contact-links{gap:17px 24px;font-size:11px;margin-top:30px}footer{flex-wrap:wrap;font-size:9px;padding:22px 0}footer>span:nth-child(2){display:none}}
.project-card{min-width:0}.finora i{flex-shrink:1}.finora>span{margin-right:20px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
