.header nav a[aria-current=page]{color:var(--orange)}.header nav a[aria-current=page]:after{width:100%}.directions{padding-top:35px;padding-bottom:65px}.directions-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:35px 0 42px}.directions h1{font-size:clamp(44px,5.7vw,86px);font-weight:550;line-height:1.02;letter-spacing:-4px}.directions-heading>p{font-size:13px;line-height:1.7;color:var(--muted)}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.direction-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:27px 30px;overflow:hidden;isolation:isolate}.direction-photo{background:#ddd9cc}.direction-code{background:var(--dark);color:var(--paper)}.direction-meta{font-family:var(--mono);font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;gap:15px}.direction-meta>span:last-child{font-family:var(--font);font-size:27px;transition:transform .2s}.direction-card:hover .direction-meta>span:last-child{transform:translate(4px,-4px)}.direction-symbol,.code-symbol{position:absolute;right:25px;top:70px;font-family:var(--mono);font-size:130px;font-weight:300;letter-spacing:-20px;z-index:-1;transition:transform .4s;opacity:.7;line-height:1}.direction-symbol i{font-style:normal;color:var(--orange);font-size:150px;display:inline-block;margin:0 12px}.code-symbol{top:82px;right:37px;font-size:108px;letter-spacing:-12px;color:#7e8b77}.code-symbol i{font-style:normal;color:var(--lime)}.direction-card:hover .direction-symbol,.direction-card:hover .code-symbol{transform:rotate(-7deg) scale(1.04)}.direction-title{margin-top:auto;padding-top:170px}.direction-title h2{font-size:clamp(38px,4vw,62px);font-weight:500;letter-spacing:-2px}.direction-title p{font-size:12px;line-height:1.6;margin-top:17px;color:#737266}.direction-code .direction-title p{color:#a4ab9d}.direction-enter{display:block;font-size:11px;border-top:1px solid #bdb9ac;padding-top:18px;margin-top:25px}.direction-code .direction-enter{border-color:#53594e;color:var(--lime)}.photo-page{padding-top:52px;min-height:650px}.photo-page .photo-grid{margin-top:40px}.hero h1{font-size:clamp(44px,5.8vw,89px);letter-spacing:-4px}.project-actions .text-link{white-space:nowrap}.project-actions{gap:22px}
@media(max-width:900px){.direction-card{padding:22px;min-height:450px}.direction-title h2{font-size:39px}.direction-symbol{font-size:100px;right:15px;top:80px}.direction-symbol i{font-size:115px}.code-symbol{font-size:92px;right:25px;top:95px}.hero h1{letter-spacing:-3px}.directions h1{letter-spacing:-3px}}
@media(max-width:720px){.directions{padding-top:26px;padding-bottom:45px}.directions-heading{display:block;margin:27px 0 30px}.directions h1{font-size:clamp(45px,11.5vw,72px);letter-spacing:-2.5px}.directions-heading>p{margin-top:20px;font-size:12px}.direction-grid{grid-template-columns:1fr;gap:16px}.direction-card{min-height:340px;padding:22px}.direction-title{padding-top:110px}.direction-title h2{font-size:39px}.direction-symbol{top:66px;font-size:90px;right:22px}.direction-symbol i{font-size:110px}.code-symbol{top:75px;font-size:90px;right:30px}.direction-meta{font-size:8px}.direction-title p{font-size:11px}.direction-enter{margin-top:18px;padding-top:14px}.hero h1{font-size:clamp(43px,10.4vw,70px);letter-spacing:-2.8px}.photo-page{padding-top:34px;min-height:0}.photo-page .photo-grid{margin-top:28px}.header nav{justify-content:flex-start;gap:30px}}
.header nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:45px;background:#e7e6de}.header nav .direction-tab{display:flex;gap:12px;align-items:center;min-width:140px;padding:10px 18px;border-radius:35px;color:#6d7065;transition:background .2s,color .2s}.header nav .direction-tab:after{display:none}.direction-tab>svg{width:20px;height:20px;flex-shrink:0}.direction-tab>span{display:grid;gap:3px}.direction-tab b{font-family:'Manrope',var(--font);font-size:13px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.direction-tab small{font:7px var(--mono);letter-spacing:1.2px;text-transform:uppercase}.header nav .direction-tab:hover{color:var(--ink);background:#ffffff60}.header nav .direction-tab[aria-current=page]{background:var(--ink);color:var(--paper)}.header nav .direction-tab[aria-current=page] small{color:#c6ccbc}.header nav .direction-tab[aria-current=page]>svg{color:var(--orange)}
@media(max-width:720px){.header nav{width:100%;padding:4px;gap:4px;border:1px solid var(--line)}.header nav .direction-tab{min-width:0;flex:1;justify-content:center;padding:10px 12px}.direction-tab b{font-size:13px}.direction-tab small{font-size:7px}.direction-tab>svg{width:18px;height:18px}}