*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:#e8e2d8}
body{font-family:"Times New Roman",Times,serif;font-size:13px;line-height:1.2;color:#000}
#home{position:fixed;inset:0;cursor:pointer;touch-action:pan-y pinch-zoom}
#slides{position:absolute;inset:0;transition:filter .6s ease}
.logo.dark{color:#000;text-shadow:0 0 8px rgba(255,255,255,.5)}
.slide{position:absolute;inset:0;display:flex;opacity:0}
.slide.on{opacity:1}
.slide img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;display:block}
.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:normal;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.45),0 0 10px rgba(0,0,0,.35);pointer-events:none}
#info{position:fixed;inset:0;background:#faf8f3;padding:20px 20px 0;display:flex;flex-direction:column;overflow:hidden}
#info[hidden]{display:none}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
h2{font-size:13px;font-weight:normal;text-transform:uppercase;margin-bottom:1.2em}
.col p{max-width:28em}
a{color:#000;text-decoration:none}
a:hover{opacity:.5}
#close{font:inherit;background:none;border:0;color:#000;cursor:pointer;justify-self:end;text-align:right;width:auto;padding:0}
#close:focus{outline:none}#close:focus-visible{opacity:.6}
.grid .col:last-child{text-align:right}
body.info-open .logo{visibility:hidden}
.legal{font-size:11px;margin-top:auto;padding-bottom:12px}
.strip{height:33vh;margin:0 -20px;overflow-x:auto;overflow-y:hidden;flex:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x}.strip::-webkit-scrollbar{display:none}.strip.drag{cursor:grabbing}
.track img{-webkit-user-drag:none;user-select:none;pointer-events:none}.track{display:flex;gap:9px;height:100%;width:max-content;}

.track img{height:100%;width:auto;aspect-ratio:4/5;object-fit:cover;display:block;flex:none}
@keyframes marquee{to{transform:translateX(calc(-50% - 4.5px))}}
@media (max-aspect-ratio:1/1){
  .grid{grid-template-columns:1fr;gap:1.8em}
  .grid .col:last-child{order:-1}
  #info{overflow:auto}
  .strip{height:34vh}
  #close,.grid .col:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){.slide,#slides{transition:none}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.col p{line-height:1.25}
.col.clients p{text-transform:uppercase}
#close{text-transform:uppercase}