/* Soft hero blend and restrained, progressive motion. */
.hero .hero-photo{width:100%;object-position:64% 50%}
.hero .shade{background:linear-gradient(90deg,#08233efc 0%,#08233ef2 18%,#08233edb 32%,#08233ea3 46%,#08233e52 62%,#08233e14 82%,#08233e08 100%)}
.hero-photo{animation:td-hero-drift 22s ease-in-out infinite alternate;transform-origin:66% 50%;will-change:transform}
@keyframes td-hero-drift{from{transform:scale(1.015)}to{transform:scale(1.065)}}
.gold,.darkbtn,.outline,.text-link,.hero-link,.project-open,.gallery-card img,.project-pair img,.worlds article{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,background-color .3s ease,color .3s ease}
.project-open{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .gold:hover,.darkbtn:hover,.outline:hover{transform:translateY(-3px);box-shadow:0 8px 22px #061b3020}
 .text-link:hover,.hero-link:hover{transform:translateX(4px)}
 .project-open:hover img{transform:scale(1.035)}
 .worlds article:hover{transform:translateY(-5px)}
}
.td-reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--td-delay,0ms)}
.td-reveal.td-pending{opacity:0;transform:translateY(22px)}
.td-reveal:focus-within{opacity:1;transform:none;transition-delay:0ms}
@media(max-width:600px){
 .hero .hero-photo{width:100%;object-position:50% 55%}
 .hero .shade{background:linear-gradient(180deg,#08233e 0%,#08233efa 30%,#08233edf 39%,#08233e99 47%,#08233e36 57%,#08233e08 69%,#08233e20 84%,#08233ebd 100%)}
}
@media(prefers-reduced-motion:reduce){
 .hero-photo{animation:none;transform:none;will-change:auto}
 .td-reveal,.gold,.darkbtn,.outline,.text-link,.hero-link,.project-open,.gallery-card img,.worlds article{transition:none!important}
 .td-reveal.td-pending{opacity:1;transform:none}
 html{scroll-behavior:auto!important}
}

/* Craftsmanship leads; keep the finished deck clear on the right. */
.hero .hero-photo{object-position:62% 54%}
.hero .shade{background:linear-gradient(90deg,#08233ef2 0%,#08233edb 20%,#08233ea8 36%,#08233e55 50%,#08233e0a 70%,transparent 100%)}
.hero-copy{max-width:570px}.hero p{max-width:355px}
.project-story img{height:500px;object-position:55% center}
.louisiana-closing{display:grid;grid-template-columns:1fr 1fr;padding:0;align-items:stretch;text-align:left;background:#eaf0f5}
.louisiana-closing>img{width:100%;height:100%;min-height:490px;object-fit:cover}
.louisiana-copy{padding:65px 12%}.louisiana-copy .actions{justify-content:flex-start;flex-wrap:wrap}
@media(max-width:900px){.hero-copy{max-width:510px}.louisiana-copy{padding:45px 8%}.louisiana-copy h2{font-size:42px}}
@media(max-width:600px){
 .hero .hero-photo{object-position:61% 58%}
 .hero .shade{background:linear-gradient(180deg,#08233e 0%,#08233efa 30%,#08233edf 39%,#08233e80 48%,#08233e12 60%,transparent 77%,#08233e99 100%)}
 .hero-copy{max-width:none}.hero p{max-width:320px}
 .project-story img{height:auto;aspect-ratio:4/3;object-fit:cover}
 .louisiana-closing{grid-template-columns:1fr}.louisiana-closing>img{min-height:0;height:290px}.louisiana-copy{padding:42px 6%}
}

.worlds article{position:relative}.worlds .world-link{position:absolute;inset:0;z-index:3;color:#fff;display:flex;align-items:flex-end;padding:0 28px 13px;text-decoration:none}.world-link span{font-size:9px;letter-spacing:.1em;font-weight:700}.world-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}.category-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.category-links a[aria-current="page"]{background:#314ca7;color:#fff}

/* Square geometric capitals echo the supplied Top Deck wordmark. */
.hero h1,.hero h1 em{font-family:'Bank Gothic','BankGothic Md BT',Orbitron,'Arial Black',sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.035em;line-height:1.13;font-size:clamp(40px,4.1vw,65px)}
.hero-copy{max-width:650px}.hero h1 em{color:#e7edf6}
@media(max-width:600px){.hero h1,.hero h1 em{font-size:clamp(29px,7.6vw,45px);letter-spacing:.02em}.hero-copy{max-width:none}}