/* Owner corrections: calm glass surfaces, centered scroll compositions. */
.nav-links a::after{display:none!important}
#about>.bio-tabs{display:flex;width:max-content;max-width:100%;margin:60px auto 40px}
.about-art{background:var(--paper)!important}
.process-scroll,[data-theme=dark] .process-scroll{background:var(--paper)!important}
.process-sticky{background:#dfe2e8;color:#202329;}
[data-theme=dark] .process-sticky{background:#15181e;color:#eef1f7}
.process-panel p,.process-steps button{color:inherit}
.process-steps button{border-color:currentColor}
.industry-panel,.industry-panel:nth-child(2),.industry-panel:nth-child(3){background:linear-gradient(135deg,#edededed,#e2e2e2db)!important;border:1px solid #ffffffa0;backdrop-filter:blur(26px);min-height:calc(88svh - 100px);grid-template-columns:1fr 1fr;gap:6vw;padding-block:55px!important;filter:none}
[data-theme=dark] .industry-panel,[data-theme=dark] .industry-panel:nth-child(2),[data-theme=dark] .industry-panel:nth-child(3){background:linear-gradient(135deg,#323232ee,#1f1f1fdb)!important;border-color:#cecece25;}
.industry-panel:nth-child(2){background:linear-gradient(135deg,#e6e6e6f2,#d7d7d7e6)!important}
[data-theme=dark] .industry-panel:nth-child(2){background:linear-gradient(135deg,#3a3a3af2,#292929e6)!important}
.industry-copy h3{font-size:clamp(58px,8vw,124px);margin-bottom:25px}
.industry-copy p{font-size:clamp(18px,1.7vw,25px)}
.chapter-card{width:100%;max-width:520px;justify-self:end}
.chapter-media{height:clamp(260px,45svh,490px);transform:rotateY(-4deg) rotateZ(1deg);border-radius:12px}
.chapter-media img{object-fit:cover;object-position:center}
.gallery-controls{background:none!important;border:0!important;backdrop-filter:none!important;padding:0!important;width:min(620px,80vw)!important}
.gallery-controls>button{display:none!important}.gallery-current{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
.gallery-control-main{display:block;width:100%}.gallery-range{height:52px!important}
.gallery-range::-webkit-slider-thumb{width:38px;height:28px;margin-top:-12.5px;border-radius:12px;transition:width 360ms cubic-bezier(.22,1,.36,1),box-shadow 240ms ease-out;background-color:color-mix(in srgb,var(--paper) 70%,#8c8f95);}
.gallery-range:active::-webkit-slider-thumb{width:58px;}
.gallery-range::-moz-range-thumb{width:38px;height:28px;border-radius:12px}
.cycle-scroll{height:420svh;position:relative}
body[data-page=approach] .cycle-scroll>.design-cycle{position:sticky;top:0;height:100svh;min-height:660px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:78px var(--gutter) 25px;overflow:clip;background:transparent}
body[data-page=approach] .cycle-diagram{width:min(680px,58svh);height:min(680px,58svh);flex:0 0 auto;margin:0 auto;order:0}
body[data-page=approach] .cycle-detail{width:min(1040px,100%);max-width:none;margin:0 auto;order:1}
body[data-page=approach] .cycle-panels{min-height:175px}
body[data-page=approach] .cycle-panel{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;text-align:left;margin:0}
body[data-page=approach] .cycle-panel[hidden]{display:none}
body[data-page=approach] .cycle-panel h3{font-size:clamp(36px,4.2vw,64px);grid-row:1 / span 2;margin:0;max-width:12em}
body[data-page=approach] .cycle-panel p{font-size:clamp(17px,1.55vw,22px);margin:0}
body[data-page=approach] .cycle-panel ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:15px 0 0;font-size:13px}
body[data-page=approach] .cycle-panel li{border:0;padding:0}
.cycle-tab{background:transparent!important;}
.cycle-tab::after{display:none}.cycle-auto{display:none}
.cycle-scroll.is-static{height:auto}.cycle-scroll.is-static>.design-cycle{position:relative!important;height:auto!important}
.practice-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-top:100px;padding-bottom:140px;transform:none!important}
.practice-detail h2{font-size:clamp(40px,5vw,74px);position:sticky;top:150px;align-self:start;max-width:9em;margin:0}
.practice-grid{display:flex;flex-direction:column;gap:55px}
.practice-grid article{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:45px;border-bottom:1px solid var(--line)}
.practice-grid h3{font-size:clamp(32px,3.3vw,48px);margin:0}.practice-grid p{max-width:34em;margin:0;font-size:clamp(18px,1.7vw,23px)}
[data-page=approach] .service-rows{gap:55px 65px}
[data-page=approach] .service-rows>a{position:relative;min-height:430px;padding:295px 0 30px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}
[data-page=approach] .service-rows>a h3{margin:0;max-width:100%}
[data-page=approach] .service-rows>a p{margin:0;max-width:100%}
[data-page=approach] .service-preview{position:absolute!important;top:0!important;left:0!important;right:auto!important;width:100%!important;height:275px!important;transform:none!important;opacity:1}
.about-statement{padding:80px var(--gutter) 140px;max-width:1500px;margin:0 auto}
.about-statement p{font-size:clamp(42px,6.8vw,100px);line-height:1.12;letter-spacing:-.055em;margin:0;max-width:15em}
.about-statement span{color:color-mix(in srgb,var(--ink) calc(45% + var(--word-fill,0)*55%),var(--paper));transition:color 120ms linear}   /* (22 Oct, jury F9) a word waiting for the fill is still read: 45% ink is 3.4:1 on paper (it was 18%, 1.6:1) */
.career-detail{transform:none!important}.career-detail .section-heading{grid-template-columns:1.35fr .65fr;align-items:end;gap:6vw}
.career-detail .section-heading h2{max-width:12em;font-size:clamp(44px,6vw,88px);line-height:1.04}
.career-row{padding:44px 0}.career-row h3{font-size:clamp(28px,3.2vw,46px)}
body[data-page=about] .page-opening .about-profile{margin-top:10px;margin-bottom:0}
.portrait-glass{width:98px!important;height:116px!important;flex-basis:98px!important}
.portrait-glass.portrait-docked{position:fixed!important;left:22px!important;bottom:20px!important;z-index:45;filter:none}
.hero-person:has(.portrait-docked)::before{content:'';width:98px;height:116px;flex:0 0 98px}
@media(max-width:700px){.cycle-scroll{height:380svh}body[data-page=approach] .cycle-scroll>.design-cycle{padding:86px 22px 20px;min-height:600px;justify-content:center}body[data-page=approach] .cycle-diagram{width:min(96vw,46svh);height:min(96vw,46svh);max-width:100%}body[data-page=approach] .cycle-panel{display:block;text-align:center}body[data-page=approach] .cycle-panel h3{font-size:36px;max-width:100%;margin:0 0 15px}body[data-page=approach] .cycle-panel p{font-size:16px;line-height:1.45}body[data-page=approach] .cycle-panel ul{justify-content:center;font-size:12px;gap:4px 12px}body[data-page=approach] .cycle-panels{min-height:220px}.practice-detail{display:block;padding-block:70px}.practice-detail h2{position:static;max-width:13em;margin-bottom:55px}.practice-grid{gap:30px}.industry-panel{min-height:0;gap:25px;padding:30px 24px!important;grid-template-columns:1fr}.chapter-card{max-width:100%}.chapter-media{height:34svh;transform:none}.industry-copy h3{font-size:58px}.industry-copy p{font-size:17px}.chapter-caption{margin-top:12px}.about-statement{padding-top:30px;padding-bottom:90px}.career-detail .section-heading{grid-template-columns:1fr;gap:25px}.portrait-glass{width:70px!important;height:88px!important;flex-basis:70px!important}.portrait-glass.portrait-docked{display:none}.hero-person:has(.portrait-docked)::before{width:70px;height:88px;flex-basis:70px}}
@media(prefers-reduced-motion:reduce){.about-statement span{color:var(--ink);transition:none}.gallery-range::-webkit-slider-thumb{transition:none}.portrait-glass.portrait-docked{display:none}.cycle-scroll{height:auto!important}.cycle-scroll>.design-cycle{position:relative!important;height:auto!important}.practice-detail,.career-detail{transform:none!important}}

.process-shade{background:none!important}.process-controls .process-tab{color:inherit}.process-tab::before,.process-tab::after,.process-progress>span{background:currentColor!important}.process-tab{border-color:color-mix(in srgb,currentColor 25%,transparent)!important}.portrait-anchor{display:block;width:98px;height:116px;flex:0 0 98px}.hero-person:has(.portrait-docked)::before{display:none}@media(max-width:700px){.portrait-anchor{width:70px;height:88px;flex-basis:70px}}
/* Latest owner notes: clean edges, larger editorial copy and quiet logo stream. */
.site-header .glass-nav,.site-header.is-scrolled .glass-nav,.site-header .glass-nav.has-backdrop-optics,[data-theme=dark] body:has(.hero-frame) .site-header:not(.is-scrolled) .glass-nav{}
.glass-nav::before,.glass-nav::after,.glass-nav .nav-optics{filter:none}
#about .about-intro{grid-template-columns:38% 62%;gap:0;position:relative}
#about .about-intro>.about-profile{width:125%;position:relative;z-index:0}
#about .about-intro>p[data-scroll-fill]{position:relative;z-index:1;font-size:clamp(38px,4.7vw,76px);line-height:1.13;letter-spacing:-.045em;align-self:center;margin-left:-3vw;--ink:#4a4d53;--muted:#aaadb3}
[data-theme=dark] #about .about-intro>p[data-scroll-fill]{--ink:#c8cbd1;--muted:#5c5f65}
#about .about-intro>.about-support{position:relative;z-index:1;margin-left:-3vw;max-width:34em}
.logo-marquee .about-logo-block,.logo-marquee .about-logo-block:hover{background:transparent!important;color:var(--ink)!important;cursor:default;transform:none!important;transition:none!important;width:clamp(400px,39vw,650px);height:clamp(180px,20vw,280px);padding:20px 34px}
.logo-marquee .about-inner{display:grid;place-items:center;width:100%;height:100%}
.logo-marquee .about-logo-block img,.logo-marquee .about-logo-block svg{width:100%;max-width:100%;height:150px;max-height:150px;object-fit:contain}
.logo-marquee.is-in-view:hover .logo-lane{animation-play-state:running}
.logo-marquee:focus-within .logo-lane{animation-play-state:paused}
@media(max-width:700px){#about .about-intro{display:flex;gap:12px}#about .about-intro>.about-profile{width:100%}#about .about-intro>p[data-scroll-fill]{font-size:clamp(32px,8.8vw,48px);margin:-52px 0 0}#about .about-intro>.about-support{margin:12px 0 0}.logo-marquee .about-logo-block{width:310px;height:170px;padding:15px 25px}.logo-marquee .about-logo-block img,.logo-marquee .about-logo-block svg{height:115px;max-height:115px}}
@media(prefers-reduced-motion:reduce){.logo-marquee.is-in-view:hover .logo-lane{animation:none}}
/* Static original-art fallback shares the page palette while WebGL loads. */
.scene-art:not(.scene-ready) .scene-poster{filter:grayscale(1);opacity:.16;mix-blend-mode:luminosity}
.process-art:not(.scene-ready){background:#dfe2e8}.about-art:not(.scene-ready){background:var(--paper)}
[data-theme=dark] .process-art:not(.scene-ready){background:#15181e}

.industry-stack{overflow-x:clip;overflow-y:visible}

/* Owner: suspend portrait and remove the bottom process strip. */
.portrait-glass,.portrait-anchor{display:none!important}.process-progress{display:none!important}

/* Owner: quiet Webflow-style overlapping project crops, compact route labels. */
.industry-panel,.industry-panel:nth-child(2),.industry-panel:nth-child(3){background:linear-gradient(140deg,#eff2f8,#e9ecf2)!important;border:0!important;backdrop-filter:none;border-radius:24px;padding:45px 42px!important;gap:4vw;min-height:calc(76svh - 60px)}
[data-theme=dark] .industry-panel,[data-theme=dark] .industry-panel:nth-child(2),[data-theme=dark] .industry-panel:nth-child(3){background:linear-gradient(140deg,#171a20,#14171d)!important;border:0!important;}
.industry-panel:nth-child(2){background:linear-gradient(140deg,#eaedf3,#e6e9ef)!important}
[data-theme=dark] .industry-panel:nth-child(2){background:linear-gradient(140deg,#1c1f25,#171a20)!important}
.industry-copy h3{font-size:clamp(52px,6.2vw,100px)}
.chapter-cluster{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding-block:50px;isolation:isolate;position:relative}
.chapter-cluster .chapter-card{width:clamp(130px,20vw,265px);max-width:none;flex-shrink:0;position:relative;z-index:3}
.chapter-cluster .chapter-media,.chapter-related{width:clamp(130px,20vw,265px);height:auto;aspect-ratio:1;overflow:hidden;border-radius:50%;transform:none;border:4px solid var(--paper)}
.chapter-related{display:block;flex-shrink:0;position:relative;margin-left:-11vw;margin-top:-54px;z-index:2}
.chapter-related:last-child{margin-top:45px;z-index:1}
.chapter-cluster img{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.chapter-related:hover,.chapter-related:focus-visible{z-index:4}
.chapter-cluster .chapter-caption{position:absolute;left:0;top:100%;margin-top:18px;white-space:nowrap;font-size:16px}
.chapter-card:hover .chapter-media{transform:none}
.page-shutter .shutter-label{position:relative;text-align:center;display:grid;gap:14px;place-items:center}
.page-shutter .shutter-name{font-size:clamp(24px,3.2vw,44px);font-weight:400;letter-spacing:-.035em;line-height:1.2;text-transform:none;max-width:80vw;text-wrap:balance}
.page-shutter .shutter-note{font-size:12px;letter-spacing:0;line-height:1.4;color:var(--muted);text-transform:none}
[data-theme=dark] .site-header .glass-nav,[data-theme=dark] body:has(.hero-frame) .site-header:not(.is-scrolled) .glass-nav{--nav-ink:#f3f6fc;color:#f3f6fc;--nav-fill:#1f1f1fc4}
.site-header .nav-contact:is(:hover,.is-active){background:#55585e!important;color:#fff!important;}
@media(max-width:700px){.industry-panel{padding:32px 24px!important;min-height:0;gap:8px}.industry-copy h3{font-size:54px}.chapter-cluster{justify-content:center;padding:40px 0 55px}.chapter-cluster .chapter-card,.chapter-cluster .chapter-media,.chapter-related{width:clamp(130px,43vw,205px)}.chapter-related{margin-left:-22vw;margin-top:-35px}.chapter-related:last-child{margin-top:35px}.chapter-cluster .chapter-caption{font-size:14px}}
/* Flatten each sticky chapter so previous captions cannot pierce the next panel. */
.industry-panel{transform:scale(calc(1 - var(--stack-depth,0)*.035)) translateY(calc(var(--stack-depth,0)*-12px))!important;transform-origin:center top;transform-style:flat;isolation:isolate;z-index:calc(var(--chapter-index) + 1)}
.industry-panel:focus-within{z-index:10;transform:none!important}
@media(max-width:700px),(prefers-reduced-motion:reduce){.industry-panel{transform:none!important}}

/* One palette, three different project compositions. */
.chapter-cluster{display:block;height:clamp(310px,34vw,430px);padding:0;position:relative}
.chapter-cluster .chapter-card{position:absolute;width:73%;left:3%;top:16%;z-index:3;transform:rotate(-6deg)}
.chapter-cluster .chapter-media{width:100%;aspect-ratio:1.25;border:0;border-radius:12px}
.chapter-related{position:absolute;width:48%;aspect-ratio:.85;left:49%;top:0;margin:0;z-index:1;border:0;border-radius:10px;transform:rotate(9deg)}
.chapter-related:last-child{width:35%;aspect-ratio:1;left:0;top:58%;margin:0;z-index:4;transform:rotate(-12deg)}
.chapter-cluster .chapter-caption{position:static;margin-top:16px;font-size:16px}
.chapter-cluster img{object-position:50% 75%}
.industry-panel:nth-child(2) .chapter-cluster .chapter-card{width:64%;left:0;top:18%;transform:none}
.industry-panel:nth-child(2) .chapter-media{aspect-ratio:1;border-radius:50%}
.industry-panel:nth-child(2) .chapter-related{width:36%;left:65%;top:2%;aspect-ratio:1;border-radius:10px;transform:rotate(8deg)}
.industry-panel:nth-child(2) .chapter-related:last-child{left:67%;top:54%;width:31%;transform:rotate(-8deg);z-index:1}
.industry-panel:nth-child(3){grid-template-columns:1.12fr 1fr}
.industry-panel:nth-child(3) .chapter-cluster{order:-1}
.industry-panel:nth-child(3) .chapter-cluster .chapter-card{width:82%;left:0;top:10%;transform:none}
.industry-panel:nth-child(3) .chapter-media{aspect-ratio:1.2;border-radius:10px}
.industry-panel:nth-child(3) .chapter-related{width:34%;left:63%;top:52%;aspect-ratio:.85;z-index:4;transform:rotate(10deg)}
.industry-panel:nth-child(3) .chapter-related:last-child{width:27%;left:70%;top:0;z-index:1;transform:rotate(-8deg)}
.chapter-related:focus-visible,.chapter-card:focus-visible{outline:2px solid var(--blue);outline-offset:5px;z-index:6}
[data-theme=dark] .site-header .brand img{filter:brightness(0) invert(1)}

/* A short scroll cue with an original interlocking-loop mark. */
.hero-explore.hero-orbit{width:120px;height:120px;background:none!important;border:0}
.hero-explore .hero-orbit-ring{width:120px;height:120px;font-size:10px;letter-spacing:1px;animation-duration:30s}
.hero-orbit-center{inset:27px}
.hero-explore .hero-orbit-center svg{width:58px;height:58px;opacity:1;transform:none;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.hero-orbit:hover .hero-orbit-center svg{transform:rotate(-22deg) scale(1.08)}}
.service-rows>a .service-description{font-size:clamp(16px,1.4vw,19px);line-height:1.5;max-width:31em;margin:8px 0 0;color:var(--muted)}
body[data-page=home] .service-rows>a{min-height:285px;gap:13px;color:var(--ink)}
body[data-page=approach] .service-rows>a{min-height:470px}

/* Give the cycle more stage space and keep its explanation compact. */
body[data-page=approach] .cycle-diagram{width:min(760px,67svh);height:min(760px,67svh)}
body[data-page=approach] .cycle-scroll>.design-cycle{padding-top:72px;padding-bottom:18px}
body[data-page=approach] .cycle-panel h3{font-size:clamp(28px,3vw,44px);max-width:15em}
body[data-page=approach] .cycle-panel p{font-size:clamp(15px,1.3vw,18px);line-height:1.45}
body[data-page=approach] .cycle-panel ul{font-size:12px;margin-top:12px}
body[data-page=approach] .cycle-panels{min-height:125px}
.cycle-tab{font-size:clamp(13px,1.25vw,17px)}

/* Compact product feature and a continuous page-to-water colour field. */
.pass-feature{min-height:0!important;padding:60px 4vw!important;grid-template-columns:1fr 1.1fr;gap:4vw;align-items:center}
.pass-feature .pass-copy h2{font-size:clamp(42px,4.6vw,76px)}
.pass-feature .pass-copy>p{max-width:26em;font-size:clamp(17px,1.5vw,22px);margin:26px 0}
.pass-feature .pass-image{min-height:0!important;height:clamp(260px,28vw,390px);align-self:center}
.pass-feature .pass-image img{height:100%;object-fit:contain;width:112%;margin-left:-6%}
footer{--footer-blend:#e3e6ec;background:linear-gradient(180deg,var(--paper) 0%,var(--footer-blend) 34%,var(--footer-blend) 58%,var(--paper) 94%)!important;padding-top:clamp(110px,12vw,180px)}
[data-theme=dark] footer{--footer-blend:#191c22}
.footer-art{mask-image:linear-gradient(transparent,#000 30% 77%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30% 77%,transparent)}
.battle-section{transform:none!important}
.battle-screen{width:min(880px,100%);margin:0 auto;background:#0c0f15;border-radius:10px}
.battle-section>.section-heading{align-items:center;gap:5vw}
.battle-section .section-heading h2{font-size:clamp(42px,5.8vw,86px)}
.battle-section>p,.battle-section>a{display:block;width:min(880px,100%);max-width:none;margin:24px auto 0}
.battle-section>a{font-size:16px;margin-top:10px;width:max-content;max-width:100%;min-height:44px}
.battle-unavailable{position:absolute;inset:auto 20px 20px;padding:14px;background:#13161c;color:#fff;font-size:15px}

/* The same authored mark ties arrival, navigation and the scroll cue together. */
.motion-mark{width:62px;height:62px;overflow:visible;color:var(--ink)}
.page-shutter .shutter-label{gap:14px}
.page-shutter .motion-mark{margin-bottom:10px;animation:mark-turn 6s linear infinite}
.page-shutter .shutter-plane{border-radius:0}
.portfolio-loader .loader-sign{position:absolute;left:50%;bottom:25%;transform:translateX(-50%);color:var(--hero-ink)}
.portfolio-loader .loader-sign .motion-mark{width:38px;height:38px;color:inherit;animation:mark-turn 5s linear infinite}
.portfolio-loader .loader-word{bottom:18%!important;font-size:clamp(30px,4vw,56px)!important;letter-spacing:-.055em!important}
.portfolio-loader .loader-status{bottom:12%;font-size:12px;text-transform:none}
.loader-ready .loader-sign{opacity:0;transition:opacity 180ms ease-out}
@keyframes mark-turn{to{transform:rotate(360deg)}}
@media(max-width:700px){
 .industry-panel,.industry-panel:nth-child(3){grid-template-columns:1fr;padding:32px 24px!important}
 .chapter-cluster{height:310px;margin-top:15px;width:100%}
 .industry-panel:nth-child(3) .chapter-cluster{order:0}
 .chapter-cluster .chapter-card{width:70%}.chapter-cluster .chapter-media{width:100%}
 .chapter-related,.industry-panel:nth-child(3) .chapter-related{width:42%}
 .industry-copy h3{font-size:50px;margin-bottom:18px}
 .hero-explore.hero-orbit,.hero-explore .hero-orbit-ring{width:102px;height:102px}.hero-explore.hero-orbit{margin-right:10px}
 .hero-orbit-center{inset:24px}.hero-explore .hero-orbit-center svg{width:48px;height:48px}
 body[data-page=home] .service-rows>a{min-height:240px}
 body[data-page=home] .service-rows>a p,body[data-page=home] .service-rows>a h3{max-width:100%}
 body[data-page=approach] .service-rows>a{min-height:440px}
 body[data-page=approach] .cycle-diagram{width:min(96vw,55svh);height:min(96vw,55svh)}
 body[data-page=approach] .cycle-scroll>.design-cycle{padding:72px 20px 20px;min-height:660px}
 body[data-page=approach] .cycle-panel h3{font-size:28px;margin-bottom:12px;max-width:none}
 body[data-page=approach] .cycle-panel p{font-size:15px}body[data-page=approach] .cycle-panels{min-height:178px}
 .pass-feature{grid-template-columns:1fr;padding:40px 25px!important;gap:15px}.pass-feature .pass-copy h2{font-size:42px}.pass-feature .pass-image{height:225px}
 footer{padding-top:100px}.battle-section{padding-block:60px}.battle-section>.section-heading{display:block}.battle-section>.section-heading p{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.motion-mark,.portfolio-loader .loader-sign .motion-mark{animation:none}.hero-explore .hero-orbit-center svg{transition:none}}

.page-shutter .motion-mark{color:#eef1f7}.page-shutter .shutter-note{color:#bfc2c8}.battle-screen{min-height:200px}
.industry-panel:first-child .chapter-caption{position:absolute;left:auto;right:0;top:100%;transform:rotate(6deg)}
body[data-page=home] .service-preview{width:clamp(180px,23vw,285px);height:clamp(180px,23vw,285px);right:10%}
@media(max-width:700px){body[data-page=home] .service-preview{width:180px;height:180px;right:0}}