.comparison-first{background:#f5efe6;position:relative}
.services-intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(20px,4vw,62px);align-items:center;padding:18px 0 40px;position:relative}
.services-intro__copy{position:relative;z-index:2;padding-bottom:10px}
.services-intro__copy>.tag{white-space:normal;line-height:1.7;font-size:10px}
.services-intro h1{font:800 clamp(54px,5.4vw,82px)/.95 var(--font-display);letter-spacing:-.06em;margin:28px -20px 25px 0}
.services-intro h1 em{font:400 italic 1.03em/.93 var(--font-aside);letter-spacing:-.055em;color:#67439e}
.services-intro__copy>p{max-width:34ch;font-size:17px;line-height:1.65;color:var(--muted)}
.services-intro__action{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;margin-top:25px;padding:14px 0 11px;min-height:54px;border-bottom:1px solid var(--ink);font-size:14px;text-decoration:none}
.services-intro__action>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--cream);font-size:22px;transition:transform .3s var(--settle),background .3s}
.services-intro__action:hover>span{transform:rotate(45deg);background:#67439e}
.services-intro__art{height:clamp(370px,39vw,540px);position:relative;min-width:0;isolation:isolate;--scene-x:0px;--scene-y:0px}
.services-intro__orbit{position:absolute;inset:13% -3% 6% 3%;border:1px solid #67439e38;border-radius:50%;transform:rotate(-21deg);background:radial-gradient(ellipse at 60% 30%,#d7c5ed65,transparent 65%);z-index:-1}
.services-intro__bakery{position:absolute;inset:4% 7% 17% 0;background:#e6d5ba;border:7px solid #fffbf4;border-radius:5px;box-shadow:0 25px 45px #30234022,0 2px 4px #30234015;transform:translate(var(--scene-x),var(--scene-y)) rotate(-5deg);overflow:hidden}
.services-intro__bakery>img{width:100%;height:100%;object-fit:cover;object-position:60% 52%}
.services-intro__bakery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f6ecdda8,transparent 55%);pointer-events:none}
.services-intro__brand{position:absolute;left:6%;top:6%;font:500 clamp(11px,1.3vw,19px) var(--font-aside);letter-spacing:.07em;color:#231f1b;z-index:1}
.services-intro__brand small{display:block;font:5px var(--font-mono);letter-spacing:.28em;text-align:center;margin-top:6px}
.services-intro__bakery>strong{position:absolute;left:6%;top:23%;font:500 clamp(27px,3.1vw,47px)/.92 var(--font-aside);letter-spacing:-.06em;color:#211c19;z-index:1}
.services-intro__note{position:absolute;bottom:8%;left:6%;background:#e9b9ac;padding:10px 13px;font:italic clamp(11px,1.15vw,17px)/1.05 var(--font-aside);color:#462c28;transform:rotate(-4deg);box-shadow:0 3px 7px #372c2a22;z-index:1}
.services-intro__story{position:absolute;right:-1%;bottom:6%;width:53%;height:50%;border:5px solid #181a29;border-radius:5px;background:#11100e;color:#fff5e5;overflow:hidden;box-shadow:0 20px 38px #24152838;transform:translate(calc(var(--scene-x)*-.6),calc(var(--scene-y)*-.6)) rotate(7deg);padding:7% 5% 3%}
.services-intro__story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.63;z-index:-1}
.services-intro__story:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0d119c,transparent);z-index:-1}
.services-intro__story>span{font:5px var(--font-mono);letter-spacing:.15em;display:block;margin-bottom:9px}
.services-intro__story>strong{font:500 clamp(23px,2.6vw,37px)/.92 var(--font-aside);letter-spacing:-.04em}
.services-intro__timeline{position:absolute;left:9%;right:9%;bottom:14%;height:1px;background:#f5efe680;display:flex;justify-content:space-between;align-items:center}
.services-intro__timeline i{width:4px;height:4px;background:#f5efe6;border-radius:50%}.services-intro__timeline i:nth-child(2){width:7px;height:7px;background:#efbba9;outline:1px solid #efbba9;outline-offset:3px}
.services-intro__story>small{position:absolute;left:9%;right:9%;bottom:5%;font:5px var(--font-mono);display:flex;justify-content:space-between;color:#f9ebde}
.services-intro__seal{position:absolute;right:-1%;top:1%;width:100px;height:100px;border:1px solid #67439e4a;border-radius:50%;background:#f5efe6e8;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(10deg)}
.services-intro__seal img{width:35px;height:35px}.services-intro__seal>span{font:italic 17px/1 var(--font-aside);color:#67439e}
.services-intro__art figcaption{position:absolute;left:2%;bottom:0;right:0;display:flex;gap:9px;align-items:center;font:8px var(--font-mono);letter-spacing:.025em;color:#625c66}
.services-intro__art figcaption>span{color:#8f70b2}
.services-intro.is-ready .services-intro__bakery{animation:bakery-unfold .9s var(--settle) both}.services-intro.is-ready .services-intro__story{animation:story-unfold 1.1s var(--settle) both}.services-intro.is-ready .services-intro__seal{animation:seal-arrives 1.25s var(--settle) both}
@keyframes bakery-unfold{from{opacity:0;translate:0 20px;rotate:3deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes story-unfold{from{opacity:0;translate:0 35px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes seal-arrives{from{opacity:0;scale:.8;rotate:-20deg}to{opacity:1;scale:1;rotate:0deg}}
.service-section-title--demo{border-top:1px solid #171c4a30;padding-top:27px;scroll-margin-top:calc(var(--nav-h) + 24px);margin-bottom:15px!important}
.service-section-title--demo h2{font:700 clamp(26px,3.2vw,42px)/1.1 var(--font-display);letter-spacing:-.04em;margin-top:12px}
.service-section-title--demo .tag{font-size:9px;white-space:normal}
.service-section-title--demo+.demo{margin-top:22px}
.services-comparison__rates{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 -7px}
.service-section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.service-section-title h1{font:800 clamp(36px,4.6vw,68px)/.99 var(--font-display);letter-spacing:-.045em;margin-top:16px}
.service-section-title__aside{max-width:30ch;display:grid;gap:15px;padding-bottom:4px}.service-section-title__aside p{font-size:16px;color:#4f5266;line-height:1.6}.service-section-title__aside a{justify-self:start;display:inline-flex;gap:25px;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid #171c4a55;text-decoration:none}.service-section-title__aside a:hover{border-color:#7337ba;color:#7337ba}.comparison-first{padding-top:clamp(28px,3vw,44px);padding-bottom:clamp(45px,4vw,56px)}
#see-it .demo__intro{flex:1}#see-it .demo__intro p{max-width:none}
#see-it .demo-disclaimer{font-size:11px;max-width:83ch;opacity:.75;margin-top:16px}
/* Native scrolling brings seven original visual scenes into focus. */
.project-journey{background:#12172d;color:#f5efe6;padding:64px 0 0;position:relative;isolation:isolate}
.project-journey:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 10%,#69499140,transparent 40%),linear-gradient(110deg,#d7c4f704,transparent 60%)}
.project-journey__head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.project-journey h2{font:800 clamp(40px,5vw,76px)/1 var(--font-display);letter-spacing:-.045em;margin-top:20px}
.project-journey__head>p{font-size:15px;max-width:30ch;color:#c3c3d4}
.project-journey__head .tag{max-width:100%;white-space:normal;line-height:1.7}
.project-journey__track{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,7vw,95px);position:relative;align-items:start}
.project-exhibit{position:sticky;top:calc(var(--nav-h) + 28px);margin:36px 0 40px;min-width:0}
.project-exhibit__frame{background:radial-gradient(ellipse at 55% 15%,#51436b66,transparent 68%),linear-gradient(145deg,#212238,#0b1123);border:1px solid #d7c4f72b;border-radius:22px;box-shadow:0 28px 70px #080b1d50,inset 0 1px 0 #f4e6ff15;overflow:hidden;position:relative}
.project-exhibit__eyebrow{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:14px;color:#c6b4db;font:9px var(--font-mono);letter-spacing:.04em;z-index:1}
.project-exhibit__eyebrow>span:first-child{max-width:23ch}
.project-exhibit__scenes{position:relative;padding-top:24px}
.project-scene{margin:0;position:relative}
.project-scene[hidden]{display:none}
.project-scene img{display:block;width:100%;height:auto;aspect-ratio:600/460;object-fit:contain}
.is-ready .project-scene{animation:project-scene-arrives .65s var(--settle) both}
.project-scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:italic clamp(24px,2.8vw,40px)/1 var(--font-aside);letter-spacing:-.025em;color:#e5d7fb;padding:0 28px 27px;margin-top:-13px}
.project-scene figcaption i{font:20px var(--font-mono);color:#c6ff3d;font-style:normal}
.project-exhibit__progress{height:2px;background:#d7c4f715}
.project-exhibit__progress>span{display:block;width:calc((var(--project-stage,0) + 1) * 100% / 7);height:100%;background:linear-gradient(90deg,#d7c4f7,#c6ff3d);transition:width .6s var(--settle)}
.project-exhibit__stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:17px;position:relative}
.project-exhibit__stages a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:63px;border:1px solid transparent;border-radius:12px;color:#9c98b4;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.project-exhibit__stages a>span{font:12px var(--font-mono)}
.project-exhibit__stages a>small{font-size:10px;line-height:1}
.project-exhibit__stages a:hover{background:#d7c4f70d;color:#fff}
.project-exhibit__stages a[aria-current]{background:#d7c4f714;border-color:#d7c4f74a;color:#f5efe6}
.project-exhibit__stages a[aria-current]>span{color:#c6ff3d}
.project-exhibit__stages a:focus-visible{outline:2px solid #c6ff3d;outline-offset:3px}
.project-steps{list-style:none;padding:12px 0 48px}
.project-step{position:relative;min-height:clamp(240px,30svh,300px);display:flex;flex-direction:column;justify-content:center;padding:30px 0 30px 35px;border-left:1px solid #f5efe625;scroll-margin-top:150px}
.project-step:before{content:"";position:absolute;width:9px;height:9px;border:1px solid #b5a8d0;border-radius:50%;background:#171c4a;left:-5px;top:50%;transition:background .3s,box-shadow .3s}
.project-step.is-current:before{background:#c6ff3d;box-shadow:0 0 0 6px #c6ff3d18}
.project-step>span{font:11px var(--font-mono);color:#c6ff3d;text-transform:uppercase;letter-spacing:.07em}
.project-step h3{font:700 clamp(29px,3.2vw,47px)/1.05 var(--font-display);letter-spacing:-.035em;margin:18px 0}
.project-step p{font-size:16px;line-height:1.75;max-width:34ch;color:#cfcede}
.project-step small{font-size:12px;color:#c9b5ef;margin-top:24px;max-width:35ch}
@keyframes project-scene-arrives{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){.project-journey__track{gap:38px;grid-template-columns:1.1fr .9fr}.project-exhibit__eyebrow{top:19px;left:18px;right:18px;font-size:8px}.project-exhibit__stages a>small{font-size:9px}.project-scene figcaption{padding-inline:20px}.project-step{padding-left:25px}.project-step p{font-size:14px}}
@media(max-width:800px){.project-journey__head{display:block}.project-journey__head>p{margin-top:24px;max-width:45ch}.project-journey__track{gap:28px;grid-template-columns:1fr 1fr}}
@media(max-width:640px){.project-journey{padding-top:65px}.project-journey__track{display:block}.project-exhibit{position:relative;margin:30px 0 0}.is-ready .project-exhibit{position:sticky;top:var(--nav-h);z-index:3;padding:12px 0 10px;background:#12172df8}.project-exhibit__frame{border-radius:15px;box-shadow:0 12px 24px #080b1d33}.project-exhibit__eyebrow{top:13px;font-size:7px}.project-exhibit__eyebrow>span:first-child{max-width:none}.project-exhibit__scenes{padding-top:17px}.project-scene img{height:clamp(170px,27svh,240px);width:100%;aspect-ratio:auto}.project-scene figcaption{font-size:23px;padding:0 17px 14px;margin-top:-9px}.project-scene figcaption i{font-size:15px}.project-exhibit__stages{gap:2px;margin-top:8px}.project-exhibit__stages a{min-height:49px;gap:6px;border-radius:8px}.project-exhibit__stages a>span{font-size:10px}.project-exhibit__stages a>small{font-size:8px}.project-steps{padding:0 0 35px}.project-step{min-height:clamp(330px,43svh,420px);padding:32px 16px 32px 25px;scroll-margin-top:calc(var(--nav-h) + 360px)}.project-step h3{font-size:30px;margin:13px 0}.project-step p{font-size:15px;max-width:36ch}.project-step small{font-size:11px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.project-journey *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reduce-motion .project-journey *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.service-faq{background:#ebe4d9;position:relative;overflow:clip}
.service-faq:before{content:"?";position:absolute;left:-10px;bottom:-180px;font:800 650px/1 var(--font-display);color:#171c4a06;transform:rotate(-15deg);pointer-events:none}
.service-faq h2{font:800 clamp(38px,4.4vw,65px)/1.02 var(--font-display);letter-spacing:-.045em;margin-top:20px}
.service-faq .qa{counter-reset:faq;background:#f8f4ee;box-shadow:8px 10px 0 #171c4a0b;transform:rotate(.4deg);padding:5px 25px;position:relative;border:1px solid #171c4a22}
.service-faq .qa details{padding:0;border-color:#171c4a25}
.service-faq .qa summary{display:grid;grid-template-columns:25px 1fr 18px;gap:10px;align-items:center;font-size:15px;line-height:1.5;padding:20px 0}
.service-faq .qa summary:before{counter-increment:faq;content:counter(faq,decimal-leading-zero);font:10px var(--font-mono);color:#735692}
.service-faq .qa summary:after{position:static;font-size:21px;color:#735692}
.service-faq .qa .answer{font-size:14px;margin:0 0 22px 35px;max-width:58ch}
.service-faq .qa details[open]{background:transparent}
@media(max-width:800px){.service-section-title{display:block}.service-section-title__aside{max-width:46ch;margin-top:20px;gap:7px}}
@media(max-width:580px){.comparison-first{padding-top:28px}.service-section-title h1{font-size:clamp(35px,9vw,50px);margin-top:15px}.service-section-title__aside p{font-size:14px}.service-section-title__aside{margin-top:15px}.service-section-title{margin-bottom:22px}.service-faq .qa{margin-top:25px;padding:3px 17px;transform:none}.service-faq .qa summary{font-size:14px;grid-template-columns:22px 1fr 16px;gap:7px}.service-faq .qa .answer{margin-left:29px;font-size:13px}}
@media(max-width:1000px){.services-intro{gap:20px;padding-bottom:60px}.services-intro h1{font-size:clamp(54px,6.8vw,74px)}.services-intro__copy>p{font-size:15px}.services-intro__art{height:380px}.services-intro__seal{width:82px;height:82px}.services-intro__seal img{width:28px;height:28px}.services-intro__seal>span{font-size:14px}.services-intro__story{height:48%;bottom:10%}.services-intro__art figcaption{font-size:7px}}
@media(max-width:760px){.services-intro{grid-template-columns:1fr;padding-top:8px;padding-bottom:34px;gap:23px}.services-intro__copy{padding-bottom:0}.services-intro h1{font-size:clamp(51px,11.5vw,76px);margin:18px 0 16px;max-width:13ch}.services-intro h1 em br{display:none}.services-intro__copy>p{max-width:41ch;font-size:15px;line-height:1.6}.services-intro__action{margin-top:8px;min-height:48px;padding-bottom:7px;font-size:13px}.services-intro__art{height:clamp(260px,67vw,440px);max-width:550px;width:100%;margin-inline:auto}.services-intro__bakery{inset:4% 8% 16% 3%;border-width:5px}.services-intro__bakery>strong{font-size:clamp(27px,6.5vw,45px)}.services-intro__brand{font-size:clamp(12px,2.5vw,18px)}.services-intro__brand small{font-size:4px}.services-intro__note{font-size:clamp(11px,2.7vw,16px);padding:9px 10px}.services-intro__story{right:0;bottom:5%;width:52%;height:49%;padding-top:6%;border-width:4px}.services-intro__story>strong{font-size:clamp(23px,5.5vw,35px)}.services-intro__story>span{font-size:4px;margin-bottom:6px}.services-intro__story>small{font-size:4px}.services-intro__seal{right:0;top:0;width:76px;height:76px}.services-intro__seal img{width:27px;height:27px}.services-intro__seal>span{font-size:13px}.services-intro__art figcaption{left:3%;font-size:6px;gap:5px;bottom:-7px}.service-section-title--demo{padding-top:22px}.service-section-title--demo .service-section-title__aside{margin-top:7px}.service-section-title--demo .service-section-title__aside a{min-height:35px}.service-section-title--demo h2{font-size:30px;max-width:18ch}.service-section-title--demo+.demo{margin-top:15px}}
@media(max-width:360px){.services-intro h1{font-size:47px}.services-intro__copy>p{font-size:14px}.services-intro__art{height:240px}.services-intro__seal{width:64px;height:64px}.services-intro__seal img{width:22px;height:22px}.services-intro__seal>span{font-size:11px}.services-intro__story{width:53%}.services-intro__story>strong{font-size:22px}.services-intro__art figcaption{font-size:5px}.service-section-title--demo h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.services-intro *{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}.services-intro__art{--scene-x:0px!important;--scene-y:0px!important}}
.reduce-motion .services-intro *{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}.reduce-motion .services-intro__art{--scene-x:0px!important;--scene-y:0px!important}
/* The eyebrow now sits inside the H1 (31 Oct 2026); same pill, same spacing. */
.services-intro h1:has(.h1-lead){margin-top:0}.services-intro h1 .h1-lead{display:flex;white-space:normal;line-height:1.7;font-size:10px;margin-bottom:28px}
@media(max-width:760px){.services-intro h1 .h1-lead{margin-bottom:18px}}
.services-intro__copy .btn-row{margin-top:25px}
.services-intro__action.btn{margin-top:0;padding:0 22px;min-height:48px;gap:10px;justify-content:center;font-size:16px;border:1px solid color-mix(in srgb,currentColor 45%,transparent)}
.wwd-price{font:700 22px/1.2 var(--font-display);letter-spacing:-.02em}
@media(max-width:640px){.project-step{min-height:200px;padding-top:26px;padding-bottom:26px}}