/* Keep section introductions in one reading column. */
.principle-mark{height:76px;position:relative;margin-bottom:16px;display:flex;align-items:center}
.principle-mark>svg{position:relative;z-index:2;width:54px;height:54px;padding:10px;box-sizing:content-box;background:#242221;border:1px solid #ff985b36;border-radius:50%;fill:none;stroke:#ff985b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.principles article{position:relative;min-width:0}
.principles article:not(:last-child) .principle-mark:before,.principles article:not(:last-child) .principle-mark:after{content:'';position:absolute;left:75px;right:-35px;top:38px;height:1px;background:#ff985b26;transform-origin:left}
.principles article:not(:last-child) .principle-mark:after{background:#ff985b;transform:scaleX(0)}
.principle-node{position:absolute;width:5px;height:5px;background:#ff985b;border-radius:50%;left:72px;top:36px;z-index:3}
.principles article>h3,.principles article>p{position:relative}
html[data-motion=full] .principles[data-scene-active=true] .principle-mark:after{animation:principle-connect 9s cubic-bezier(.4,0,.2,1) infinite!important;animation-delay:calc(var(--step)*1.5s)!important}
html[data-motion=full] .principles[data-scene-active=true] .principle-mark>svg{animation:principle-light 9s ease infinite!important;animation-delay:calc(var(--step)*1.5s)!important}
html[data-motion=full] .principles[data-scene-active=true] .principle-draw{stroke-dasharray:90;animation:principle-draw 9s ease infinite!important;animation-delay:calc(var(--step)*1.5s)!important}
@keyframes principle-connect{0%,9%{transform:scaleX(0);opacity:0}12%{opacity:1}32%,75%{transform:scaleX(1);opacity:1}94%,100%{transform:scaleX(1);opacity:0}}
@keyframes principle-light{0%,75%,100%{box-shadow:0 0 0 0 #ff985b00;background:#242221;transform:scale(1)}12%,32%{box-shadow:0 0 0 7px #ff985b0c;background:#3b2c23;transform:scale(1.04)}}
@keyframes principle-draw{0%{stroke-dashoffset:90;opacity:.3}24%,100%{stroke-dashoffset:0;opacity:1}}
.followup-visual{width:100%;margin:0 0 27px;background:#171719;border:1px solid #ffffff16;border-radius:10px;overflow:hidden;box-shadow:0 14px 28px #0003}
.followup-browser{height:26px;padding:0 12px;display:flex;align-items:center;gap:4px;background:#29282a}
.followup-browser i{width:4px;height:4px;border-radius:50%;background:#a58d7d}.followup-browser>span{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#c1b2a7}
.followup-screen{position:relative;aspect-ratio:2.3;overflow:hidden;background:#29282a}
.followup-screen>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.followup-trace{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff985b;stroke-width:2;pointer-events:none}
.followup-trace rect{stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.followup-cursor{position:absolute;left:48%;top:44%;width:27px;height:32px;fill:#ff985b;stroke:#25170e;stroke-width:1.5;filter:drop-shadow(0 4px 4px #0004)}
.followup-status{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;background:#191919ed;border:1px solid #ff985b50;padding:8px 12px;border-radius:7px;color:#fff;font-size:10px;box-shadow:0 5px 18px #0004}
.followup-status svg{width:25px;height:25px;fill:none;stroke:#ff985b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.followup-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;color:#c2bbb6;font-size:10px}.followup-visual figcaption>span{color:#ff985b}
html[data-motion=full] [data-scene-active=true] .followup-trace rect{animation:frame-build 8s ease-in-out infinite!important}
html[data-motion=full] [data-scene-active=true] .followup-cursor{animation:cursor-build 8s cubic-bezier(.4,0,.2,1) infinite!important}
html[data-motion=full] [data-scene-active=true] .followup-status svg circle{stroke-dasharray:82;animation:status-ring 8s ease-in-out infinite!important}
html[data-motion=full] [data-scene-active=true] .followup-status svg path{stroke-dasharray:25;animation:status-check 8s ease-in-out infinite!important}
@keyframes frame-build{0%{stroke-dashoffset:100;opacity:0}8%{opacity:1}48%,78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes cursor-build{0%,100%{transform:translate(40px,20px);opacity:0}12%{opacity:1}35%,45%{transform:translate(-40px,-12px);opacity:1}49%{transform:translate(-40px,-12px) scale(.8)}56%{transform:translate(-40px,-12px) scale(1)}78%{transform:translate(20px,30px);opacity:1}90%{opacity:0}}
@keyframes status-ring{0%{stroke-dashoffset:82}50%,100%{stroke-dashoffset:0}}
@keyframes status-check{0%,40%{stroke-dashoffset:25;opacity:0}65%,100%{stroke-dashoffset:0;opacity:1}}
.home-faq{background:#1a1919}.home-faq>.section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;padding-top:82px;padding-bottom:82px;align-items:start}
.faq-intro{position:sticky;top:110px}.faq-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:0 0 22px}.faq-intro>div>p{font-size:14px;line-height:1.8;color:#bcb7b1;max-width:370px}
.home-faq .faq-photo{margin:30px 0 0;border-radius:28px;overflow:hidden;position:relative;aspect-ratio:auto;background:#242321;box-shadow:0 15px 32px #0002}
.home-faq .faq-photo img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:center top;filter:none}
.home-faq .faq-photo:after{display:none}
.home-faq .faq-photo figcaption{position:relative;inset:auto;padding:20px 52px 22px 24px;font-size:15px;line-height:1.6;color:#eee8e2}.home-faq .faq-photo figcaption span{position:absolute;right:24px;bottom:24px;color:#ff985b;font-size:25px}
.faq-list{min-width:0}.faq-item{border-bottom:1px solid #ffffff14;transition:background-color .3s;border-radius:8px;padding:0 18px}.faq-item[open]{background:#262423;border-color:transparent;margin-bottom:8px}
.faq-item summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center;padding:23px 0;min-height:77px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid #ff985b;outline-offset:5px;border-radius:5px}
.faq-number{font-size:10px;color:#ff985b;flex:none;align-self:center}.faq-item h3{font-size:16px;line-height:1.5;font-weight:500;margin:0;flex:1;letter-spacing:-.015em}.faq-toggle{position:relative;flex:none;width:26px;height:26px;border:1px solid #ffffff25;border-radius:50%;transition:background-color .3s,transform .4s}.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;width:9px;height:1px;background:currentColor;left:7px;top:11px}.faq-toggle:after{transform:rotate(90deg)}.faq-item[open] .faq-toggle{background:#ff985b;border-color:#ff985b;color:#20160e;transform:rotate(45deg)}
.faq-answer{overflow:hidden}.faq-answer p{padding:0 42px 24px 30px;margin:0;font-size:13px;line-height:1.9;color:#c7c0ba;max-width:640px}.faq-note{font-size:12px;color:#a69f98;margin:24px 18px 0;line-height:1.9}.faq-note a{color:#ff985b;white-space:nowrap}
@media(max-width:760px){.studio-position .principles{display:grid;grid-template-columns:1fr;gap:0}.principles article{padding:3px 0 30px 65px}.principle-mark{position:absolute;left:0;top:0;height:100%;width:45px;margin:0;align-items:flex-start}.principle-mark>svg{width:30px;height:30px;padding:7px}.principle-node{left:21px;top:43px}.principles article:not(:last-child) .principle-mark:before,.principles article:not(:last-child) .principle-mark:after{left:22px;right:auto;top:45px;bottom:0;width:1px;height:auto;transform-origin:top}.principles article:not(:last-child) .principle-mark:after{transform:scaleY(0)}html[data-motion=full] .principles[data-scene-active=true] .principle-mark:after{animation-name:principle-connect-mobile!important}.principles article:last-child{padding-bottom:0}.followup-screen{aspect-ratio:1.9}.followup-status{font-size:8px;padding:6px 8px;right:8px;bottom:8px;gap:5px}.followup-visual figcaption{font-size:9px;padding:10px}.home-faq>.section{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:48px}.faq-intro{position:static}.faq-photo{aspect-ratio:2.1;margin-top:23px}.faq-photo figcaption{font-size:15px;bottom:16px;left:18px}.faq-item{padding:0 12px}.faq-item summary{gap:10px;padding:19px 0}.faq-item h3{font-size:15px}.faq-answer p{padding:0 10px 22px 23px}.faq-note{margin-left:12px}}
@keyframes principle-connect-mobile{0%,9%{transform:scaleY(0);opacity:0}12%{opacity:1}32%,75%{transform:scaleY(1);opacity:1}94%,100%{transform:scaleY(1);opacity:0}}
@media(min-width:761px) and (max-width:1000px){.home-faq>.section{grid-template-columns:1fr;gap:32px}.faq-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.faq-photo{margin:0;aspect-ratio:1.3}.faq-intro h2{font-size:30px}}
.followup-section .section-heading.inline,#methode .journey-heading{display:block;max-width:780px;margin-bottom:38px}
.followup-section .section-heading.inline>p,#methode .journey-heading>p{max-width:660px;margin:22px 0 0;font-size:15px;line-height:1.85;color:#bcb7b1}
.followup-section .followup-grid{gap:24px}
.followup-grid>article{padding:30px;background:#202021;border:1px solid #ffffff10;border-radius:14px;display:flex;flex-direction:column;align-items:start}
.followup-grid>article .service-number{margin-bottom:20px;display:block}
.followup-grid>article h3{max-width:450px;line-height:1.25}
.followup-grid>article .text-link{margin-top:auto;padding-top:25px}
.trust-grid>article,.customer-path>.customer-card{transform-origin:50% 85%;backface-visibility:hidden}
html[data-motion=full] .trust-grid>article,html[data-motion=full] .customer-path>.customer-card{transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
@media(hover:hover){html[data-motion=full] .trust-grid>article:hover,html[data-motion=full] .customer-path>.customer-card:hover{transform:translateY(-5px);border-color:#ff985b65;box-shadow:0 22px 45px #0005,inset 0 1px 0 #ff985b30}}
@media(max-width:760px){.followup-section .section-heading.inline,#methode .journey-heading{margin-bottom:28px}.followup-section .section-heading.inline>p,#methode .journey-heading>p{font-size:14px;margin-top:18px}.followup-grid>article{padding:24px}.followup-section .followup-grid{gap:16px}}

@media(max-width:760px){.home-faq .faq-photo{border-radius:22px;margin-top:24px}.home-faq .faq-photo img{aspect-ratio:8/5}.home-faq .faq-photo figcaption{padding:16px 46px 18px 20px;font-size:14px}.home-faq .faq-photo figcaption span{right:20px;bottom:20px}}
@media(min-width:761px) and (max-width:1000px){.home-faq .faq-photo{margin:0;border-radius:24px}}