@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf')}body{background:#fafafa;font-family:Manrope,Arial,sans-serif}.project-header{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid #ddd;gap:25px}.project-brand{display:flex;align-items:center;gap:8px;color:#111}.project-brand img{object-fit:contain}.project-brand>span{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1}.project-brand small{display:block;font-size:7px;letter-spacing:4px;margin-top:9px}.project-header nav{display:flex;gap:30px;font-size:12px;align-items:center}.project-header nav a{min-height:44px;display:flex;align-items:center}.project-header a[aria-current]{border-bottom:1px solid #111}.project-main{padding-top:90px}.project-kicker{font-size:10px;letter-spacing:2.5px;margin-bottom:26px}.project-intro h1{font-size:clamp(40px,5.8vw,80px);font-weight:500;letter-spacing:-3px;line-height:1.12;max-width:980px;margin-bottom:45px}.project-intro-bottom{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;padding-bottom:80px}.project-intro-bottom p{font-size:16px;max-width:475px;color:#555;margin:0}.project-intro-bottom a{font-size:13px;white-space:nowrap;border-bottom:1px solid #aaa;padding-bottom:8px}.project-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccc;padding-top:28px;gap:20px}.project-toolbar h2{font-size:22px;letter-spacing:-.6px;font-weight:500;margin:0}.project-toolbar [role=group]{display:flex;gap:7px}.project-toolbar button{font:inherit;font-size:11px;border:1px solid #bbb;border-radius:100px;padding:9px 16px;background:transparent;color:#111;cursor:pointer;min-height:38px}.project-toolbar button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}#project-status{font-size:13px;color:#666}#project-status:empty{display:none}#project-catalog{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px;margin-top:35px}.project-card{min-width:0;border-bottom:1px solid #ccc;padding-bottom:28px}.project-cover{aspect-ratio:16/10;background:radial-gradient(ellipse at 60% 60%,#303642,#101010 80%);position:relative;overflow:hidden;border-radius:6px}.project-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-cover>img{transform:scale(1.035)}.project-cover .project-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:80px;color:#ffffff18;font-weight:500}.project-logo{height:62px;width:62px;padding:10px;object-fit:contain;background:white;border-radius:12px;border:1px solid #ddd;position:relative;margin-top:-31px;margin-left:22px}.project-card h3{font-size:30px;letter-spacing:-.8px;font-weight:500;margin:18px 0 10px}.project-card p{font-size:14px;line-height:1.75;color:#555;white-space:pre-line;max-width:510px}.project-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#555;letter-spacing:.3px;margin-top:20px}.project-meta span{border:1px solid #ccc;padding:4px 8px;border-radius:4px}.project-card a{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:24px;min-height:44px}.project-card a span:last-child{font-size:23px}.project-empty{grid-column:1/-1;padding:70px 30px;border:1px solid #ddd;border-radius:8px;background:#fff}.project-empty h3{font-size:28px;letter-spacing:-1px;font-weight:500}.project-empty p{font-size:15px;max-width:510px;color:#555}.project-philosophy{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 60px}.project-philosophy>span{grid-column:1/-1;font-size:10px;letter-spacing:2px}.project-philosophy h2{font-size:clamp(33px,4vw,54px);letter-spacing:-1.5px;font-weight:500}.project-philosophy p{font-size:16px;color:#555;max-width:470px}.project-footer{padding-block:35px;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;font-size:12px}.project-footer>a:last-child{font-size:24px}*:focus-visible{outline:2px solid #2862be;outline-offset:5px}@media(max-width:700px){.project-header{align-items:flex-start;gap:15px}.project-header nav{gap:15px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.project-brand img{width:43px;height:43px}.project-brand>span{font-size:23px}.project-brand small{font-size:6px;letter-spacing:3px}.project-main{padding-top:60px}.project-intro h1{letter-spacing:-1.6px}.project-intro h1 br{display:none}.project-intro-bottom{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:50px}.project-toolbar{align-items:flex-start;flex-direction:column}.project-toolbar button{padding:7px 12px}#project-catalog{grid-template-columns:1fr}.project-philosophy{grid-template-columns:1fr;padding:70px 0;gap:12px}.project-card h3{font-size:27px}.project-footer{font-size:10px;gap:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.project-cover>img.project-cover-mark{position:absolute;width:120px;height:120px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:22px;filter:drop-shadow(0 15px 40px #0004)}.project-card:hover .project-cover>img.project-cover-mark{transform:translate(-50%,-50%) scale(1.04)}

.project-cover.project-cover-brand{background:radial-gradient(ellipse at 50% 40%,#fff,#e9edf5 75%,#dce4f0)}.project-cover>img.project-cover-mark{width:160px;height:160px;filter:drop-shadow(0 15px 35px #243b6620)}#project-catalog.single-project{grid-template-columns:1fr}.single-project .project-card{display:grid;grid-template-columns:1.1fr 1fr;column-gap:44px;align-items:start;padding-bottom:38px}.single-project .project-cover{grid-column:1;grid-row:1/7;min-height:380px;aspect-ratio:1.3}.single-project .project-card>.project-logo{grid-column:2;margin:8px 0 10px}.single-project .project-card>h3,.single-project .project-card>p,.single-project .project-meta,.single-project .project-card>a{grid-column:2}.single-project .project-card>h3{margin-top:8px;font-size:35px}.single-project .project-card>a{align-self:end;margin-top:24px}@media(max-width:700px){.single-project .project-card{display:block}.single-project .project-cover{min-height:0;aspect-ratio:16/10}.single-project .project-card>.project-logo{margin:-31px 0 10px 20px}.single-project .project-card>h3{font-size:28px}.project-cover>img.project-cover-mark{width:120px;height:120px}}