/* Markup is visible by default; the decorative intro is hidden by default. */
[data-marino-intro]{display:none;position:fixed;inset:0;z-index:90;pointer-events:none;background:transparent;color:var(--marino-paper,#f6f1e7);overflow:hidden;align-items:center;justify-content:center}
[data-marino-intro].marino-intro-active{display:flex}
.marino-intro-waves{position:absolute;inset:0;pointer-events:none}
.marino-intro-wave{position:absolute;inset:0;background:var(--wave-fill);animation:marino-wave-retreat var(--wave-duration) cubic-bezier(.65,0,.28,1) var(--wave-delay) both;will-change:transform}
.marino-intro-wave:after{content:'';position:absolute;top:calc(100% - 1px);left:-10%;width:120%;height:min(30vh,240px);background:var(--wave-fill);mask:url('assets/brand/marinofolio-wave.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/brand/marinofolio-wave.svg') center/100% 100% no-repeat;transform:scaleY(-1)}
.marino-intro-wave-sky{--wave-fill:var(--marino-sky,#75b2db);--wave-duration:.95s;--wave-delay:.15s;z-index:1}
.marino-intro-wave-sea{--wave-fill:var(--marino-sea,#2463a6);--wave-duration:.86s;--wave-delay:.11s;z-index:2}
.marino-intro-wave-sea:after{transform:scale(-1,-1);height:min(24vh,200px);left:-17%}
.marino-intro-wave-ink{--wave-fill:var(--marino-ink,#102b46);--wave-duration:.8s;--wave-delay:.05s;z-index:3}
.marino-intro-wave-ink:after{height:min(28vh,220px);left:-3%}
[data-marino-intro]>.intro-logo,[data-marino-intro]>.marino-intro-word{position:relative;z-index:5;animation:marino-intro-logo .5s ease both}
.marino-intro-word{font-size:clamp(42px,8vw,116px);font-weight:750;letter-spacing:-.065em;line-height:1}
.marino-intro-dot{color:var(--marino-accent,#90c3d8)}
@keyframes marino-wave-retreat{0%,8%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-140%,0)}}
@keyframes marino-intro-logo{0%{opacity:0;transform:translateY(8px)}22%,45%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
[data-marino-tide]{position:relative;min-height:150px;overflow:hidden;pointer-events:none;--tide-color-1:#bdd8ec;--tide-color-2:#7caeca;--tide-color-3:#fff4dc}
.marino-tide-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
[data-marino-tide].marino-tide-hero{position:absolute;inset:auto 0 0;height:clamp(150px,17vw,260px);z-index:3;opacity:.75}
[data-marino-tide].marino-tide-divider{height:180px;min-height:0;margin-block:15px}
.marino-entrance-ready{transition:opacity .8s ease,translate 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--marino-delay,0ms)}
.marino-entrance-ready:not(.marino-entered){opacity:0;translate:0 22px}
.marino-entrance-ready.marino-entered{opacity:1;translate:0 0}
/* Apply this variant to an independent wrapper, never a project screenshot. */
[data-marino-enter="line"]{position:relative}
[data-marino-enter="line"]:after{content:'';display:block;border-bottom:1px solid currentColor;opacity:.22;transform:scaleX(1);transform-origin:left;transition:transform 1.15s cubic-bezier(.22,1,.36,1)}
[data-marino-enter="line"].marino-entrance-ready:not(.marino-entered):after{transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){[data-marino-intro], [data-marino-intro].marino-intro-active{display:none!important}.marino-entrance-ready,.marino-entrance-ready:not(.marino-entered){opacity:1;translate:none;transition:none}[data-marino-enter="line"]:after{transform:none!important;transition:none}}