/* Approved WEBARROW header and hero only. */
.header{padding-top:15px;padding-bottom:15px;background:#fff}.header-brand{display:block;width:235px;flex-shrink:0;line-height:0}.header-brand img{width:100%;height:auto;mix-blend-mode:multiply}.header.scrolled{padding-top:2px;padding-bottom:2px}.hero.hero-showcase{height:auto;min-height:800px;max-height:none;background:#fff;padding:170px 4.3% 125px;display:grid;grid-template-columns:43% 57%;align-items:center;justify-content:initial;text-align:left;overflow:hidden}.hero-showcase .hero-content{z-index:4;min-width:0}.hero-showcase h1{font-size:clamp(48px,5.6vw,84px);font-weight:650;line-height:.99;letter-spacing:-.065em}.hero-showcase h1 .gradient{font-weight:650;white-space:nowrap}.hero-showcase .hero-content>p{font-size:clamp(12px,1.35vw,19px);margin:29px 0 35px;line-height:1.6;letter-spacing:-.025em;white-space:nowrap}.hero-showcase .button{gap:42px;background:white;min-height:50px}.hero-showcase .button:hover{background:#171717}.hero-reviews{display:flex;align-items:center;gap:10px;margin-bottom:35px;white-space:nowrap;font-size:12px;line-height:1.4}.google-g{font-family:Arial,sans-serif;font-size:31px;font-weight:700;line-height:1;background:conic-gradient(#4285f4 0deg 90deg,#34a853 90deg 175deg,#fbbc05 175deg 225deg,#ea4335 225deg 290deg,#4285f4 290deg);color:transparent;background-clip:text;-webkit-background-clip:text}.review-label{font-weight:600;padding-right:12px;border-right:1px solid #cfcfd2}.review-stars{font-size:18px;color:#ff9500;letter-spacing:1px}.hero-reviews strong{font-size:14px;font-weight:600}.hero-reviews small{color:#727277;font-size:9px}.hero-showcase-art{position:relative;height:540px;isolation:isolate;min-width:0;margin-left:0}.hero-preview{position:absolute;padding:0;overflow:hidden;border:1px solid #e9e5ee;border-radius:17px;box-shadow:0 22px 28px -13px #18112742;background:#090f25;text-align:left;color:white;transition:transform .3s,box-shadow .3s;line-height:1.3}.hero-preview img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.hero-preview span{position:absolute;display:block}.hero-preview-tech{width:88%;height:310px;left:11%;top:0;transform:rotate(6deg);z-index:1}.hero-preview-tech img{object-position:70% center}.hero-preview-tech:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071326ed 0%,#071326ab 35%,transparent 70%);z-index:-1}.preview-brand{top:19px;left:22px;font-size:16px;font-weight:650;letter-spacing:-.04em}.preview-menu{right:20px;top:24px;font-size:6px}.preview-title{left:25px;top:75px;font-size:clamp(19px,2.3vw,32px);font-weight:550;font-style:italic;letter-spacing:-.045em;line-height:1.08}.preview-caption{left:25px;bottom:66px;font-size:9px;line-height:1.4}.preview-cta{left:25px;bottom:25px;border-radius:30px;background:#fff;color:#121827;font-size:7px;padding:7px 13px}.hero-preview-drink{top:215px;left:-4%;width:72%;height:310px;transform:rotate(5deg);z-index:2;color:#38204d;background:#dec4ef}.hero-preview-drink img{object-position:center;opacity:.85}.hero-preview-drink:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ead7f0 0%,#ead7f0df 32%,transparent 62%)}.hero-preview-drink .preview-brand{font-size:16px}.hero-preview-drink .preview-title{font-size:clamp(19px,2.2vw,30px);top:70px}.hero-preview-drink .preview-cta{background:#5f3477;color:white}.hero-preview-stay{top:300px;right:-2%;width:65%;height:295px;transform:rotate(-3deg);z-index:3}.hero-preview-stay img{object-position:62% center}.hero-preview-stay:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#13321def 0%,#16361fab 35%,transparent 80%)}.hero-preview-stay .preview-brand{font-family:Georgia,serif;font-weight:400}.hero-preview-stay .preview-title{font-size:clamp(20px,2.3vw,32px);top:68px}.hero-preview-stay .preview-menu{font-size:5px}.hero-preview-stay .preview-caption{font-size:8px;bottom:60px}.hero-scroll{position:absolute;left:4.5%;bottom:38px;font-size:13px;display:flex;align-items:center;gap:20px;color:#55545a}.hero-scroll>span{font-size:26px;color:#19191e}.hero-preview:hover{box-shadow:0 25px 40px -10px #18112760}.hero-preview-tech:hover,.hero-preview-drink:hover{transform:rotate(2deg) translateY(-5px)}.hero-preview-stay:hover{transform:rotate(0) translateY(-5px)}
@media(min-width:1500px){.hero.hero-showcase{padding-left:max(5%,calc((100% - 1400px)/2));padding-right:max(5%,calc((100% - 1400px)/2));min-height:900px}.hero-showcase-art{height:600px}.hero-preview-tech{height:340px}.hero-preview-drink{top:245px;height:330px}.hero-preview-stay{top:335px;height:315px}}
@media(max-width:1050px) and (min-width:681px){.hero.hero-showcase{min-height:720px;padding-top:145px;padding-bottom:120px;grid-template-columns:43% 57%}.hero-showcase-art{height:450px}.hero-preview-tech{height:260px}.hero-preview-drink{height:255px;top:180px}.hero-preview-stay{height:240px;top:255px}.hero-reviews{gap:5px;font-size:9px;flex-wrap:wrap;max-width:340px;margin-bottom:26px}.google-g{font-size:24px}.review-label{padding-right:6px}.review-stars{font-size:14px}.hero-reviews strong{font-size:11px}.hero-reviews small{font-size:8px}.hero-showcase h1{font-size:5.8vw}.preview-caption{font-size:7px;bottom:52px}.preview-title{top:65px}.hero-preview-stay .preview-caption{font-size:7px;bottom:50px}.preview-cta{bottom:20px;font-size:6px}.preview-menu{display:none}}
@media(max-width:680px){.header{padding:12px 5%;gap:12px}.header-brand{width:160px}.header-actions{gap:17px}.header .button{padding:8px 10px;min-height:38px;font-size:11px;gap:10px}.header.scrolled{padding:5px 5%}.hero.hero-showcase{padding:145px 6% 90px;min-height:0;grid-template-columns:1fr;gap:40px}.hero-showcase h1{font-size:clamp(49px,10.7vw,70px);line-height:1.02}.hero-showcase .hero-content>p{font-size:14px;white-space:normal;max-width:330px;margin:24px 0 27px}.hero-reviews{gap:7px;margin-bottom:26px;font-size:10px;flex-wrap:wrap}.google-g{font-size:24px}.review-label{padding-right:9px}.review-stars{font-size:15px;letter-spacing:0}.hero-reviews strong{font-size:12px}.hero-reviews small{font-size:8px}.hero-showcase-art{height:390px;margin:0 2% 12px}.hero-preview{border-radius:13px}.hero-preview-tech{width:88%;height:215px;left:9%;top:5px}.hero-preview-drink{width:74%;height:215px;top:150px;left:-2%}.hero-preview-stay{width:68%;height:200px;top:213px;right:-1%}.preview-brand{left:15px;top:14px;font-size:13px}.preview-menu{display:none}.preview-title,.hero-preview-drink .preview-title,.hero-preview-stay .preview-title{left:16px;top:49px;font-size:20px}.preview-caption,.hero-preview-stay .preview-caption{left:16px;font-size:6px;bottom:48px}.preview-cta{left:16px;bottom:16px;font-size:5px;padding:6px 9px}.hero-scroll{font-size:11px;bottom:23px;left:6%;gap:12px}.hero-scroll>span{font-size:22px}}
@media(max-width:370px){.header-brand{width:137px}.header-actions{gap:12px}.header .button{font-size:10px;padding:7px 8px;gap:5px}.menu-toggle{width:25px}.hero-reviews{gap:5px;font-size:9px}.hero-reviews small{font-size:7px}.hero-showcase h1{font-size:46px}.hero-showcase-art{height:350px}.hero-preview-tech{height:190px}.hero-preview-drink{height:190px;top:135px}.hero-preview-stay{height:180px;top:190px}.preview-title,.hero-preview-drink .preview-title,.hero-preview-stay .preview-title{font-size:18px;top:44px}.preview-caption,.hero-preview-stay .preview-caption{font-size:5px;bottom:42px}}

/* Scarlet and Cobalt colour scheme */
:root{--ink:#152038;--paper:#fff8f5;--pink:#d51f36;--purple:#1749d8}
body{background:var(--paper)}
.header,.header.scrolled,.hero.hero-showcase{background:var(--paper)}
.gradient{background-image:linear-gradient(105deg,#d51f36,#1749d8)}
.intro,.services,.process,.contact{background:var(--paper)}
.difference,.faq,.menu{background:#f8e8e4}
.portfolio{background:#152038;color:#fff}
.portfolio .kicker,.portfolio .concept-note,.project-meta p,.project-meta>span{color:#d3dce4}
.hero-showcase .button,.header .button,.contact>.button{background:#d51f36;border-color:#d51f36;color:#fff}
.hero-showcase .button:hover,.header .button:hover,.contact>.button:hover{background:#152038;border-color:#152038;color:#fff}
.footer{background:#152038;color:#fff;padding-top:26px}
.footer-brand{font-weight:700;font-size:28px;letter-spacing:-.06em;color:#152038}

/* Project images move gently in two independent columns. */
.intro-collage.project-columns{height:480px;display:flex;flex-direction:column;gap:14px;min-width:0}
.project-columns .columns-stage{height:425px;display:grid;grid-template-columns:1fr 1fr;gap:16px;overflow:hidden;min-width:0;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
.project-columns .column-window{overflow:hidden;min-width:0}.project-columns .column-track{animation:column-travel 38s linear infinite;will-change:transform}
.project-columns .column-window:nth-child(2) .column-track{animation-direction:reverse}
.project-columns .column-group{display:flex;flex-direction:column;gap:14px;padding-bottom:14px}
.project-columns .column-card{position:relative;overflow:hidden;border-radius:15px;background:white;box-shadow:0 10px 25px #1520381a;flex:none}
.project-columns .column-card img{display:block;width:100%;height:105px;object-fit:cover;border-radius:0}
.project-columns .column-card span{display:block;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.25;color:#152038}
.project-columns .column-card small{display:block;font-size:10px;font-weight:400;color:#727277}
.project-columns .columns-controls{display:flex;justify-content:center;align-items:center;gap:16px;font-size:12px;line-height:1.3}
.project-columns .columns-pause{padding:7px 13px;border:1px solid #cfc5c5;border-radius:20px;background:#fff8f5;color:#152038;font-size:12px;white-space:nowrap}
.project-columns .columns-controls a{text-decoration:underline;text-underline-offset:3px}
.project-columns.is-paused .column-track{animation-play-state:paused}
@keyframes column-travel{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:680px){.intro-collage.project-columns{height:390px;max-width:440px}.project-columns .columns-stage{height:340px;gap:12px}.project-columns .column-card img{height:105px}.project-columns .column-card span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-collage.project-columns{height:auto}.project-columns .columns-stage{height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none}.project-columns .column-window{overflow:visible}.project-columns .column-track{animation:none;transform:none}.project-columns .column-group[aria-hidden=true]{display:none}.project-columns .columns-pause{display:none}}

/* Clean white backgrounds throughout the site. */
:root{--paper:#fff}
.header,.header.scrolled,.hero.hero-showcase,.intro,.portfolio,.services,.difference,.process,.faq,.contact,.menu,.footer{background:#fff}
.portfolio{color:var(--ink)}
.portfolio .kicker,.portfolio .concept-note,.project-meta p,.project-meta>span{color:#646975}
.project-meta{color:var(--ink)}
.orbit .project-image,.haven .project-image{color:#fff}
.footer{color:#646975}
.principle-number{color:#edf0f5}
.project-columns .columns-pause{background:#fff}

/* The homepage project showcase retains its dark treatment. */
.portfolio{background:radial-gradient(ellipse at 0 0,#30231f 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#261c30 0,transparent 50%),#151717;color:#fff}
.portfolio .kicker,.portfolio .concept-note{color:#b4b2bb}
.portfolio .project-meta{color:#fff}
.portfolio .project-meta p,.portfolio .project-meta>span{color:#b4b2bb}
.portfolio>.button-light{color:#fff}
.portfolio>.button-light:hover{background:#fff;color:#152038}

/* An original editorial layout for the studio statement: content-led on the left, moving work on the right. */
.intro.section-surface{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:clamp(42px,6vw,104px);align-items:center;min-height:720px;padding-top:86px;padding-bottom:86px}
.intro .intro-copy{order:2;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,60px);row-gap:0;align-content:center}
.intro .intro-collage{order:1}
.intro .intro-copy .kicker,.intro .intro-copy h2{grid-column:1/-1}
.intro .intro-copy h2{max-width:680px;font-size:clamp(43px,4.2vw,68px);line-height:.98;margin-bottom:40px}
.intro .intro-copy>p:not(.kicker){position:relative;margin:0;padding:18px 0 0;border-top:1px solid #dedee2;font-size:15px;line-height:1.75}
.intro .intro-copy>p:not(.kicker):nth-of-type(2){margin-top:42px}
.intro .intro-copy>p:not(.kicker):nth-of-type(3){margin-top:42px}
.intro .intro-copy>p:not(.kicker):nth-of-type(4){grid-column:1/-1;max-width:100%;margin-top:34px;padding-top:20px;font-size:16px}
.intro .intro-copy .button{justify-self:start;grid-column:1/-1;margin-top:28px}
@media(max-width:980px){.intro.section-surface{grid-template-columns:1fr 1fr;gap:42px;min-height:650px}.intro .intro-copy{grid-template-columns:1fr}.intro .intro-copy>p:not(.kicker):nth-of-type(2),.intro .intro-copy>p:not(.kicker):nth-of-type(3),.intro .intro-copy>p:not(.kicker):nth-of-type(4){margin-top:22px;grid-column:auto}.intro .intro-copy .button{grid-column:auto}}
@media(max-width:680px){.intro.section-surface{grid-template-columns:1fr;gap:42px;min-height:auto;padding-top:58px;padding-bottom:58px}.intro .intro-copy{order:2}.intro .intro-collage{order:1}.intro .intro-copy h2{font-size:42px;line-height:1.02;margin-bottom:28px}.intro .intro-copy>p:not(.kicker){font-size:15px}.intro .intro-copy>p:not(.kicker):nth-of-type(2),.intro .intro-copy>p:not(.kicker):nth-of-type(3),.intro .intro-copy>p:not(.kicker):nth-of-type(4){margin-top:20px}}

/* Remove the borrowed dot motif while preserving each heading's spacing. */
.kicker .dot{display:none}
.kicker{gap:0}

/* Midnight editorial: WEBARROW's site-wide blue system and clearer section rhythm. */
:root{--ink:#0d244a;--paper:#fff;--pink:#0c4b9a;--purple:#35bde8;--line:#d7e5f3}
body{background:#eaf2fb}
.header,.header.scrolled,.hero.hero-showcase{background:#fff}
.header.scrolled{border-bottom-color:#d7e5f3}
.gradient{background-image:linear-gradient(105deg,#0d315f 0%,#1768bb 53%,#38c5e8 100%)}
.hero-showcase .button,.header .button,.contact>.button,.work-end .button{background:#103f82;border-color:#103f82;color:#fff}
.hero-showcase .button:hover,.header .button:hover,.contact>.button:hover,.work-end .button:hover{background:#071e45;border-color:#071e45;color:#fff}
.hero-scroll{color:#506583}.hero-scroll>span{color:#103f82}
.section-surface{border:1px solid #d8e6f3;box-shadow:0 1px 0 #cadced}
.intro,.process,.contact{background:#fff}
.services,.difference,.faq{background:#f3f8fe}
.portfolio{background:radial-gradient(ellipse at 0 0,#1d5da7 0,transparent 44%),radial-gradient(ellipse at 100% 100%,#0b285d 0,transparent 52%),#071a3b;color:#fff}
.portfolio .kicker,.portfolio .concept-note,.portfolio .project-meta p,.portfolio .project-meta>span{color:#c5d9ef}
.portfolio>.button-light{color:#fff;border-color:#8eb4df}.portfolio>.button-light:hover{background:#fff;color:#0d244a}
.footer{background:#071a3b;color:#c5d9ef}.footer-brand{color:#fff}
.project-columns .column-card{box-shadow:0 10px 25px #0d244a16}.project-columns .column-card span{color:#0d244a}.project-columns .columns-pause{background:#fff;border-color:#bfd2e5;color:#0d244a}
.intro .intro-copy>p:not(.kicker){border-top-color:#d7e5f3}
.work-page,.work-page .header,.work-end{background:#fff}.work-desktop-nav a:hover,.work-desktop-nav a[aria-current=page],.work-details h2 a:hover,.accordions summary:hover,.menu-links a:hover{color:#0c4b9a}
.work-image{background:#e3edf7}.work-arrow{color:#0d244a}.work-end{border-top:1px solid #d8e6f3}.work-type,.work-intro>p:not(.kicker),.work-imagery-note{color:#526b89}
.menu{background:#edf5fd}.menu-links a{border-bottom-color:#d1e0ee}

/* Give the hero and project introduction a clear, intentional transition. */
.hero.hero-showcase{background:#edf5ff;border-bottom:1px solid #cfe1f4}
.intro.section-surface{margin:0 0 16px;border-radius:0;border-left:0;border-right:0;box-shadow:none;min-height:auto;padding-top:82px;padding-bottom:82px}

/* Requested removals, form treatment and footer utility links. */
.brief-dialog{background:#0b2148;color:#f4f8ff;border:1px solid #315b96}
.brief-dialog .close-dialog{background:#f4f8ff;color:#0b2148;border-color:#f4f8ff}
.brief-dialog>div>p:not(.kicker),.brief-dialog .optional-label,.brief-dialog .form-privacy{color:#c5d9ef}
.brief-dialog input,.brief-dialog select,.brief-dialog textarea{background:#102e5b;color:#f4f8ff;border-color:#3c68a2}
.brief-dialog input::placeholder,.brief-dialog textarea::placeholder{color:#a9c0df}
.brief-dialog .form-privacy a{color:#e4f2ff}
.brief-dialog .button{background:#48bfe9;border-color:#48bfe9;color:#071d40}.brief-dialog .button:hover{background:#fff;border-color:#fff;color:#0b2148}
.footer{display:flex;flex-direction:column;align-items:stretch;gap:20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #31527d;padding-top:16px;font-size:11px}.footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.service-art img{content:normal;object-fit:cover}.service-intro h2{font-size:clamp(48px,5.2vw,78px)}.service-copy>.lead{font-size:clamp(21px,2.2vw,30px);line-height:1.25}.service-copy>p:not(.lead){font-size:16px;line-height:1.75;color:#3f5675}
.portfolio .project-meta{color:#fff}.portfolio .project-meta p{color:#c5d9ef}.portfolio .project-meta>span{color:#c5d9ef}
.portfolio .projects{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3%;row-gap:34px}.portfolio .project:nth-child(even){margin-top:0}.portfolio .project-image{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;aspect-ratio:1.45}.portfolio .project-image>img{z-index:0}.portfolio .project-arrow{z-index:2}
.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;font-size:13px;color:#476385}.desktop-nav a:hover{color:#0c4b9a}
.desktop-nav a{color:#080b12;font-weight:700;letter-spacing:.06em}.desktop-nav a:hover{color:#1d67b1}.header-brand img{width:180px;height:auto}.hero-reviews{color:#0d244a;text-decoration:none}.hero-reviews:hover{opacity:.8}.hero-showcase .hero-content{position:static}.portfolio{position:relative}.portfolio-review{position:absolute;top:118px;right:4%;z-index:3;margin:0;background:#fff;border:1px solid #d6e0ee;border-radius:999px;padding:8px 13px;box-shadow:0 8px 20px #0d244a18}.portfolio-review .review-stars{color:#e8a400}.footer-seo{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #31527d;border-bottom:1px solid #31527d;padding:24px 0}.footer-seo div{display:flex;flex-direction:column;gap:7px}.footer-seo strong{font-size:13px;color:#fff}.footer-seo span{font-size:11px;line-height:1.6;color:#c5d9ef}.footer-seo a{color:#c5d9ef;text-decoration:underline;text-underline-offset:3px}.footer-seo a:hover{color:#fff}.project-columns .column-track{animation-duration:75s}.contact-carousel-track{animation-duration:140s}
@media(max-width:850px){.desktop-nav{display:none}}
@media(max-width:680px){.footer-main{align-items:flex-start;flex-direction:column;gap:9px}.footer-links{gap:12px 18px}.brief-dialog{padding:32px 22px}}
@media(max-width:680px){.portfolio-review{top:72px;right:6%;padding:6px 9px}.portfolio-review .review-label{display:none}.footer-seo{grid-template-columns:1fr;gap:16px}.footer-seo{padding:20px 0}}
@media(max-width:680px){.project-columns .column-card img{height:86px}.portfolio .projects{grid-template-columns:1fr;row-gap:28px}.portfolio .project-image{aspect-ratio:1.5}}

/* Real project portfolio, using the site's existing type and colour palette. */
.work-page{background:#fff}.work-page .header{position:absolute;padding-left:max(4%,calc((100% - 1100px)/2));padding-right:max(4%,calc((100% - 1100px)/2))}.work-page .header.scrolled{position:fixed}.work-page .header-brand{width:165px}.work-page .header-actions{gap:26px}
.work-desktop-nav{display:flex;align-items:center;gap:26px;font-size:14px}.work-desktop-nav a:hover,.work-desktop-nav a[aria-current=page]{color:#d51f36}
.work-intro{padding:118px 24px 30px;max-width:1100px;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.work-intro h1{font-size:clamp(38px,4.8vw,60px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin-bottom:0}
.work-intro>p:not(.kicker){max-width:260px;font-size:13px;line-height:1.6;color:#555e6c;margin-bottom:4px}
.work-imagery-note{display:block;margin-top:10px;font-size:11px;color:#707781}
.brief-dialog .optional-label{font-weight:400;color:#727277}.brief-dialog .form-privacy{font-size:12px;line-height:1.6;color:#646975;margin:0 0 20px}.brief-dialog .form-privacy a{text-decoration:underline;text-underline-offset:3px}
.work-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:13px}.work-scroll span{font-size:18px}
.work-list{padding:0 24px 80px;max-width:1100px;margin:auto}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.work-card:nth-child(even){margin-top:0}.work-image{position:relative;display:block;overflow:hidden;border-radius:15px;aspect-ratio:2;background:#e9edf2}
.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.work-image:hover img,.work-image:focus-visible img{transform:scale(1.035)}
.work-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#152038;transition:transform .25s}
.work-image:hover .work-arrow{transform:rotate(45deg)}
.work-details{padding:14px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.work-type{font-size:12px;color:#6c7280;text-align:right}
.work-details h2{font-size:18px;margin:0}.work-details h2 a:hover{color:#d51f36}.work-summary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-end{text-align:center;padding:65px 6% 85px;background:#fff}.work-end .kicker{justify-content:center}.work-end h2{font-size:clamp(40px,5.5vw,70px);margin:0 0 28px;line-height:1.03}
.work-page .footer{align-items:center;flex-wrap:wrap}.work-page .footer-brand{font-size:24px}
.accordions summary{transition:color .2s}.accordions summary:hover{color:#d51f36}.menu-links a{transition:color .2s}.menu-links a:hover{color:#d51f36}
@media(max-width:850px){.work-desktop-nav{display:none}}
@media(max-width:680px){.work-page .header{padding-left:6%;padding-right:6%}.work-page .header-brand{width:145px}.work-page .header-actions{gap:14px}.work-intro{padding:110px 7% 25px;display:block}.work-intro h1{font-size:clamp(38px,9vw,52px)}.work-intro>p:not(.kicker){font-size:14px;max-width:100%;margin-top:18px}.work-list{padding:0 7% 65px}.work-grid{grid-template-columns:1fr;gap:28px}.work-image{aspect-ratio:1.65}.work-details h2{font-size:18px}.work-type{font-size:11px}.work-end{padding:55px 7% 70px}}
@media(prefers-reduced-motion:reduce){.work-image img,.work-arrow,.accordions summary,.menu-links a{transition:none}}

/* Contact page: a clear, welcoming route into an enquiry. */
.contact-page{background:#edf5ff;color:#0d244a}.contact-header{position:relative;background:#fff}.contact-header .desktop-nav{margin-left:auto}.contact-hero{max-width:1180px;margin:0 auto;padding:105px 6% 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.contact-hero h1{font-size:clamp(46px,7vw,92px);line-height:.98;letter-spacing:-.065em;margin:0}.contact-lead{max-width:540px;margin:28px 0 0;font-size:18px;line-height:1.55;color:#476385}.contact-details{display:flex;flex-direction:column;gap:8px;min-width:190px;font-size:14px}.contact-details a{color:#0d244a}.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}.contact-details span{color:#6c7890;margin-top:8px}.contact-layout{max-width:1180px;margin:0 auto;padding:0 6% 100px}.contact-panel{background:#0b2148;color:#f4f8ff;border-radius:24px;padding:46px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.contact-panel h2{font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.05em;margin:8px 0 24px}.contact-panel-copy>p:last-child{color:#c5d9ef;line-height:1.65;max-width:330px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c5d9ef}.contact-form label:nth-of-type(5),.contact-form label:nth-of-type(6),.contact-form button,.contact-form-note{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #3c68a2;border-radius:9px;background:#102e5b;color:#fff;padding:13px 14px;font:inherit;font-size:14px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9eb5d4}.contact-form select{appearance:auto}.contact-form .button{justify-self:start;background:#48bfe9;border-color:#48bfe9;color:#071d40}.contact-form-note{margin:0;color:#9eb5d4;font-size:11px;line-height:1.5}.contact-reviews{padding:45px 0 38px;border-bottom:1px solid #cfe1f4;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.contact-reviews .kicker{margin:0}.review-score{display:flex;align-items:center;gap:10px}.stars{color:#1688d4;letter-spacing:2px;font-size:21px}.review-score strong{font-size:20px}.review-score span:last-child{font-size:12px;color:#6c7890}.contact-reviews>p:last-child{margin:0 0 0 auto;color:#476385;font-size:14px;max-width:310px;line-height:1.5}.contact-projects{padding-top:45px}.contact-projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}.contact-projects-heading h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.055em;margin:8px 0 0}.contact-projects-heading>a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.contact-carousel{overflow:hidden;margin:0 -6vw;padding:10px 6vw 22px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.contact-carousel-track{display:flex;width:max-content;gap:18px;animation:contact-scroll 105s linear infinite}.contact-carousel-group{display:flex;gap:18px}.contact-project-card{width:220px;flex:none;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #0d244a14;transition:transform .25s}.contact-project-card:hover{transform:translateY(-5px)}.contact-project-card img{display:block;width:100%;height:132px;object-fit:cover}.contact-project-card span{display:block;padding:11px 13px 13px;font-size:13px;font-weight:600;color:#0d244a}.contact-project-card small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#6c7890}@keyframes contact-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:850px){.contact-hero{display:block;padding-top:85px}.contact-details{margin-top:34px}.contact-panel{grid-template-columns:1fr;gap:35px;padding:30px}.contact-reviews>p:last-child{margin-left:0}.contact-projects-heading{display:block}.contact-projects-heading>a{display:inline-block;margin-top:16px}}
@media(max-width:600px){.contact-hero{padding-left:7%;padding-right:7%;padding-bottom:50px}.contact-layout{padding-left:7%;padding-right:7%}.contact-panel{padding:25px 20px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-of-type(5),.contact-form label:nth-of-type(6),.contact-form button,.contact-form-note{grid-column:auto}.contact-reviews{align-items:flex-start;flex-direction:column;gap:14px}.contact-carousel{margin-left:-7vw;margin-right:-7vw;padding-left:7vw;padding-right:7vw}.contact-project-card{width:195px}.contact-project-card img{height:115px}}
@media(prefers-reduced-motion:reduce){.contact-carousel-track{animation:none;transform:none}}
.portfolio-review{top:150px}.footer{position:relative}.footer-review{position:absolute;right:4%;bottom:28px;top:auto!important}.footer-review .review-label{display:inline}.footer-review .review-stars{color:#e8a400}@media(max-width:680px){.portfolio-review{top:88px}.footer-review{position:static;margin:20px 0 0 auto}}
.footer-review{position:static!important;align-self:center;margin:0 0 0 auto;transform:scale(.86);transform-origin:right center;white-space:nowrap}.footer-main .footer-review{flex-shrink:0}@media(max-width:680px){.footer-review{margin:12px 0 0;transform:none;align-self:flex-start}.footer-main .footer-review{order:4}}
.header-brand,.work-page .header-brand{width:220px}.header-brand img,.work-page .header-brand img{width:220px}.page-nav{font-weight:700;color:#080b12}.page-nav a{color:#080b12}@media(max-width:680px){.header-brand,.work-page .header-brand{width:160px}.header-brand img,.work-page .header-brand img{width:160px}}
.hero.hero-showcase{grid-template-columns:48% 52%}.hero-showcase h1{max-width:560px}.hero-showcase h1 .gradient{white-space:normal}.hero-showcase .hero-content{padding-right:28px}.hero-showcase .hero-content>p{white-space:normal;max-width:500px}.hero-showcase-art{overflow:visible}

/* Homepage hero direction: Midnight Editorial. Keep the header readable while giving the hero a confident dark-blue stage. */
.home-page .hero.hero-showcase{background:linear-gradient(112deg,#071a3b 0%,#0d244a 58%,#123f78 100%);color:#f7fbff;border-bottom:0;grid-template-columns:44% 56%;min-height:820px;padding-top:172px;padding-bottom:118px}
.home-page .hero-showcase .hero-content{max-width:590px;padding-right:18px}
.home-page .hero-showcase h1{font-size:clamp(48px,5.8vw,88px);line-height:.97;max-width:580px}
.home-page .hero-showcase .hero-content>p{color:#c8d9ee;max-width:470px;margin-top:27px}
.home-page .hero-showcase .hero-reviews{color:#fff;margin-bottom:31px}
.home-page .hero-showcase .hero-reviews small{color:#b8cbe2}
.home-page .hero-showcase .review-label{border-color:#5b759a}
.home-page .hero-showcase .hero-scroll{color:#c8d9ee}
.home-page .hero-showcase .hero-scroll>span{color:#48bfe9}
.home-page .hero-showcase .hero-showcase-art{height:545px}
.home-page .hero-showcase .hero-preview-tech,.home-page .hero-showcase .hero-preview-stay{display:none}
.home-page .hero-showcase .hero-preview-drink{display:block;top:3px;left:7%;width:92%;height:535px;transform:rotate(2deg);border-color:#315884;border-radius:26px;box-shadow:0 28px 55px -20px #020c20b8}
.home-page .hero-showcase .hero-preview-drink img{opacity:.96}
.home-page .hero-showcase .hero-preview-drink:hover{transform:rotate(0) translateY(-5px)}
.home-page .hero-showcase .hero-preview-drink .preview-title{font-size:clamp(26px,3.2vw,46px);top:105px}
.home-page .hero-showcase .hero-preview-drink .preview-caption{font-size:11px;bottom:86px}
.home-page .hero-showcase .hero-preview-drink .preview-cta{font-size:9px;bottom:34px;padding:9px 16px}
@media(max-width:1050px) and (min-width:681px){.home-page .hero.hero-showcase{grid-template-columns:44% 56%;min-height:720px;padding-top:145px}.home-page .hero-showcase .hero-showcase-art{height:430px}.home-page .hero-showcase .hero-preview-drink{height:425px}.home-page .hero-showcase .hero-preview-drink .preview-title{top:78px;font-size:clamp(22px,3vw,34px)}.home-page .hero-showcase .hero-preview-drink .preview-caption{bottom:66px}.home-page .hero-showcase .hero-preview-drink .preview-cta{bottom:25px}}
@media(max-width:680px){.home-page .hero.hero-showcase{background:linear-gradient(160deg,#071a3b 0%,#0d244a 70%,#123f78 100%);grid-template-columns:1fr;min-height:0;padding-top:145px;padding-bottom:88px}.home-page .hero-showcase .hero-content{padding-right:0}.home-page .hero-showcase .hero-showcase-art{height:330px}.home-page .hero-showcase .hero-preview-drink{top:0;left:1%;width:98%;height:315px;border-radius:20px}.home-page .hero-showcase .hero-preview-drink .preview-title{top:60px;font-size:24px}.home-page .hero-showcase .hero-preview-drink .preview-caption{bottom:57px;font-size:7px}.home-page .hero-showcase .hero-preview-drink .preview-cta{bottom:20px;font-size:6px;padding:7px 11px}}

/* Homepage hero direction: Featured Project. A calm content column paired with one lead case study and two supporting cards. */
.home-page .hero.hero-showcase{background:#edf5ff;color:#0d244a;border-bottom:1px solid #cfe1f4;grid-template-columns:44% 56%;min-height:820px;padding-top:172px;padding-bottom:118px}
.home-page .hero-showcase .hero-content{max-width:590px;padding-right:18px}
.home-page .hero-showcase h1{font-size:clamp(48px,5.8vw,88px);line-height:.97;max-width:560px}
.home-page .hero-showcase .hero-content>p{color:#274d7d;max-width:470px;margin-top:27px}
.home-page .hero-showcase .hero-reviews{color:#0d244a;margin-bottom:31px}
.home-page .hero-showcase .hero-reviews small{color:#667c9a}
.home-page .hero-showcase .review-label{border-color:#b7cae1}
.home-page .hero-showcase .hero-scroll{color:#506583}
.home-page .hero-showcase .hero-scroll>span{color:#103f82}
.home-page .hero-showcase .hero-subline{white-space:nowrap}
.home-page .hero-showcase .hero-showcase-art{height:560px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:330px 195px;gap:18px;align-content:start}
.home-page .hero-showcase .hero-preview-tech{display:block;position:relative;grid-column:1/-1;grid-row:1;width:100%;height:330px;left:auto;top:auto;transform:rotate(1deg);border-color:#c2d6ec;border-radius:24px;box-shadow:0 24px 42px -18px #0d244a35}
.home-page .hero-showcase .hero-preview-drink{display:block;position:relative;grid-column:1;grid-row:2;top:auto;left:auto;width:100%;height:195px;transform:rotate(-1deg);border-color:#c2d6ec;border-radius:20px;box-shadow:0 18px 30px -16px #0d244a30}
.home-page .hero-showcase .hero-preview-stay{display:block;position:relative;grid-column:2;grid-row:2;top:auto;right:auto;width:100%;height:195px;transform:rotate(1deg);border-color:#c2d6ec;border-radius:20px;box-shadow:0 18px 30px -16px #0d244a30}
.home-page .hero-showcase .hero-preview-tech:hover{transform:rotate(0) translateY(-5px)}
.home-page .hero-showcase .hero-preview-drink:hover,.home-page .hero-showcase .hero-preview-stay:hover{transform:rotate(0) translateY(-5px)}
@media(max-width:1050px) and (min-width:681px){.home-page .hero.hero-showcase{grid-template-columns:44% 56%;min-height:720px;padding-top:145px}.home-page .hero-showcase .hero-showcase-art{height:450px;grid-template-rows:260px 155px;gap:12px}.home-page .hero-showcase .hero-preview-tech{height:260px}.home-page .hero-showcase .hero-preview-drink,.home-page .hero-showcase .hero-preview-stay{height:155px}.home-page .hero-showcase .hero-preview-tech .preview-title{top:65px}.home-page .hero-showcase .hero-preview-drink .preview-title,.home-page .hero-showcase .hero-preview-stay .preview-title{top:45px;font-size:clamp(16px,2.2vw,25px)}}
@media(max-width:680px){.home-page .hero.hero-showcase{background:#edf5ff;grid-template-columns:1fr;min-height:0;padding-top:145px;padding-bottom:88px}.home-page .hero-showcase .hero-content{padding-right:0}.home-page .hero-showcase .hero-showcase-art{height:470px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 165px;gap:12px}.home-page .hero-showcase .hero-preview-tech{height:260px;border-radius:18px}.home-page .hero-showcase .hero-preview-drink,.home-page .hero-showcase .hero-preview-stay{height:165px;border-radius:15px}.home-page .hero-showcase .hero-preview-tech .preview-title{top:62px;font-size:22px}.home-page .hero-showcase .hero-preview-drink .preview-title,.home-page .hero-showcase .hero-preview-stay .preview-title{top:42px;font-size:16px}.home-page .hero-showcase .hero-preview-drink .preview-caption,.home-page .hero-showcase .hero-preview-stay .preview-caption{bottom:41px;font-size:5px}.home-page .hero-showcase .hero-preview-drink .preview-cta,.home-page .hero-showcase .hero-preview-stay .preview-cta{bottom:13px;font-size:5px;padding:5px 8px}}

/* Restore the original WEBARROW three-card hero layout. */
.home-page .hero.hero-showcase{height:auto;min-height:800px;max-height:none;background:#edf5ff;color:#0d244a;border-bottom:1px solid #cfe1f4;padding:170px 4.3% 125px;display:grid;grid-template-columns:48% 52%;align-items:center;justify-content:initial;text-align:left;overflow:hidden}
.home-page .hero-showcase .hero-content{position:relative;z-index:4;max-width:none;min-width:0;padding-right:28px}
.home-page .hero-showcase h1{font-size:clamp(48px,5.6vw,84px);font-weight:650;line-height:.99;letter-spacing:-.065em;max-width:560px}
.home-page .hero-showcase .hero-content>p{font-size:clamp(12px,1.35vw,19px);color:#274d7d;max-width:500px;margin:29px 0 35px;line-height:1.6;letter-spacing:-.025em;white-space:normal}
.home-page .hero-showcase .hero-reviews{color:#0d244a;margin-bottom:35px}
.home-page .hero-showcase .hero-reviews small{color:#667c9a}
.home-page .hero-showcase .review-label{border-color:#b7cae1}
.home-page .hero-showcase .hero-showcase-art{position:relative;height:540px;display:block;isolation:isolate;min-width:0;margin-left:0;overflow:visible}
.home-page .hero-showcase .hero-preview-tech{display:block;position:absolute;width:88%;height:310px;left:11%;top:0;transform:rotate(6deg);z-index:1}
.home-page .hero-showcase .hero-preview-drink{display:block;position:absolute;top:215px;left:-4%;width:72%;height:310px;transform:rotate(5deg);z-index:2}
.home-page .hero-showcase .hero-preview-stay{display:block;position:absolute;top:300px;right:-2%;width:65%;height:295px;transform:rotate(-3deg);z-index:3}
.home-page .hero-showcase .hero-preview-tech:hover,.home-page .hero-showcase .hero-preview-drink:hover{transform:rotate(2deg) translateY(-5px)}
.home-page .hero-showcase .hero-preview-stay:hover{transform:rotate(0) translateY(-5px)}
.home-page .hero-showcase .hero-scroll{color:#506583}
.home-page .hero-showcase .hero-scroll>span{color:#103f82}
@media(min-width:1500px){.home-page .hero.hero-showcase{padding-left:max(5%,calc((100% - 1400px)/2));padding-right:max(5%,calc((100% - 1400px)/2));min-height:900px}.home-page .hero-showcase-art{height:600px}.home-page .hero-showcase .hero-preview-tech{height:340px}.home-page .hero-showcase .hero-preview-drink{top:245px;height:330px}.home-page .hero-showcase .hero-preview-stay{top:335px;height:315px}}
@media(max-width:1050px) and (min-width:681px){.home-page .hero.hero-showcase{min-height:720px;padding-top:145px;padding-bottom:120px;grid-template-columns:43% 57%}.home-page .hero-showcase-art{height:450px}.home-page .hero-showcase .hero-preview-tech{height:260px}.home-page .hero-showcase .hero-preview-drink{height:255px;top:180px}.home-page .hero-showcase .hero-preview-stay{height:240px;top:255px}.home-page .hero-showcase .hero-reviews{gap:5px;font-size:9px;flex-wrap:wrap;max-width:340px;margin-bottom:26px}.home-page .hero-showcase h1{font-size:5.8vw}.home-page .hero-showcase .preview-caption{font-size:7px;bottom:52px}.home-page .hero-showcase .preview-title{top:65px}.home-page .hero-showcase .preview-cta{bottom:20px;font-size:6px}.home-page .hero-showcase .preview-menu{display:none}}
@media(max-width:680px){.home-page .hero.hero-showcase{padding:145px 6% 90px;min-height:0;grid-template-columns:1fr;gap:40px}.home-page .hero-showcase .hero-content{padding-right:0}.home-page .hero-showcase h1{font-size:clamp(49px,10.7vw,70px);line-height:1.02}.home-page .hero-showcase .hero-content>p{font-size:14px;max-width:330px;margin:24px 0 27px}.home-page .hero-showcase-art{height:390px;margin:0 2% 12px}.home-page .hero-showcase .hero-preview-tech{width:88%;height:215px;left:9%;top:5px}.home-page .hero-showcase .hero-preview-drink{width:74%;height:215px;top:150px;left:-2%}.home-page .hero-showcase .hero-preview-stay{width:68%;height:200px;top:213px;right:-1%}.home-page .hero-showcase .preview-brand{left:15px;top:14px;font-size:13px}.home-page .hero-showcase .preview-menu{display:none}.home-page .hero-showcase .preview-title,.home-page .hero-showcase .hero-preview-drink .preview-title,.home-page .hero-showcase .hero-preview-stay .preview-title{left:16px;top:49px;font-size:20px}.home-page .hero-showcase .preview-caption,.home-page .hero-showcase .hero-preview-stay .preview-caption{left:16px;font-size:6px;bottom:48px}.home-page .hero-showcase .preview-cta{left:16px;bottom:16px;font-size:5px;padding:6px 9px}.home-page .hero-showcase .hero-scroll{font-size:11px;bottom:23px;left:6%;gap:12px}.home-page .hero-showcase .hero-scroll>span{font-size:22px}}

/* Responsive navigation and a stable contact-page project marquee. */
@media(max-width:850px){
  .home-page .header,.work-page .header,.contact-page .header{flex-wrap:wrap;row-gap:10px}
  .home-page .header .desktop-nav,.work-page .header .desktop-nav,.contact-page .desktop-nav{display:flex;position:static;left:auto;transform:none;order:3;width:100%;justify-content:center;gap:16px;flex-wrap:wrap;font-size:11px}
  .contact-page .header .desktop-nav{justify-content:flex-start}
  .contact-page .header-actions{display:none}
}
@media(max-width:600px){
  .home-page .header .desktop-nav,.work-page .header .desktop-nav,.contact-page .desktop-nav{gap:10px;font-size:10px;letter-spacing:.04em}
  .contact-page .header .desktop-nav{line-height:1.3}
}
.contact-carousel-track{animation-name:contact-scroll-left;will-change:transform}
.contact-carousel-group{flex:0 0 auto}
@keyframes contact-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Keep the primary navigation identical across home, work and contact pages. */
.home-page .desktop-nav,.work-page .desktop-nav,.contact-page .desktop-nav{font-size:13px;font-weight:700;letter-spacing:.06em}
.home-page .desktop-nav a,.work-page .desktop-nav a,.contact-page .desktop-nav a{text-transform:uppercase}

/* Hero motion composes with the existing card rotations, positions and layers. */
.home-page .hero-showcase .hero-preview{
  --hero-card-angle:6deg;
  --hero-hover-lift:0px;
  transform:perspective(1200px) translate3d(var(--hero-pointer-x,0px),calc(var(--hero-pointer-y,0px) + var(--hero-hover-lift)),0) rotateX(var(--hero-pointer-rx,0deg)) rotateY(var(--hero-pointer-ry,0deg)) rotate(var(--hero-card-angle));
  box-shadow:0 24px 42px -18px #0d244a35,0 5px 12px -8px #0d244a24;
  transition:transform .65s cubic-bezier(.2,.65,.3,1),box-shadow .65s ease;
}
.home-page .hero-showcase .hero-preview-drink{--hero-card-angle:5deg}
.home-page .hero-showcase .hero-preview-stay{--hero-card-angle:-3deg}
/* Override the old hover rotations without changing the established z-index. */
.home-page .hero-showcase .hero-preview:hover{
  transform:perspective(1200px) translate3d(var(--hero-pointer-x,0px),calc(var(--hero-pointer-y,0px) + var(--hero-hover-lift)),0) rotateX(var(--hero-pointer-rx,0deg)) rotateY(var(--hero-pointer-ry,0deg)) rotate(var(--hero-card-angle));
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .home-page .hero-showcase .hero-preview:hover{
    --hero-hover-lift:-4px;
    box-shadow:0 30px 52px -18px #0d244a45,0 8px 16px -9px #0d244a2a;
  }
}
@media(prefers-reduced-motion:no-preference){
  .home-page .hero-showcase .hero-preview{animation:webarrow-hero-float 8s ease-in-out -1s infinite}
  .home-page .hero-showcase .hero-preview-drink{animation-duration:10s;animation-delay:-4s;--hero-float-distance:-10px}
  .home-page .hero-showcase .hero-preview-stay{animation-duration:12s;animation-delay:-7s;--hero-float-distance:-12px}
  .home-page .hero-showcase h1 .gradient{
    background-size:100% 100%;
    animation:webarrow-hero-blue 24s ease-in-out infinite alternate;
  }
  .home-page .hero-showcase:not(.hero-motion-idle) .hero-preview{will-change:transform,translate}
  .home-page .hero-showcase.hero-motion-idle .hero-preview,
  .home-page .hero-showcase.hero-motion-idle h1 .gradient{animation-play-state:paused}
}
@keyframes webarrow-hero-float{
  0%,100%{translate:0 0}
  50%{translate:0 var(--hero-float-distance,-8px)}
}
@keyframes webarrow-hero-blue{
  from{background-size:100% 100%;background-position:0% 50%}
  to{background-size:140% 100%;background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-showcase .hero-preview,
  .home-page .hero-showcase .hero-preview:hover{
    animation:none;
    translate:none;
    transform:rotate(var(--hero-card-angle));
    transition:none;
    will-change:auto;
  }
  .home-page .hero-showcase h1 .gradient{animation:none;background-size:100% 100%;background-position:0% 50%}
}