/* Illustrated tropical identities. Original product logos stay intact. */
.scene-farewake .scene-brand>img,.scene-kinperk .scene-brand>img,.scene-sprigwise .scene-brand>img,.scene-dayweft .scene-brand>img{width:58px;height:58px;filter:drop-shadow(0 4px 6px #001b3920)}
.scene-farewake{background:#007fae}.scene-farewake .scene-shade{background:linear-gradient(90deg,#005281ed,#047b9833),linear-gradient(0deg,#053c64c9,transparent 90%)}
.scene-kinperk{background:#b94a69}.scene-kinperk .scene-shade{background:linear-gradient(90deg,#803957eb,#c9597222),linear-gradient(0deg,#512745d9,transparent 90%)}
.scene-sprigwise{background:#297d47}.scene-sprigwise .scene-shade{background:linear-gradient(90deg,#105b3cdd,#2c904833),linear-gradient(0deg,#124b32df,transparent 90%)}
.scene-dayweft{background:radial-gradient(ellipse at 80% 35%,#8872fb,transparent 63%),linear-gradient(120deg,#483c98,#7352c7)}
.scene-dayweft .scene-shade{background:linear-gradient(90deg,#2c267c66,transparent)}
.scene-farewake .scene-photo,.scene-kinperk .scene-photo,.scene-sprigwise .scene-photo{filter:saturate(1.15)}
.scene-farewake .scene-device,.scene-kinperk .scene-device,.scene-sprigwise .scene-device,.scene-dayweft .scene-device{box-shadow:0 0 0 1px #d4f1f177,15px 24px 42px #00173466}
/* A viewport-wide current follows the reader throughout the page. */
.surf-layer{position:fixed;inset:0;z-index:8;overflow:hidden;pointer-events:none;contain:strict}
.app-surfer{position:absolute;left:0;top:0;width:140px;height:120px;opacity:0;will-change:transform,opacity;pointer-events:none}
.surf-rider{position:relative;width:100%;height:100%;transform-origin:50% 82%;filter:drop-shadow(0 7px 7px #001c3444)}
.surfer-logo{position:absolute;width:78px;height:78px;object-fit:contain;left:31px;bottom:24px;z-index:2}
.surfer-board{position:absolute;width:140px;height:47px;object-fit:contain;left:0;bottom:0;z-index:1;transform:scaleX(var(--direction,1));filter:hue-rotate(var(--board-hue,0deg))}
.surf-wake{position:absolute;width:75px;height:1px;bottom:9px;right:105px;background:linear-gradient(90deg,transparent,#9cfdec99);transform:rotate(-3deg);opacity:.6}
.surf-wake:after{content:'';position:absolute;width:44px;height:1px;right:6px;top:6px;background:linear-gradient(90deg,transparent,#9cfdec66)}
.app-surfer[data-direction="-1"] .surf-wake{right:auto;left:105px;transform:scaleX(-1) rotate(-3deg)}
.surfer-nomi .surfer-logo{width:104px;height:52px;left:18px;bottom:25px}.surfer-ripero .surfer-logo{width:54px;left:43px;height:71px;bottom:24px}.surfer-profitcart .surfer-logo{width:79px;height:62px;left:31px;bottom:24px}
.surfer-nomi{--board-hue:30deg}.surfer-ripero{--board-hue:155deg}.surfer-profitcart{--board-hue:290deg}.surfer-kinperk{--board-hue:130deg}.surfer-sprigwise{--board-hue:300deg}.surfer-dayweft{--board-hue:65deg}
@media(max-width:700px){.scene-farewake .scene-brand>img,.scene-kinperk .scene-brand>img,.scene-sprigwise .scene-brand>img,.scene-dayweft .scene-brand>img{width:47px;height:47px}.app-surfer{width:100px;height:86px}.surf-rider{width:140px;height:120px;transform-origin:0 0;scale:.7143}}
@media(prefers-reduced-motion:reduce){.surf-layer{display:none}}