@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-500-normal.woff2) format("woff2")}
@font-face{font-display:swap;font-family:"Barlow Condensed Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:84.7%;ascent-override:118%;descent-override:23.6%;line-gap-override:0%}
@font-face{font-display:swap;font-family:"Barlow Fallback";src:local("Arial");size-adjust:95.5%;ascent-override:104.7%;descent-override:20.9%;line-gap-override:0%}

:root{
  --display:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",Arial,sans-serif;
  --text:"Barlow","Barlow Fallback",Arial,sans-serif;
  --gap:24px;
  --nav-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);font-size:var(--step-body);line-height:1.5;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,figure{margin:0;padding:0}
ul{list-style:none}
a{color:inherit}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.experience :focus-visible,.value :focus-visible,.footer :focus-visible{outline-color:var(--on-dark)}

.wrap{padding-inline:var(--margin);max-width:1920px;margin-inline:auto}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
@media (max-width:700px){:root{--gap:16px}}

/* type */
.lead{font-size:var(--step-lead);line-height:1.35;font-weight:400}
.caption{font-size:var(--step-small);color:var(--muted);margin-top:16px;max-width:60ch}
h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-0.02em;line-height:.9}
.head-2{font-size:var(--step-head);text-wrap:balance}
.display-2{font-size:var(--step-display);text-wrap:balance}
p{max-width:64ch;font-size:var(--step-body);color:inherit}
.lead{font-size:var(--step-lead)}

/* links and buttons */
.tlink,.foot-links a,.foot-legal a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;transition:text-decoration-thickness .2s var(--ease)}
.tlink:hover,.foot-links a:hover,.foot-legal a:hover{text-decoration-thickness:.18em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--accent);color:var(--accent-ink);font:500 var(--step-body)/1 var(--text);text-decoration:none;border:0;border-radius:0;cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease)}
.btn:hover{background:#1b45b4}
.btn:active{transform:scale(.97)}
.confirm{background:var(--confirm);color:var(--ink);padding:.1em .3em}

/* nav */
.nav{position:relative;z-index:5;background:var(--bg)}
.nav-in{display:flex;align-items:center;gap:32px;min-height:var(--nav-h);padding-inline:var(--margin);max-width:1920px;margin-inline:auto}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.75rem;line-height:1;text-decoration:none}
.mark{width:40px;height:40px;flex:none}
.nav-links{display:flex;gap:32px;margin-left:auto;margin-right:8px}
.nav-links a{font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.08em;text-underline-offset:.18em;display:inline-block;padding:12px 0;transition:text-decoration-color .2s var(--ease)}
.nav-links a:hover{text-decoration-color:currentColor}
.menu-btn{display:none;font:500 var(--step-body)/1 var(--text);background:none;border:0;color:inherit;min-height:48px;padding:0 4px;cursor:pointer;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}
.compact{position:fixed;inset:0 0 auto 0;z-index:20;background:var(--bg);transform:translateY(-100%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
.compact.on{transform:none;visibility:visible;transition:transform .45s var(--ease),visibility 0s}
.compact-in{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding-inline:var(--margin);max-width:1920px;margin-inline:auto}

@media (max-width:860px){
  .nav-in{flex-wrap:wrap;gap:0 16px;min-height:64px}
  .menu-btn{display:block;margin-left:auto}
  .nav-links{order:5;flex-basis:100%;flex-direction:column;gap:0;margin:0;overflow:hidden}
  .js .nav-links{display:none}
  .js .nav-links.open{display:flex;padding-bottom:12px}
  .nav-links a{padding:14px 0;font-size:var(--step-lead)}
}
@media (max-width:480px){.wordmark{font-size:1.375rem;gap:8px}.mark{width:28px;height:28px}.nav-in{gap:0 12px}.nav-call{padding:0 16px}}

/* reveal */
.js .rise{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
.js .rise.in{opacity:1;transform:none}

/* hero */
.hero{padding:clamp(16px,3vh,40px) 0 clamp(48px,6vw,96px)}
.hero-head{container-type:inline-size}
.hero h1{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-0.02em;line-height:.9;font-size:min(var(--step-display),12cqw)}
/* headline: the three verbs each in their own field, the joining words small */
.hero h1{font-size:10cqw;line-height:.88}
.hero h1 .h-we,.hero h1 .h-biz,.hero h1 .h-and{display:block;font-size:.42em;letter-spacing:0}
.hero h1 .h-we{margin-bottom:.18em}
.hero h1 .h-biz{margin-top:.22em}
.hero h1 .h-and{display:inline-block;font-size:.32em;color:var(--muted);align-self:center}
.verbs{display:flex;flex-wrap:wrap;align-items:stretch;gap:.12em}
.v{display:inline-block;padding:.1em .22em .06em;border-radius:var(--radius);transition:transform .45s var(--ease),outline-offset .45s var(--ease)}
.v-buy{background:var(--field-dark);color:var(--on-dark)}
.v-tr{background:var(--accent);color:var(--accent-ink)}
.v-gr{background:var(--band-3);color:var(--band-3-ink)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* the verb of the picture showing now is marked */
#hero-h1[data-on="0"] .v-buy,#hero-h1[data-on="1"] .v-tr,#hero-h1[data-on="2"] .v-gr{outline:4px solid var(--ink);outline-offset:4px}
@media (max-width:700px){
  .hero h1{font-size:17cqw}
  .verbs{flex-direction:column;align-items:flex-start;gap:.1em}
  .hero h1 .h-and{font-size:.3em;margin:.05em 0 .05em .1em;align-self:flex-start}
}
.hero-line{margin-top:clamp(32px,4vw,48px);max-width:36ch}
/* hero picture show: four slides cross fade, each zooms slowly while it shows */
.show{margin-top:clamp(32px,3vw,48px)}
.hero-frame{position:relative;aspect-ratio:21/9;overflow:hidden;border-radius:var(--radius);background:var(--surface)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.js .slide img{transform:scale(1.08);transition:transform 5s linear}
.js .slide.on img{transform:scale(1)}
.slide figcaption{position:absolute;left:clamp(12px,2vw,32px);bottom:clamp(12px,2vw,32px);max-width:min(30ch,calc(100% - 24px));background:var(--field-dark);color:var(--on-dark);font-size:var(--step-lead);line-height:1.25;padding:clamp(12px,1.4vw,20px) clamp(14px,1.6vw,24px);border-radius:var(--radius);transform:translateY(12px);opacity:0;transition:opacity .6s var(--ease) .35s,transform .6s var(--ease) .35s}
.slide.on figcaption{transform:none;opacity:1}
.show-pause{display:none;position:absolute;top:clamp(12px,1.6vw,24px);right:clamp(12px,1.6vw,24px);min-height:44px;padding:0 18px;font:500 var(--step-small)/1 var(--text);color:var(--on-dark);background:var(--field-dark);border:0;border-radius:var(--radius);cursor:pointer}
.js .show-pause{display:block}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:16px;list-style:none;padding:0;margin-bottom:0}
.step{position:relative;width:100%;min-height:56px;padding:14px 0 12px;text-align:left;background:none;border:0;color:var(--muted);font:700 var(--step-lead)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;cursor:pointer;transition:color .3s var(--ease)}
.step i{position:absolute;left:0;right:0;top:0;height:3px;background:var(--surface);overflow:hidden}
.step i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
.step.on{color:var(--ink)}
.step.on i::after{transform:scaleX(1)}
.js .step.on i::after{animation:fill var(--dwell,4s) linear both}
.show.paused .step.on i::after{animation-play-state:paused}
.step:hover{color:var(--ink)}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:700px){
  .hero-frame{aspect-ratio:1/1}
  .slide figcaption{font-size:var(--step-body)}
  .steps{gap:10px}
  .step{font-size:1rem;min-height:48px}
}

/* choice */
.choice{background:var(--band-5);color:var(--band-5-ink);padding:clamp(64px,8vw,128px) 0}
.choice-q{font-size:var(--step-head);text-transform:none;letter-spacing:-0.01em;line-height:.95;max-width:20ch;text-wrap:balance}
.tabs{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.tab{font:500 var(--step-lead)/1.15 var(--text);color:var(--ink);background:transparent;border:3px solid var(--ink);border-radius:0;min-height:clamp(88px,8vw,128px);padding:24px;text-align:left;display:flex;align-items:flex-end;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}
.tab:hover{background:var(--bg)}
.tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.tab[aria-selected="true"]:hover{background:#1b45b4;border-color:#1b45b4}
.tab:active{transform:scale(.97)}
.panels{margin-top:clamp(32px,4vw,56px);display:grid}
.panel{grid-area:1/1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap) 48px;flex-wrap:wrap;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s .24s}
.panel.on{opacity:1;visibility:visible;transform:none;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s}
.panel .lead{max-width:52ch}
html:not(.js) .panels{display:flex;flex-direction:column;gap:48px}
html:not(.js) .panel{opacity:1;visibility:visible;transform:none}
@media (max-width:700px){
  .tabs{grid-template-columns:1fr;gap:12px}
  .tab{min-height:72px;padding:16px 20px;align-items:center}
  .panel .btn{width:100%}
}

/* three ways */
.ways{padding:clamp(64px,8vw,128px) 0 clamp(48px,6vw,96px);transition:background .5s var(--ease)}
.ways>.wrap>h2{font-size:var(--step-head);margin-bottom:clamp(40px,6vw,96px);transition:opacity .45s var(--ease)}
.way{background:#efeeea;padding:clamp(48px,5vw,72px) 0;margin:clamp(16px,2vw,24px) 0;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.way .wrap{container-type:inline-size;align-items:start;row-gap:24px}
.way-t{grid-column:1 / span 7;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-0.02em;line-height:.9;font-size:min(var(--step-display),8.2cqw)}
.way-b{grid-column:8 / span 5;padding-top:.4em}
.way-b .lead{max-width:44ch}
.points{margin-top:24px;display:flex;flex-direction:column;gap:8px;font-weight:500}
.points li{display:flex;gap:.7em;align-items:baseline}
.points li::before{content:"";flex:none;width:.5em;height:.5em;background:var(--ink)}
.way-band{background:var(--band-3);color:var(--band-3-ink)}
@media (hover:hover){
  .ways.has-hot{background:#0d0c0a}
  .ways.has-hot>.wrap>h2,.ways.has-hot .way:not(.hot){opacity:.06}
  .ways .way.hot{transform:scale(1.015)}
}
@media (max-width:860px){
  .way-t{grid-column:1 / -1;font-size:min(var(--step-display),14.2cqw)}
  .way-b{grid-column:1 / -1;padding-top:0}
  .way{padding:48px 0}
  .way-band{padding:48px 0}
}

/* business value services */
.value{background:var(--band-1);color:var(--band-1-ink);padding:clamp(64px,9vw,144px) 0}
.value h2{font-size:var(--step-head)}
.value-lead{margin-top:clamp(20px,2vw,32px);max-width:52ch}
.svcs{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;padding:0}
.svc{position:relative;background:#ffffff;color:var(--ink);padding:clamp(24px,2.4vw,36px);border-radius:var(--radius);transform-origin:50% 50%;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}
.svc:nth-child(even){background:var(--field-dark);color:var(--on-dark)}
.svc h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-0.01em;line-height:1;font-size:clamp(26px,2.4vw,36px);margin-bottom:14px;transform-origin:0 100%;transition:transform .35s var(--ease),color .35s var(--ease)}
.svc:nth-child(odd) h3{color:var(--accent)}
.svc p{max-width:44ch;font-size:var(--step-body);line-height:1.5;transition:transform .35s var(--ease)}
.svc .tlink{display:inline-block;margin-top:12px;font-weight:500;color:var(--accent)}
@media (hover:hover){
  .svcs .svc.hot,.svcs .svc:focus-within{transform:scale(1.08);z-index:2;outline:3px solid #ffffff;outline-offset:6px}
  .svc.hot h3,.svc:focus-within h3{transform:scale(1.22)}
  .svc:nth-child(even).hot h3,.svc:nth-child(even):focus-within h3{color:#ffffff}
  .svcs.has-hot .svc:not(.hot){opacity:.5;filter:brightness(.35)}
}
.js .svcs .svc.rise.in{transition-delay:0s}
.svcs .svc{transition-property:transform,outline-offset,background,opacity,filter;transition-duration:.35s}
.value-confirm{margin-top:clamp(40px,5vw,64px)}
@media (max-width:1000px){.svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.svcs{grid-template-columns:1fr}}

/* experience: wall of sectors */
.experience{background:var(--field-dark);color:var(--on-dark);padding:clamp(72px,10vw,160px) 0}
.exp-h{font-size:var(--step-head);text-wrap:balance}
.exp-lead{margin-top:clamp(20px,2vw,32px);max-width:44ch}
.experience .wrap{container-type:inline-size}
.wall{margin-top:clamp(48px,6vw,96px);font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-0.02em;line-height:1.02;font-size:min(var(--step-display),10.4cqw)}
.sec{display:inline-block;margin-right:.32em;transform-origin:0 70%;transition:opacity .3s var(--ease),transform .35s var(--ease),color .3s var(--ease)}
.nw,.sec{white-space:nowrap}
.sf{display:inline-block;width:1.6em;height:.7em;margin-left:.14em;vertical-align:baseline;border-radius:var(--radius);overflow:hidden;background:#3a3930;clip-path:inset(0 100% 0 0 round 4px);transition:clip-path 1s var(--ease)}
.sf.in{clip-path:inset(0 0 0 0 round 4px)}
.sf img{width:100%;height:100%;object-fit:cover}
html:not(.js) .sf{clip-path:none}
@media (hover:hover){.wall.has-hot .sec:not(.hot){opacity:.12}.wall .sec.hot{transform:scale(1.12);color:#ffffff}}
@media (max-width:700px){.exp-h{font-size:8vw}.wall{font-size:min(var(--step-head),13cqw)}.sf{width:1.4em}}

/* team */
.team{padding:clamp(64px,9vw,144px) 0}
.team h2{font-size:var(--step-head)}
.people{margin-top:clamp(32px,5vw,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:64px;align-items:start}
.portrait-frame{width:min(100%,520px);aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.portrait-frame img{width:100%;height:100%;object-fit:cover}
.js .portrait-frame img{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.js .portrait-frame.in img{transform:none}
.pname{font:500 var(--step-lead)/1.2 var(--text);margin-top:20px}
.role{color:var(--muted);margin-top:2px}
.person p:last-child{margin-top:12px;max-width:52ch;color:var(--ink)}
@media (max-width:700px){.people{grid-template-columns:1fr}}

/* faq */
.faq{background:var(--band-4);color:var(--band-4-ink);padding:clamp(64px,9vw,144px) 0}
.faq h2{font-size:var(--step-head)}
.faq-cols{margin-top:clamp(32px,5vw,72px);column-count:2;column-gap:calc(var(--gap) * 2)}
.qa{break-inside:avoid;background:#e6e4de;border-left:4px solid var(--accent);border-radius:var(--radius);padding:clamp(20px,2vw,28px) clamp(20px,2.2vw,32px);margin-bottom:var(--gap)}
.qa h3{font:600 var(--step-lead)/1.2 var(--text);margin-bottom:10px}
.qa p{color:var(--ink)}
@media (max-width:860px){.faq-cols{column-count:1}}

/* contact */
.contact{background:var(--band-5);padding:clamp(64px,9vw,144px) 0}
.contact-fit{container-type:inline-size}
.contact-fit h2{font-size:min(var(--step-display),9.4cqw)}
.contact-links{margin-top:clamp(32px,4vw,64px);display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);align-items:flex-start;max-width:100%}
.biglink{font-family:var(--display);font-weight:700;font-size:min(var(--step-head),8vw);line-height:1;letter-spacing:-0.01em;text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.12em;transition:text-decoration-thickness .2s var(--ease);overflow-wrap:anywhere}
.biglink:hover{text-decoration-thickness:.14em}
.contact-foot{margin-top:clamp(32px,4vw,56px);display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.contact-foot .lead{max-width:36ch}
/* enquiry form: labels above, ink underline fields, two columns on desktop */
.enquiry{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px var(--gap);max-width:1100px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field-wide{grid-column:1 / -1}
.field label{font-weight:500}
.field input,.field select,.field textarea{font:400 var(--step-lead)/1.3 var(--text);color:var(--ink);background:transparent;border:0;border-bottom:3px solid var(--ink);border-radius:0;padding:10px 0;min-height:52px;width:100%;transition:background .2s var(--ease)}
.field textarea{resize:vertical;min-height:120px}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2326251e' stroke-width='2.5'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:32px}
.field input:focus,.field select:focus,.field textarea:focus{background-color:var(--surface);outline:none}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hp{position:absolute;left:-10000px;width:0;height:0;overflow:hidden}
.form-foot{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.form-foot .small{color:var(--muted);max-width:40ch;font-size:var(--step-small)}
.form-msg{font-weight:500;min-height:1.5em}
.form-msg:empty{display:none}
.mail-alt{justify-self:start;font-weight:500}
.enquiry.busy .btn{opacity:.6;pointer-events:none}
@media (max-width:700px){.enquiry{grid-template-columns:1fr}.form-foot .btn{width:100%}}
.foot-logo{height:56px;width:auto}
.foot-legal{align-items:center}
@media (max-width:700px){.contact-fit h2{font-size:min(var(--step-display),9.6cqw)}}

/* footer */
.footer{background:var(--field-dark);color:var(--on-dark);padding-top:clamp(56px,7vw,112px);overflow:hidden}
.foot-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.foot-invite{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.foot-h{font-size:var(--step-head)}
.footer .btn{background:var(--accent)}
.foot-links{display:flex;flex-direction:column;gap:10px;font-size:var(--step-lead);font-weight:500;align-items:flex-start}
.foot-legal{margin-top:clamp(48px,7vw,112px);display:flex;justify-content:space-between;font-size:var(--step-small)}
.foot-co{font-size:12px;opacity:.6;margin:0}
.foot-legal a[href="credits.html"]{font-size:12px;opacity:.6}
.foot-mark{margin-top:16px;height:calc(24vw * .6);overflow:hidden;position:relative}
.foot-mark span{position:absolute;left:0;right:0;top:0;text-align:center;font-family:var(--display);font-weight:700;font-size:24.4vw;line-height:.9;letter-spacing:-0.02em;white-space:nowrap;transform:translateY(0)}

/* credits page */
.page{padding:clamp(48px,6vw,96px) var(--margin);max-width:1100px;margin-inline:auto}
.page h1{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:var(--step-head);line-height:.9;letter-spacing:-0.02em;margin-bottom:48px}
.credit{margin-bottom:40px}
.credit p{margin-bottom:6px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rise{opacity:1;transform:none;transition:none}
  .compact{transition:none}
  .js .slide img,.js .slide.on img{transform:none;transition:none}
  .slide,.slide figcaption{transition:none}
  .js .step.on i::after{animation:none}
  .panel,.panel.on{transition:none}
  .sf{clip-path:none;transition:none}
  .sec,.wall .sec.hot{transition:none;transform:none}
  .ways,.way,.ways>.wrap>h2{transition:none}
  .ways .way.hot{transform:none}
  .v{transition:none}
  .svc,.svc h3{transition:none}
  .svcs .svc.hot,.svcs .svc:focus-within,.svc.hot h3,.svc:focus-within h3{transform:none}
  .js .portrait-frame img{transform:none;transition:none}
}