/* WAYRIOT web presentation: live typography, original photographs and light depth. */
@font-face{font-family:WayriotManrope;src:url('/assets/wayriot/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:WayriotMono;src:url('/assets/wayriot/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--wr-cobalt-depth:radial-gradient(ellipse at 80% 12%,#2865bb 0,transparent 48%),radial-gradient(ellipse at 8% 64%,#174ea4 0,transparent 54%),linear-gradient(155deg,#143974,#08172e 85%);--wr-sky-depth:radial-gradient(ellipse at 15% 8%,#e9faff,transparent 58%),linear-gradient(145deg,#b8e8f4,#79bdd6 62%,#497f9f)}
.wr-campaign-art{position:relative;width:100%;aspect-ratio:4/5;container-type:inline-size;overflow:hidden;color:#fff;background:var(--wr-cobalt-depth);font-family:WayriotManrope,Arial,sans-serif}
.wr-campaign-art--sky{background:var(--wr-sky-depth);color:#151515}
.wr-campaign-art--ink{background:radial-gradient(ellipse at 80% 10%,#303947,transparent 60%),linear-gradient(145deg,#171c25,#080d15);color:#f7f3e9}
.wr-campaign-art--story{aspect-ratio:9/16}
.wr-campaign-art--wide{aspect-ratio:16/9;background:#f7f3e9}
.wr-campaign-art__layout{position:absolute;inset:0}
.wr-campaign-art .wr-campaign-art__label,.wr-campaign-art .wr-campaign-art__signature{position:absolute;font:400 1.48cqw/1.5 WayriotMono,monospace;letter-spacing:.06em}
.wr-campaign-art .wr-campaign-art__label{left:4.8%;top:3.26%}
.wr-campaign-art .wr-campaign-art__headline{position:absolute;left:4.44%;top:10%;font:800 10.74cqw/.99 WayriotManrope,Arial,sans-serif;letter-spacing:-.06em;color:inherit;text-transform:uppercase}
.wr-campaign-art img.wr-campaign-art__photo{position:absolute;display:block;left:4.44%;top:32.22%;width:91.11%;height:48.59%;max-width:none;object-fit:contain;transform:none;transition:none}
.wr-campaign-art img.wr-campaign-art__logo{position:absolute;display:block;left:4.44%;top:88.15%;width:50.93%;height:auto;max-width:none;object-fit:contain;transform:none;transition:none}
.wr-campaign-art .wr-campaign-art__signature{right:4.44%;bottom:5.78%;text-align:right}
.wr-campaign-art--story .wr-campaign-art__label{left:5.56%;top:9.9%}
.wr-campaign-art--story .wr-campaign-art__headline{left:5.56%;top:13.8%;font-size:8.7cqw}
.wr-campaign-art--story img.wr-campaign-art__photo{left:8.33%;top:24.48%;width:83.33%;height:70.31%}
.wr-campaign-art--story img.wr-campaign-art__logo{left:5.56%;top:3.39%;width:88.89%}
.wr-campaign-art--story .wr-campaign-art__signature{left:5.56%;right:auto;bottom:2.29%;text-align:left}
.wr-campaign-art--story .wr-campaign-art__signature br{display:none}
.wr-campaign-art--wide .wr-campaign-art__layout::before{content:'';position:absolute;inset:0 0 0 67.5%;background:var(--wr-cobalt-depth)}
.wr-campaign-art--wide img.wr-campaign-art__photo{left:0;top:10%;width:67.5%;height:80%}
.wr-campaign-art--wide .wr-campaign-art__label{left:70.47%;top:5.28%;font-size:1.25cqw}
.wr-campaign-art--wide .wr-campaign-art__headline{left:70.47%;top:23%;font-size:5.625cqw}
.wr-campaign-art--wide img.wr-campaign-art__logo{left:70.625%;top:84.03%;width:26.25%}
.wr-campaign-art--wide .wr-campaign-art__signature{display:none}
/* Portfolio hover belongs to the complete composition, not its individual layers. */
.work-tile:hover .wr-campaign-art img{transform:none}