/* Relieve a escala de bloque. Los enlaces siguen recibiendo el primer toque. */
.depth-page .triptych,.depth-page .featuregrid,.depth-page .values-grid{perspective:1500px}
.depth-page .block-motion{--image-x:0px;--image-y:0px;backface-visibility:hidden;transition:transform .36s cubic-bezier(.2,.65,.2,1),box-shadow .4s,border-color .4s;transform-origin:50% 65%}
.depth-page .storycard.block-motion,.depth-page .featured-post.block-motion,body:not(.admin) .admin-card.block-motion{box-shadow:0 3px 0 #554a323f,0 7px 0 #111c18,0 18px 35px #0004;border-color:#b49b685c}
body:not(.admin) .block-motion:hover,body:not(.admin) .block-motion:focus-within{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px);border-color:#d4b57d9c;box-shadow:0 4px 0 #6253346e,0 10px 0 #0a1414,0 30px 55px #0007}
.block-rim{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#dac18b,transparent) left top/30px 1px no-repeat,linear-gradient(180deg,#dac18b,transparent) left top/1px 30px no-repeat,linear-gradient(270deg,#dac18b,transparent) right bottom/30px 1px no-repeat,linear-gradient(0deg,#dac18b,transparent) right bottom/1px 30px no-repeat;opacity:.45;transition:opacity .35s}
.block-rim:after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,#e8d09b0c 48%,#fce6b81a 50%,#e8d09b08 52%,transparent 60%);transform:translateX(-65%) rotate(-8deg);animation:block-gleam 10s ease-in-out infinite;animation-delay:var(--block-phase,0s);animation-play-state:paused;opacity:.7}
.block-motion[data-block-visible="true"]>.block-rim:after{animation-play-state:running}.block-motion:hover>.block-rim,.block-motion:focus-within>.block-rim,.block-motion.block-touched>.block-rim{opacity:1}
.block-motion:before{background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),rgba(var(--aura-rgb),.25),transparent 65%)}
.block-image-window{display:block;height:220px;overflow:hidden;position:relative;background:#0a1615;isolation:isolate}
.block-image-window:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -22px 30px -25px #000b;background:linear-gradient(130deg,#e7c17d0b,transparent 60%)}
.storycard .block-image-window>img{height:100%;width:100%;transform:scale(1.06) translate(var(--image-x),var(--image-y));transition:transform .4s cubic-bezier(.2,.65,.2,1)}
.block-motion:hover .block-image-window>img,.block-motion:focus-within .block-image-window>img{transform:scale(1.1) translate(var(--image-x),var(--image-y))}
.depth-page .block-motion .storybody h3,.depth-page .block-motion .storybody .textlink{position:relative;transition:translate .35s}.depth-page .block-motion:hover .storybody h3{translate:0 -3px}.depth-page .block-motion:hover .storybody .textlink{translate:3px 0}
.depth-page .value.block-motion{padding:15px 12px;border:1px solid #b8a47420;border-radius:3px;background:linear-gradient(135deg,#34413823,transparent);min-width:0}.depth-page .values-grid{padding:22px 0;gap:18px}.depth-page .value.block-motion:hover{box-shadow:0 10px 20px #0003;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px)}
.depth-page .track.block-motion{padding-left:12px;padding-right:12px}.depth-page .track.block-motion:hover{transform:perspective(1000px) rotateY(calc(var(--tilt-y)*.4)) translateX(4px);background:#d0b77d08;box-shadow:0 8px 20px #0003}.track .block-rim{opacity:.15}
.depth-page .prose blockquote.block-motion{position:relative;box-shadow:5px 7px 0 #66553316}.depth-page .sectionhead.block-arriving{transform-origin:left center}
.depth-page .block-arriving{animation:block-arrive .85s cubic-bezier(.16,.7,.25,1) both;animation-delay:var(--arrival-delay,0ms)}
.depth-page .contact-form{position:relative;transition:border-color .3s,box-shadow .3s}.depth-page .contact-form:focus-within{border-color:#c7aa7d80;box-shadow:0 16px 42px #0005,0 0 30px #b89c6410}
.depth-paused .block-motion,.depth-paused .block-motion:hover,.depth-paused .block-motion:focus-within{transform:none!important}.depth-paused .block-arriving{animation:none!important}.depth-paused .block-rim:after,.depth-hidden .block-rim:after{animation-play-state:paused!important}.depth-paused .block-image-window>img,.depth-paused .block-motion:hover .block-image-window>img{transform:scale(1.06)!important}.depth-paused .block-motion:hover .storybody h3,.depth-paused .block-motion:hover .storybody .textlink{translate:none}
@keyframes block-arrive{from{opacity:.35;translate:0 28px;rotate:1 0 0 5deg}to{opacity:1;translate:0 0;rotate:1 0 0 0deg}}
@keyframes block-gleam{0%,45%{transform:translateX(-65%) rotate(-8deg)}75%,100%{transform:translateX(65%) rotate(-8deg)}}
@media(max-width:700px){.block-image-window{height:250px}.depth-page .values-grid{gap:10px}.depth-page .value.block-motion{padding:13px 9px;gap:8px}.depth-page .value b{font-size:8px;letter-spacing:.7px}.depth-page .value svg{width:27px;height:27px}.depth-page .block-motion.block-touched{transform:perspective(850px) rotateX(2deg) scale(.99);border-color:#d9bf8a;box-shadow:0 12px 30px #0005}.depth-page .block-motion:hover{transform:none}.depth-page .block-motion:hover .storybody h3,.depth-page .block-motion:hover .storybody .textlink{translate:none}.block-rim:after{animation-duration:13s}}
@media(prefers-reduced-motion:reduce){.depth-page .block-arriving,.block-rim:after{animation:none!important}.depth-page .block-motion,.depth-page .block-motion:hover,.depth-page .block-motion:focus-within,.depth-page .block-motion.block-touched{transform:none!important}.block-motion .block-image-window>img,.block-motion:hover .block-image-window>img{transform:scale(1.06)!important}.depth-page .block-motion:hover .storybody h3,.depth-page .block-motion:hover .storybody .textlink{translate:none}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.depth-page:not(.depth-paused) .block-motion.block-touched{transform:perspective(850px) rotateX(2deg) scale(.99)}}
