/* Ecommerce draft. Shared approved Websites components stay unchanged. */
body.sc-website.sc-cart{--ws-accent:var(--sc-topic-ecommerce)}
.sc-cart .ws-services a[aria-current=page]{background:#f5ecf2}
.ec-hero{padding-top:60px}
.ec-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:8%;margin-bottom:38px}
.ec-intro h1{font-size:clamp(54px,6.5vw,92px);font-weight:550;letter-spacing:-.058em;line-height:1.02}
.ec-intro h1 span{color:var(--ws-accent)}
.ec-intro>div:last-child{max-width:40ch;padding-bottom:5px}
.ec-intro>div:last-child>p{font-size:clamp(19px,1.8vw,24px);line-height:1.45;letter-spacing:-.02em}
.ec-hero-media{background:var(--ws-soft);overflow:hidden}
.ec-hero-media img{width:100%;height:clamp(340px,45vw,600px);object-fit:contain}
.ec-caption{font-size:12px;line-height:1.6;color:var(--ws-muted);margin-top:12px}
.ec-section{padding-top:90px}
.ec-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin-bottom:34px}
.ec-heading>div{max-width:680px}
.ec-heading h2{font-size:clamp(38px,4.1vw,58px);line-height:1.09;letter-spacing:-.05em;font-weight:550}
.ec-heading>p{font-size:18px;line-height:1.6;color:var(--ws-muted);max-width:42ch}
.ec-path{background:var(--ws-soft);padding:0 26px 24px}
.ec-window{overflow:hidden;aspect-ratio:1.75;position:relative}
.ec-window img{width:100%;height:100%;object-fit:contain;transform:scale(1);transform-origin:50% 50%}
.ec-path.is-enhanced .ec-window img{transition:transform 700ms cubic-bezier(.16,1,.3,1)}
.ec-path.is-enhanced[data-stop=collection] .ec-window img{transform:translateX(27%) scale(1.65)}
.ec-path.is-enhanced[data-stop=product] .ec-window img{transform:translateX(-7%) scale(1.65)}
.ec-path.is-enhanced[data-stop=cart] .ec-window img{transform:translateX(-44%) scale(1.65)}
.ec-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:16px}
.ec-controls button{background:transparent;color:var(--ws-ink);border:0;min-height:44px;padding:12px 18px;font-size:14px;font-weight:550;line-height:1.4}
.ec-controls button[aria-pressed=true]{background:#fff;color:var(--ws-accent)}
.ec-controls button:disabled{cursor:default}
.ec-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:28px 12px 2px}
.ec-notes h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:550}
.ec-notes p{font-size:15px;line-height:1.6;color:var(--ws-muted);margin-top:10px;max-width:33ch}
.ec-path.is-enhanced:not([data-stop=overview]) .ec-notes{display:block;min-height:92px}
.ec-path.is-enhanced:not([data-stop=overview]) .ec-notes>article{max-width:64ch}
.ec-path.is-enhanced:not([data-stop=overview]) .ec-notes p{max-width:64ch}
.ec-work{display:grid;grid-template-columns:.85fr 1.5fr;gap:8%;align-items:start;margin-top:38px}
.ec-new{background:#f5ecf2;padding:32px;position:sticky;top:30px}
.ec-new h3{font-size:36px;line-height:1.08;letter-spacing:-.045em;font-weight:550}
.ec-new p{font-size:17px;line-height:1.6;margin-top:19px;color:var(--ws-muted);max-width:30ch}
.ec-new .ws-button{margin-top:25px}
.ec-service-list{display:grid;gap:34px}
.ec-service-list article{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}
.ec-service-list h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;font-weight:550;color:var(--ws-accent)}
.ec-service-list h3 a{display:inline-block;min-height:44px}
.ec-service-list p{font-size:16px;line-height:1.6;color:var(--ws-muted)}
.ec-service-list .ws-link{font-size:13px;margin-top:5px}
.ec-read{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:80px;padding:30px 34px;background:var(--ws-soft)}
.ec-read h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-weight:550}
.ec-read>div>p{font-size:15px;line-height:1.6;color:var(--ws-muted);margin-top:14px}
.ec-read nav{display:grid;gap:17px}
.ec-read nav a{font-size:18px;line-height:1.35;font-weight:550;display:flex;flex-direction:column;justify-content:center;min-height:52px;color:var(--ws-accent)}
.ec-read nav span{display:block;font-size:12px;color:var(--ws-muted);font-weight:400;margin-bottom:5px}
.sc-cart .ws-questions{padding-top:76px}
.sc-cart .ws-inquiry{padding-top:76px}
@media(hover:hover) and (pointer:fine){.ec-service-list a:hover,.ec-read a:hover{color:var(--ws-ink)}.sc-cart .ws-services a:hover{background:#f5ecf2}}
@media(max-width:1000px){.ec-work{gap:5%;grid-template-columns:.9fr 1.2fr}.ec-new{padding:26px}.ec-new h3{font-size:31px}.ec-service-list article{display:block}.ec-service-list p{margin-top:8px}.ec-service-list{gap:26px}.ec-window{aspect-ratio:1.5}.ec-heading{gap:5%}.ec-heading>p{font-size:17px}.ec-intro{gap:6%}}
@media(max-width:700px){
 .ec-hero{padding-top:32px}.ec-intro{display:block;margin-bottom:26px}.ec-intro h1{font-size:clamp(48px,12vw,70px)}.ec-intro>div:last-child{margin-top:22px}.ec-intro>div:last-child>p{font-size:18px}.ec-hero-media img{height:auto;aspect-ratio:1.5}.ec-caption{font-size:11px}
 .ec-section{padding-top:52px}.ec-heading{display:block;margin-bottom:25px}.ec-heading h2{font-size:37px}.ec-heading>p{font-size:16px;margin-top:19px;max-width:40ch}
 .ec-path{padding:0 12px 20px;margin-inline:-8px}.ec-window{aspect-ratio:1.18}.ec-window img{object-fit:contain}.ec-controls{gap:2px;padding-top:0}.ec-controls button{padding:10px 9px;font-size:12px}.ec-notes{display:block;padding:20px 10px 0}.ec-notes article+article{margin-top:22px}.ec-notes p{max-width:40ch}.ec-path.is-enhanced:not([data-stop=overview]) .ec-notes{min-height:139px}.ec-path.is-enhanced:not([data-stop=overview]) .ec-notes article{margin-top:0}.ec-path.is-enhanced[data-stop=collection] .ec-window img{transform:translateX(32%) scale(1.9)}.ec-path.is-enhanced[data-stop=product] .ec-window img{transform:translateX(-8%) scale(1.9)}.ec-path.is-enhanced[data-stop=cart] .ec-window img{transform:translateX(-50%) scale(1.9)}
 .ec-work{display:block;margin-top:25px}.ec-new{position:static;padding:26px}.ec-new h3{font-size:31px}.ec-new p{font-size:16px;max-width:none}.ec-service-list{margin-top:32px;gap:29px}.ec-service-list article{display:block}.ec-service-list h3{font-size:27px}.ec-service-list p{font-size:16px;max-width:40ch;margin-top:5px}
 .ec-read{display:block;margin-top:44px;padding:26px}.ec-read h2{font-size:29px}.ec-read nav{margin-top:23px}.ec-read nav a{font-size:17px}.sc-cart .ws-questions,.sc-cart .ws-inquiry{padding-top:48px}
}