.work-page { background:#090b0c; color:#efeee8; }
.work-main { overflow:hidden; }
.work-main > section { content-visibility:auto; contain-intrinsic-size:auto 900px; }
.work-main > .work-hero { content-visibility:visible; contain:none; }

.work-hero {
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding-top:clamp(150px,17vh,210px);
  padding-bottom:34px;
  background:
    radial-gradient(circle at var(--work-x,72%) var(--work-y,38%),rgba(var(--commerce-rgb),.13),transparent 24%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 78% 30%,rgba(var(--commerce-rgb),.095),transparent 32%),
    #080a09;
  background-size:auto,56px 56px,56px 56px,auto,auto;
  isolation:isolate;
}
.work-hero::after {
  content:"COMMERCE";
  position:absolute;
  left:var(--pad);
  bottom:122px;
  z-index:-1;
  color:rgba(var(--commerce-rgb),.025);
  font:800 clamp(100px,18vw,280px)/.72 "Manrope";
  letter-spacing:-.09em;
  pointer-events:none;
}
.work-hero-stage {
  width:100%;
}
.work-hero-copy { position:relative; z-index:2; }
.work-index,.case-number,.work-contact>span {
  color:var(--commerce);
  font:500 10px "DM Mono";
  text-transform:uppercase;
  letter-spacing:.12em;
}
.work-hero h1 {
  position:relative;
  z-index:1;
  max-width:1050px;
  margin:32px 0 30px;
  font-size:clamp(60px,7.7vw,124px);
  line-height:.88;
  letter-spacing:-.078em;
}
.work-hero h1 em {
  display:inline-block;
  color:var(--commerce);
  font-style:normal;
  text-shadow:0 0 45px rgba(var(--commerce-rgb),.08);
}
.work-hero h1>span { display:inline-block; white-space:nowrap; font-size:.78em; }
.work-hero-copy>p { max-width:680px; margin:0; color:#a2a29b; font-size:clamp(15px,1.25vw,18px); line-height:1.72; }
.work-hero-actions { display:flex; align-items:center; gap:30px; margin-top:36px; }
.work-hero-actions a { font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.09em; }
.work-hero-primary {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:44px;
  min-width:220px;
  padding:17px 20px;
  background:var(--commerce);
  color:#091006;
  transition:background-color .25s ease,color .25s ease,transform .25s ease;
}
.work-hero-primary:hover { background:#efeee8; color:#091006; transform:translateY(-2px); }
.work-hero-primary span { font-size:15px; }
.work-hero-secondary { display:inline-flex; align-items:center; gap:22px; color:#c2c2bb; transition:color .25s ease; }
.work-hero-secondary:hover { color:var(--commerce); }
.work-hero-secondary span { color:var(--commerce); font-size:14px; }
.work-hero-proof {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(135px,1fr)) minmax(180px,.8fr);
  align-items:end;
  width:100%;
  margin-top:clamp(58px,8vh,96px);
  border-top:1px solid rgba(255,255,255,.18);
}
.work-hero-proof>div { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:baseline; padding:21px 28px 0 0; }
.work-hero-proof>div+div { padding-left:28px; border-left:1px solid rgba(255,255,255,.13); }
.work-hero-proof strong { color:#efeee8; font-size:clamp(30px,3vw,48px); line-height:.8; letter-spacing:-.07em; }
.work-hero-proof span { max-width:120px; color:#797973; font:400 8px/1.45 "DM Mono"; text-transform:uppercase; letter-spacing:.06em; }
.work-hero-proof>a { display:flex; align-items:center; justify-content:flex-end; gap:18px; min-height:72px; padding-top:20px; color:var(--commerce); font:500 8px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.work-hero-proof>a span { color:inherit; font-size:15px; }

.work-brands {
  overflow:hidden;
  border-block:1px solid rgba(var(--commerce-rgb),.2);
  background:#070908;
}
.work-brands-head {
  display:grid;
  grid-template-columns:minmax(160px,.55fr) minmax(320px,1.15fr) minmax(260px,.8fr);
  align-items:end;
  gap:40px;
  padding-top:34px;
  padding-bottom:30px;
}
.work-brands-head>span {
  color:var(--commerce);
  font:500 9px "DM Mono";
  text-transform:uppercase;
  letter-spacing:.11em;
}
.work-brands-head p {
  max-width:520px;
  margin:0;
  color:#74746f;
  font-size:12px;
  line-height:1.55;
  text-align:right;
}
.work-brands-head>strong {
  color:#efeee8;
  font-size:clamp(22px,2.25vw,34px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.work-brands-head>strong em { color:var(--commerce); font-style:normal; }
.work-brand-marquee { overflow:hidden; border-top:1px solid rgba(255,255,255,.1); }
.work-brand-track {
  display:flex;
  width:max-content;
  animation:work-brand-run 38s linear infinite;
  will-change:transform;
}
.work-brand-marquee:hover .work-brand-track { animation-play-state:paused; }
.work-brand-group { display:flex; flex:none; }
.work-brand-item {
  display:grid;
  place-items:center;
  min-width:202px;
  height:94px;
  padding:0 34px;
  border-right:1px solid rgba(255,255,255,.1);
  color:#efeee8;
  opacity:.78;
  transition:opacity .3s ease,transform .3s ease,background-color .3s ease;
}
.work-brand-item:hover { opacity:1; transform:translateY(-2px); background:rgba(var(--commerce-rgb),.025); }
.work-brand-item img { display:block; width:auto; max-width:155px; max-height:34px; object-fit:contain; }
.brand-molecules img,.brand-facederma img { filter:grayscale(1) brightness(0) invert(1); }
.brand-surprise img { filter:grayscale(1) brightness(1.7); }
.brand-eco img,.brand-jmb img { max-width:38px; max-height:38px; }
.brand-dude { font:800 16px "Manrope"; letter-spacing:-.045em; }
@keyframes work-brand-run { to { transform:translateX(-50%); } }

.shopify-services {
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:clamp(54px,8vw,130px);
  padding-top:120px;
  padding-bottom:120px;
  border-block:1px solid rgba(var(--commerce-rgb),.15);
  background:
    radial-gradient(circle at var(--work-x,76%) var(--work-y,35%),rgba(var(--commerce-rgb),.085),transparent 25%),
    linear-gradient(90deg,rgba(var(--commerce-rgb),.025) 1px,transparent 1px),
    radial-gradient(circle at 12% 20%,rgba(var(--commerce-rgb),.105),transparent 31%),
    #0c0f0d;
  background-size:auto,64px 100%,auto,auto;
}
.shopify-services::after {
  content:attr(data-active-label);
  position:absolute;
  right:-1vw;
  top:20px;
  color:rgba(var(--commerce-rgb),.035);
  font:800 clamp(78px,13vw,190px)/.8 "Manrope";
  letter-spacing:-.09em;
  pointer-events:none;
  transition:opacity .25s ease;
}
.shopify-services-intro { position:relative; z-index:1; }
.shopify-services-intro h2 {
  margin:28px 0 28px;
  font-size:clamp(44px,5.4vw,84px);
  line-height:.92;
  letter-spacing:-.065em;
}
.shopify-services-intro h2 em { color:var(--commerce); font-style:normal; }
.shopify-services-intro>p { max-width:520px; margin:0; color:#989891; font-size:15px; line-height:1.75; }
.shopify-service-list { position:relative; z-index:1; border-top:1px solid rgba(255,255,255,.17); }
.shopify-service-list article {
  display:grid;
  grid-template-columns:42px minmax(180px,.72fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:27px 0;
  border-bottom:1px solid rgba(255,255,255,.17);
  transition:padding-left .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease;
}
.shopify-service-list article:hover { padding-left:10px; border-color:rgba(var(--commerce-rgb),.48); }
.shopify-service-list article>span { padding-top:4px; color:var(--commerce); font:500 9px "DM Mono"; }
.shopify-service-list h3 { margin:0; color:#efeee8; font-size:clamp(19px,1.8vw,27px); line-height:1.15; letter-spacing:-.045em; }
.shopify-service-list p { margin:0; color:#898983; font-size:13px; line-height:1.65; }
.shopify-service-cta {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  margin-top:4px;
  padding:26px 0;
  border-block:1px solid rgba(var(--commerce-rgb),.34);
}
.shopify-service-cta p { display:grid; gap:7px; margin:0; }
.shopify-service-cta p strong { color:#efeee8; font-size:clamp(18px,2vw,28px); letter-spacing:-.04em; }
.shopify-service-cta p span { color:#80807a; font:400 9px "DM Mono"; text-transform:uppercase; letter-spacing:.06em; }
.shopify-service-cta>a { display:flex; align-items:center; gap:28px; flex:0 0 auto; color:var(--commerce); font:500 10px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.shopify-service-cta svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.shopify-service-cta>a:hover svg { transform:translate(4px,-4px); }

.work-guide {
  display:grid;
  grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);
  gap:clamp(54px,8vw,130px);
  padding-top:105px;
  padding-bottom:105px;
  border-bottom:1px solid rgba(var(--commerce-rgb),.16);
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    #080a09;
  background-size:52px 52px;
}
.work-guide-head h2 {
  margin:26px 0 24px;
  font-size:clamp(42px,5vw,76px);
  line-height:.94;
  letter-spacing:-.065em;
}
.work-guide-head h2 em { color:var(--commerce); font-style:normal; }
.work-guide-head p { max-width:520px; margin:0; color:#8e9088; font-size:14px; line-height:1.75; }
.work-guide-head>a { display:inline-flex; gap:22px; margin-top:30px; color:var(--commerce); font:500 9px "DM Mono"; letter-spacing:.08em; text-transform:uppercase; }
.work-guide-head>a span { transition:transform .25s ease; }
.work-guide-head>a:hover span { transform:translateX(5px); }
.work-guide-list { border-top:1px solid rgba(255,255,255,.17); }
.work-guide-list>a {
  display:grid;
  grid-template-columns:minmax(155px,.55fr) minmax(230px,.9fr) minmax(180px,.75fr) 25px;
  gap:24px;
  align-items:center;
  min-height:118px;
  border-bottom:1px solid rgba(255,255,255,.17);
  transition:padding-left .3s ease,border-color .3s ease;
}
.work-guide-list>a:hover { padding-left:10px; border-color:rgba(var(--commerce-rgb),.5); }
.work-guide-list span { color:var(--commerce); font:500 8px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.work-guide-list strong { font-size:clamp(18px,1.8vw,27px); line-height:1.16; letter-spacing:-.045em; }
.work-guide-list small { color:#7f817a; font-size:12px; line-height:1.6; }
.work-guide-list b { color:var(--commerce); font-size:22px; font-weight:400; transition:transform .25s ease; }
.work-guide-list>a:hover b { transform:translateX(5px); }

.case-study { padding-top:120px; padding-bottom:120px; }
.case-posedla {
  --case-accent:var(--commerce);
  --case-rgb:var(--commerce-rgb);
  background:
    radial-gradient(circle at var(--work-x,15%) var(--work-y,45%),rgba(var(--case-rgb),.08),transparent 24%),
    radial-gradient(circle at 90% 5%,rgba(var(--case-rgb),.13),transparent 30%),
    #0c0f0d;
}
.case-molecules {
  --case-accent:#111;
  --case-rgb:20,20,20;
  background:
    radial-gradient(circle at var(--work-x,85%) var(--work-y,40%),rgba(0,0,0,.055),transparent 24%),
    #efeee8;
  color:#111;
}
.case-head {
  display:grid;
  grid-template-columns:120px minmax(210px,.65fr) minmax(0,1.35fr);
  gap:22px 36px;
  align-items:start;
  margin-bottom:64px;
  padding-bottom:42px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.case-molecules .case-head { border-color:rgba(0,0,0,.16); }
.case-number { grid-row:1/4; color:var(--case-accent); padding-top:9px; transition:text-shadow .35s ease,transform .35s ease; }
.case-study.is-current .case-number { transform:translateX(5px); text-shadow:0 0 22px rgba(var(--case-rgb),.5); }
.case-brand { min-height:92px; display:flex; align-items:center; margin:0; }
.case-brand img { display:block; width:min(390px,100%); max-height:82px; object-fit:contain; object-position:left center; }
.molecules-brand img { width:min(320px,100%); max-height:96px; filter:brightness(0); }
.case-brand span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.case-head>p { grid-column:3; grid-row:1/3; max-width:560px; margin:8px 0 0; color:#94948e; font-size:15px; line-height:1.72; }
.case-molecules .case-head>p { color:#5d5d58; }
.case-tags { grid-column:3; align-self:end; display:flex; flex-wrap:wrap; gap:7px; }
.case-tags span { padding:7px 10px; border:1px solid rgba(var(--case-rgb),.27); border-radius:999px; color:var(--case-accent); font:500 9px "DM Mono"; }

.video-duo { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); gap:18px; align-items:start; }
.video-duo-reverse { grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr); }
.media-frame {
  margin:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  background:#050606;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  transform:perspective(1200px) rotateX(var(--media-rx,0deg)) rotateY(var(--media-ry,0deg));
  transform-style:preserve-3d;
  transition:transform .24s ease,border-color .3s ease,box-shadow .3s ease;
}
.case-posedla .media-frame:hover { border-color:rgba(var(--commerce-rgb),.48); box-shadow:0 30px 80px rgba(0,0,0,.34); }
.case-molecules .media-frame { border-color:rgba(0,0,0,.18); box-shadow:0 24px 70px rgba(0,0,0,.12); }
.case-molecules .media-frame:hover { border-color:rgba(0,0,0,.42); box-shadow:0 30px 80px rgba(0,0,0,.17); }
.media-frame video { display:block; width:100%; max-height:76vh; min-height:260px; object-fit:contain; background:#050606; transition:filter .3s ease; }
.media-frame:hover video { filter:brightness(1.045); }
.media-frame figcaption { display:flex; justify-content:space-between; gap:20px; padding:13px 4px 4px; color:#8b8b85; font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.media-frame figcaption span { color:var(--case-accent); }
.case-molecules .media-frame figcaption { color:#aaa; }
.case-molecules .media-frame figcaption span { color:#fff; }
.case-quote {
  max-width:900px;
  margin:70px 0 0 auto;
  padding-left:30px;
  border-left:2px solid var(--commerce);
  color:#d0cfc8;
  font-size:clamp(22px,3vw,42px);
  line-height:1.25;
  letter-spacing:-.045em;
}
.case-quote cite { display:block; margin-top:22px; color:#72726c; font:500 9px "DM Mono"; font-style:normal; text-transform:uppercase; letter-spacing:.08em; }

.work-references {
  padding-top:120px;
  padding-bottom:120px;
  border-top:1px solid rgba(var(--commerce-rgb),.2);
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 82% 14%,rgba(var(--commerce-rgb),.09),transparent 28%),
    #080a09;
  background-size:64px 100%,auto,auto;
}
.work-references-head {
  display:grid;
  grid-template-columns:minmax(200px,.6fr) minmax(360px,1.15fr) minmax(260px,.75fr);
  gap:38px;
  align-items:end;
  margin-bottom:62px;
}
.work-references-head h2 { margin:0; font-size:clamp(44px,5.4vw,84px); line-height:.91; letter-spacing:-.065em; }
.work-references-head h2 em { color:var(--commerce); font-style:normal; }
.work-references-head>p { margin:0; color:#898983; font-size:13px; line-height:1.7; }
.work-reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.work-reference {
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:30px;
  border-right:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.012);
  transition:background .3s ease,border-color .3s ease;
}
.work-reference:last-child { border-right:0; }
.work-reference:hover { background:rgba(var(--commerce-rgb),.035); border-color:rgba(var(--commerce-rgb),.3); }
.work-reference::before { content:"“"; position:absolute; right:24px; top:13px; color:rgba(var(--commerce-rgb),.12); font:600 86px/1 Georgia,serif; pointer-events:none; }
.work-reference>header { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:13px; min-height:68px; padding-right:36px; }
.work-reference>header>strong { font-size:17px; letter-spacing:-.035em; }
.work-reference>header>img { display:block; width:auto; max-width:125px; height:24px; object-fit:contain; object-position:left center; }
.work-reference-posedla>header>img { max-width:135px; height:20px; }
.work-reference>header>span { color:#686863; font:500 8px/1.5 "DM Mono"; text-transform:uppercase; letter-spacing:.07em; }
.work-reference-quote { position:relative; z-index:1; margin-top:28px; color:#c0bfb8; }
.work-reference-quote p { margin:0 0 16px; color:#e2e1db; font-size:clamp(16px,1.4vw,21px); line-height:1.48; letter-spacing:-.025em; }
.work-reference>footer { display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; min-height:auto; margin-top:auto; padding:26px 0 0; border:0; }
.work-reference>footer>span { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(var(--commerce-rgb),.35); border-radius:50%; color:var(--commerce); font:500 9px "DM Mono"; }
.work-reference>footer div { display:grid; gap:4px; }
.work-reference>footer div strong { font-size:12px; }
.work-reference>footer small { color:#696963; font:400 8px/1.4 "DM Mono"; text-transform:uppercase; }
.work-reference>footer a,.work-reference>footer b { color:var(--commerce); font:500 14px "DM Mono"; font-style:normal; }
.work-contact { min-height:70vh; display:flex; flex-direction:column; justify-content:center; background:#0a0a0a; }
.work-contact h2 { max-width:980px; margin:24px 0 40px; font-size:clamp(54px,8vw,126px); line-height:.9; letter-spacing:-.075em; }
.work-contact a { display:flex; justify-content:space-between; align-items:center; padding:24px 0; border-block:1px solid rgba(255,255,255,.18); color:#aaa; font:500 11px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; transition:color .25s,border-color .25s; }
.work-contact a:hover { color:var(--commerce); border-color:rgba(var(--commerce-rgb),.5); }
.work-contact a strong { color:var(--commerce); font-size:20px; }

@media (max-width:1050px) {
  .work-page .nav-wrap nav { display:none; }
  .work-hero { min-height:auto; padding-top:150px; }
  .work-hero-copy { max-width:900px; }
  .work-hero-proof { grid-template-columns:repeat(3,1fr); }
  .work-hero-proof>a { grid-column:1/-1; justify-content:flex-start; min-height:58px; border-top:1px solid rgba(255,255,255,.12); }
  .work-brands-head { grid-template-columns:1fr 1.5fr; }
  .work-brands-head p { grid-column:2; text-align:left; }
  .shopify-services { grid-template-columns:1fr; gap:54px; }
  .shopify-services-intro>p { max-width:680px; }
  .work-guide { grid-template-columns:1fr; gap:50px; }
  .work-guide-head p { max-width:680px; }
  .work-guide-list>a { grid-template-columns:135px minmax(210px,1fr) minmax(180px,.75fr) 24px; }
  .case-head { grid-template-columns:80px 1fr; }
  .case-number { grid-row:1/5; }
  .case-brand,.case-head>p,.case-tags { grid-column:2; }
  .case-head>p { grid-row:auto; }
  .video-duo,.video-duo-reverse { grid-template-columns:1fr 1fr; }
  .work-references-head { grid-template-columns:1fr 1.5fr; }
  .work-references-head>p { grid-column:2; }
  .work-reference { padding:24px; }
}

@media (max-width:760px) {
  .work-hero { min-height:auto; padding-top:118px; padding-bottom:24px; background-size:auto,42px 42px,42px 42px,auto,auto; }
  .work-hero::after { left:18px; bottom:235px; font-size:100px; }
  .work-hero h1 { margin:25px 0 24px; font-size:clamp(47px,14.4vw,68px); line-height:.92; }
  .work-hero h1>span { font-size:.79em; }
  html[lang="en"] .work-hero h1>span { font-size:.72em; }
  .work-hero-copy>p { max-width:520px; font-size:14px; line-height:1.68; }
  .work-hero-actions { display:grid; grid-template-columns:1fr; gap:20px; margin-top:30px; }
  .work-hero-primary { width:100%; min-width:0; }
  .work-hero-secondary { justify-content:space-between; width:100%; padding:2px 0; }
  .work-hero-proof { grid-template-columns:1fr 1fr; margin-top:54px; }
  .work-hero-proof>div { display:block; min-height:94px; padding:18px 12px 16px 0; }
  .work-hero-proof>div+div { padding-left:16px; }
  .work-hero-proof>div:nth-child(3) { grid-column:1/-1; padding-left:0; border-top:1px solid rgba(255,255,255,.12); border-left:0; }
  .work-hero-proof strong { display:block; margin-bottom:10px; font-size:34px; }
  .work-hero-proof span { display:block; max-width:170px; }
  .work-hero-proof>a { min-height:54px; padding-top:16px; }
  .work-brands-head { display:block; padding-top:25px; padding-bottom:23px; }
  .work-brands-head>strong { display:block; margin-top:13px; font-size:25px; }
  .work-brands-head p { max-width:400px; margin-top:9px; font-size:11px; text-align:left; }
  .work-brand-track { animation-duration:29s; }
  .work-brand-item { min-width:158px; height:70px; padding:0 23px; }
  .work-brand-item img { max-width:120px; max-height:27px; }
  .brand-eco img,.brand-jmb img { max-width:31px; max-height:31px; }
  .brand-dude { font-size:14px; }
  .shopify-services { gap:40px; padding-top:82px; padding-bottom:82px; background-size:44px 100%,auto,auto; }
  .shopify-services::after { font-size:88px; top:24px; }
  .shopify-services-intro h2 { font-size:clamp(44px,13vw,66px); }
  .shopify-services-intro>p { font-size:13.5px; }
  .shopify-service-list article { grid-template-columns:30px 1fr; gap:9px 14px; padding:22px 0; }
  .shopify-service-list h3 { font-size:21px; }
  .shopify-service-list p { grid-column:2; font-size:12.5px; }
  .shopify-service-cta { display:grid; gap:24px; padding:23px 0; }
  .shopify-service-cta p strong { font-size:21px; line-height:1.18; }
  .shopify-service-cta>a { justify-content:space-between; width:100%; }
  .work-guide { gap:38px; padding-top:82px; padding-bottom:82px; background-size:44px 44px; }
  .work-guide-head h2 { font-size:clamp(43px,13vw,64px); }
  .work-guide-list>a { grid-template-columns:1fr 24px; gap:8px 18px; min-height:auto; padding:24px 0; }
  .work-guide-list>a:hover { padding-left:0; }
  .work-guide-list span,.work-guide-list strong,.work-guide-list small { grid-column:1; }
  .work-guide-list b { grid-column:2; grid-row:1/4; align-self:center; }
  .case-study { padding-top:82px; padding-bottom:82px; }
  .case-head { grid-template-columns:1fr; gap:20px; margin-bottom:34px; padding-bottom:30px; }
  .case-number,.case-brand,.case-head>p,.case-tags { grid-column:1; grid-row:auto; }
  .case-brand { min-height:68px; margin-top:8px; }
  .case-brand img { width:min(360px,88vw); max-height:74px; }
  .molecules-brand img { width:min(290px,76vw); max-height:88px; }
  .case-head>p { margin-top:8px; font-size:13.5px; }
  .video-duo,.video-duo-reverse {
    display:flex;
    gap:14px;
    margin-right:calc(var(--pad) * -1);
    padding-right:var(--pad);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .video-duo::-webkit-scrollbar { display:none; }
  .media-frame { flex:0 0 min(84vw,360px); scroll-snap-align:start; padding:7px; transform:none!important; }
  .media-frame video { min-height:210px; max-height:64vh; }
  .case-quote { margin-top:44px; padding-left:20px; font-size:23px; }
  .work-references { padding-top:82px; padding-bottom:82px; background-size:44px 100%,auto,auto; }
  .work-references-head { display:block; margin-bottom:40px; }
  .work-references-head h2 { margin-top:26px; font-size:clamp(44px,13vw,64px); }
  .work-references-head>p { margin-top:24px; font-size:12.5px; }
  .work-reference-grid {
    display:flex;
    gap:12px;
    margin-right:calc(var(--pad) * -1);
    padding-right:var(--pad);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    border:0;
  }
  .work-reference-grid::-webkit-scrollbar { display:none; }
  .work-reference { flex:0 0 min(87vw,350px); min-height:590px; padding:23px; border:1px solid rgba(255,255,255,.16); scroll-snap-align:start; }
  .work-contact { min-height:60vh; }
}

@media (prefers-reduced-motion:reduce) {
  .work-hero-primary,.reveal { transition:none!important; }
  .work-brand-track { animation:none; }
  .media-frame { transform:none!important; transition:none; }
}