.ottho-redesign.v12-methode .method-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;min-height:730px}.ottho-redesign .method-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.ottho-redesign .method-text-link{font-size:14px;border-bottom:1px solid #bbb0c7;padding-block:8px}.ottho-redesign .method-hero-object{height:510px;position:relative;perspective:1100px}.ottho-redesign .method-orbit{position:absolute;inset:30px;border:1px solid #dacee5;border-radius:50%;transform:rotateX(35deg);background:radial-gradient(circle,#e8dff080,transparent 70%)}.ottho-redesign .method-sheet{position:absolute;width:76%;border-radius:12px;padding:30px;background:white;border:1px solid #e1dbe5;box-shadow:0 30px 80px -35px #43304e55}.ottho-redesign .method-sheet-back{left:0;top:24px;transform:rotate(-12deg);background:#efe6da;animation:method-paper-back 9s ease-in-out infinite}.ottho-redesign .method-sheet-header,.ottho-redesign .method-sheet>span{font-size:10px;letter-spacing:.11em;color:#65536f}.ottho-redesign .method-sheet-back p{font:30px/1.2 var(--display);margin:24px 0}.ottho-redesign .method-sheet-back i{display:block;height:6px;width:80%;background:#dacebc;margin:14px 0}.ottho-redesign .method-sheet-back i:last-child{width:50%}.ottho-redesign .method-sheet-front{right:0;top:150px;transform:rotate(6deg);animation:method-paper-front 8s ease-in-out infinite}.ottho-redesign .method-sheet-header{display:flex;justify-content:space-between;gap:10px}.ottho-redesign .method-sheet-header b{font-weight:400;color:#517a54;letter-spacing:0}.ottho-redesign .method-sheet-front>p{font:27px/1.25 var(--display);margin:28px 0}.ottho-redesign .method-mini-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.ottho-redesign .method-mini-layout>div{height:45px;border-radius:5px;background:#eee9f4}.ottho-redesign .method-mini-layout>div:first-child{grid-row:span 2;height:100%;background:#b6a1cd}.ottho-redesign .method-mini-layout>div:last-child{background:#f4e3d7}.ottho-redesign .method-sheet-footer{display:flex;align-items:center;gap:8px;margin-top:25px;padding-top:16px;border-top:1px solid #ebe6ed;font-size:11px}.ottho-redesign .method-presence{width:7px;height:7px;border-radius:50%;background:#87a789;box-shadow:0 0 0 4px #ecf3ec}.ottho-redesign .method-float-label{position:absolute;bottom:6px;left:18px;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 18px;box-shadow:0 15px 25px #4c365011;border-radius:30px;font-size:12px;transform:rotate(-4deg)}.ottho-redesign .method-float-label span{color:var(--purple)}.ottho-redesign .method-journey{display:grid;grid-template-columns:1.08fr 1fr;gap:100px;padding-block:110px;align-items:start;scroll-margin-top:100px}.ottho-redesign .method-journey-sticky{position:sticky;top:125px}.ottho-redesign .method-journey h2{font-size:clamp(34px,3.5vw,48px);line-height:1.15;margin:16px 0 35px}.ottho-redesign .method-project-stage{position:relative;padding:24px 22px 16px;background:#eae2ed;border-radius:18px}.ottho-redesign .method-project-paper{position:relative;padding:26px;min-height:342px;background:#fff;border:1px solid #e5dceb;border-radius:7px;box-shadow:0 25px 34px -20px #4f395840;transition:transform .6s;transform:rotate(-2deg)}.ottho-redesign .method-project-stage[data-stage="1"] .method-project-paper{transform:rotate(1.5deg)}.ottho-redesign .method-project-stage[data-stage="2"] .method-project-paper{transform:rotate(0)}.ottho-redesign .method-project-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#8b7d94;padding-bottom:17px;border-bottom:1px solid #ece6ee}.ottho-redesign .method-project-title{font:24px/1.2 var(--display);margin:22px 0}.ottho-redesign .method-brief{display:grid;gap:5px;transition:opacity .4s,transform .5s}.ottho-redesign .method-brief span{font-size:10px;color:#9a8c9e;margin-top:7px}.ottho-redesign .method-brief strong{font-size:13px;font-weight:400}.ottho-redesign .method-build{position:absolute;left:26px;right:26px;top:118px;border:1px solid #e5deeb;border-radius:4px;overflow:hidden;transform:translateY(16px);opacity:0;transition:opacity .5s,transform .5s}.ottho-redesign .method-build-top{background:#fcf9f5;padding:12px;font:11px var(--display);display:flex;justify-content:space-between}.ottho-redesign .method-build-top>span{font:7px var(--body)}.ottho-redesign .method-build-grid{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:10px}.ottho-redesign .method-build-grid b{font:19px/1.1 var(--display)}.ottho-redesign .method-build-grid i{display:block;height:3px;background:#d7cedc;margin:8px 0}.ottho-redesign .method-build-grid small{display:inline-block;font-size:7px;padding:6px 10px;color:white;background:var(--purple);border-radius:3px}.ottho-redesign .method-build-art{display:grid;place-content:center;background:#dfd0eb;border-radius:3px}.ottho-redesign .method-build-art span{color:var(--purple);font-size:65px;animation:method-flower 22s linear infinite}.ottho-redesign .method-build-bottom{display:flex;gap:7px;padding:0 16px 16px}.ottho-redesign .method-build-bottom span{flex:1;height:28px;border-radius:3px;background:#f1e8e0}.ottho-redesign .method-project-stage:not([data-stage="0"]) .method-brief{opacity:0;transform:translateY(-12px)}.ottho-redesign .method-project-stage:not([data-stage="0"]) .method-build{opacity:1;transform:none}.ottho-redesign .method-complete{position:absolute;bottom:25px;right:-16px;background:#fafdf6;box-shadow:0 12px 25px #30402b22;border:1px solid #dae4d4;border-radius:9px;padding:15px 23px;text-align:center;opacity:0;transform:translateY(15px) rotate(5deg);transition:.5s}.ottho-redesign .method-complete>span{display:block;color:#74906a;margin-bottom:6px;font-size:23px}.ottho-redesign .method-complete strong{font-size:13px}.ottho-redesign .method-complete p{font-size:9px;color:#708065;margin:5px 0}.ottho-redesign .method-project-stage[data-stage="2"] .method-complete{opacity:1;transform:rotate(5deg)}.ottho-redesign .method-stage-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.ottho-redesign .method-stage-dots span{width:28px;height:3px;border-radius:3px;background:#d3c4de;transition:background .4s}.ottho-redesign .method-stage-dots .is-complete{background:var(--purple)}.ottho-redesign .method-journey-steps article{padding:80px 0 100px;min-height:540px;border-bottom:1px solid var(--line)}.ottho-redesign .method-journey-steps article:last-child{border-bottom:0}.ottho-redesign .method-step-number{font:70px/1 var(--display);color:#c9b9d7;transition:color .5s}.ottho-redesign .method-journey-steps article.is-active .method-step-number{color:var(--purple)}.ottho-redesign .method-journey-steps h3{font-size:36px;line-height:1.2;margin:27px 0 23px}.ottho-redesign .method-journey-steps p{font-size:17px;line-height:1.85;color:var(--graphite)}.ottho-redesign .method-step-note{display:flex;gap:12px;align-items:center;padding-top:20px;margin-top:25px;font-size:13px;border-top:1px solid var(--line);color:var(--purple)}.ottho-redesign .method-step-note span{display:grid;place-content:center;width:25px;height:25px;border-radius:50%;background:#eae1f2}.ottho-redesign .method-support{background:#fff;padding-block:100px;border-block:1px solid var(--line)}.ottho-redesign .method-support-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.ottho-redesign .method-support h2{font-size:46px;line-height:1.15;margin:20px 0}.ottho-redesign .method-support p{font-size:16px;line-height:1.8;color:var(--graphite)}.ottho-redesign .method-support .v12-btn{margin-top:20px}.ottho-redesign .method-support-list article{display:flex;align-items:start;gap:25px;border-top:1px solid var(--line);padding-block:25px}.ottho-redesign .method-support-list article>span{font-size:11px;color:var(--purple);margin-top:7px}.ottho-redesign .method-support-list h3{font-size:24px;line-height:1.25;margin:0}.ottho-redesign .method-support-list p{font-size:14px;margin:10px 0 0}.ottho-redesign .method-cta{text-align:center}.ottho-redesign .method-cta h2{margin:18px 0;font-size:clamp(35px,4.5vw,60px);line-height:1.15}.ottho-redesign .method-cta .v12-eyebrow{color:#ede4fa}.ottho-redesign .method-cta p{margin-bottom:25px}@keyframes method-paper-back{50%{transform:translateY(-10px) rotate(-9deg)}}@keyframes method-paper-front{50%{transform:translateY(7px) rotate(3deg)}}@keyframes method-flower{to{transform:rotate(1turn)}}@media(max-width:1000px){.ottho-redesign.v12-methode .method-hero{gap:15px;min-height:620px}.ottho-redesign .method-hero-object{height:450px}.ottho-redesign .method-sheet{padding:20px}.ottho-redesign .method-sheet-front{top:140px}.ottho-redesign .method-sheet-front>p{font-size:22px}.ottho-redesign .method-journey{gap:45px}.ottho-redesign .method-support-grid{gap:50px}.ottho-redesign .method-support h2{font-size:36px}}@media(max-width:720px){.ottho-redesign.v12-methode .method-hero{grid-template-columns:1fr;gap:30px}.ottho-redesign .method-hero-object{height:420px;max-width:470px;width:100%;margin-inline:auto}.ottho-redesign .method-float-label{bottom:0}.ottho-redesign .method-sheet-back p{font-size:25px}.ottho-redesign .method-sheet-header{font-size:8px}.ottho-redesign .method-journey{display:flex;flex-direction:column;gap:0;padding-block:60px}.ottho-redesign .method-journey-sticky{position:relative;top:auto;width:100%}.ottho-redesign .method-journey h2{font-size:36px}.ottho-redesign .method-project-stage{max-width:500px;margin-inline:auto}.ottho-redesign .method-journey-steps article{min-height:0;padding:45px 0}.ottho-redesign .method-journey-steps h3{font-size:31px;margin:20px 0}.ottho-redesign .method-step-number{font-size:53px}.ottho-redesign .method-support{padding-block:60px}.ottho-redesign .method-support-grid{grid-template-columns:1fr;gap:45px}.ottho-redesign .method-actions{gap:15px}.ottho-redesign .method-text-link{font-size:13px}}@media(prefers-reduced-motion:reduce){.ottho-redesign .method-build-art span,.ottho-redesign .method-sheet{animation:none}.ottho-redesign .method-project-stage *{transition:none!important}}