/* Small tactile details, shared by the existing multi-page layouts. */
.welcome-copy .line-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:9px 11px 9px 22px;border:1px solid rgba(110,129,115,.24);border-radius:999px;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(232,235,226,.55));box-shadow:inset 0 1px 1px #fff,0 5px 15px #233d3210;color:var(--green);transition:box-shadow .3s,transform .3s,border-color .3s}
.welcome-copy .line-link span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--paper);font-size:20px;transition:transform .35s}
.welcome-copy .line-link:hover{transform:translateY(-2px);border-color:#9aab9d;box-shadow:inset 0 1px 1px #fff,0 9px 21px #233d3219}
.welcome-copy .line-link:hover span{transform:rotate(8deg)}
.welcome-copy .line-link:active{transform:translateY(1px) scale(.98)}
.welcome-copy .line-link:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.deck-arrows button{position:relative;isolation:isolate;overflow:hidden;width:52px;height:52px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(145deg,#ffffffb8,#e4e9e05c 55%,#c6d3c546);color:#244d3c;box-shadow:inset 1px 1px 2px #fff,inset -1px -2px 3px #657c5d30,0 4px 12px #233d3214,0 0 0 1px #81917d28;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);transition:transform .3s,box-shadow .3s,background .3s}
.deck-arrows button::before{content:"";position:absolute;z-index:-1;inset:3px;border-radius:inherit;border-top:1px solid #ffffffed;border-left:1px solid #fff9;background:radial-gradient(ellipse at 25% 8%,#fff9,transparent 65%);pointer-events:none}
.deck-arrows button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#a8bba075,transparent 65%);opacity:0;pointer-events:none}
.deck-arrows button:hover{color:#123f32;background:linear-gradient(145deg,#ffffffed,#dce5d37a);box-shadow:inset 1px 1px 2px #fff,inset -1px -2px 3px #657c5d30,0 7px 18px #233d3224,0 0 0 1px #81917d40;transform:translateY(-2px)}
.deck-arrows button:active{transform:translateY(1px) scale(.94);box-shadow:inset 0 2px 5px #6278582e,0 1px 4px #233d3214}
.deck-arrows button.is-pressed::after{animation:glass-touch .55s ease-out}
@keyframes glass-touch{0%{opacity:.9;transform:scale(.35)}100%{opacity:0;transform:scale(1.8)}}
.reveal-detail{transition:opacity .7s ease,translate .7s cubic-bezier(.22,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-detail.is-waiting{opacity:0;translate:0 16px}
.reveal-detail.is-visible{opacity:1;translate:0 0}
.welcome-copy>h1{animation:welcome-copy-in .95s .08s both}
.welcome-copy>.eyebrow{animation:welcome-copy-in .8s both}
.welcome-copy>.welcome-description{animation:welcome-copy-in .95s .2s both}
@keyframes welcome-copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){
 .gallery-photo>a img,.real-project-visual figure>a img,.about-documentary{transition:transform .75s cubic-bezier(.2,.6,.3,1)}
 .gallery-photo>a:hover img,.real-project-visual figure>a:hover img{transform:scale(1.025)}
 .real-project-visual figure>a{display:block;overflow:hidden;border-radius:18px}
 .about-visual{overflow:hidden}.about-visual:hover .about-documentary{transform:scale(1.015)}
 .deck-card.is-current img{transition:transform .75s cubic-bezier(.2,.6,.3,1)}
 .deck-card.is-current:hover img{transform:scale(1.025)}
}
@media(max-width:760px){.welcome-copy .line-link{gap:14px;min-height:46px;padding:7px 9px 7px 16px;font-size:12px}.welcome-copy .line-link span{width:30px;height:30px;font-size:18px}.deck-arrows button{width:50px;height:50px}}
@media(max-width:360px){.welcome-copy .line-link{gap:8px;padding-left:12px}.welcome-copy .line-link span{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.reveal-detail,.welcome-copy .line-link,.welcome-copy .line-link span,.deck-arrows button,.gallery-photo>a img,.real-project-visual figure>a img,.about-documentary,.deck-card.is-current img{transition:none!important}.reveal-detail.is-waiting{opacity:1;translate:none}.welcome-copy>h1,.welcome-copy>.eyebrow,.welcome-copy>.welcome-description,.deck-arrows button.is-pressed::after{animation:none}.welcome-copy .line-link:hover,.deck-arrows button:hover,.gallery-photo>a:hover img,.real-project-visual figure>a:hover img,.about-visual:hover .about-documentary,.deck-card.is-current:hover img{transform:none}}