/* Mr. Wolf design system 3.36 — generated; edit resources/css/mrwolf and rebuild. */

/* Component: fonts */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/fb2854d0510cc4c8.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/b57f022a21cba260.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/9836048fe86e3798.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/02610bd68047e104.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/770632d35535ba14.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/b9247c7097ec5ab2.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/b9bd5c7b15fe926d.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/0c8b41c5043d6d57.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/mrwolf/fonts-3.36/28728d66c2c24ed0.woff2") format('woff2');
}

/* Self-hosted Inter variable font: EN, HR and Latin Extended-A. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/mrwolf/themes/mr-wolf/fonts/inter-latin-variable-1.0.11.woff2') format('woff2')}


/* Component: portfolio */
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body)}a{color:inherit}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,p,figure,blockquote{margin:0}h1,h2{font-family:var(--display);font-weight:400}p+p{margin-top:1rem}[hidden]{display:none!important}.wrap{width:84%;margin-inline:auto;max-width:1800px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;background:var(--gold);color:#06110f;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:30;min-height:82px;padding:15px 8%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#06110fe8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:block;width:190px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav a{text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.06em}.site-header nav a:hover{color:var(--gold-light)}.site-footer{padding:55px 8%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.site-footer .brand{width:150px}.site-footer>a:last-child{color:var(--gold);text-decoration:none}
.eyebrow{color:var(--gold);text-transform:uppercase;font:600 .75rem/1.3 var(--body);letter-spacing:.18em}.lead{max-width:44rem;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65;color:var(--muted)}.case-hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.38fr);gap:5vw;align-items:center;padding-block:9vh 8vh}.case-hero-copy{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.case-hero h1{max-width:18ch;font-size:clamp(3.25rem,5.4vw,5.9rem);line-height:.98;letter-spacing:-.045em}.case-hero-copy>.lead{max-width:34rem}.case-hero-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.stage-count{font:400 clamp(4rem,8vw,8rem)/1 var(--display);color:var(--ink);letter-spacing:-.06em}.case-hero-meta>p:last-child:not(.eyebrow){max-width:24ch;color:var(--muted);font-size:1rem;line-height:1.65}
.button-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:1.15rem 1.8rem;background:linear-gradient(135deg,#f2b63d,#ffd979);border:1px solid transparent;border-radius:.2rem;font:700 .78rem/1.25 var(--body);letter-spacing:.11em;text-transform:uppercase;color:#0a0d0b;text-decoration:none;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-2px);box-shadow:0 1rem 2.5rem #f2b63d38}.button.secondary{background:#06110f47;border-color:#f2b63dbf;color:var(--gold)}.button.secondary:hover{color:var(--bg);background:var(--gold)}
.journey-intro{padding-block:8vh;display:flex;flex-direction:column;gap:1.35rem}.journey-intro h2{max-width:14ch;font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.2;letter-spacing:-.045em}.journey-intro>.lead{max-width:44rem}.journey-timeline{--stage-bg:#091412;--journey-progress:0;position:relative;isolation:isolate;padding:5vw 8vw 8vw;display:flex;flex-direction:column;gap:6vh;background:var(--stage-bg);transition:background-color .7s cubic-bezier(.22,1,.36,1)}.journey-track{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#e3a62f29;z-index:-1;pointer-events:none}.journey-track>span{display:block;height:calc(var(--journey-progress)*100%);width:100%;background:var(--gold-light)}
.journey-step{position:relative;min-height:38rem;padding-block:2.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2.5rem,6vw,6rem);align-items:center;scroll-margin-top:110px}.journey-dot{position:absolute;left:50%;top:50%;width:.95rem;height:.95rem;border:2px solid var(--gold-light);border-radius:50%;transform:translate(-50%,-50%);background:var(--stage-bg);transition:background .3s,box-shadow .3s;z-index:3}.journey-step.is-reached>.journey-dot{background:var(--gold-light);box-shadow:0 0 0 10px #e3a62f1f,0 0 26px #e3a62f94}.journey-copy,.journey-visual{min-width:0}.journey-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.journey-copy h2{max-width:18ch;font-size:clamp(1.85rem,2.9vw,3.35rem);line-height:1.02;letter-spacing:-.035em}.stage-subtitle{font-weight:700;font-size:clamp(.82rem,1vw,1rem);color:var(--gold);letter-spacing:.18em;line-height:1.2;text-transform:uppercase;margin-top:-.25rem}.stage-text{max-width:34rem;color:#f4f0e4ad;font-size:clamp(.98rem,1.15vw,1.15rem);line-height:1.65;white-space:pre-line}.stage-meta{color:var(--gold);font-size:.72rem;letter-spacing:.14em;font-weight:700;line-height:1.55;text-transform:uppercase;margin-top:.25rem}.journey-copy .button-row{margin-top:.25rem}.journey-visual{grid-column:2;grid-row:1}.visual-left>.journey-visual{grid-column:1}.visual-left>.journey-copy{grid-column:2}
.case-picture{min-width:0}.case-picture>a{display:block;border-radius:.75rem;overflow:hidden}.case-picture img{display:block;width:100%;height:auto;border-radius:.75rem;transition:transform .65s cubic-bezier(.22,1,.36,1)}.case-picture a:hover img{transform:scale(1.025)}.case-picture figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding-top:9px}.gallery-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.gallery-mosaic .case-picture:first-child{grid-column:1/-1}.gallery-grid>.gallery-images{background:#f2f0ea;padding:14px;border-radius:.8rem;gap:10px}.gallery-slider>.gallery-images{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;gap:16px}.gallery-slider .case-picture{flex:0 0 100%;scroll-snap-align:start}.gallery-controls{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin-top:15px;font-size:12px;color:var(--muted)}.gallery-controls button{border:1px solid #f2b63d80;border-radius:50%;height:36px;width:36px;color:var(--gold);background:transparent;cursor:pointer}.gallery-controls button:disabled{opacity:.3;cursor:default}
.layout-text,.layout-image,.layout-results,.layout-testimonial,.layout-technologies{grid-template-columns:minmax(0,1fr);row-gap:35px}.layout-text>.journey-copy{max-width:760px;padding:25px;background:var(--stage-bg)}.layout-text.is-centered>.journey-copy{margin-inline:auto;align-items:center;text-align:center}.layout-text>.journey-dot,.layout-image>.journey-dot,.layout-results>.journey-dot,.layout-testimonial>.journey-dot,.layout-technologies>.journey-dot{top:0}.wide-visual{grid-column:1/-1;background:var(--stage-bg)}.wide-visual.is-contained{max-width:960px;width:100%;margin-inline:auto}.wide-visual>h2{font-size:clamp(2rem,4vw,4rem);margin-bottom:20px}.wide-visual>.lead{margin-bottom:25px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:18px;grid-column:1/-1;background:var(--stage-bg)}.result-item{padding:25px;border-top:1px solid #f2b63d66}.result-item>strong{display:block;font:400 clamp(2rem,4vw,4rem)/1.2 var(--display);color:var(--gold)}.result-item>p{color:var(--muted);margin-top:12px}.client-quote{max-width:1000px;margin:auto;padding:35px;background:var(--stage-bg)}.client-quote h2{font-size:1.5rem;margin-top:15px}.client-quote blockquote{font:400 clamp(1.8rem,3.7vw,3.5rem)/1.3 var(--display);margin-block:25px}.client-quote blockquote:before{content:'“';color:var(--gold)}.client-quote blockquote:after{content:'”';color:var(--gold)}.client-quote figcaption{display:grid;gap:5px}.client-quote figcaption>span{font-size:13px;color:var(--muted)}.technology-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:20px 0;list-style:none;background:var(--stage-bg)}.technology-tags li{padding:10px 20px;border:1px solid #f2b63d66;border-radius:40px;color:var(--gold);font-size:14px}
.case-cta{min-height:60vh;padding-block:10vh;display:flex;flex-direction:column;gap:1.35rem;align-items:center;justify-content:center;text-align:center}.case-cta h2{max-width:14ch;font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.15;letter-spacing:-.045em}.case-cta>.lead{max-width:44rem}.case-lightbox{width:min(1380px,96vw);max-width:96vw;max-height:94dvh;border:1px solid var(--line);border-radius:12px;background:#06110f;color:var(--ink);padding:45px 22px 18px;overflow:auto}.case-lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}.case-lightbox>img{display:block;max-height:78dvh;width:auto;max-width:100%;margin:auto;object-fit:contain}.case-lightbox>p{font-size:13px;text-align:center;color:var(--muted);margin-top:12px}.lightbox-close{position:absolute;top:8px;right:12px;width:30px;height:30px;border:0;background:transparent;color:var(--gold);font-size:21px;cursor:pointer}
.hero{padding-block:100px 70px}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:1.05;max-width:14ch;margin-block:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;padding-bottom:90px}.project-card{border-top:1px solid var(--line);padding-top:20px}.project-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}.project-card h2{font-size:2rem;margin-block:18px 10px}.project-card h2 a{text-decoration:none}.project-card p{color:var(--muted)}
@media(min-width:768px){[data-reveal].is-pending{opacity:0;transform:translateY(25px)}[data-reveal]{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}}
@media(max-width:1024px){.site-header{min-height:72px}.brand{width:160px}.journey-step{min-height:30rem;column-gap:3rem}.case-hero{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.case-hero h1{font-size:clamp(2.7rem,5.5vw,5rem)}.button{padding:1rem 1.2rem;font-size:.7rem}}
@media(max-width:767px){html{scroll-padding-top:80px}.wrap{width:92%}.site-header{padding:14px 4%;gap:15px;min-height:68px}.site-header .brand{width:132px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.case-hero{min-height:auto;padding-block:9vh 8vh;grid-template-columns:minmax(0,1fr);gap:35px}.case-hero h1{font-size:clamp(2.7rem,10vw,4.5rem);max-width:18ch}.case-hero-copy{gap:1.1rem}.case-hero-meta{text-align:left;align-items:flex-start;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:5px;align-items:center}.stage-count{grid-row:span 2;font-size:4rem}.case-hero-meta>p:last-child:not(.eyebrow){max-width:none;font-size:.85rem}.button-row{gap:12px}.button{padding:1rem 1.25rem}.journey-intro{padding-block:6vh 8vh;gap:1.1rem}.journey-intro h2{font-size:clamp(2.3rem,9vw,3.7rem)}.journey-timeline{--mobile-journey-axis:4vw;--mobile-journey-inset:8vw;--mobile-stage-padding:1.5rem;padding:3rem 4vw 8vh var(--mobile-journey-inset);gap:4vh}.journey-track{left:var(--mobile-journey-axis);transform:translateX(-50%)}.journey-step{min-height:auto;padding-block:var(--mobile-stage-padding);grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:stretch}.journey-dot{left:calc(var(--mobile-journey-axis) - var(--mobile-journey-inset));top:50%}.journey-copy,.visual-left>.journey-copy{grid-column:1;grid-row:1}.journey-visual,.visual-left>.journey-visual{grid-column:1;grid-row:2}.journey-copy h2{max-width:100%;font-size:clamp(1.85rem,9vw,2.8rem)}.stage-subtitle{font-size:.8rem}.stage-text{font-size:1rem}.stage-meta{font-size:.65rem}.case-cta{min-height:0;padding-block:10vh}.case-cta h2{font-size:clamp(2.4rem,9vw,4rem)}.layout-text>.journey-copy{padding:12px}.client-quote{padding:15px}.site-footer{padding:35px 4%;flex-direction:column;align-items:flex-start;gap:20px}.result-grid{gap:12px}.result-item{padding:18px}.case-lightbox{padding:45px 12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal].is-pending{opacity:1;transform:none}}

/* Unified phase media with a landscape frame by default. */
.stage-technologies{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:4px 0 0;padding:0}
.stage-technologies li{padding:6px 12px;border:1px solid #f2b63d55;border-radius:9px;color:var(--gold-light);font:600 .7rem/1.45 var(--body);letter-spacing:.05em;overflow-wrap:anywhere}
.stage-gallery{min-width:0;width:100%}.gallery-square{position:relative;width:100%;aspect-ratio:var(--gallery-aspect,4/3);overflow:hidden;border-radius:12px;background:#10201a;touch-action:pan-y pinch-zoom}
.gallery-square-track{position:absolute;inset:0;min-width:0;min-height:0}
.stage-gallery-slide{min-width:0;min-height:0;width:100%;height:100%;margin:0}
.stage-gallery-slide>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:zoom-in;line-height:0}
.stage-gallery-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.stage-gallery-slide>a:hover img{transform:scale(1.025)}
.mode-thumbnails .stage-gallery-slide{position:absolute;inset:0}
.mode-slider .gallery-square-track{display:flex;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}
.mode-slider .stage-gallery-slide{flex:0 0 100%}
.square-slider-prev,.square-slider-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #f2b63daa;border-radius:50%;background:#07120fd9;color:var(--gold-light);cursor:pointer;z-index:2}
.square-slider-prev{left:14px}.square-slider-next{right:14px}
.mode-grid .gallery-square-track,.mode-masonry .gallery-square-track{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
.mode-grid[data-image-count="1"] .gallery-square-track,.mode-masonry[data-image-count="1"] .gallery-square-track{grid-template-columns:1fr;grid-template-rows:1fr}
.mode-grid[data-image-count="2"] .gallery-square-track{grid-template-rows:1fr}
.mode-grid[data-image-count="3"] .stage-gallery-slide:first-child{grid-row:span 2}
.gallery-extra{position:absolute;inset:0;display:grid;place-items:center;background:#05100b88;color:#fff6e4;font:600 clamp(1.5rem,4vw,3rem)/1 var(--body);z-index:1;pointer-events:none}
.gallery-tile-caption{position:absolute;inset:auto 0 0;padding:24px 9px 9px;background:linear-gradient(transparent,#000b);color:#fff6e4;font:500 .68rem/1.4 var(--body);pointer-events:none}
.gallery-extra+.gallery-tile-caption{display:none}
.stage-thumbnails-wrap{display:flex;align-items:center;gap:8px;margin-top:10px;min-width:0}
.stage-thumbnails{--thumb-gap:8px;display:flex;gap:var(--thumb-gap);min-width:0;flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px}
.stage-thumbnails::-webkit-scrollbar{display:none}
.stage-thumbnail{flex:0 0 calc((100% + var(--thumb-gap))/var(--thumb-count) - var(--thumb-gap));min-width:0;aspect-ratio:16/9;padding:0;border:1px solid #f2b63d33;border-radius:7px;overflow:hidden;background:#101d18;cursor:pointer;scroll-snap-align:start;opacity:.6;transition:opacity .2s,border-color .2s}
.stage-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.stage-thumbnail[aria-pressed=true]{border-color:var(--gold-light);opacity:1;box-shadow:0 0 0 1px #f2b63d77}.stage-thumbnail:hover{opacity:1}
.thumb-arrow,.lightbox-controls button{width:36px;height:36px;flex-shrink:0;border:1px solid #f2b63d77;border-radius:50%;background:#11201a;color:var(--gold);cursor:pointer}
.thumb-arrow:disabled{opacity:.25;cursor:default}
.gallery-stage-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:9px;font-size:.75rem;color:var(--muted)}
.gallery-active-caption{flex:1;line-height:1.5}.stage-gallery-count{flex-shrink:0;font-size:.7rem;margin:0;font-variant-numeric:tabular-nums}
.lightbox-view{display:flex;align-items:center;justify-content:center;min-height:120px;touch-action:pan-y pinch-zoom}
.lightbox-view>img{display:block;max-height:70dvh;width:auto;max-width:100%;object-fit:contain}
.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;font-size:.8rem}
@media(max-width:767px){.thumb-arrow{width:30px;height:30px}.stage-thumbnails-wrap{gap:5px}.stage-thumbnails{--thumb-gap:6px}.square-slider-prev,.square-slider-next{width:36px;height:36px}.square-slider-prev{left:10px}.square-slider-next{right:10px}.lightbox-view>img{max-height:67dvh}.mode-grid .gallery-square-track,.mode-masonry .gallery-square-track{gap:4px}}

.mode-masonry[data-image-count="1"] .gallery-square-track{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}
.mode-masonry[data-image-count="2"] .gallery-square-track{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}
.mode-masonry[data-image-count="3"] .gallery-square-track{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.mode-masonry[data-image-count="3"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="4"] .gallery-square-track{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.mode-masonry[data-image-count="4"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 1}
.mode-masonry[data-image-count="4"] .stage-gallery-slide:nth-child(2){grid-column:span 2;grid-row:span 1}
.mode-masonry[data-image-count="5"] .gallery-square-track{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.mode-masonry[data-image-count="5"] .stage-gallery-slide:nth-child(1){grid-column:span 1;grid-row:span 2}
.mode-masonry[data-image-count="6"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.mode-masonry[data-image-count="6"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="6"] .stage-gallery-slide:nth-child(2){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="7"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.mode-masonry[data-image-count="7"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 1}
.mode-masonry[data-image-count="8"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.mode-masonry[data-image-count="8"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="8"] .stage-gallery-slide:nth-child(2){grid-column:span 2;grid-row:span 1}
.mode-masonry[data-image-count="9"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.mode-masonry[data-image-count="9"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="10"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.mode-masonry[data-image-count="10"] .stage-gallery-slide:nth-child(1){grid-column:span 3;grid-row:span 1}
.mode-masonry[data-image-count="11"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.mode-masonry[data-image-count="11"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 1}
.mode-masonry[data-image-count="12"] .gallery-square-track{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
.mode-masonry[data-image-count="12"] .stage-gallery-slide:nth-child(1){grid-column:span 2;grid-row:span 2}
.mode-masonry[data-image-count="12"] .stage-gallery-slide:nth-child(2){grid-column:span 2;grid-row:span 1}

.journey-timeline[data-surface-tone=light]{--ink:#15221b;--muted:#3e5146;--gold:#755000;--gold-light:#805600;--line:#80560044;--stage-copy:#31483a}
.journey-timeline[data-surface-tone=light] .stage-text{color:var(--stage-copy)}
.journey-timeline[data-surface-tone=light] .journey-track{background:#80560022}
.journey-timeline{color:var(--ink)}

.gallery-open-label{font:600 clamp(.65rem,1.2vw,.85rem)/1.4 var(--body);letter-spacing:.06em;padding:10px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 3.18: preserve artwork and align mobile markers to headings. */
.mode-thumbnails .stage-gallery-slide img,.mode-slider .stage-gallery-slide img{object-fit:contain}
.stage-gallery-count,[data-gallery-count]{display:none!important}
.journey-track{transform:translateX(-50%)}
.journey-timeline[data-surface-tone=light] .stage-technologies li{color:var(--gold-light);border-color:var(--line)}
@media(max-width:767px){.journey-dot{top:calc(var(--mobile-stage-padding) + .45rem)}}


/* Component: project-ending */
/* Shared project ending: other projects and original site footer. */
.related-projects{padding-block:clamp(3.5rem,7vw,8rem);min-width:0}
.ending-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.ending-section-head>div{min-width:0;overflow-wrap:anywhere}.ending-section-head h2{font-size:clamp(2.4rem,4.2vw,4.8rem);line-height:1.1;letter-spacing:-.045em;margin-block:.8rem 1rem}
.ending-text-link{display:inline-flex;align-items:center;gap:1.5rem;min-height:44px;flex-shrink:0;color:var(--gold);font-size:.72rem;font-weight:650;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid var(--line)}
.ending-text-link span{font-size:1.3rem}.ending-text-link:hover{border-color:var(--gold)}
.related-project-track{--related-gap:clamp(1.2rem,3vw,3rem);display:flex;gap:var(--related-gap);margin:-6px;padding:6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;overscroll-behavior-x:contain}
.related-project-track::-webkit-scrollbar{height:4px}.related-project-track::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}
.related-project-item{flex:0 0 calc((100% - var(--related-gap))/2);min-width:0;scroll-snap-align:start}
.related-project-link{display:block;padding-bottom:1rem;text-decoration:none}
.related-project-image{aspect-ratio:3/2;position:relative;overflow:hidden;border-radius:12px;background:#10251e}
.related-project-image img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.related-project-link:hover img,.related-project-link:focus-visible img{transform:scale(1.045)}
.related-project-placeholder{display:grid;place-items:center;height:100%;font:400 clamp(3rem,8vw,8rem)/1 var(--display);color:var(--gold);background:radial-gradient(ellipse at 70% 20%,#f2b63d18,transparent 65%)}
.related-project-open{position:absolute;right:1rem;bottom:1rem;display:grid;place-items:center;width:44px;height:44px;border:1px solid #f4c45a80;border-radius:50%;background:#06110fe8;color:var(--gold-light);font-size:1.4rem;transition:background .25s,color .25s}
.related-project-link:hover .related-project-open{background:var(--gold);color:var(--bg)}
.related-project-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;color:var(--gold);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.related-project-link h3{font:400 clamp(1.65rem,2.3vw,2.8rem)/1.15 var(--display);letter-spacing:-.025em;color:var(--ink);margin:.7rem 0 .8rem}
.related-project-link p{font-size:.95rem;line-height:1.6;color:var(--muted);max-width:44ch}.related-project-link :is(h3,p,.related-project-meta){overflow-wrap:anywhere}
.related-project-track.has-one-project{max-width:660px}.related-project-track.has-one-project .related-project-item{flex-basis:100%}
.related-project-controls{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.25rem}
.related-project-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);font-size:1.3rem;cursor:pointer;transition:background .25s,border-color .25s}
.related-project-controls button:hover:not(:disabled){background:#f2b63d16;border-color:var(--gold)}.related-project-controls button:disabled{opacity:.3;cursor:default}

/* Original Mr. Wolf footer structure and desktop/mobile proportions. */
.site-footer.site-footer-reference{display:block;padding:7vw 8vw 2.2vw;background:#06100d;border:0;color:var(--ink);font-size:1rem}
.footer-invitation{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;padding:1.5rem 0 5rem}
.footer-invitation-heading{width:67%;min-width:0}.footer-invitation-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(3.7rem,7vw,8rem);line-height:.92;letter-spacing:-.045em;margin-top:.65rem;overflow-wrap:anywhere}
.footer-invitation-heading h2>span{display:block}.footer-invitation-heading h2>span+span{margin-top:.65rem}.footer-title-accent{color:var(--gold)}
.footer-invitation-copy{width:27%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.7rem}
.footer-invitation-copy>p{max-width:22rem;font-size:1.05rem;line-height:1.65;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
.footer-invitation-buttons{width:100%;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.footer-invitation-buttons .button{width:100%;padding:.95rem 1.15rem;font-size:.75rem;min-height:50px;gap:.4rem;overflow-wrap:anywhere;text-align:center}.footer-invitation-buttons .button.secondary{background:transparent}.footer-invitation-buttons .button.secondary:hover{background:var(--gold);color:var(--bg)}
.footer-reference-rule{width:100%;height:1px;background:linear-gradient(90deg,rgba(242,182,61,.3),rgba(242,182,61,.08))}
.footer-reference-columns{display:flex;justify-content:space-between;gap:4rem;padding-block:4rem}
.footer-reference-brand{width:36%;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.site-footer-reference .footer-reference-brand .brand{width:13rem;max-width:100%}.footer-reference-brand .brand img{width:100%;height:3.2rem;object-fit:contain;object-position:left center}
.footer-brand-description{max-width:22rem;font-size:.95rem;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.footer-reference-brand p+p{margin-top:0}
.footer-reference-explore{width:20%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.footer-reference-contact{width:30%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.site-footer-reference .eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--gold)}
.footer-reference-explore>a,.footer-reference-contact>a{font-size:1.15rem;font-weight:500;line-height:1.3;text-decoration:none;max-width:100%;overflow-wrap:anywhere;color:var(--ink)}
.footer-contact-address{font-size:.96rem;line-height:1.6;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
.footer-reference-contact>a.footer-whatsapp-link{font-size:.9rem;font-weight:700;color:var(--gold);letter-spacing:.08em}.footer-reference-contact>a.footer-social-link{font-size:.9rem;color:var(--muted)}
.footer-reference-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.5rem}
.footer-reference-bottom>p{width:45%;margin:0;font-size:.72rem;font-weight:600;letter-spacing:.12em;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.footer-reference-bottom>nav{width:50%;display:flex;align-items:center;justify-content:flex-end;gap:1.4rem;flex-wrap:wrap}
.footer-reference-bottom a{text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-decoration:none;color:var(--muted)}.site-footer-reference a:not(.button):hover{color:var(--gold)}
@media(max-width:900px){.ending-section-head{align-items:flex-start;flex-direction:column;gap:1rem}.footer-reference-columns{gap:2rem}}
@media(max-width:767px){.related-projects{padding-block:3.5rem}.ending-section-head{margin-bottom:1.8rem}.ending-section-head h2{font-size:clamp(2.2rem,8.7vw,3rem)}.related-project-item{flex-basis:87%}.related-project-track.has-one-project{max-width:none}.related-project-link h3{font-size:1.8rem}
.site-footer.site-footer-reference{padding:5vw 4vw 2vw}.footer-invitation{padding:1rem 0 3rem;flex-direction:column;gap:2.5rem;align-items:flex-start}.footer-invitation-heading,.footer-invitation-copy{width:100%}.footer-invitation-heading h2{font-size:clamp(2.6rem,10vw,3.7rem)}.footer-invitation-copy>p{max-width:32rem}
.footer-reference-columns{padding-block:3rem;flex-direction:column;gap:2.5rem}.footer-reference-brand,.footer-reference-explore,.footer-reference-contact{width:100%}.footer-reference-explore>a,.footer-reference-contact>a{min-height:44px;display:inline-flex;align-items:center}.footer-reference-bottom{flex-direction:column;gap:.5rem;align-items:flex-start;padding-bottom:1rem}.footer-reference-bottom>p,.footer-reference-bottom>nav{width:100%}.footer-reference-bottom>nav{gap:1.1rem;justify-content:flex-start}.footer-reference-bottom a{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.related-project-image img,.related-project-open,.related-project-controls button{transition:none}.related-project-link:hover img,.related-project-link:focus-visible img{transform:none}}


/* Component: site-header */
.site-header.site-header-configured{min-height:90px;gap:2rem;background:#06110fe8;transition:min-height .25s,background .25s,padding .25s}
.site-header-configured.is-static{position:relative}.site-header-configured .brand{width:var(--site-logo-width,190px);min-width:90px;flex-shrink:1;transition:width .25s}.site-header-configured .brand img{max-height:64px;object-fit:contain;object-position:left center}.brand-text{display:block;color:var(--gold);font-weight:600;letter-spacing:.12em;font-size:1.1rem;overflow-wrap:anywhere}
.site-header-configured.is-scrolled:not(.is-static){min-height:76px;background:#06110ff5}.site-header-configured.is-scrolled:not(.is-static) .brand{width:calc(var(--site-logo-width,190px)*.85)}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(1rem,2.5vw,3rem);min-width:0}.site-header-configured .header-desktop-nav{display:flex;gap:clamp(.8rem,2vw,2rem);flex-wrap:wrap;justify-content:flex-end}.site-header-configured .header-desktop-nav a{font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--ink);overflow-wrap:anywhere;max-width:18ch}.site-header-configured .header-desktop-nav a:hover,.site-header-configured .header-desktop-nav a[aria-current=page]{color:var(--gold)}
.site-header-configured .header-expedition{font-size:.7rem;padding:.95rem 1.1rem;gap:.5rem;flex-shrink:0;max-width:20rem;overflow-wrap:anywhere}
.site-menu-toggle,.site-menu-close{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--gold);cursor:pointer}.site-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}.site-menu-toggle>span{width:20px;height:1.5px;background:currentColor}.site-menu-close{font-size:1.7rem;line-height:1}
.site-mobile-menu{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;color:var(--ink);background:radial-gradient(ellipse at 92% 18%,#bd893721,transparent 42%),linear-gradient(155deg,#121c18,#0b120f 58%,#101713);overflow-y:auto;overflow-x:hidden}.site-mobile-menu::backdrop{background:#0b120f}.site-mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px 4%;min-height:78px}.site-mobile-menu-top .brand{width:min(var(--site-logo-mobile-width,132px),65vw);flex-shrink:1}.site-mobile-menu-top .brand img{max-height:52px;object-fit:contain;object-position:left center}
.site-mobile-menu-content{padding:1.5rem 6% max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:calc(100dvh - 78px)}.site-mobile-menu-content>.eyebrow{font-size:.65rem;letter-spacing:.23em;color:#d8ad62}.site-mobile-menu h2{margin:.45rem 0 1.5rem;font:400 clamp(2.2rem,10vw,3.4rem)/1.05 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere}.site-mobile-menu ul{list-style:none;margin:0;padding:0;border-top:1px solid #debe872b}.site-mobile-menu li{margin:0;border-bottom:1px solid #debe872b}
.site-mobile-menu nav a{display:grid;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:15px;min-height:64px;color:var(--ink);text-decoration:none;font-size:clamp(1.2rem,5vw,1.55rem);font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.site-mobile-menu a:hover{color:#e4b65f}.site-menu-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8a52f47;border-radius:12px;color:#d8ad62;background:#d8a52f10}.site-menu-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.site-menu-arrow{font-size:19px;text-align:right;color:#ad8c54}
.site-menu-bottom{margin-top:auto;padding-top:28px}.site-menu-expedition{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:17px 20px;border-radius:12px;background:#d8ad62;color:#111713;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.12em;overflow-wrap:anywhere}.site-mobile-menu a.site-menu-expedition:hover{background:#efc779;color:#111713}.site-menu-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:.65rem;font-weight:600;letter-spacing:.12em;color:#a7aba3}.site-menu-meta a{color:#d8ad62;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.site-mobile-menu[open] .site-mobile-menu-content{animation:site-menu-appear .35s ease-out}@keyframes site-menu-appear{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:1024px){html.site-menu-open{overflow:hidden}.site-header.site-header-configured{min-height:78px;padding:16px 4%;gap:1rem}.site-header-configured .brand{width:var(--site-logo-mobile-width,132px)}.site-header-configured.is-scrolled:not(.is-static) .brand{width:calc(var(--site-logo-mobile-width,132px)*.85)}.site-header-configured.is-scrolled:not(.is-static){min-height:68px}.site-header-configured .header-desktop-nav,.site-header-configured .header-expedition{display:none}.site-menu-toggle:not([hidden]){display:flex}}
@media(max-width:380px),(max-height:680px){.site-mobile-menu-content{padding-top:.75rem}.site-mobile-menu h2{font-size:2.1rem;margin-bottom:1rem}.site-mobile-menu nav a{min-height:54px}.site-menu-bottom{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.site-header-configured,.site-header-configured .brand{transition:none}.site-mobile-menu[open] .site-mobile-menu-content{animation:none}}

.site-menu-icon img{width:24px;height:24px;object-fit:contain}.footer-menu-mobile{display:none!important}@media(max-width:1024px){.footer-menu-desktop{display:none!important}.footer-menu-mobile{display:inline-flex!important}}

/* Navigation colour follows route state, including the last item. */
.site-header-configured .header-desktop-nav a,.site-mobile-menu nav a{text-transform:uppercase}
.site-header-configured .header-desktop-nav a:not([aria-current=page]),.site-mobile-menu nav a:not([aria-current=page]){color:var(--ink)}
.site-header-configured .header-desktop-nav a:not([aria-current=page]):hover,.site-mobile-menu nav a:not([aria-current=page]):hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.site-header-configured .header-desktop-nav a[aria-current=page],.site-mobile-menu nav a[aria-current=page]{color:var(--gold)}


/* Component: work */
/* Work follows the original page: full-width intro, 35/60 project columns and offset mockups. */
.work-hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(3rem,8vw,7rem);min-height:68vh;padding:clamp(7rem,12vw,11rem) 8vw clamp(4rem,8vw,7rem);background:#06110f radial-gradient(circle at 78% 22%,#f2b63d29,transparent 28%);overflow:hidden}
.work-hero-copy{display:flex;flex-direction:column;gap:1.35rem;flex:1 1 40rem;max-width:52rem;min-width:0}.work-hero h1{max-width:11ch;font-size:clamp(3.7rem,8vw,7.8rem);line-height:.92;letter-spacing:-.045em}.work-hero-copy>.lead{max-width:42rem}
.work-hero-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;flex:0 1 18rem;padding:0 0 .4rem 1.5rem;border-left:1px solid #f2b63d7a;text-align:left}.work-count{font:400 clamp(2.4rem,4vw,4.2rem)/1 var(--display);color:var(--gold);white-space:nowrap}.work-hero-meta>p:last-child:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.65;max-width:none}.work-hero-meta p+p{margin-top:0}
.work-stage{--work-bg:#0b1c17;--work-ink:#f4ebdd;--work-muted:#f4f0e4ad;--work-accent:#f2b63d;--work-line:#f2b63d3d;background:var(--work-bg);color:var(--work-ink);transition:background-color .75s cubic-bezier(.22,1,.36,1),color .5s ease;padding-block:clamp(5rem,9vw,8rem) clamp(6rem,10vw,9rem)}
.work-stage[data-work-tone=light]{--work-ink:#17231c;--work-muted:#354339;--work-accent:#63420b;--work-line:#17231c40}.work-stage .eyebrow{color:var(--work-accent)}
.work-intro{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:clamp(4rem,8vw,7rem);max-width:none}.work-intro h2{max-width:13ch;font-size:clamp(2.7rem,5.5vw,5.8rem);line-height:1;letter-spacing:-.035em}.work-intro .eyebrow{font-size:.78rem;letter-spacing:.22em;line-height:1.2}.work-intro .lead{max-width:46rem;color:var(--work-muted);font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.7}.work-intro p+p{margin-top:0}
.work-project{position:relative;display:grid;grid-template-columns:35% 60%;column-gap:5%;align-items:center;padding:clamp(4rem,8vw,7rem) 8vw;scroll-margin-top:calc(110px + var(--admin-toolbar-height,0px))}
.work-project:before{content:"";position:absolute;top:0;left:8vw;right:8vw;height:1px;background:var(--work-line)}
.work-project-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;width:100%;transition:opacity .65s ease}.work-project-copy>.eyebrow{margin:0 0 1rem;font-size:.7rem;line-height:1.2;letter-spacing:.1em}.work-project h2{max-width:14ch;margin:0;font-size:clamp(3.45rem,4.4vw,4.65rem);line-height:.98;letter-spacing:-.035em;overflow-wrap:anywhere}.work-project h2 a{text-decoration:none}.work-project h2 a:hover{color:var(--work-accent)}
.work-technologies{display:flex;flex-wrap:wrap;gap:0;margin:1.35rem 0 1.5rem;padding:0;list-style:none;color:var(--work-accent);font:700 .72rem/1.55 var(--body);letter-spacing:.075em;text-transform:uppercase}.work-technologies li{overflow-wrap:anywhere}.work-technologies li:not(:last-child)::after{content:" / ";white-space:pre}
.work-story{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0;padding-top:1.25rem;border-top:1px solid #f4ebdd24}.work-story dt{font:700 .72rem/2.25 var(--body);letter-spacing:.075em;color:var(--work-ink)}.work-story dd,.work-summary{margin:0;color:var(--work-muted);font-size:.98rem;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.work-summary{margin-top:1.25rem}.work-project-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.work-project-actions .button{padding:1.1rem 1.8rem;font-size:.78rem;line-height:1;letter-spacing:.11em;color:var(--work-accent);border-color:color-mix(in srgb,var(--work-accent) 75%,transparent)}.work-project-actions .button:hover{color:var(--work-bg);background:var(--work-accent)}
.work-project-visual{position:sticky;top:calc(var(--work-header-height,100px) + 24px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;min-width:0;width:100%;padding-bottom:2rem;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .65s ease,filter .65s ease;transform-origin:center}
.work-project-visual>a,.work-project-visual>img{grid-column:3/-1;grid-row:1;min-width:0;display:block;text-decoration:none}.work-project-visual img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:.35rem;box-shadow:0 1.5rem 4rem #0006}.work-project-visual.is-tall{position:relative;top:auto}
.work-empty{padding-block:2rem 5rem;color:var(--work-muted)}.work-project.without-visual{grid-template-columns:minmax(0,1fr)}.work-project.without-visual .work-project-copy{max-width:48rem}
@media(min-width:1025px){.work-stage.is-enhanced .work-project:not(.is-active) .work-project-copy{opacity:.72}.work-stage.is-enhanced .work-project:not(.is-active) .work-project-visual{opacity:.74;transform:scale(.82);filter:saturate(.82)}.work-stage.is-enhanced .work-project.is-active .work-project-visual{filter:saturate(1.04)}.work-project:focus-within .work-project-copy,.work-project:focus-within .work-project-visual{opacity:1!important;transform:none!important;filter:none!important}}
@media(max-width:1024px){.work-project{display:flex;flex-direction:column;align-items:stretch;gap:2.25rem;padding:12% 4%;height:auto;min-height:0}.work-project:before{left:4%;right:4%}.work-project-visual{order:1;position:relative;top:auto;padding:0;width:100%;transform:none;opacity:1;filter:none;flex:0 0 auto}.work-project-copy{order:2;flex:0 0 auto}.work-project-visual>a,.work-project-visual>img{grid-column:1/-1}.work-project-visual img{aspect-ratio:auto;object-fit:contain}.work-project h2{font-size:clamp(2.8rem,11vw,4rem)}.work-story dd,.work-summary{font-size:1rem}.work-stage{overflow:visible;height:auto;min-height:0}.work-project.without-visual .work-project-copy{max-width:none}}
@media(max-width:767px){.work-hero{min-height:0;padding:4rem 4% 3.5rem;gap:2.5rem}.work-hero-copy{flex-basis:100%}.work-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.work-hero-meta{flex-basis:100%;max-width:24rem}.work-stage{padding-block:3.5rem}.work-intro.wrap,.work-empty.wrap{width:92%}.work-intro{margin-bottom:3rem}.work-intro h2{font-size:clamp(2.7rem,10vw,4rem)}.work-project-visual img{box-shadow:0 1rem 2rem #0004}}
@media(prefers-reduced-motion:reduce){.work-stage,.work-project-copy,.work-project-visual{transition:none!important}.work-stage.is-enhanced .work-project .work-project-copy,.work-stage.is-enhanced .work-project .work-project-visual{opacity:1!important;transform:none!important;filter:none!important}}
.work-stage[data-work-contrast=true]{--work-ink:#fff;--work-muted:#fff;--work-accent:#fff;--work-line:#ffffff50}.work-stage[data-work-contrast=true][data-work-tone=light]{--work-ink:#000;--work-muted:#000;--work-accent:#000;--work-line:#00000050}


/* Component: services */
/* Services follows the existing Mr. Wolf reference. All media rules stay scoped. */
.services-page{background:#06100d;color:#f4ebdd}
.services-page .services-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.38fr);align-items:center;gap:4rem;min-height:82svh;padding-block:12vh 8vh}
.services-page .services-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;min-width:0}
.services-page .services-hero h1{max-width:16ch;font-size:clamp(3.25rem,5.4vw,5.9rem);line-height:.98;letter-spacing:-.045em}
.services-page .services-hero-copy>.lead{max-width:34rem}
.services-page .services-support{max-width:34rem;color:#b7b8b0;font-size:.96rem;line-height:1.7}
.services-page .services-hero-copy .button-row{margin-top:1.25rem}
.services-page .services-hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;text-align:right}
.services-page .services-count{font:400 clamp(4rem,8vw,8rem)/1 var(--display);letter-spacing:-.06em}
.services-page .services-hero-meta>p:last-child:not(.eyebrow){max-width:24ch;color:#b7b8b0;font-size:.95rem}
.services-page .services-section{padding-block:clamp(4rem,12vh,8rem) 8vh}
.services-page .services-section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:1.35rem;margin-bottom:3.5rem}
.services-page .services-section-heading h2{max-width:14ch;font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.2;letter-spacing:-.045em}
.services-page .services-section-heading .lead{max-width:44rem}
.services-page .services-routes{background:#06100d}
.services-page .services-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.services-page .services-route-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;min-width:0;min-height:24rem;padding:clamp(1.75rem,3vw,3rem);border:1px solid #f2b63d19;border-radius:1.75rem;text-decoration:none;box-shadow:0 1.5rem 4rem #00000038;background:radial-gradient(circle at 85% 10%,#eead3029,transparent 34%),linear-gradient(145deg,#161f1efa,#081010fa);transition:transform .3s,border-color .3s}
.services-page .services-route-card:hover{transform:translateY(-4px);border-color:#f2b63d88}
.services-page .services-route-card>img{display:block;flex:none;width:4rem;height:4rem;max-width:4rem;object-fit:contain;margin:0 0 .5rem -.55rem}
.services-page .services-route-card .eyebrow{font-size:.7rem}
.services-page .services-route-card h3{font:400 clamp(1.8rem,2.4vw,2.6rem)/1.05 var(--display);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.services-page .services-route-summary{max-width:30ch;color:#f6f1e5ad;font-size:1rem;line-height:1.65}
.services-page .services-route-arrow{display:none}
.services-page .services-detail-intro{padding-bottom:6vh}
.services-page .services-detail-intro .services-section-heading{margin-bottom:0}
.services-page .services-timeline{padding:0;gap:0;background:var(--stage-bg);min-height:0}
.services-page .services-timeline>.journey-track{display:block;z-index:2;left:50%;transform:translateX(-50%);background:#e3a62f45;pointer-events:none}.services-page .services-timeline>.journey-track>span{background:#f4c45a}.services-page .service-stage>.journey-copy,.services-page .service-stage>.journey-visual{position:relative;z-index:3}.services-page .service-stage>.journey-dot{z-index:4}
.services-page .service-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(2.5rem,6vw,6rem);width:100%;min-height:38rem;margin:0;padding:clamp(3rem,6vw,6rem) 8vw;background:transparent;color:var(--ink);scroll-margin-top:calc(100px + var(--admin-toolbar-height,0px))}
.services-page .service-stage .journey-copy{min-width:0;gap:1rem}
.services-page .service-stage .journey-copy h2{max-width:18ch;font-size:clamp(1.85rem,2.9vw,3.35rem);line-height:1.02;letter-spacing:-.035em}
.services-page .service-stage .stage-subtitle{font-size:clamp(.82rem,1vw,1rem);line-height:1.2;letter-spacing:.18em;margin-top:-.25rem}
.services-page .service-stage .stage-text{color:var(--muted);font-size:clamp(.98rem,1.15vw,1.15rem);line-height:1.65;overflow-wrap:anywhere}
.services-page .service-stage .stage-technologies{margin-top:.25rem}
.services-page .service-stage>.journey-dot{left:50%;top:50%;background:var(--stage-bg)}
.services-page .service-visual{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;width:100%}
.services-page .service-illustration{display:block;min-width:0;width:100%;margin:0}
.services-page .service-illustration>img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:var(--service-image-aspect,4/3);object-fit:cover;object-position:var(--service-image-position,center center);border-radius:1.1rem;box-shadow:0 1.75rem 4.5rem #00000057}
.services-page .service-illustration>figcaption{padding-top:.6rem;color:var(--muted);font-size:.75rem;line-height:1.6}
.service-feature-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max(min(100%,10.5rem),calc((100% - (var(--service-feature-count,4) - 1)*.6rem)/var(--service-feature-count,4)));align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:.35rem;gap:.6rem;width:100%;min-width:0;list-style:none;margin:0;padding:0 0 .35rem}
.service-feature-grid>li{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0;scroll-snap-align:start;min-height:128px;padding:.75rem .875rem;border:1px solid #f2b63d61;border-radius:.8rem;background:#050c0adb;box-shadow:0 .75rem 2.2rem #0003;overflow-wrap:anywhere}
.service-feature-grid>li>img{display:block;flex:0 0 auto;width:3.25rem;height:3.25rem;max-width:3.25rem;object-fit:contain;margin:0 0 .2rem}
.service-feature-grid h3{font:700 .72rem/1.2 var(--body);letter-spacing:.08em;color:#f4ebdd;margin:0}
.service-feature-grid p{font-size:.72rem;line-height:1.45;color:#f4ebdda8;margin:0}
.services-page .service-text-only>.journey-copy{grid-column:1/-1;max-width:52rem;background:transparent}
.services-page .service-text-only .stage-text{max-width:48rem}
.services-page .services-process,.services-page .services-proof{background:#06100d}
.services-page .services-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;margin:0;padding:0}
.services-page .services-process-grid>li{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:1.1rem;padding:clamp(1.4rem,2vw,2rem);border:1px solid #f2b63d24;border-radius:1.25rem;box-shadow:0 1.5rem 4rem #0003;background:radial-gradient(circle at 85% 10%,#eead3029,transparent 34%),linear-gradient(145deg,#161f1efa,#081010fa)}
.services-page .services-process-grid>li>img{display:block;flex:none;width:3rem;height:3rem;max-width:3rem;object-fit:contain;margin:0}
.services-page .services-process-grid .eyebrow{font-size:.65rem;margin:0}
.services-page .services-process-grid h3{font:400 clamp(1.6rem,2.4vw,2.6rem)/1.05 var(--display);letter-spacing:-.035em;margin:0}
.services-page .services-process-grid li>p:last-child:not(.eyebrow){color:#f6f1e5ad;font-size:.9rem;line-height:1.65;margin:0}
.services-page .services-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:0}
.services-page .services-proof-grid>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.55rem;min-width:0;padding:1.5rem;border:1px solid #e6b84f3d;border-radius:1.1rem;background:#0c1714}
.services-page .services-proof-grid dt{color:#b7b8b0;font-size:.86rem}
.services-page .services-proof-grid dd{font:400 clamp(1.7rem,2.4vw,2.6rem)/1.1 var(--display);color:#f4ebdd;margin:0;letter-spacing:-.035em}
@media(max-width:1024px){
 .services-page .services-hero{gap:3rem}.services-page .services-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.services-page .services-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-feature-grid{grid-template-columns:none}
}
@media(max-width:767px){
 .services-page .services-hero{min-height:0;grid-template-columns:minmax(0,1fr);padding-block:8vh;gap:3rem}.services-page .services-hero h1{font-size:clamp(2.7rem,10vw,4.5rem)}.services-page .services-hero-meta{align-items:flex-start;text-align:left}.services-page .services-count{font-size:4rem}.services-page .services-hero-meta>p:last-child:not(.eyebrow){max-width:28ch}.services-page .services-section{padding-block:8vh}.services-page .services-section-heading{margin-bottom:2.5rem}.services-page .services-section-heading h2{font-size:clamp(2.3rem,9vw,3.7rem)}
 .services-page .services-route-grid{grid-template-columns:minmax(0,1fr)}.services-page .services-route-card{min-height:0;padding:1.5rem;border-radius:1.25rem}.services-page .services-route-card h3{font-size:clamp(1.8rem,6vw,2.6rem)}.services-page .services-route-summary{max-width:none}
 .services-page .services-detail-intro{padding-bottom:6vh}.services-page .service-stage{--mobile-journey-axis:4vw;--mobile-journey-inset:8vw;--mobile-stage-padding:2rem;grid-template-columns:minmax(0,1fr);min-height:0;padding:3rem 4vw 3rem var(--mobile-journey-inset);gap:2rem;align-items:start}.services-page .services-timeline>.journey-track{left:4vw}.services-page .service-stage>.journey-dot{left:4vw;top:3.4rem}.services-page .service-stage .journey-copy,.services-page .service-stage.visual-left>.journey-copy{grid-column:1;grid-row:1}.services-page .service-stage .journey-visual,.services-page .service-stage.visual-left>.journey-visual{grid-column:1;grid-row:2}.services-page .service-stage .journey-copy h2{max-width:100%;font-size:clamp(1.85rem,9vw,2.8rem)}.services-page .service-stage .stage-text{font-size:1rem}.services-page .service-stage .stage-subtitle{font-size:.8rem}
 .service-feature-grid{gap:.6rem}.service-feature-grid>li{padding:.8rem;min-height:0}.service-feature-grid h3{font-size:.72rem}.service-feature-grid p{font-size:.72rem}.service-feature-grid>li>img{width:3.25rem;height:3.25rem;max-width:3.25rem}
 .services-page .services-process-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.services-page .services-process-grid>li{padding:1.5rem}.services-page .services-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.services-page .services-proof-grid>div{padding:1.25rem}
}
@media(prefers-reduced-motion:reduce){.services-page .services-route-card{transition:none}.services-page .services-route-card:hover{transform:none}}

.service-features{min-width:0;width:100%}
.service-feature-grid::-webkit-scrollbar{display:none}
.service-feature-grid:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}

.services-page .service-stage>.journey-dot{border-color:#f4c45a}.services-page .service-stage.is-reached>.journey-dot{background:#f4c45a;border-color:#f4c45a;box-shadow:0 0 0 10px #e3a62f1f,0 0 26px #e3a62f94}
.services-page .services-timeline{--ink:#f4ebdd;--muted:#b7b8b0;--gold:#f2b63d;--gold-light:#f4c45a;--line:#f2b63d38}
.services-page .services-timeline[data-surface-tone=light]{--ink:#15221b;--muted:#31483a;--gold:#755000;--gold-light:#805600;--line:#80560044}
.services-page .services-timeline[data-surface-contrast=true]{--ink:#fff;--muted:#fff;--gold:#fff;--gold-light:#fff}
.services-page .services-timeline[data-surface-contrast=true][data-surface-tone=light]{--ink:#000;--muted:#000;--gold:#000;--gold-light:#000}
.services-page .services-timeline .service-stage .stage-text{color:var(--muted)}

.service-feature-grid{touch-action:pan-y pinch-zoom;cursor:grab}
.service-feature-grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.service-feature-grid img{-webkit-user-drag:none;user-select:none;pointer-events:none}


/* Component: tokens */
/* Mr. Wolf public design system. These tokens apply to every route. */
:root {
  color-scheme: dark;
  --color-background: #06110f;
  --color-surface: #0b1c17;
  --color-ink: #f4ebdd;
  --color-muted: #b7b8b0;
  --color-accent: #f2b63d;
  --color-blue: #2a7fb4;
  --color-blue-light: #86c4e8;
  --color-blue-deep: #102b40;
  --color-accent-light: #f4c45a;
  --color-line: rgba(242,182,61,.22);
  --font-body: Inter, Arial, sans-serif;
  --font-display: Georgia, 'Times New Roman', serif;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-section: clamp(4rem,8vw,8rem);
  --gutter: 8vw;
  --content-max: 1800px;
  --radius-card: .75rem;
  --type-hero: clamp(3.25rem,5.4vw,5.9rem);
  --type-section: clamp(2.6rem,5vw,5.4rem);
  --type-card: clamp(1.65rem,2.4vw,2.8rem);
  --bg: var(--color-background);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --gold: var(--color-accent);
  --gold-light: var(--color-accent-light);
  --line: var(--color-line);
  --body: var(--font-body);
  --display: var(--font-display);
}
@media(max-width:767px) {
  :root {
    --gutter: 4vw;
    --type-hero: clamp(2.7rem,10vw,4.5rem);
    --type-section: clamp(2.3rem,9vw,3.7rem);
  }
}


/* Component: content */
/* Shared sections and component variants. No page IDs or route selectors. */
h3,h4,h5,h6 { margin:0; font-weight:400; }
input,textarea,select,button { font:inherit; }
.site-header,.site-footer { width:100%; max-width:none; margin-inline:0; }
.site-header-configured .header-desktop-nav { flex-wrap:nowrap; }
.site-header-configured .header-desktop-nav a { white-space:nowrap; }
.mw-container { width:calc(100% - var(--gutter)*2); max-width:var(--content-max); margin-inline:auto; }
.mw-section { padding-block:var(--space-section); }
.mw-stack { display:flex; flex-direction:column; gap:var(--space-3); align-items:flex-start; min-width:0; }
.mw-section-title { max-width:16ch; font:400 var(--type-section)/1.08 var(--display); letter-spacing:-.045em; }
.mw-section-title:empty { display:none; }
.mw-stack>.lead { max-width:44rem; }
.mw-stack p+p { margin-top:0; }
.mw-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2.5rem,6vw,6rem); align-items:start; }
.mw-split>* { min-width:0; }
.mw-sticky-copy { position:sticky; top:calc(100px + var(--space-4)); }
.mw-section-block { margin-top:var(--space-5); width:100%; }
.mw-note { font-size:.8rem; line-height:1.65; color:var(--muted); max-width:45rem; }
.mw-hero { padding-block:var(--space-section); }
.mw-hero-copy { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-3); min-width:0; }
.mw-hero-copy p+p { margin-top:0; }
.mw-hero-title { font:400 var(--type-hero)/.98 var(--display); letter-spacing:-.045em; max-width:16ch; }
.mw-hero--poster { min-height:calc(100svh - 90px); display:flex; align-items:center; background-image:linear-gradient(90deg,#06110ff5 0%,#06110fb0 46%,#06110f20 100%),var(--cms-hero-desktop); background-position:center; background-size:cover; }
.mw-hero--poster .mw-hero-copy { gap:var(--space-3); }
.mw-hero-title em { font-style:normal; color:var(--gold); }
.mw-hero--poster .lead { max-width:38rem; color:var(--ink); }
.mw-hero--split { align-items:center; }
.mw-hero--metric { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.38fr); align-items:center; gap:5vw; min-height:78vh; }
.mw-hero-meta { display:flex; flex-direction:column; gap:var(--space-2); align-items:flex-end; text-align:right; }
.mw-hero-number { font:400 clamp(4rem,8vw,8rem)/1 var(--display); letter-spacing:-.06em; }
.mw-hero-meta>.lead { max-width:24ch; }
.mw-card-grid { display:grid; gap:var(--space-3); width:100%; margin-top:var(--space-4); }
.mw-card-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mw-card-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mw-card { min-width:0; padding:clamp(1.5rem,3vw,3rem); border:1px solid var(--line); border-radius:var(--radius-card); background:linear-gradient(135deg,#f2b63d08,transparent 70%); }
.mw-card>*+* { margin-top:var(--space-2); }
.mw-card.mw-stack>* { margin-top:0; }
.mw-card-heading { display:flex; flex-direction:column; gap:var(--space-1); }
.mw-card-title { font:400 var(--type-card)/1.13 var(--display); letter-spacing:-.025em; }
.mw-card-copy { color:var(--muted); line-height:1.7; }
.mw-icon,.mw-phase-icon { display:block; width:56px; height:56px; object-fit:contain; }
.mw-phase-icon { width:84px; height:84px; }
.mw-card-list { display:flex; flex-direction:column; gap:var(--space-3); }
.mw-card-list .mw-card { width:100%; }
.mw-card-list .mw-card>img:not(.mw-icon) { width:56px; height:56px; object-fit:contain; }
.mw-card-list .mw-card>h3 { font:400 var(--type-card)/1.13 var(--display); }
.mw-card-list .mw-card>p:not(.eyebrow):not(.stage-meta) { color:var(--muted); }
.mw-visual img,.mw-visual-image { display:block; width:100%; height:auto; border-radius:var(--radius-card); }
.mw-visual img { aspect-ratio:4/5; object-fit:cover; }
.journey-visual>.mw-visual-image { aspect-ratio:4/3; object-fit:cover; }
.mw-phase-title { font:400 clamp(1.85rem,2.9vw,3.35rem)/1.02 var(--display); }
.mw-stats { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); padding-block:var(--space-5); }
.mw-stat { padding-top:var(--space-3); border-top:1px solid var(--line); }
.mw-stat-value { font:400 clamp(3rem,5vw,5rem)/1.1 var(--display); color:var(--gold); margin-bottom:var(--space-2); }
.mw-quote>p:first-child { font:400 clamp(1.3rem,1.7vw,1.8rem)/1.45 var(--display); }
.mw-quote>p+p { color:var(--gold); font-size:.8rem; }
.mw-contact-card { padding:var(--space-3) 0; border:0; border-top:1px solid var(--line); border-radius:0; background:none; }
.mw-contact-card a { text-decoration:none; overflow-wrap:anywhere; }
.mw-form-panel .mw-section-title { font-size:clamp(2.4rem,4vw,4rem); }
.mw-form-panel>.lead { font-size:1rem; }
.mw-form-panel>div,.mw-form { width:100%; }
.mw-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
.mw-field { display:flex; flex-direction:column; gap:var(--space-1); min-width:0; }
.mw-field--full { grid-column:1/-1; }
.mw-field label { font-size:.75rem; color:var(--gold); letter-spacing:.04em; }
.mw-field input,.mw-field textarea { width:100%; min-width:0; border:1px solid var(--line); border-radius:.25rem; padding:1rem; background:var(--bg); color:var(--ink); }
.mw-field input::placeholder,.mw-field textarea::placeholder { color:var(--muted); opacity:.8; }
.mw-field input:focus,.mw-field textarea:focus { outline:2px solid var(--gold); outline-offset:2px; }
.mw-field textarea { resize:vertical; }
.mw-field .button { width:100%; cursor:pointer; }
.mw-field .button:disabled { opacity:.65; cursor:wait; }
.mrw-contact-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.mrw-contact-errors,.mrw-contact-success { padding:var(--space-2); margin-bottom:var(--space-3); border:1px solid var(--gold); border-radius:.25rem; }
.mw-prose { max-width:1100px; }
.mw-prose-heading { margin-bottom:var(--space-5); }
.mw-prose-heading>.mw-hero-title { max-width:none; }
.mw-prose-row { display:grid; grid-template-columns:3rem minmax(0,1fr); gap:var(--space-3); padding-block:var(--space-4); border-top:1px solid var(--line); }
.mw-prose-row h2 { font:400 clamp(1.6rem,2.7vw,2.5rem)/1.15 var(--display); margin-bottom:var(--space-3); }
.mw-prose-row p:not(.eyebrow) { color:var(--muted); }
.mw-prose-contact { margin-top:var(--space-5); }
.mw-prose-contact .mw-section-title { font-size:clamp(2rem,3.5vw,3rem); }
/* One track shared by Home, Services and every project. */
.journey-track { z-index:0; transform:translateX(-50%); }
.journey-copy,.journey-visual { position:relative; z-index:1; }
.journey-step>.journey-dot { z-index:2; }
@media(max-width:1024px) {
  .mw-card-grid--three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mw-hero--metric { gap:var(--space-5); }
}
@media(max-width:767px) {
  .mw-split { grid-template-columns:minmax(0,1fr); gap:var(--space-5); }
  .mw-sticky-copy { position:static; }
  .mw-hero--poster { min-height:calc(100svh - 78px); background-image:linear-gradient(90deg,#06110fe6,#06110f55),var(--cms-hero-mobile,var(--cms-hero-desktop)); }
  .mw-hero--metric { grid-template-columns:minmax(0,1fr); gap:var(--space-5); min-height:0; }
  .mw-hero-meta { align-items:flex-start; text-align:left; }
  .mw-hero-meta>.lead { max-width:none; }
  .mw-card-grid--three,.mw-card-grid--two { grid-template-columns:minmax(0,1fr); }
  .mw-card-grid { margin-top:var(--space-2); }
  .mw-stats { grid-template-columns:minmax(0,1fr); gap:var(--space-4); }
  .mw-visual img { max-height:75svh; }
  .mw-form-grid { grid-template-columns:minmax(0,1fr); }
  .mw-prose-row { grid-template-columns:2rem minmax(0,1fr); gap:var(--space-2); }
}

/* Technology cards use the same design tokens on every screen. */
.technology-grid { margin-top:0; align-items:stretch; }
.technology-grid .mw-card { padding:clamp(1.1rem,2.3vw,2rem); border-radius:var(--radius-card); }
.technology-grid .mw-card-title { font-size:clamp(1.35rem,2.2vw,2rem); }
.technology-grid .mw-card-copy { font-size:.95rem; }
.technology-grid .stage-technologies { margin-top:auto; padding-top:var(--space-2); }



/* Component: motion */
/* Shared interaction components: Home, Services and project journeys. */
.mw-phase-heading { display:flex; flex-direction:column; align-items:flex-start; gap:1.25rem; width:100%; }
.mw-phase-heading .mw-phase-icon { width:109.2px; height:auto; max-height:109.2px; object-fit:contain; object-position:left center; margin:0; }
.mw-phase-heading .mw-phase-title { margin:0; }
.journey-visual>.service-feature-grid { margin-top:1rem; }
.service-feature-grid { touch-action:pan-x pan-y pinch-zoom; }
.service-feature-grid>li { transition:border-color .3s,background .3s; }
.service-feature-grid>li:hover { border-color:var(--gold); background:#0e1b16; }
.technology-grid { margin-top:0; }
.technology-grid .mw-card { min-height:23rem; }
.mw-hero--poster { position:relative; isolation:isolate; overflow:clip; background-position:center calc(50% + var(--hero-shift,0px)); }
.mw-hero-copy { position:relative; z-index:1; }
.mw-particles { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
.mw-parallax-frame { display:block; position:relative; overflow:clip; border-radius:var(--radius-card); }
.mw-parallax-frame>.mw-visual-image { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; transform:translateY(var(--image-shift,0px)) scale(1.09); }
@keyframes mw-answer-in { from { opacity:0; transform:translateY(.4rem); } to { opacity:1; transform:none; } }
@media(min-width:1025px) {
 .mw-split--centered { align-items:stretch; }
 .mw-split--centered>.mw-sticky-copy { align-self:start; top:var(--sticky-copy-top,calc(50svh - 10rem)); }
}
@media(max-width:1024px) {
 .technology-grid { display:flex; overflow-x:auto; width:100%; gap:var(--space-3); scroll-snap-type:x mandatory; touch-action:pan-x pan-y pinch-zoom; scrollbar-width:none; overscroll-behavior-x:contain; }
 .technology-grid::-webkit-scrollbar { display:none; }
 .technology-grid>[data-technology-card] { flex:0 0 84%; scroll-snap-align:start; user-select:none; }
 .technology-grid.is-dragging { scroll-snap-type:none; cursor:grabbing; }
 .mw-split--centered>.mw-sticky-copy { position:static; }
}
@media(max-width:767px) {
 .mw-phase-heading { gap:1rem; }
 .mw-phase-heading .mw-phase-icon { width:109.2px; }
 .service-feature-grid { grid-auto-columns:min(74vw,15rem); scroll-snap-type:x mandatory; }
 .service-feature-grid>li { min-height:150px; padding:1rem; }
 .mw-hero--poster { background-position:center; }
}
@media(prefers-reduced-motion:reduce) {
 .mw-parallax-frame>.mw-visual-image { transform:none; }
 .mw-particles { display:none; }
}

/* One motion language across Home, Work, Services and case studies. */
:root { --motion-ease:cubic-bezier(.22,1,.36,1); }
.mw-motion-reveal { transition:opacity .85s var(--motion-ease),translate 1.05s var(--motion-ease),clip-path 1.2s var(--motion-ease); transition-delay:var(--reveal-delay,0ms); }
.mw-motion-reveal[data-motion-kind="rise"].is-motion-pending { opacity:0; translate:0 2.4rem; }
.mw-word-mask { display:inline-block; vertical-align:top; overflow:clip; padding-block:.12em; margin-block:-.12em; }
.mw-word { display:inline-block; transform:translate3d(0,0,0); transition:transform 1.1s var(--motion-ease); transition-delay:calc(var(--reveal-delay,0ms) + var(--word-delay,0ms)); }
.is-motion-pending>.mw-word-mask>.mw-word,.is-motion-pending .mw-word { transform:translate3d(0,115%,0); }
.mw-motion-reveal[data-motion-kind="image"] { clip-path:inset(0 0 0 0 round .5rem); }
.mw-motion-reveal[data-motion-kind="image"].is-motion-pending { clip-path:inset(0 0 100% 0 round .5rem); }
.mw-motion-reveal[data-motion-kind="image"] img { scale:1; transition:scale 1.5s var(--motion-ease); }
.mw-motion-reveal[data-motion-kind="image"].is-motion-pending img { scale:1.13; }
.work-project-visual>a { overflow:clip; border-radius:.5rem; }
.work-project-visual img { transform:translate3d(0,var(--project-image-y,0px),0) scale(1.035); }
.work-project:before { transform-origin:left; transition:scale 1.1s var(--motion-ease),opacity .8s; }
.work-stage.is-enhanced .work-project:not(.is-active):before { scale:.5 1; opacity:.4; }
.work-stage.is-enhanced .work-project.is-active:before { scale:1 1; opacity:1; }
.mw-card { position:relative; background:radial-gradient(ellipse at 100% 0,#f2b63d0b,transparent 60%),linear-gradient(135deg,#f2b63d05,transparent 70%); transition:border-color .4s,box-shadow .4s; }
.mw-card::after { content:''; position:absolute; top:1rem; right:1rem; width:.55rem; height:.55rem; border-top:1px solid #f2b63d55; border-right:1px solid #f2b63d55; pointer-events:none; }
@media(hover:hover) {
 .mw-card:hover { border-color:#f2b63d70; box-shadow:0 1.5rem 4rem #0002; }
 .button>span { display:inline-block; transition:transform .3s var(--motion-ease); }
 .button:hover>span { transform:translate(3px,-2px); }
}
/* Decorative vectors sit between section surfaces and content; they never intercept input. */
[data-atmosphere] { position:relative; isolation:isolate; }
[data-atmosphere]::before { content:''; position:absolute; inset:1.5rem 0; z-index:-1; pointer-events:none; background-repeat:no-repeat; background-position:85% 50%; background-size:min(110%,1100px) auto; opacity:.16; mask-image:linear-gradient(90deg,transparent 10%,#000 50%,#000 90%,transparent); translate:0 var(--ghost-shift,0px); }
[data-atmosphere="code"]::before { background-image:url('/mrwolf/atmosphere/code.svg'); background-position:right center; background-size:min(90%,900px) auto; opacity:.11; mask-image:linear-gradient(90deg,transparent 30%,#000 70%); }
@media(max-width:767px) {
 .mw-motion-reveal[data-motion-kind="rise"].is-motion-pending { translate:0 1.5rem; }
 .mw-motion-reveal,.mw-word { transition-duration:.85s; }
 [data-atmosphere]::before { background-size:900px auto; background-position:35% 25%; opacity:.12; mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent); }
 [data-atmosphere="code"]::before { background-size:650px auto; background-position:20% 20%; opacity:.08; }
 .work-project-visual img { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
 .mw-motion-reveal { opacity:1!important; translate:none!important; clip-path:none!important; }
 .mw-word { transform:none!important; }
 .mw-motion-reveal img { scale:1!important; }
 .work-project-visual img { transform:none; }
 [data-atmosphere]::before { translate:none; }
}

/* Code is the only background motif; the live layer replaces its static SVG fallback. */
[data-atmosphere="code"][data-code-animated="true"]::before { display:none; }
.mw-code-field { position:absolute; inset:1.5rem 0 1.5rem auto; z-index:-1; width:min(72%,800px); display:grid; align-items:center; overflow:hidden; pointer-events:none; user-select:none; opacity:.14; color:#c89e53; mask-image:linear-gradient(90deg,transparent,#000 38%,#000 88%,transparent); translate:0 var(--ghost-shift,0px); }
.mw-code-field[hidden] { display:none; }
.mw-code-field pre { width:100%; height:23em; overflow:hidden; margin:0; padding:0; white-space:pre; font:400 clamp(11px,1.2vw,17px)/1.85 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:left; tab-size:2; }
.mw-code-field code { font:inherit; color:inherit; }
.mw-code-caret { color:#f2b63d; }
.mw-code-field[data-running="true"] .mw-code-caret { animation:mw-code-caret 1.15s steps(1,end) infinite; }
@keyframes mw-code-caret { 0%,48% { opacity:1; } 49%,100% { opacity:0; } }
@media(max-width:767px) {
 .mw-code-field { inset:1rem 0; width:100%; opacity:.09; mask-image:linear-gradient(90deg,transparent,#000 28%,#000 86%,transparent); }
 .mw-code-field pre { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 .mw-code-field { display:none; translate:none; }
 [data-atmosphere="code"]::before { display:block!important; }
}

/* Mobile swipe tracks keep all cards visible, including the next card's edge.
   Project mockups do not wait for a mask animation after their image loads. */
@media(max-width:767px) {
 .service-feature-grid>li.mw-motion-reveal,
 .technology-grid>.mw-card.mw-motion-reveal,
 .work-project-visual>a.mw-motion-reveal {
   opacity:1!important; translate:none!important; clip-path:none!important; transition:none!important;
 }
 .work-project-visual>a.mw-motion-reveal img { scale:1!important; transition:none!important; }
}


/* Component: brand */
/* Mr. Wolf: sharp ridges, a clear route and a blue signal through the gold. */
:root{--mw-card-cut:24px;--mw-card-trace:rgba(42,127,180,.38);--mw-card-glow:rgba(42,127,180,.17)}
.mw-card:not(.mw-contact-card),.services-page .services-route-card,.services-page .services-process-grid>li{position:relative;isolation:isolate;border:0;border-top:1px solid var(--mw-card-trace);border-left:1px solid #f2b63d35;border-radius:0;background:radial-gradient(ellipse at 100% 0,var(--mw-card-glow),transparent 66%),linear-gradient(145deg,#0e2024d9,#071311ed 78%);clip-path:polygon(0 0,calc(100% - var(--mw-card-cut)) 0,100% var(--mw-card-cut),100% 100%,0 100%);box-shadow:none;transition:background-color .25s,border-color .25s,transform .3s,opacity .85s var(--motion-ease),translate 1.05s var(--motion-ease);transition-delay:0s,0s,0s,var(--reveal-delay,0ms),var(--reveal-delay,0ms)}
.mw-card:not(.mw-contact-card)::before,.services-page .services-route-card::before,.services-page .services-process-grid>li::before{content:'';position:absolute;inset:auto 0 0 auto;width:min(65%,240px);height:115px;background:var(--mw-card-motif,none) right bottom/contain no-repeat;opacity:.12;z-index:-1;pointer-events:none;transition:opacity .3s,translate .3s}
.mw-card:not(.mw-contact-card)::after,.services-page .services-route-card::after,.services-page .services-process-grid>li::after{content:'';position:absolute;top:0;right:0;width:var(--mw-card-cut);height:var(--mw-card-cut);border:0;background:linear-gradient(45deg,transparent 47%,var(--color-blue-light) 48%,var(--color-blue-light) 51%,transparent 52%);pointer-events:none;opacity:.75}
.mw-card-grid--three>.mw-card:nth-child(2){--mw-card-glow:rgba(42,127,180,.25)}
.mw-card-grid--three>.mw-card:nth-child(3){--mw-card-glow:rgba(242,182,61,.09)}
.technology-grid .mw-card{--mw-card-cut:28px;border-radius:0;padding:clamp(1.6rem,2.8vw,2.7rem);background:radial-gradient(ellipse at 100% 0,#2a7fb42e,transparent 60%),linear-gradient(155deg,#0b1b24e8,#071311f5 75%)}
.technology-grid .mw-card:nth-child(even){background:radial-gradient(ellipse at 100% 0,#f2b63d13,transparent 62%),linear-gradient(155deg,#0c1a1de8,#071311f5 75%)}
.technology-grid .mw-card::before{width:180px;height:112px;bottom:16px;right:12px;opacity:.12}
.technology-grid .mw-icon{filter:drop-shadow(0 0 15px #2a7fb426)}
.technology-grid .stage-technologies{position:relative;z-index:1}
.stage-technologies li,.stage-technologies a{border-color:#2a7fb466;border-radius:3px;background:#102b4033}
.service-feature-grid>li{position:relative;isolation:isolate;--mw-card-cut:13px;border:0;border-left:2px solid #2a7fb499;border-top:1px solid #2a7fb433;border-radius:0;background:linear-gradient(115deg,#102b40c7,#071311ed 85%);box-shadow:none;clip-path:polygon(0 0,calc(100% - var(--mw-card-cut)) 0,100% var(--mw-card-cut),100% 100%,0 100%)}
.service-feature-grid>li::after{content:'';position:absolute;bottom:7px;right:9px;width:38px;height:38px;background:var(--mw-card-motif,none) center/contain no-repeat;opacity:.12;z-index:-1;pointer-events:none}
.service-feature-grid>li:nth-child(2){border-left-color:#f2b63d9e;background:linear-gradient(115deg,#182725bd,#071311ed 85%)}
.services-page .services-route-card{--mw-card-cut:30px}
.services-page .services-process-grid>li{--mw-card-cut:20px}
.services-page .services-proof-grid>div{border:0;border-top:1px solid #2a7fb477;border-radius:0;background:linear-gradient(155deg,#102b4059,transparent 80%)}
.mw-quote{--mw-card-glow:rgba(42,127,180,.08)}
.mw-quote::before{opacity:.12!important}
.mw-contact-card{border:0;border-top:1px solid #2a7fb466;border-radius:0;background:none}
.mw-contact-card::after{display:none}
.mw-stat{border-top-color:#2a7fb477}
.mw-stat:nth-child(2){border-top-color:#f2b63d77}
.mw-faq-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2.5rem,7vw,8rem);position:relative}
.mw-faq-intro{position:sticky;top:calc(120px + var(--admin-toolbar-height,0px));min-width:0}
.mw-faq-intro .mw-section-title{font-size:clamp(2.5rem,4.3vw,4.5rem);max-width:11ch;margin-top:1.5rem}
.mw-faq-lead{color:var(--muted);font-size:.96rem;line-height:1.8;max-width:33ch;margin-top:1.75rem}
.mw-faq-signature{display:block;position:relative;width:min(100%,245px);height:125px;margin-top:2rem;background:url('/mrwolf/brand/ridge.svg') left bottom/contain no-repeat;opacity:.6}
.mw-faq{width:100%;min-width:0;counter-reset:faq}
.mw-faq details{position:relative;counter-increment:faq;min-width:0;border:0;border-top:1px solid #86c4e82d;border-radius:0;background:none;transition:border-color .25s}
.mw-faq details:last-child{border-bottom:1px solid #86c4e82d}
.mw-faq details[open]{border-top-color:#f2b63d99}
.mw-faq summary{position:relative;list-style:none;display:grid;grid-template-columns:1.9rem minmax(0,1fr) 1.2rem;align-items:start;gap:1.1rem;padding:1.65rem 0;cursor:pointer;font:400 clamp(1.18rem,1.55vw,1.65rem)/1.4 var(--display);color:var(--ink);transition:color .2s}
.mw-faq summary::-webkit-details-marker{display:none}
.mw-faq summary::before{content:counter(faq,decimal-leading-zero);font:500 .67rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--color-blue-light);letter-spacing:.08em;padding-top:.4rem}
.mw-faq summary::after{content:'';display:block;margin-top:.3rem;width:1rem;height:1rem;background:linear-gradient(var(--gold),var(--gold)) center/100% 1px no-repeat,linear-gradient(var(--gold),var(--gold)) center/1px 100% no-repeat;transition:transform .25s}
.mw-faq details[open] summary::after{transform:rotate(45deg)}
.mw-faq summary:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:4px}
.mw-faq details>p{padding:0 2.3rem 1.9rem 3rem;max-width:68ch;margin:0;color:var(--muted);font-size:.95rem;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.mw-faq details[open]>p{animation:mw-answer-in .3s ease both}
.mw-faq details[open] summary{color:var(--gold-light)}
.schema-public-faq{padding-block:var(--space-section)}
.mw-code-field{color:#86c4e8}
.mw-code-caret{color:var(--gold)}
.journey-track>span,.services-page .services-timeline>.journey-track>span{background:var(--journey-segment-gradient,linear-gradient(to bottom,var(--color-blue),var(--gold))) 0 0/100% var(--journey-track-length,100%) no-repeat}
.mw-hero--poster{background-color:#07151b}
.button.secondary{border-color:#2a7fb488}
@media(hover:hover){
 .mw-card:not(.mw-contact-card):hover,.services-page .services-route-card:hover,.services-page .services-process-grid>li:hover{border-top-color:var(--color-blue-light);border-left-color:#f2b63d88;box-shadow:none}
 .mw-card:not(.mw-contact-card):hover::before,.services-page .services-route-card:hover::before{opacity:.12;translate:0 -3px}
 .service-feature-grid>li:hover{border-left-color:var(--gold);background:linear-gradient(115deg,#14354ad9,#0c1b17ed 85%)}
 .mw-faq summary:hover{color:var(--color-blue-light)}
 .button.secondary:hover{background:#102b40;border-color:var(--color-blue-light);color:#ffd979}
}
.button.secondary:focus-visible{background:#102b40;border-color:var(--color-blue-light);color:#ffd979}
.services-page .services-route-card:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:-4px}
@media(max-width:1024px){.mw-faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}.mw-faq-intro .mw-section-title{font-size:clamp(2.4rem,4vw,3.5rem)}}
@media(max-width:767px){
 .mw-faq-section{grid-template-columns:minmax(0,1fr);gap:2rem}.mw-faq-intro{position:static}.mw-faq-intro .mw-section-title{max-width:13ch;font-size:clamp(2.3rem,9vw,3.5rem)}.mw-faq-signature{display:none}.mw-faq-lead{max-width:45ch;margin-top:1.2rem}.mw-faq summary{grid-template-columns:1.5rem minmax(0,1fr) 1rem;gap:.75rem;padding:1.35rem 0;font-size:1.22rem}.mw-faq details>p{padding:0 .5rem 1.5rem 2.25rem;font-size:.93rem}.technology-grid .mw-card{padding:1.7rem;--mw-card-cut:22px}.mw-card:not(.mw-contact-card)::before{width:150px}
}
@media(prefers-reduced-motion:reduce){.mw-card:not(.mw-contact-card),.mw-card::before,.services-page .services-route-card,.services-page .services-route-card::before,.services-page .services-process-grid>li,.mw-faq details,.mw-faq summary,.mw-faq summary::after{transition:none}.mw-faq details[open]>p{animation:none}.mw-card:hover::before,.services-page .services-route-card:hover::before{translate:none}}

.journey-track{background:rgba(42,127,180,.18)}
.journey-dot{border-color:var(--color-blue);transition:border-color .35s,background-color .35s}
.journey-stage.is-reached .journey-dot,[data-journey-stage].is-reached .journey-dot{border-color:var(--gold);background:var(--gold)}
.service-feature-grid>li[data-feature-reveal]{transition:opacity .24s ease,translate .28s var(--motion-ease);transition-delay:0s}
@media(prefers-reduced-motion:reduce){.service-feature-grid>li[data-feature-reveal]{transition:none}}

.services-page .service-stage:not(.is-reached)>.journey-dot{border-color:var(--color-blue)}
.services-page .services-timeline>.journey-track{background:rgba(42,127,180,.18)}

.technology-grid .mw-card{transition-duration:.25s,.25s,.3s,.24s,.28s}


/* Component: intro */
/* The curtain choreography and timings used on mr-wolf.net, with the CMS SVG. */
:root{--mrw-motion-gold:#e6b84f;--mrw-motion-ink:#030907;--mrw-motion-cream:#f4efe6;--mrw-motion-ease:cubic-bezier(.76,0,.24,1)}
html{scrollbar-gutter:stable;background:#06110f}html.mrw-motion-lock{overscroll-behavior:none}
#mrw-motion-layer{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none;isolation:isolate;font-family:Inter,Arial,sans-serif;color:var(--mrw-motion-cream)}
html.mrw-intro-boot #mrw-motion-layer,#mrw-motion-layer:not([data-state=idle]){visibility:visible;pointer-events:auto}
.mrw-motion-panel{position:absolute;left:0;width:100%;height:50.5%;background:radial-gradient(circle at 50% 100%,rgba(230,184,79,.06),transparent 42%),linear-gradient(115deg,#020604 0%,#06100c 56%,#020604 100%);will-change:transform;transition:transform .44s var(--mrw-motion-ease)}
.mrw-motion-panel--top{top:0;transform:translateY(-101%);border-bottom:1px solid rgba(230,184,79,.28)}
.mrw-motion-panel--bottom{bottom:0;transform:translateY(101%);border-top:1px solid rgba(230,184,79,.28)}
#mrw-motion-layer.mrw-is-covered .mrw-motion-panel,#mrw-motion-layer.mrw-is-intro .mrw-motion-panel{transform:translateY(0)}
.mrw-motion-center{position:relative;z-index:2;width:min(78vw,560px);text-align:center;opacity:0;transition:opacity .24s ease}
#mrw-motion-layer.mrw-is-intro.mrw-is-running .mrw-motion-center,#mrw-motion-layer.mrw-is-leaving.mrw-is-covered .mrw-motion-center,#mrw-motion-layer.mrw-is-enter.mrw-is-covered .mrw-motion-center{opacity:1}
#mrw-motion-layer.mrw-is-revealing .mrw-motion-center{opacity:0}
.mrw-motion-kicker{display:block;margin-bottom:22px;color:var(--mrw-motion-gold);font-size:10px;font-weight:800;letter-spacing:.42em;text-transform:uppercase;opacity:.78}
.mrw-motion-logo-wrap{position:relative;display:block;margin:0 auto;width:min(74vw,410px);overflow:hidden}
.mrw-motion-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 28px rgba(230,184,79,.12));clip-path:inset(0 100% 0 0);transform:translate3d(-18px,0,0);transition:clip-path .44s .04s var(--mrw-motion-ease),transform .44s .04s var(--mrw-motion-ease)}
#mrw-motion-layer.mrw-is-running .mrw-motion-logo{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
.mrw-motion-manifest{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;color:rgba(244,239,230,.72);font-size:10px;font-weight:700;letter-spacing:.24em;line-height:1.5;text-transform:uppercase}
.mrw-motion-manifest i{display:block;width:3px;height:3px;border-radius:50%;background:var(--mrw-motion-gold);box-shadow:0 0 12px rgba(230,184,79,.75)}
.mrw-motion-route{display:none;margin-top:25px;color:var(--mrw-motion-gold);font-size:10px;font-weight:800;letter-spacing:.34em;text-transform:uppercase}
#mrw-motion-layer.mrw-is-leaving .mrw-motion-manifest,#mrw-motion-layer.mrw-is-enter .mrw-motion-manifest{display:none}
#mrw-motion-layer.mrw-is-leaving .mrw-motion-route,#mrw-motion-layer.mrw-is-enter .mrw-motion-route{display:block}
.mrw-motion-progress{position:relative;display:block;width:min(54vw,280px);height:1px;margin:27px auto 0;background:rgba(244,239,230,.13);overflow:hidden}
.mrw-motion-progress::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--mrw-motion-gold),#f4c969);transform:translate3d(-101%,0,0)}
#mrw-motion-layer.mrw-is-intro.mrw-is-running .mrw-motion-progress::after{animation:mrwMotionProgress .48s .04s var(--mrw-motion-ease) forwards}
#mrw-motion-layer.mrw-is-leaving.mrw-is-covered .mrw-motion-progress::after{animation:mrwMotionProgress .6s .08s var(--mrw-motion-ease) forwards}
.mrw-motion-corner{position:absolute;z-index:2;color:rgba(230,184,79,.55);font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;opacity:0;transition:opacity .35s ease}
.mrw-motion-corner--tl{left:28px;top:25px}.mrw-motion-corner--br{right:28px;bottom:25px}
#mrw-motion-layer.mrw-is-running .mrw-motion-corner,#mrw-motion-layer.mrw-is-covered .mrw-motion-corner{opacity:1;transition-delay:.12s}
#mrw-motion-layer.mrw-is-transition.mrw-is-revealing .mrw-motion-corner,#mrw-motion-layer.mrw-intro-corner-out .mrw-motion-corner{opacity:0;transition-delay:0s}
@keyframes mrwMotionProgress{to{transform:translate3d(101%,0,0)}}
@media(max-width:767px){.mrw-motion-center{width:86vw}.mrw-motion-kicker{margin-bottom:18px;font-size:8px;letter-spacing:.32em}.mrw-motion-logo-wrap{width:min(78vw,330px)}.mrw-motion-logo{transition:clip-path .32s .04s var(--mrw-motion-ease),transform .32s .04s var(--mrw-motion-ease)}#mrw-motion-layer.mrw-is-intro.mrw-is-running .mrw-motion-progress::after{animation-duration:.34s;animation-delay:.04s}.mrw-motion-manifest{gap:7px;margin-top:20px;font-size:8px;letter-spacing:.15em}.mrw-motion-corner--tl{left:16px;top:18px}.mrw-motion-corner--br{right:16px;bottom:18px}}
@media(prefers-reduced-motion:reduce){#mrw-motion-layer{display:none!important}}