.horizontal-site{height:100dvh;overflow:hidden;--header:82px;--navigation:66px}html:has(.horizontal-site){height:100%;overflow:hidden;scroll-behavior:auto}.horizontal-site header{height:var(--header);position:relative;z-index:3}.horizontal-site #screen-viewport{height:calc(100dvh - var(--header) - var(--navigation));overflow:hidden}.horizontal-site #screen-track{height:100%;display:flex;transition:transform .85s cubic-bezier(.22,.75,.15,1);will-change:transform}.horizontal-site .screen{flex:0 0 100%;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden;position:relative}.screen-nav{height:var(--navigation);display:flex;justify-content:space-between;align-items:center;padding:0 4%;border-top:1px solid #c4cabb;background:var(--paper)}.screen-nav button,.project-controls button,.bio-controls button,.detail-nav button{border:0;background:none;color:inherit;font-size:13px;padding:12px}.screen-nav button:disabled,.project-controls button:disabled,.bio-controls button:disabled,.detail-nav button:disabled{opacity:.25;cursor:default}#screen-position{font-size:10px;letter-spacing:2px}.horizontal-site .hero-copy{bottom:85px;left:7%;right:7%}.horizontal-site h1{font-size:clamp(42px,min(8.8vw,15dvh),145px);margin:20px 0}.horizontal-site .hero-caption{bottom:18px}.horizontal-site .coordinates{top:22px}.horizontal-site .hero-bottom p{max-width:60%;font-size:clamp(12px,1.4vw,17px)}.horizontal-site .round-link{width:50px;height:50px;flex-shrink:0}.horizontal-site .projects{padding:25px 7% 20px;display:flex;flex-direction:column;gap:15px}.horizontal-site .section-top{flex-shrink:0}.horizontal-site .section-top p{margin:0}.horizontal-site .section-top>p:last-child{display:none}.horizontal-site .section-heading{margin:0;align-items:center;gap:20px;flex-shrink:0}.horizontal-site h2{font-size:clamp(28px,min(4vw,7dvh),66px)}.horizontal-site .filters{margin:0}.horizontal-site .project-grid{display:block;flex:1;min-height:0;position:relative}.horizontal-site .project-card,.horizontal-site .project-card:nth-child(n){width:100%;height:100%;padding:0;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto 1fr;gap:15px 6%;align-content:center}.horizontal-site .project-photo{grid-row:1/4;height:100%;min-height:0;aspect-ratio:auto}.horizontal-site .project-photo img{object-position:center;filter:none}.horizontal-site .project-meta{grid-column:2;margin:20px 0 0;display:block;line-height:2}.horizontal-site .project-meta span{display:block}.horizontal-site .project-card h3{grid-column:2;font-size:clamp(34px,5vw,76px);margin:0}.horizontal-site .project-card p{grid-column:2;align-self:start;max-width:330px;font-size:clamp(13px,1.5vw,18px);line-height:1.5}.project-controls{display:flex;justify-content:flex-end;gap:20px;align-items:center;flex-shrink:0;font-size:10px;letter-spacing:1px}.horizontal-site .about{padding:clamp(20px,4dvh,65px) 10%;display:flex;align-items:center}.horizontal-site .about>div{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.horizontal-site .about h2{margin:15px 0;font-size:clamp(30px,min(6vw,9dvh),88px)}.horizontal-site .about #bio{flex:1;min-height:0;max-width:750px;font-size:clamp(14px,1.7vw,21px);line-height:1.6;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.horizontal-site .about-foot{margin-top:12px}.bio-controls{display:flex;gap:16px;align-items:center;font-size:10px}.horizontal-site .material-screen{background:#dfe3d4;padding:25px 15%;display:flex;align-items:center;justify-content:center}.horizontal-site .material-study{padding:0;width:min(620px,100%);height:100%;display:flex;flex-direction:column;justify-content:center}.horizontal-site .samples{min-height:0;flex:1;max-height:430px;margin:25px 0 10px;transform:rotate(-3deg)}.horizontal-site .samples>div{height:auto;min-height:0}.horizontal-site .material-study>p{margin:10px 0;font-size:clamp(18px,3dvh,30px)}.horizontal-site footer{padding:6%;align-items:center;gap:30px}.horizontal-site footer>p{font-size:clamp(40px,min(8vw,14dvh),130px)}.horizontal-site dialog{width:min(1250px,96vw);height:90dvh;max-height:90dvh;padding:45px 5% 65px;overflow:hidden}.horizontal-site #project-detail{height:100%;overflow:hidden}.horizontal-site .detail-head{height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px}.horizontal-site .detail-head h2{font-size:clamp(36px,7vw,100px);margin:0}.horizontal-site .detail-head p{margin:0}.horizontal-site .demo-label{align-self:flex-start}.horizontal-site .detail-block{height:100%;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.horizontal-site .detail-block img{width:100%;height:100%;object-fit:contain}.horizontal-site .detail-block p{width:100%;height:100%;max-width:850px;white-space:pre-wrap;font-size:clamp(16px,2.2vw,26px);line-height:1.65;margin:0;overflow-wrap:anywhere}.horizontal-site .plan{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.horizontal-site .plan svg{height:calc(100% - 38px);min-height:0;flex:1}.horizontal-site .plan small{height:28px;margin:10px 0 0;font-size:11px}.detail-nav{position:absolute;bottom:10px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.horizontal-site ::-webkit-scrollbar{display:none}.horizontal-site *{scrollbar-width:none}.horizontal-site .template-editorial .detail-block p{font-family:Georgia,serif;font-size:clamp(18px,2.5vw,30px)}@media(max-width:700px){.horizontal-site{--header:68px;--navigation:58px}.horizontal-site header{padding:0 4%}.horizontal-site nav{gap:12px;font-size:9px}.horizontal-site .brand{font-size:29px;gap:10px}.horizontal-site .brand small{font-size:7px;letter-spacing:1px}.horizontal-site .hero-copy{bottom:85px}.horizontal-site .hero-image{object-position:65%}.horizontal-site .hero-caption{font-size:7px}.horizontal-site .projects{padding:16px 6%;gap:12px}.horizontal-site .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.horizontal-site .section-heading h2 br{display:none}.horizontal-site .filters{gap:5px}.horizontal-site .filters button{padding:7px 10px;font-size:9px}.horizontal-site .project-card:nth-child(n){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto auto;gap:8px}.horizontal-site .project-photo{grid-row:1;min-height:0}.horizontal-site .project-meta{grid-column:1;margin:0;display:flex;justify-content:space-between;font-size:8px}.horizontal-site .project-card h3{grid-column:1;font-size:30px}.horizontal-site .project-card p{grid-column:1;font-size:12px;max-width:100%}.horizontal-site .about{padding:20px 7%}.horizontal-site .material-screen{padding:20px 10%}.horizontal-site footer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.horizontal-site footer>div{margin:0;gap:18px}.horizontal-site .screen-nav button{font-size:12px;padding:10px 0}#screen-position{font-size:8px;letter-spacing:1px}.horizontal-site dialog{padding:45px 6% 60px}.horizontal-site .detail-nav button{font-size:11px;padding:10px 0}}@media(max-height:480px){.horizontal-site{--header:54px;--navigation:44px}.horizontal-site .hero-copy{bottom:55px}.horizontal-site .coordinates{top:12px;font-size:8px}.horizontal-site .hero-caption{bottom:10px;padding-top:9px}.horizontal-site .hero-copy>.eyebrow{display:none}.horizontal-site h1{font-size:min(7vw,14dvh);margin:8px 0}.horizontal-site .hero-bottom p{margin:0}.horizontal-site .round-link{width:34px;height:34px;font-size:23px}.horizontal-site .projects{padding:12px 5%;gap:8px}.horizontal-site .section-top{display:none}.horizontal-site .section-heading{flex-direction:row;align-items:center}.horizontal-site h2{font-size:27px}.horizontal-site .section-heading h2 br{display:none}.horizontal-site .project-card:nth-child(n){grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto 1fr;gap:7px 5%}.horizontal-site .project-photo{grid-row:1/4}.horizontal-site .project-meta,.horizontal-site .project-card h3,.horizontal-site .project-card p{grid-column:2}.horizontal-site .project-meta{display:block}.horizontal-site .project-card h3{font-size:30px}.horizontal-site .about{padding:12px 6%}.horizontal-site .about h2{font-size:30px;margin:8px 0}.horizontal-site .about h2 br{display:none}.horizontal-site .about #bio{font-size:14px}.horizontal-site .about-foot{display:none}.horizontal-site .material-study>p{font-size:16px}.horizontal-site .samples{margin:10px 0}.horizontal-site footer{flex-direction:row;align-items:center}.horizontal-site footer>div{gap:10px}}@media(prefers-reduced-motion:reduce){.horizontal-site #screen-track{transition:none}}

html:has(.horizontal-site),.horizontal-site,.horizontal-site #screen-viewport{overflow:clip}.horizontal-site .bio-controls[hidden]{display:none}.horizontal-site .reveal{animation:slide-content .45s ease-out both}@keyframes slide-content{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}