@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');font-display:swap}
:root{--bg:#101112;--text:#f5f6f8;--muted:#b5bac4;--line:#363b42;--accent:#ee8059;color-scheme:dark;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.shell{max-width:1536px;margin:auto;padding-left:4.3vw;padding-right:4.3vw}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:24px;letter-spacing:-.9px;font-weight:640}.site-header nav{display:flex;align-items:center;gap:39px;font-size:17px}.site-header nav a{display:flex;align-items:center;gap:10px}.site-header a:hover{color:#ee8059}.arrow{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hero{position:relative;min-height:559px;display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:5%;padding-top:52px}.hero-copy{position:relative;z-index:1;padding-top:9px}.hero h1{font-size:clamp(40px,4.4vw,68px);font-weight:710;line-height:1.12;letter-spacing:-2.8px}.intro{font-size:clamp(16px,1.65vw,24px);color:var(--muted);line-height:1.55;margin-top:19px;letter-spacing:-.55px}.feature-copy{margin-top:76px}.feature-copy h2{font-size:clamp(31px,3.45vw,52px);font-weight:660;letter-spacing:-1.9px;line-height:1.15;margin-bottom:16px}.feature-copy p{color:var(--muted);font-size:clamp(15px,1.46vw,22px);line-height:1.5;letter-spacing:-.25px}.feature-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;background:#f57848;color:#fff;font-size:19px;font-weight:570;border-radius:7px;padding:17px 27px;transition:background .16s,transform .16s}.feature-link:hover{background:#ff895c;transform:translateY(-2px)}.feature-art{width:100%;align-self:end;display:block;height:519px;overflow:hidden}.feature-art img{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block}.filters{display:flex;align-items:stretch;gap:41px;min-height:72px;border-bottom:1px solid var(--line);margin-top:4px}.filters button{background:none;color:var(--muted);border:0;padding:21px 0 22px;cursor:pointer;position:relative;font-size:18px;font-weight:430;white-space:nowrap}.filters button[aria-pressed=true]{color:var(--text);font-weight:620}.filters button::after{content:'';height:3px;background:var(--accent);position:absolute;left:0;right:0;bottom:7px;transform:scaleX(0);transform-origin:left;transition:transform .18s}.filters button[aria-pressed=true]::after{transform:scaleX(1)}.filters button:hover{color:var(--text)}.project{display:grid;grid-template-columns:58px minmax(180px,30%) minmax(0,1fr) 112px;column-gap:29px;align-items:center;min-height:96px;border-bottom:1px solid var(--line);transition:background .16s;color:var(--text)}.project[hidden]{display:none}.project .index{font-family:Mono,monospace;color:var(--muted);font-size:15px}.project h2{font-weight:620;font-size:26px;letter-spacing:-.8px;line-height:1.35}.project p{font-size:16px;color:#c0c4cd;line-height:1.6}.destination{display:flex;align-items:center;justify-content:end;gap:12px;font-size:16px}.project:hover{background:#ffffff04}.project:hover h2,.project:hover .destination{color:#ee9878}.project .arrow{transition:transform .16s}.project:hover .arrow{transform:translate(2px,-2px)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:42px;padding-bottom:43px;font-size:13px;color:var(--muted)}.site-footer a{display:flex;align-items:center;gap:11px}.site-footer .arrow{width:17px;height:17px}.skip-link{position:absolute;z-index:10;top:-80px;left:16px;background:var(--text);color:var(--bg);padding:12px 18px;border-radius:4px}.skip-link:focus{top:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);overflow:hidden;width:1px;height:1px}
@media(min-width:1600px){.shell{padding-left:66px;padding-right:66px}}
@media(max-width:1150px){.hero{grid-template-columns:minmax(0,1fr) 35%;gap:24px;min-height:520px}.hero h1{font-size:51px}.feature-copy{margin-top:63px}.feature-art{height:454px}.feature-copy p{font-size:16px}.feature-link{font-size:16px;padding:15px 22px}.filters{gap:30px}.filters button{font-size:16px}.project{grid-template-columns:35px minmax(145px,26%) minmax(0,1fr) 85px;gap:20px}.project h2{font-size:22px}.project p{font-size:14px}.destination{font-size:14px;gap:8px}}
@media(max-width:760px){.shell{padding-left:23px;padding-right:23px}.site-header{height:80px}.wordmark{font-size:21px}.site-header nav{gap:22px;font-size:13px}.site-header nav .arrow{width:15px;height:15px}.hero{display:flex;flex-direction:column;gap:24px;padding-top:29px;min-height:auto}.hero-copy{padding-top:0}.hero h1{font-size:44px;letter-spacing:-1.7px}.intro{font-size:16px;line-height:1.6;letter-spacing:-.2px;margin-top:17px}.desktop-break{display:none}.feature-copy{margin-top:42px}.feature-copy h2{font-size:34px;letter-spacing:-1.1px;margin-bottom:12px}.feature-copy p{font-size:15px;line-height:1.6}.feature-link{font-size:15px;padding:14px 20px;margin-top:23px}.feature-art{height:330px;width:100%;max-width:340px;align-self:center;margin-top:0}.filters{margin-top:13px;gap:24px;min-height:63px;overflow-x:auto;scrollbar-width:thin}.filters button{font-size:13px;padding:19px 0}.project{grid-template-columns:26px minmax(0,1fr) 73px;gap:6px 14px;padding:22px 0;min-height:101px}.project h2{font-size:21px;grid-column:2;grid-row:1}.project .index{font-size:11px;grid-column:1;grid-row:1}.project p{grid-column:2/4;font-size:13px;line-height:1.5}.destination{grid-column:3;grid-row:1;font-size:12px;gap:6px}.destination .arrow{width:16px;height:16px}.site-footer{padding-top:29px;padding-bottom:30px;align-items:start;font-size:11px;line-height:1.5}.site-footer a{gap:7px}.site-footer .arrow{width:14px;height:14px}}
@media(max-width:365px){.hero h1{font-size:38px}.site-header nav{gap:15px}.wordmark{font-size:19px}.filters{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}