/* Pandacado V18: distinct service worlds and spatial motion */
:root { --v18-ease:cubic-bezier(.22,1,.36,1); --v18-ink:#090909; --v18-paper:#f5f5f5; }

@view-transition { navigation:auto; }
::view-transition-old(root) { animation:v18Old .45s var(--v18-ease) both; }
::view-transition-new(root) { animation:v18New .7s var(--v18-ease) both; }
@keyframes v18Old { to { opacity:0; transform:scale(.985) translateY(-12px); filter:blur(5px); } }
@keyframes v18New { from { opacity:0; transform:scale(1.018) translateY(18px); filter:blur(8px); } }

.page-transition-v18 { position:fixed; z-index:9999; inset:0; display:grid; grid-template-columns:repeat(3,1fr); visibility:hidden; pointer-events:none; perspective:1200px; }
.page-transition-v18 i { display:block; background:var(--ink); transform:rotateY(92deg); transform-origin:left; transition:transform .48s var(--v18-ease); }
.page-transition-v18 i:nth-child(2) { background:var(--cobalt); transition-delay:.045s; }
.page-transition-v18 i:nth-child(3) { background:var(--acid); transition-delay:.09s; }
body.is-leaving-v18 .page-transition-v18 { visibility:visible; }
body.is-leaving-v18 .page-transition-v18 i { transform:rotateY(0); }
.service-progress-v18 { position:fixed; z-index:151; right:0; top:0; bottom:0; width:3px; pointer-events:none; background:rgba(255,255,255,.08); }
.service-progress-v18 i { display:block; width:100%; height:100%; background:var(--acid); transform:scaleY(var(--progress,0)); transform-origin:top; will-change:transform; }

.service-page-v18 { --world-accent:var(--acid); --world-second:var(--acid); --world-bg:#090909; overflow:clip; }
.service-page-v18--campaign,.service-page-v18--intent,.service-page-v18--editorial,.service-page-v18--knowledge,.service-page-v18--commerce,.service-page-v18--workflow,.service-page-v18--experiment { --world-accent:var(--acid); --world-second:var(--acid); --world-bg:#090909; }

.service-page-v18 [data-tilt] { --rx:0deg; --ry:0deg; transform-style:preserve-3d; will-change:transform; }

/* Service hero: image, message and spatial index are one composition. */
.service-hero-v18 { position:relative; min-height:900px; height:100svh; max-height:1080px; overflow:hidden; isolation:isolate; background:var(--world-bg); color:var(--paper); perspective:1800px; }
.service-hero-v18::before { content:""; position:absolute; z-index:0; inset:0 52% 0 0; background:var(--world-bg); }
.service-hero-v18::after { content:""; position:absolute; z-index:2; left:var(--pad); right:var(--pad); bottom:36px; height:1px; background:rgba(255,255,255,.22); }
.service-hero-v18 > figure { position:absolute; z-index:1; inset:0 0 0 43%; margin:0; overflow:hidden; transform:perspective(1800px) rotateY(var(--ry)) rotateX(var(--rx)) scale(1.035); transform-origin:right center; transition:transform .65s var(--v18-ease); }
.service-hero-v18 > figure::before { content:""; position:absolute; z-index:2; inset:0; border-left:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.12); pointer-events:none; }
.service-hero-v18 > figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.05); transform:translateY(var(--depth-y,0)) scale(1.07); transition:transform .25s linear; }
.service-hero-v18 > figure > i { position:absolute; z-index:3; inset:28px; border:1px solid rgba(255,255,255,.34); pointer-events:none; transform:translateZ(42px); }
.service-hero-v18 figcaption { position:absolute; z-index:4; top:44%; right:28px; padding:9px 12px; background:var(--world-accent); color:var(--ink); font-family:var(--mono); font-size:8px; transform:rotate(90deg) translateX(50%); transform-origin:right center; }
.service-hero-v18__copy { position:relative; z-index:4; width:min(58%,900px); min-height:900px; padding:160px var(--pad) 116px; display:flex; flex-direction:column; justify-content:center; }
.service-hero-v18__copy > span { font-family:var(--mono); font-size:9px; color:var(--world-accent); }
.service-hero-v18__copy h1 { max-width:860px; margin:28px 0 24px; font-size:clamp(64px,6vw,104px); font-weight:650; line-height:.89; text-wrap:balance; }
.service-hero-v18__copy > p { max-width:670px; margin:0; color:rgba(255,255,255,.72); font-size:18px; }
.service-hero-v18__copy > ul { max-width:680px; margin:34px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px; list-style:none; }
.service-hero-v18__copy > ul li { padding:7px 10px; border:1px solid rgba(255,255,255,.24); background:rgba(0,0,0,.7); font-family:var(--mono); font-size:8px; }
.service-hero-v18__copy > div { display:flex; align-items:center; gap:28px; margin-top:38px; }
.service-hero-v18__copy > div > a:last-child { display:inline-flex; align-items:center; gap:8px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.55); font-size:11px; }
.service-hero-v18 > aside { position:absolute; z-index:5; right:var(--pad); bottom:52px; width:42%; display:grid; grid-template-columns:auto auto 1fr auto; gap:14px; align-items:center; color:rgba(255,255,255,.7); font-family:var(--mono); font-size:7px; }
.service-hero-v18 > aside b { color:var(--world-accent); font-weight:500; }
.service-hero-v18 > aside i { height:1px; background:rgba(255,255,255,.35); }

.service-hero-v18--campaign > figure { inset:0 0 0 38%; transform-origin:center; }
.service-hero-v18--campaign > figure::after { content:"CREATIVE / TEST / LEARN"; position:absolute; z-index:3; left:0; right:0; top:110px; padding:13px 24px; border-block:1px solid rgba(255,255,255,.26); color:var(--acid); font-family:var(--mono); font-size:8px; word-spacing:28px; }
.service-hero-v18--campaign .service-hero-v18__copy { width:54%; }
.service-hero-v18--intent > figure { inset:0; opacity:.72; }
.service-hero-v18--intent::before { z-index:2; inset:0 48% 0 0; }
.service-hero-v18--intent .service-hero-v18__copy { width:58%; }
.service-hero-v18--editorial::before,.service-hero-v18--commerce::before { inset:0 0 0 51%; }
.service-hero-v18--editorial > figure,.service-hero-v18--commerce > figure { inset:0 48% 0 0; transform-origin:left center; }
.service-hero-v18--editorial .service-hero-v18__copy,.service-hero-v18--commerce .service-hero-v18__copy { width:52%; margin-left:auto; padding-left:64px; }
.service-hero-v18--editorial > aside,.service-hero-v18--commerce > aside { right:auto; left:var(--pad); }
.service-hero-v18--knowledge > figure { inset:12% 0 0 47%; }
.service-hero-v18--workflow > figure,.service-hero-v18--experiment > figure { inset:0; opacity:.78; }
.service-hero-v18--workflow::before,.service-hero-v18--experiment::before { z-index:2; inset:0 46% 0 0; }
.service-hero-v18--experiment > figure { clip-path:polygon(42% 0,100% 0,100% 100%,28% 100%); }

/* A distinct interactive world for every service. */
.service-world-v18 { padding:150px var(--pad); display:grid; grid-template-columns:minmax(300px,.58fr) minmax(620px,1.42fr); gap:80px; align-items:center; overflow:hidden; background:var(--world-bg); color:var(--paper); }
.service-world-v18 > header { align-self:start; position:sticky; top:120px; }
.service-world-v18 > header > span { font-family:var(--mono); font-size:8px; color:var(--world-accent); }
.service-world-v18 > header h2 { margin:28px 0 22px; font-size:62px; line-height:.94; text-wrap:balance; }
.service-world-v18 > header p { max-width:590px; margin:0; color:rgba(255,255,255,.64); font-size:16px; }
.service-world-v18__stage { --rx:0deg; --ry:0deg; min-height:680px; padding:28px; display:grid; grid-template-rows:1fr auto; border:1px solid rgba(255,255,255,.22); background:#0d0d0d; box-shadow:0 40px 100px rgba(0,0,0,.32); transform:perspective(1700px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .45s var(--v18-ease); }
.service-world-v18__stage > ol { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-world-v18__stage > ol li { min-height:86px; padding:13px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-world-v18__stage > ol span { font-family:var(--mono); font-size:7px; color:var(--world-accent); }
.service-world-v18__stage > ol b { font-size:10px; font-weight:600; }
.world-visual-v18 { position:relative; min-height:510px; overflow:hidden; transform-style:preserve-3d; }

.world-interface-v18 { display:grid; place-items:center; perspective:1200px; }
.world-interface-v18 article { position:absolute; width:58%; min-height:270px; padding:22px; display:flex; flex-direction:column; gap:18px; border:1px solid rgba(255,255,255,.38); background:#111111; box-shadow:0 22px 60px rgba(0,0,0,.36); transform:translate3d(-18%,-8%,30px) rotateY(9deg); }
.world-interface-v18 article:nth-child(2) { transform:translate3d(12%,6%,80px) rotateY(-5deg); background:var(--cobalt); }
.world-interface-v18 article:nth-child(3) { width:48%; min-height:190px; transform:translate3d(38%,30%,130px) rotateY(-12deg); background:var(--acid); color:var(--ink); }
.world-interface-v18 header { display:flex; gap:6px; padding-bottom:15px; border-bottom:1px solid currentColor; opacity:.6; }
.world-interface-v18 header i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.world-interface-v18 article b { font-size:22px; }
.world-interface-v18 article span { display:block; width:80%; height:12px; border:1px solid currentColor; opacity:.48; }
.world-interface-v18 article span:last-child { width:55%; }

.world-campaign-v18 { padding:48px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; perspective:1100px; }
.world-campaign-v18 article { padding:18px; display:grid; grid-template-rows:auto auto 1fr auto auto; gap:14px; border:1px solid rgba(255,255,255,.34); background:#111111; transform:translateZ(calc(var(--i) * 28px)) rotateY(calc((var(--i) - 1) * -5deg)); }
.world-campaign-v18 article > span,.world-campaign-v18 article small { font-family:var(--mono); font-size:7px; color:var(--acid); }
.world-campaign-v18 article > b { font-size:20px; }
.world-campaign-v18 article i { display:block; min-height:110px; background:var(--coral); }
.world-campaign-v18 article i + i { min-height:6px; width:calc(55% + var(--i) * 15%); background:var(--acid); }
.world-campaign-v18 > div { position:absolute; left:10%; right:10%; bottom:20px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; font-family:var(--mono); font-size:8px; }
.world-campaign-v18 > div i { height:1px; background:var(--coral); }

.world-intent-v18 { padding:48px; display:grid; grid-template-rows:auto 1fr; gap:46px; }
.world-intent-v18 > header { min-height:58px; padding:0 18px; display:grid; grid-template-columns:24px 1fr auto; gap:14px; align-items:center; border:1px solid rgba(0,0,0,.34); background:var(--acid); color:var(--ink); }
.world-intent-v18 > header svg { width:18px; }
.world-intent-v18 > header span { font-size:14px; }
.world-intent-v18 > div { position:relative; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; gap:14px; }
.world-intent-v18 > div::before { content:""; position:absolute; left:10%; right:10%; top:50%; height:2px; background:var(--acid); }
.world-intent-v18 article { position:relative; z-index:1; min-height:150px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--acid); background:#101010; transform:translateY(calc((var(--i) - 1.5) * 16px)) translateZ(calc(var(--i) * 18px)); }
.world-intent-v18 article i { width:14px; height:14px; border:3px solid var(--world-second); background:var(--paper); transform:rotate(45deg); }
.world-intent-v18 article span { font-family:var(--mono); font-size:7px; color:var(--acid); }

.world-editorial-v18 { padding:38px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:center; perspective:1200px; }
.world-editorial-v18 article { min-height:360px; padding:15px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.32); background:#111111; transform:rotateY(calc((var(--i) - 1.5) * -4deg)) translateZ(calc(var(--i) * 22px)); }
.world-editorial-v18 article:nth-child(2n) { min-height:420px; background:var(--coral); color:var(--ink); }
.world-editorial-v18 article > span,.world-editorial-v18 article small { font-family:var(--mono); font-size:7px; }
.world-editorial-v18 article i { min-height:190px; border:1px solid currentColor; background:var(--cobalt); }
.world-editorial-v18 article b { font-size:19px; }

.world-knowledge-v18 { display:grid; place-items:center; overflow:visible; }
.world-knowledge-v18::before,.world-knowledge-v18::after { content:""; position:absolute; width:360px; height:360px; border:1px solid rgba(183,255,36,.5); border-radius:50%; }
.world-knowledge-v18::after { width:220px; height:220px; border-color:var(--cobalt); }
.world-knowledge-v18 > div { position:relative; z-index:3; width:130px; height:130px; display:grid; place-items:center; border-radius:50%; background:var(--world-accent); color:var(--ink); transform:translateZ(90px); }
.world-knowledge-v18 > div b { font-size:42px; line-height:1; }
.world-knowledge-v18 > div span { font-family:var(--mono); font-size:6px; }
.world-knowledge-v18 article { position:absolute; z-index:2; width:150px; min-height:100px; padding:14px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.32); background:#101010; transform:rotate(calc(var(--i) * 90deg)) translateX(215px) rotate(calc(var(--i) * -90deg)); }
.world-knowledge-v18 article i { width:30px; height:3px; background:var(--world-accent); }
.world-knowledge-v18 article span { font-family:var(--mono); font-size:7px; color:var(--world-accent); }

.world-commerce-v18 { padding:46px 26px; display:grid; grid-template-columns:1fr 160px; gap:22px; }
.world-commerce-v18 ol { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; align-items:center; }
.world-commerce-v18 li { position:relative; min-height:270px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.28); background:#111111; transform:translateZ(calc(var(--i) * 26px)) translateY(calc((var(--i) - 1.5) * 12px)); }
.world-commerce-v18 li::after { content:""; position:absolute; top:50%; left:100%; width:22px; height:2px; background:var(--coral); }
.world-commerce-v18 li:last-child::after { display:none; }
.world-commerce-v18 li span { font-family:var(--mono); font-size:7px; color:var(--coral); }
.world-commerce-v18 li svg { width:34px; color:var(--acid); }
.world-commerce-v18 li i { height:8px; width:calc(45% + var(--i) * 14%); background:var(--world-accent); }
.world-commerce-v18 > div { align-self:center; min-height:190px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; background:var(--coral); color:var(--ink); }
.world-commerce-v18 > div span { font-family:var(--mono); font-size:7px; }
.world-commerce-v18 > div b { font-size:62px; }

.world-workflow-v18 { display:grid; place-items:center; overflow:visible; }
.world-workflow-v18 > div { position:relative; z-index:4; width:180px; height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--acid); background:#101010; box-shadow:0 0 0 26px rgba(183,255,36,.05); transform:translateZ(100px); }
.world-workflow-v18 > div::before { content:""; position:absolute; inset:-20px; z-index:-1; border:1px solid rgba(183,255,36,.32); transform:rotate(45deg); }
.world-workflow-v18 > div svg { width:52px; color:var(--acid); }
.world-workflow-v18 > div span,.world-workflow-v18 > div b { font-family:var(--mono); font-size:8px; }
.world-workflow-v18 article { position:absolute; width:155px; min-height:105px; padding:14px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(183,255,36,.5); background:#101010; transform:rotate(calc(var(--i) * 90deg + 45deg)) translateX(225px) rotate(calc(var(--i) * -90deg - 45deg)); }
.world-workflow-v18 article span { font-family:var(--mono); font-size:7px; color:var(--acid); }
.world-workflow-v18 article i { height:3px; width:70%; background:var(--acid); }

.world-experiment-v18 { padding:34px; display:grid; grid-template-rows:auto 1fr auto; gap:16px; }
.world-experiment-v18 > header { display:grid; grid-template-columns:1fr 1fr; gap:12px; font-family:var(--mono); font-size:8px; }
.world-experiment-v18 > header span { padding:10px; border:1px solid rgba(255,255,255,.28); }
.world-experiment-v18 > div { display:grid; grid-template-columns:1fr 1fr; gap:12px; perspective:1000px; }
.world-experiment-v18 article { padding:20px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.3); background:#111111; transform:rotateY(7deg); }
.world-experiment-v18 article + article { background:var(--acid); color:var(--ink); transform:rotateY(-7deg) translateZ(38px); }
.world-experiment-v18 article b { font-size:72px; }
.world-experiment-v18 article i { height:12px; width:80%; border:1px solid currentColor; }
.world-experiment-v18 article i + i { width:55%; }
.world-experiment-v18 article small { font-family:var(--mono); font-size:8px; }
.world-experiment-v18 > footer { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; font-family:var(--mono); font-size:8px; }
.world-experiment-v18 > footer i { height:2px; background:var(--coral); }

/* Customer-language value and first-month story. */
.service-plain-v18 { padding:150px var(--pad); background:var(--v18-paper); color:var(--ink); }
.service-plain-v18 > header { max-width:var(--max); margin:0 auto 64px; display:grid; grid-template-columns:.28fr 1fr .58fr; gap:48px; align-items:start; }
.service-plain-v18 > header > span { font-family:var(--mono); font-size:8px; color:var(--world-accent); }
.service-plain-v18 > header h2 { margin:0; font-size:64px; line-height:.94; }
.service-plain-v18 > header h2 em { color:var(--world-accent); }
.service-plain-v18 > header p { margin:0; color:#626262; }
.service-plain-v18__grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line-dark); border-left:1px solid var(--line-dark); }
.service-plain-v18__grid article { min-height:360px; padding:28px; display:flex; flex-direction:column; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); }
.service-plain-v18__grid article > span { font-family:var(--mono); font-size:8px; color:var(--world-accent); }
.service-plain-v18__grid h3 { margin:74px 0 18px; font-size:33px; line-height:1; }
.service-plain-v18__grid p { margin:0; color:#626262; }
.service-plain-v18__grid b { margin-top:auto; padding-top:28px; display:flex; align-items:center; gap:9px; font-size:11px; }
.service-plain-v18__grid b svg { width:18px; color:var(--world-accent); }
.service-plain-v18 > aside { max-width:var(--max); margin:70px auto 0; display:grid; grid-template-columns:.72fr 1.28fr; border:1px solid var(--line-dark); background:var(--ink); color:var(--paper); }
.service-plain-v18 > aside > div { padding:48px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.service-plain-v18 > aside > div > span { font-family:var(--mono); font-size:8px; color:var(--world-accent); }
.service-plain-v18 > aside h3 { margin:22px 0; font-size:39px; line-height:.98; }
.service-plain-v18 > aside > div p { margin:0; color:var(--muted); }
.service-plain-v18 > aside ol { margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; list-style:none; }
.service-plain-v18 > aside li { min-height:170px; padding:23px; display:grid; grid-template-columns:40px 1fr; gap:15px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-plain-v18 > aside li:nth-child(even) { border-right:0; }
.service-plain-v18 > aside li:nth-last-child(-n+2) { border-bottom:0; }
.service-plain-v18 > aside li > span { font-family:var(--mono); font-size:8px; color:var(--world-accent); }
.service-plain-v18 > aside li b { display:block; margin-bottom:8px; font-size:15px; }
.service-plain-v18 > aside li p { margin:0; color:var(--muted); font-size:11px; }

/* Shared sections inherit each world's visual logic without becoming clones. */
.service-page-v18 .service-diagnosis-v17 > div:first-child > span,
.service-page-v18 .service-cadence-v17 > div > span,
.service-page-v18 .service-evidence-v17 > div > span { color:var(--world-accent); }
.service-page-v18 .service-diagnosis-v17 h2,.service-page-v18 .service-cadence-v17 h2,.service-page-v18 .service-evidence-v17 h2 { text-wrap:balance; }
.service-page-v18 .service-photo-v17 figure { perspective:1200px; }
.service-page-v18 .service-photo-v17 figure img { transform:translateY(var(--depth-y,0)) scale(1.08); }
.service-page-v18 .service-blueprint-v17 article { transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .42s var(--v18-ease),background .3s ease; }
.service-page-v18 .service-blueprint-v17 article:hover { background:#eeeeee; }
.service-page-v18--campaign .service-diagnosis-v17,.service-page-v18--experiment .service-diagnosis-v17 { background:var(--acid); }
.service-page-v18--campaign .service-diagnosis-v17 p,.service-page-v18--experiment .service-diagnosis-v17 p { color:rgba(0,0,0,.72); }
.service-page-v18--editorial .service-photo-v17 { grid-template-columns:.86fr 1.14fr; }
.service-page-v18--editorial .service-photo-v17 figure { order:2; }
.service-page-v18--editorial .service-photo-v17 > div { order:1; }
.service-page-v18--knowledge .service-cadence-v17 { background:#e3e3e3; }
.service-page-v18--commerce .service-evidence-v17 > div { background:var(--coral); }
.service-page-v18--workflow .service-planner-v17 { background:#080808; }
.service-page-v18--intent .service-world-v18__stage { background:#111111; }

@media (max-width:1180px) {
  .service-hero-v18__copy h1 { font-size:72px; }
  .service-world-v18 { grid-template-columns:.72fr 1.28fr; gap:44px; }
  .service-world-v18 > header h2 { font-size:50px; }
  .service-world-v18__stage { min-height:610px; padding:20px; }
  .world-visual-v18 { min-height:450px; }
  .service-plain-v18 > header { grid-template-columns:.26fr 1fr; }
  .service-plain-v18 > header p { grid-column:2; }
}

@media (max-width:880px) {
  .page-transition-v18 { grid-template-columns:1fr 1fr; }
  .page-transition-v18 i:nth-child(3) { display:none; }
  .service-hero-v18 { min-height:900px; height:auto; max-height:none; padding-bottom:360px; }
  .service-hero-v18::before { inset:0; }
  .service-hero-v18::after { bottom:18px; }
  .service-hero-v18 > figure,.service-hero-v18--campaign > figure,.service-hero-v18--intent > figure,.service-hero-v18--editorial > figure,.service-hero-v18--commerce > figure,.service-hero-v18--knowledge > figure,.service-hero-v18--workflow > figure,.service-hero-v18--experiment > figure { inset:auto 0 0; width:100%; height:360px; opacity:1; clip-path:none; transform:none; }
  .service-hero-v18 > figure::before { border-left:0; border-top:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.08); }
  .service-hero-v18 > figure > i { inset:14px; }
  .service-hero-v18 figcaption { top:auto; right:14px; bottom:14px; transform:none; }
  .service-hero-v18__copy,.service-hero-v18--campaign .service-hero-v18__copy,.service-hero-v18--intent .service-hero-v18__copy,.service-hero-v18--editorial .service-hero-v18__copy,.service-hero-v18--commerce .service-hero-v18__copy { width:100%; min-height:0; margin:0; padding:142px 20px 68px; }
  .service-hero-v18__copy h1 { margin-top:22px; font-size:51px; line-height:.94; }
  .service-hero-v18__copy > p { font-size:15px; }
  .service-hero-v18__copy > ul { gap:5px; }
  .service-hero-v18__copy > div { align-items:stretch; flex-direction:column; gap:16px; }
  .service-hero-v18__copy .button-v17 { width:100%; }
  .service-hero-v18__copy > div > a:last-child { width:max-content; }
  .service-hero-v18 > aside { display:none; }

  .service-world-v18 { padding:90px 20px; grid-template-columns:1fr; gap:44px; }
  .service-world-v18 > header { position:static; }
  .service-world-v18 > header h2 { font-size:43px; }
  .service-world-v18__stage { min-height:0; padding:12px; transform:none !important; }
  .world-visual-v18 { min-height:430px; }
  .service-world-v18__stage > ol { grid-template-columns:1fr 1fr; }
  .service-world-v18__stage > ol li { min-height:74px; }

  .world-interface-v18 article { width:78%; min-height:220px; }
  .world-interface-v18 article:nth-child(3) { width:64%; }
  .world-campaign-v18 { padding:24px 8px; gap:6px; }
  .world-campaign-v18 article { padding:10px; }
  .world-campaign-v18 article > b { font-size:13px; }
  .world-campaign-v18 article i { min-height:120px; }
  .world-intent-v18 { padding:22px 6px; gap:28px; }
  .world-intent-v18 > div { grid-template-columns:1fr 1fr; }
  .world-intent-v18 > div::before { display:none; }
  .world-intent-v18 article { min-height:120px; transform:none; }
  .world-editorial-v18 { padding:20px 6px; grid-template-columns:1fr 1fr; }
  .world-editorial-v18 article,.world-editorial-v18 article:nth-child(2n) { min-height:185px; transform:none; }
  .world-editorial-v18 article i { min-height:78px; }
  .world-knowledge-v18::before { width:270px; height:270px; }
  .world-knowledge-v18 article { width:118px; min-height:82px; transform:rotate(calc(var(--i) * 90deg)) translateX(160px) rotate(calc(var(--i) * -90deg)); }
  .world-commerce-v18 { padding:22px 4px; grid-template-columns:1fr; }
  .world-commerce-v18 ol { grid-template-columns:1fr 1fr; }
  .world-commerce-v18 li { min-height:145px; transform:none; }
  .world-commerce-v18 li::after { display:none; }
  .world-commerce-v18 > div { min-height:92px; }
  .world-workflow-v18 > div { width:132px; height:132px; }
  .world-workflow-v18 article { width:112px; min-height:82px; transform:rotate(calc(var(--i) * 90deg + 45deg)) translateX(166px) rotate(calc(var(--i) * -90deg - 45deg)); }
  .world-experiment-v18 { padding:20px 6px; }
  .world-experiment-v18 article { padding:14px; transform:none !important; }

  .service-plain-v18 { padding:90px 20px; }
  .service-plain-v18 > header { grid-template-columns:1fr; gap:20px; }
  .service-plain-v18 > header h2 { font-size:43px; }
  .service-plain-v18 > header p { grid-column:auto; }
  .service-plain-v18__grid { grid-template-columns:1fr; }
  .service-plain-v18__grid article { min-height:260px; }
  .service-plain-v18__grid h3 { margin-top:44px; }
  .service-plain-v18 > aside { grid-template-columns:1fr; }
  .service-plain-v18 > aside > div { padding:34px 24px; border-right:0; border-bottom:1px solid var(--line); }
  .service-plain-v18 > aside ol { grid-template-columns:1fr; }
  .service-plain-v18 > aside li,.service-plain-v18 > aside li:nth-child(even),.service-plain-v18 > aside li:nth-last-child(-n+2) { min-height:145px; border-right:0; border-bottom:1px solid var(--line); }
  .service-plain-v18 > aside li:last-child { border-bottom:0; }
  .service-page-v18--editorial .service-photo-v17 { grid-template-columns:1fr; }
  .service-page-v18--editorial .service-photo-v17 figure { order:1; }
  .service-page-v18--editorial .service-photo-v17 > div { order:2; }
}

@media (prefers-reduced-motion:reduce) {
  ::view-transition-old(root),::view-transition-new(root) { animation:none; }
  .page-transition-v18 { display:none; }
  .service-page-v18 [data-tilt],.service-hero-v18 > figure,.service-page-v18 .service-photo-v17 figure img { transform:none !important; transition:none !important; }
}