:root{--teal:#53aeae;--ink:#221f20;--paper:#f2f2f2;--side:20.833333vw}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Avenir,'Avenir Next','Segoe UI',sans-serif;background:white;font-weight:400}button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #167878;outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.sidebar{position:fixed;left:0;top:0;width:var(--side);height:100dvh;background:white;z-index:5;display:flex;flex-direction:column}.logo{position:relative;display:block;width:67px;height:67px;margin:30px 26px 0;background:var(--ink);border-radius:0 19px 18px 18px;color:white;text-decoration:none}.logo:before{content:'';position:absolute;background:white;width:23px;height:23px;top:-4px;left:-5px;transform:rotate(-9deg)}.logo span{position:absolute;bottom:3px;left:7px;font-size:20px;letter-spacing:-1px}.sidebar nav{margin-top:110px}.sidebar nav a{display:block;text-align:right;padding:10px 26px;background:#221f20;color:white;text-decoration:none;font-size:19px;font-weight:350;line-height:1.2}.sidebar nav a:nth-child(odd){background:#150303}.sidebar nav a.active,.sidebar nav a:hover{background:var(--teal)}.sidebar-caption{margin:28px 26px;font-size:9px;letter-spacing:1.2px;color:#666;text-align:right}.sidebar-bottom{margin:auto 24px 28px;font-size:11px;line-height:1.8;display:flex;flex-direction:column}.sidebar-bottom a{text-decoration:none}.menu-toggle{display:none}main{margin-left:var(--side);min-height:100dvh;outline:none}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tile{display:block;position:relative;aspect-ratio:190/180;overflow:hidden;background-image:url('/yahart/assets/home-wp-cbf80bfc25.webp');background-size:505.263158% 498.888889%;text-decoration:none}.tile .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;color:white;background:var(--teal);opacity:0;transition:opacity .22s}.tile:hover .overlay,.tile:focus-visible .overlay,.show-info .tile .overlay{opacity:1}.overlay strong{font-size:clamp(15px,1.65vw,28px);font-weight:500;line-height:1.3}.overlay small{font-size:clamp(10px,.9vw,15px);line-height:1.4;margin-top:7px}.overlay .arrow{border:1px solid white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin-top:22px;font-size:24px}.utility{aspect-ratio:190/180;position:relative;background:white;display:flex;align-items:flex-end;justify-content:flex-end;padding:22px;gap:15px}.info-toggle{position:absolute;right:0;top:0;border:0;background:var(--teal);color:white;width:35%;height:35%;font:italic bold 25px Georgia}.languages{display:flex;gap:16px}.languages button{border:0;background:transparent;padding:8px 3px;font-size:12px;color:var(--ink)}.languages button[aria-pressed=true]{color:#287d7d;border-bottom:2px solid var(--teal)}.page{background:var(--paper);min-height:calc(100dvh - 140px);padding:65px 6% 75px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.back{text-decoration:none;font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#527c7c;margin:0 0 18px}h1{font-size:clamp(28px,3vw,49px);font-weight:600;letter-spacing:-1.2px;line-height:1.12;margin:0 0 22px}h2{font-size:24px;font-weight:550;line-height:1.3}p{font-size:16px;line-height:1.75}.lead{font-size:19px;line-height:1.6;max-width:630px}.project-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.project-image{aspect-ratio:190/180;background-image:url('/yahart/assets/home-wp-cbf80bfc25.webp');background-size:505.263158% 498.888889%;margin:0}.project-copy{padding-top:20px}.button{display:inline-block;background:var(--teal);border:1px solid var(--teal);padding:13px 22px;color:white;text-decoration:none;font-size:14px;margin-top:20px}.button:hover{background:#368e8e}.project-bottom{margin-top:58px;padding-top:25px;border-top:1px solid #ccc;display:flex;justify-content:space-between;gap:30px}.project-bottom a{text-decoration:none;font-size:14px}footer{background:var(--ink);color:white;padding:40px 6%;min-height:140px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer span{font-size:12px;color:#ccc}footer a{text-decoration:none;font-size:23px}.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:10px 0 45px}.team{display:grid;grid-template-columns:1fr 1fr;gap:20px}.person{text-align:center;font-size:13px}.portrait{border-radius:50%;aspect-ratio:1;background-image:url('/yahart/assets/about-wp-624e665204.webp');background-size:727.273% 408.333%;box-shadow:3px 5px 10px #0002;margin-bottom:15px}.person:first-child .portrait{background-position:31.64% 13%}.person:nth-child(2) .portrait{background-position:50.72% 13%}.person small{display:block;margin-top:4px;color:#666}.team-copy p{font-size:15px}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.contact-visual{aspect-ratio:410/220;background:url('/yahart/assets/contact-wp-ad97ad8a77.webp');background-size:234.15% 245%;background-position:43% 11%;margin-bottom:28px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;display:flex;flex-direction:column;gap:7px}input,textarea{width:100%;border:1px solid #aaa;background:white;padding:12px;min-height:45px;border-radius:0}textarea{resize:vertical;min-height:145px}.message{grid-column:2;grid-row:1/4}form button{grid-column:1/-1;width:100%;margin:0!important}.form-note{grid-column:1/-1;margin:0;font-size:12px;color:#666}address{font-style:normal;font-size:15px;line-height:1.7}address section{margin-bottom:28px}address a{text-decoration:none}address a:hover{text-decoration:underline}.news-banner{background:linear-gradient(130deg,#deeeee,#83cfcf);padding:50px 8%;border-radius:25px;margin:40px 0;font-size:clamp(22px,2.6vw,38px);font-weight:550;line-height:1.45;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:white;text-decoration:none;display:flex;flex-direction:column}.card .project-image{width:100%}.card-copy{padding:23px}.card h2{font-size:20px;margin:5px 0 15px}.card small{color:#357e7e}.card p{font-size:13px}.download-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ddd;margin-top:35px}.download-item{background:var(--paper);padding:30px 18px}.download-item h2{font-size:20px}.download-item a{font-size:13px;color:#287d7d}.download-item .button{color:white}dialog{border:0;max-width:480px;width:calc(100% - 40px);padding:40px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0006}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}.empty{max-width:600px}.legal-note{font-size:12px;color:#666;margin-top:28px}
@media(min-width:1600px){.sidebar nav{margin-top:170px}.sidebar nav a{padding:14px 38px;font-size:25px}.logo{margin:40px;width:90px;height:90px}.logo span{font-size:29px}.sidebar-caption{font-size:12px}}
@media(max-width:1000px){:root{--side:200px}.sidebar nav a{font-size:16px;padding:12px 20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility{grid-column:3;grid-row:1}.overlay strong{font-size:17px}.overlay small{font-size:11px}.page{padding:40px 6%}.project-layout,.team-layout,.contact-layout{gap:30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{grid-template-columns:1fr}.download-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){:root{--side:0px}.sidebar{position:sticky;width:100%;height:auto;min-height:90px;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.logo{width:48px;height:48px;margin:18px 22px;border-radius:0 14px 13px 13px}.logo span{font-size:16px;left:4px}.logo:before{width:18px;height:18px}.menu-toggle{display:flex;gap:20px;background:none;border:0;margin-right:24px;font-size:15px}.sidebar nav{display:none;position:absolute;top:89px;left:0;right:0;margin:0;box-shadow:0 20px 25px #0002}.sidebar nav.open{display:block}.sidebar nav a{text-align:left;padding:17px 24px}.sidebar-caption,.sidebar-bottom{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility{grid-column:2;grid-row:1}.tile .overlay{justify-content:flex-end;align-items:flex-start;padding:15px;background:linear-gradient(transparent 40%,#000b);opacity:1;text-align:left}.tile .overlay strong{font-size:14px}.tile .overlay small,.tile .arrow{display:none}.show-info .tile .overlay{background:var(--teal);align-items:center;justify-content:center;text-align:center}.show-info .tile .overlay small{display:block}.utility{padding:15px}.page{padding:28px 23px 45px}.page-top{margin-bottom:25px}h1{font-size:33px}.project-layout,.team-layout{grid-template-columns:1fr}.project-copy{padding:0}.project-image{max-width:100%}.project-bottom{margin-top:35px}.project-bottom a{max-width:45%}.team{max-width:360px}.team-copy{order:-1}.cards{grid-template-columns:1fr}.news-banner{padding:35px 24px;border-radius:18px;font-size:23px}.download-list{grid-template-columns:1fr 1fr}.download-item{padding:20px 13px}.download-item h2{font-size:17px}form{grid-template-columns:1fr}.message{grid-column:auto;grid-row:auto}footer{padding:30px 24px;min-height:105px}.contact-visual{margin-top:10px}.lead{font-size:17px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}