.hero-content{z-index:5}.hero-actions{position:relative;z-index:6}.hero-actions .text-link{display:inline-flex;align-items:center;gap:12px;color:var(--ocean-deep);background:rgba(245,239,223,.8);padding:10px 14px;border:1px solid rgba(16,44,58,.28);box-shadow:0 5px 18px rgba(16,44,58,.12)}.hero-actions svg,.project-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scroll-cue{z-index:8;color:var(--ocean-deep);background:rgba(245,239,223,.86);padding:9px 14px;box-shadow:0 4px 16px rgba(16,44,58,.12)}.scroll-cue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ocean{z-index:2;background-color:var(--ocean)}.ocean:before,.ocean:after{z-index:1}.wave{position:absolute;left:-8%;width:116%;height:22px;border-top:3px solid rgba(245,239,223,.55);border-radius:50%;z-index:2;animation:water-swell 7s ease-in-out infinite alternate}.wave-one{top:18%;transform:rotate(-2deg)}.wave-two{top:45%;opacity:.72;animation-delay:-2s;animation-duration:10s}.wave-three{top:73%;opacity:.45;animation-delay:-4s;animation-duration:13s}.boat{position:absolute;z-index:3;width:56px;height:12px;background:var(--coral);clip-path:polygon(0 0,100% 0,78% 100%,18% 100%);animation:boat-drift 14s ease-in-out infinite alternate}.boat:before{content:'';position:absolute;left:24px;bottom:8px;width:2px;height:25px;background:var(--cream)}.boat:after{content:'';position:absolute;left:26px;bottom:12px;border-style:solid;border-width:0 0 14px 18px;border-color:transparent transparent var(--sunset) transparent}.boat-one{left:61%;top:34%}.boat-two{left:20%;top:68%;transform:scale(.65);animation-delay:-5s;animation-duration:18s}@keyframes water-swell{from{transform:translateX(-3%) rotate(-2deg)}to{transform:translateX(3%) rotate(2deg)}}@keyframes boat-drift{from{translate:0 0}to{translate:28px -5px}}.tags span{display:inline-flex;align-items:center;gap:6px}.tags i{font-size:15px;color:var(--coral)}.project-card:first-child .tags i{color:var(--sunset)}.project-link{display:inline-flex;align-items:center;gap:10px}.project-link svg{width:16px;height:16px;transition:transform .25s}.project-link:hover svg{transform:translateX(4px)}
+@media(max-width:480px){.hero-actions .text-link{padding:9px 12px}.scroll-cue{left:4vw;bottom:22px}.scroll-cue-label{font-size:10px}.boat-two{left:35%}}
+@media(prefers-reduced-motion:reduce){.wave,.boat{animation:none}.hero-landscape{transition:none}}