/* Website service design: the AMEXIS page frames independent client design studies. */
.page-websites .service-hero{min-height:615px}
.page-websites .service-hero>img{object-position:50% 73%}
.page-websites .service-hero-shade{background:linear-gradient(90deg,#101526eb 0%,#101526c7 58%,#10152659 82%,#10152635),linear-gradient(0deg,#1015268c,transparent 55%)}
.page-websites .service-hero h1{max-width:870px;font-size:clamp(48px,5.35vw,77px)}
.page-websites .hero-intro{max-width:555px}
.process-section{background:var(--paper);padding:65px 0 76px;scroll-margin-top:100px}
.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,5vw,80px);align-items:end;margin-bottom:34px}
.process-intro h2{font-size:clamp(36px,3.5vw,50px);line-height:1.1;letter-spacing:-.045em;max-width:550px;margin:0}
.process-intro p{font-size:15px;line-height:1.7;max-width:520px;margin:0}
.process-tabs{display:flex;gap:0;margin:0;padding:0;list-style:none;border-bottom:1px solid #b4bbca;scroll-margin-top:100px}
.process-tabs button{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:3px solid transparent;margin:0 0 -1px;color:var(--navy);padding:18px 24px 18px 0;min-height:58px;font:inherit;font-size:14px;line-height:1.3;cursor:pointer;text-align:left}
.process-tabs li{flex:1;min-width:0}
.process-tabs button span{font-size:10px;color:#596477}
.process-tabs button[aria-selected=true]{border-bottom-color:var(--blue);font-weight:600}
.process-tabs button:focus-visible,.process-panel:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.process-tabs[hidden]{display:none!important}
.process-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(38px,5vw,80px);align-items:center;margin-top:32px}
.process-panel[hidden]{display:none!important}
.process-copy h3{font-size:clamp(29px,3vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0 0 23px;max-width:440px}
.process-copy>p{font-size:15px;line-height:1.75;max-width:465px;margin:0 0 18px}
.process-copy>p:last-of-type{color:#485064}
.process-deliverables{margin-top:25px;border-top:1px solid var(--rule);padding-top:17px;font-size:12px;line-height:1.8;color:var(--navy);max-width:465px}
.process-figure{margin:0;min-width:0}
.study-accessible-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.process-figure .example-artwork{border-color:#d6cbb9;background:#f4ecdd;box-shadow:0 16px 42px #2025450b}
.process-figure .platform-picture{height:auto}
.process-figure .platform-picture img{width:100%;height:auto;object-fit:contain}
.process-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);margin-top:27px;padding-top:15px;gap:15px}
.process-nav[hidden]{display:none!important}
.process-position{font-size:11px;color:#596477}
.process-next{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;border:0;background:none;font:inherit;font-size:13px;color:var(--navy);cursor:pointer;padding:5px 0 5px 14px}
.process-next:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.launch-section{background:var(--navy);color:#fff;padding:70px 0}
.launch-lead{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:start}
.launch-lead h2{font-size:clamp(36px,3.5vw,50px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:0;max-width:540px}
.launch-lead>p{font-size:15px;line-height:1.75;margin:4px 0 0;max-width:510px;color:#e9edf2}
.launch-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:43px}
.launch-checks article{border-top:1px solid #ffffff45;padding-top:22px}
.launch-checks h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:400;margin:0 0 15px}
.launch-checks p{font-size:14px;line-height:1.75;color:#e9edf2;margin:0}
.page-websites .faq{padding-block:65px}
@media(max-width:1000px) and (min-width:761px){
 .process-panel{gap:30px;grid-template-columns:.8fr 1.2fr}.process-tabs button{font-size:12px;padding-right:12px;gap:7px}.process-copy>p{font-size:14px}.process-copy h3{font-size:32px}.launch-lead{gap:35px}.launch-checks{gap:24px}
}
@media(max-width:760px){
 .page-websites .service-hero{min-height:560px;padding-bottom:68px}
 .page-websites .service-hero h1{font-size:clamp(35px,10vw,44px);max-width:420px}
 .page-websites .service-hero>img{object-position:55% 70%}
 .page-websites .service-hero-shade{background:linear-gradient(90deg,#101526de,#101526b8),linear-gradient(0deg,#1015265e,transparent 45%)}
 .process-section{padding:38px 0 43px;scroll-margin-top:85px}
 .process-intro{display:block;margin-bottom:23px}.process-intro h2{font-size:32px;line-height:1.12;max-width:370px}.process-intro p{font-size:14px;line-height:1.65;margin-top:17px}
 .process-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:0;gap:5px}
 .process-tabs button{width:100%;min-height:48px;border:1px solid #bcc3cf;margin:0;padding:10px 11px;gap:9px;font-size:12px;background:#fff}
 .process-tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.process-tabs button[aria-selected=true] span{color:#e9edf2}
 .process-panel{display:flex;flex-direction:column;gap:22px;align-items:stretch;margin-top:25px}
 .process-copy h3{font-size:28px;margin-bottom:15px;max-width:360px;line-height:1.15}
 .process-copy>p{font-size:14px;line-height:1.65;margin-bottom:12px}
 .process-deliverables{margin-top:17px;padding-top:12px;font-size:11px;line-height:1.7}
 .process-figure .example-artwork{max-width:440px}
 .process-figure .platform-picture{height:auto!important}
 .process-figure .platform-picture img{height:auto!important;object-fit:contain}
 .process-nav{margin-top:17px;padding-top:9px}.process-next{font-size:12px;gap:12px}.process-position{font-size:10px}
 .launch-section{padding:42px 0}.launch-lead{display:block}.launch-lead h2{font-size:32px;line-height:1.15}.launch-lead>p{font-size:14px;line-height:1.65;margin-top:18px}
 .launch-checks{display:block;margin-top:24px}.launch-checks article{padding:18px 0}.launch-checks article:last-child{padding-bottom:0}.launch-checks h3{font-size:20px;margin-bottom:10px}.launch-checks p{font-size:14px;line-height:1.65}
 .page-websites .faq{padding-block:42px}
}
@media(prefers-reduced-motion:no-preference){.process-panel.is-entering{animation:study-arrive .24s ease-out}@keyframes study-arrive{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}