:root{--ink:#151a19;--muted:#58615e;--paper:#f6f6f0;--accent:#d8ed9c;--line:#d5d9cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1440px,calc(100% - 9vw));margin:auto}.skip{position:absolute;top:-90px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(246,246,240,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.headinner{min-height:86px;display:flex;align-items:center;gap:40px}.brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.08em;font-size:23px;white-space:nowrap}.brand span{font-weight:500;letter-spacing:-.055em}.brand i{font-style:normal;color:#93ac4c;font-size:30px}.headinner nav{display:flex;gap:25px;margin-left:auto}.headinner nav a{font-size:13px;font-weight:600}.headinner nav a:hover,.headinner nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.headcta{font-size:13px;font-weight:700;border:1px solid var(--ink);padding:13px 18px;white-space:nowrap}.headcta span{margin-left:20px}.menu-toggle{display:none}.hero{padding-top:clamp(100px,12vw,190px);padding-bottom:100px;min-height:80vh}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:38px;display:flex;align-items:center;gap:12px}.dot{width:8px;height:8px;border-radius:50%;background:#a1bb57}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,7.8vw,132px);line-height:1.06;letter-spacing:-.085em;font-weight:600;max-width:1350px;margin:0 0 65px}.hero h1 em,.section h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px}.hero-bottom p{font-size:clamp(18px,2vw,26px);line-height:1.5;max-width:620px;color:#48524e;margin:0}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:20px 25px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;border:0;min-height:62px;transition:background .25s,transform .25s}.btn:hover{background:#45543a;transform:translateY(-2px)}.scrollhint{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:115px;padding-top:15px;font-size:10px;letter-spacing:.16em;font-weight:700}.scrollhint span{font-size:22px}.section{padding:clamp(90px,12vw,180px) 0;border-top:1px solid var(--line)}.section h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:clamp(44px,6.1vw,96px);letter-spacing:-.075em;line-height:1.12;max-width:1130px;margin:0 0 65px}.lead{font-size:clamp(20px,2.3vw,32px);line-height:1.5;max-width:900px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.quote{font-family:Georgia,serif;font-style:italic;font-size:clamp(28px,3.3vw,54px);line-height:1.25}.dark{background:#151b19;color:#f2f5e8}.dark .eyebrow{color:#b2c89c}.experience{border:1px solid #66746d;max-width:1100px;margin-top:75px;padding:clamp(22px,4vw,55px);background:#202a25}.experience-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#b7c7b8}.scene{min-height:350px;padding:60px 0 35px}.scene-no{font-family:Georgia,serif;color:var(--accent);font-size:22px}.scene h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(37px,5vw,75px);line-height:1.08;letter-spacing:-.07em;margin:18px 0}.scene p{max-width:570px;font-size:20px;color:#c4cfc4}.scene-controls{display:flex;align-items:center;gap:20px}.scene-controls button{background:transparent;border:1px solid #718276;color:white;width:48px;height:48px}.scene-progress{height:2px;background:#5d6b60;flex:1}.scene-progress span{display:block;background:var(--accent);height:100%;width:33.33%;transition:width .3s}.note{font-size:13px;opacity:.7;margin-top:25px}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service{background:#e8ece0;min-height:450px;padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#dbe8c2}.service>span{font-size:11px;font-weight:700;letter-spacing:.15em}.service h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.2vw,55px);letter-spacing:-.065em;line-height:1.15;margin:70px 0 15px}.service p{font-size:17px;max-width:470px}.service strong{margin-top:auto;padding-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps>div{border-top:1px solid #9aa59b;padding-top:25px}.steps b{font-size:13px}.steps h3{font-size:26px;letter-spacing:-.04em;margin:75px 0 12px}.steps p{color:var(--muted)}.soft{background:#e6ebdf}.choice-links{display:grid;gap:0;max-width:1050px;margin-top:50px}.choice-links a{border-top:1px solid #9fa99b;padding:28px 0;font-size:clamp(21px,2.5vw,36px);letter-spacing:-.04em;display:flex;justify-content:space-between}.choice-links a:last-child{border-bottom:1px solid #9fa99b}.choice-links a:hover{padding-left:15px}.endsection{background:var(--accent)}.editorial{background:#dce5d0;padding:6vw;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end}.bigword{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,6vw,100px);letter-spacing:-.08em;font-weight:800}.editorial p{font-size:22px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:90px 0}.footergrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footergrid p{max-width:340px;color:var(--muted)}.footergrid b{margin-bottom:18px}.footergrid a:not(.brand),.textbutton{font-size:14px}.textbutton{border:0;background:none;padding:0;text-align:left}.footend{border-top:1px solid var(--line);padding:22px 0 35px;font-size:12px;display:flex;justify-content:space-between}.formhero{min-height:auto;padding-bottom:60px}.formhero h1{max-width:1000px}.formwrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:8vw;padding-bottom:150px}.formwrap form{background:#e9ede3;padding:clamp(24px,4vw,60px)}.progressline{font-size:12px;font-weight:700;letter-spacing:.08em}.progressline>div{height:3px;background:#c5cec0;margin:15px 0 45px}.progressline>div span{display:block;height:100%;background:#202b20;width:33.33%;transition:width .25s}.formstep h2{font-size:clamp(30px,3.6vw,55px);line-height:1.15;letter-spacing:-.065em;margin:0 0 35px}.radiochoices{display:grid;gap:12px}.radiochoices label{display:block;cursor:pointer}.radiochoices input{position:absolute;opacity:0}.radiochoices span{display:block;border:1px solid #b5c0b0;padding:20px;background:#f6f7f2}.radiochoices input:checked+span{background:#d7e9b6;border-color:#2a4025}.radiochoices input:focus-visible+span{outline:3px solid #526b41}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700;margin-top:24px}.field small{font-weight:400}.field input,.field select,.field textarea{background:#fff;border:1px solid #aeb9aa;padding:15px;width:100%;border-radius:0;min-height:52px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;gap:14px;font-size:13px;margin:30px 0}.check input{width:20px;flex:none}.check a{text-decoration:underline}.formactions{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.back{background:none;border:0;text-decoration:underline}.formerror{color:#9b2727;font-weight:700;margin-top:18px}.formaside{padding-top:65px}.formaside h3{font-size:35px;line-height:1.2;letter-spacing:-.05em}.honeypot{position:absolute;left:-9999px}.cookie{position:fixed;bottom:20px;right:20px;z-index:100;background:#fff;border:1px solid #aaa;box-shadow:0 10px 40px #0002;padding:22px;max-width:410px}.cookie button{background:var(--ink);color:white;padding:12px 20px;border:0}:focus-visible{outline:3px solid #89ad45;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1050px){.headinner nav{gap:13px}.headinner nav a{font-size:11px}.headcta{display:none}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.headinner{min-height:72px}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-weight:700}.headinner nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px 20px 40px;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.headinner nav.open{display:flex}.headinner nav a{font-size:19px}.hero{padding-top:90px;min-height:auto}.hero h1{font-size:clamp(49px,11vw,78px);margin-bottom:40px}.hero-bottom{display:block}.hero-bottom .btn{margin-top:30px}.scrollhint{margin-top:80px}.section h2{margin-bottom:40px}.split,.servicegrid,.editorial,.formwrap,.footergrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps h3{margin-top:35px}.service{min-height:350px}.service h3{margin-top:45px}.scene{min-height:320px}.fields{grid-template-columns:1fr}.footergrid{padding:70px 0}.footend{display:block}.formaside{padding-top:0}}@media(max-width:400px){.steps{grid-template-columns:1fr}.hero h1{font-size:47px}.brand{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Experience layer v1.1 */
html{scroll-padding-top:85px}body{overflow-x:clip}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:110;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:#9cb75a;transform-origin:left}.header{z-index:80}.menu-toggle{display:flex;align-items:center;gap:17px;margin-left:auto;background:none;border:1px solid var(--line);padding:12px 17px;font-size:12px;font-weight:800;letter-spacing:.06em;position:relative;z-index:90}.menu-symbol{width:22px;height:18px;display:grid;align-content:center;gap:5px}.menu-symbol i{display:block;height:2px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] .menu-symbol i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-symbol i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.headinner nav{position:fixed;inset:0;top:0;left:0;right:0;height:100dvh;overflow:auto;overscroll-behavior:contain;background:#18211d;color:#f4f6ed;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:center;gap:6vw;padding:clamp(100px,12vh,150px) max(5vw,22px) 55px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .32s,transform .32s,visibility .32s;z-index:85}.headinner nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.nav-intro{align-self:center}.nav-intro>span,.nav-outro{font-size:11px;letter-spacing:.17em;color:#b5c5b5}.nav-intro strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,5.5vw,92px);line-height:1.1;letter-spacing:-.07em;margin-top:35px;font-weight:600}.nav-intro em{font-family:Georgia,serif;font-weight:400}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0!important;margin:0!important}.headinner nav .nav-links>a:not(.nav-project){display:flex;align-items:center;min-height:clamp(62px,9vh,105px);font-size:clamp(26px,3.2vw,52px)!important;font-weight:600;letter-spacing:-.055em;border-bottom:1px solid #536258;transition:padding .25s,color .25s}.headinner nav .nav-links>a:not(.nav-project):hover{padding-left:16px;color:#d8ed9c;text-decoration:none}.nav-project{margin-top:25px;display:flex;justify-content:space-between;align-items:center;padding:20px;background:#d8ed9c;color:#18211d;font-weight:700}.nav-outro{position:absolute;bottom:22px;left:5vw}.nav-open{overflow:hidden}.nav-open .header{background:#18211d;color:#f4f6ed;border-color:#18211d}.nav-open .brand{position:relative;z-index:90}.nav-open .menu-toggle{border-color:#657567}.nav-open .headcta{visibility:hidden}.headinner{gap:28px}.headinner>.headcta{margin-left:0}.scroll-story{height:300svh;position:relative;background:#dbe8c7;color:#17211b}.story-sticky{position:sticky;top:0;height:100svh;min-height:550px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(90px,11vh,140px) max(5vw,22px) 38px}.story-meta,.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;font-weight:800;letter-spacing:.16em}.story-visual{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.story-ghost{position:absolute;font-family:Arial,Helvetica,sans-serif;font-size:clamp(260px,47vw,700px);font-weight:800;line-height:1;letter-spacing:-.14em;color:rgba(32,57,31,.075);user-select:none;transition:transform .4s}.story-copy{position:relative;text-align:center;max-width:1200px;transition:opacity .2s,transform .3s}.story-kicker{font-size:12px;letter-spacing:.17em;font-weight:800}.story-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(55px,9vw,142px);line-height:1.02;letter-spacing:-.085em;margin:24px auto 30px;font-weight:600}.story-title em{font-family:Georgia,serif;font-weight:400}.story-description{font-size:clamp(17px,2vw,25px);max-width:580px;margin:auto}.story-bottom{width:100%}.story-track{height:3px;background:#9daf91;flex:1;max-width:45vw}.story-track span{display:block;background:#20321f;height:100%;width:33.33%;transition:width .2s}.story-steps{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:repeat(3,1fr)}.story-steps>div{min-height:100svh}.reveal-ready{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.revealed{opacity:1;transform:none}.service{transition:background .25s,transform .3s}.service:hover{transform:translateY(-7px)}.btn,.headcta,.choice-links a{touch-action:manipulation}@media(max-width:1050px){.headinner nav{gap:5vw}.headinner nav a{font-size:inherit}}@media(max-width:760px){.header{position:sticky}.headinner{min-height:68px}.menu-toggle{display:flex;margin-left:auto;padding:10px 12px}.headinner nav{top:0;bottom:0;height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;padding:95px 22px 35px;gap:12px;left:0;right:0;border:0}.nav-intro{align-self:stretch}.nav-intro strong{font-size:clamp(34px,9vw,54px);margin-top:15px}.nav-links{gap:0!important}.headinner nav .nav-links>a:not(.nav-project){font-size:clamp(25px,7vw,37px)!important;min-height:60px}.nav-project{margin-top:17px;padding:16px}.nav-outro{position:static;margin-top:auto}.hero{padding-top:clamp(65px,11svh,105px)}.hero h1{font-size:clamp(42px,10.8vw,75px);overflow-wrap:normal}.section{padding:clamp(78px,15vw,120px) 0}.section h2{font-size:clamp(39px,10vw,65px)}.scroll-story{height:300svh}.story-sticky{height:100svh;min-height:0;padding:95px 22px 25px}.story-meta,.story-bottom{font-size:9px}.story-ghost{font-size:clamp(240px,90vw,420px)}.story-title{font-size:clamp(47px,12vw,76px);margin:18px 0}.story-kicker{font-size:10px}.story-description{font-size:17px;line-height:1.5}.story-track{max-width:35vw}.scene{min-height:280px}.scene h3{font-size:clamp(34px,9vw,58px)}.experience{margin-top:45px}.service:hover{transform:none}}@media(max-width:390px){.story-title{font-size:43px}.hero h1{font-size:43px}.story-bottom{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.story-copy,.story-ghost{transition:none}.headinner nav{transition:none}}

/* HABL Signature v1.2 */
:root{--signature:#d8ed9c} .signature{padding:clamp(80px,11vw,160px) 0;background:#1b2822;color:#f5f5ed}.signature h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,6vw,94px);line-height:1.08;letter-spacing:-.07em;max-width:1050px;margin:0 0 28px}.signature .lead{color:#d5dfd0}.signature-demo{margin-top:55px;border:1px solid #536a59;background:#edf0e7;color:#17231d;overflow:hidden;position:relative;isolation:isolate}.signature-bar{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #c7d2c5;font-size:11px;letter-spacing:.12em;font-weight:700}.signature-stage{position:relative;min-height:480px;display:grid;align-items:center}.signature-before,.signature-after{grid-area:1/1;min-height:480px;padding:clamp(28px,6vw,85px);display:flex;flex-direction:column;justify-content:center}.signature-before{background:#e8e8e4;color:#424a45}.signature-before .demo-title{font-family:Arial,sans-serif;font-size:clamp(34px,5vw,74px);font-weight:600;letter-spacing:-.025em}.signature-before .demo-button{background:#6b7570;color:white}.signature-after{background:#d8ed9c;color:#1b2b1d;clip-path:inset(0 0 0 50%);pointer-events:none}.signature-after .demo-title{font-family:Georgia,serif;font-size:clamp(45px,7vw,105px);font-weight:400;letter-spacing:-.07em;line-height:1.05}.demo-kicker{font-size:12px;letter-spacing:.15em;font-weight:700}.demo-title{margin:25px 0;max-width:800px;line-height:1.13}.demo-copy{max-width:520px;font-size:clamp(15px,1.7vw,20px)}.demo-button{display:inline-block;margin-top:24px;background:#17231d;color:white;padding:14px 22px;align-self:flex-start;font-size:13px;font-weight:700}.signature-divider{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:#17231d;pointer-events:none}.signature-divider:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#17231d;color:white;border-radius:50%;height:56px;width:56px;display:grid;place-items:center;font-size:24px}.signature-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.signature-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;background:#edf0e7;color:#17231d;font-size:13px}.signature-foot strong{font-size:12px}.signature-foot button{background:none;border:0;text-decoration:underline;font-weight:700}.compass{background:#e7ebdf;padding:clamp(80px,10vw,145px) 0}.compass h2{font-size:clamp(40px,6vw,85px);letter-spacing:-.07em;line-height:1.1;margin:0 0 25px;max-width:1000px}.compass-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);margin-top:45px}.compass-questions fieldset{border:0;padding:0;margin:0 0 30px}.compass-questions legend{font-weight:700;font-size:18px;margin-bottom:15px}.compass-options{display:flex;flex-wrap:wrap;gap:9px}.compass-options label{cursor:pointer}.compass-options input{position:absolute;opacity:0}.compass-options span{display:inline-block;border:1px solid #9fae9a;padding:12px 17px;background:#f6f7f1;font-size:14px}.compass-options input:checked+span{background:#1b2822;color:#fff;border-color:#1b2822}.compass-options input:focus-visible+span{outline:3px solid #708f4b}.compass-result{background:#1b2822;color:#f6f7f0;padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.compass-result .demo-kicker{color:#d8ed9c}.compass-result h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4vw,65px);line-height:1.08;letter-spacing:-.05em}.compass-result p{font-size:17px;color:#d2ddd1}.compass-result .btn{background:#d8ed9c;color:#1b2822;align-self:flex-start}.context-cta{position:fixed;bottom:18px;left:50%;transform:translate(-50%,120px);z-index:45;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 18px;background:#1b2822;color:white;box-shadow:0 12px 35px #0003;transition:transform .3s;max-width:calc(100% - 24px)}.context-cta.visible{transform:translate(-50%,0)}.context-cta span{font-size:12px;font-weight:700;white-space:nowrap}.context-cta a{background:#d8ed9c;color:#1b2822;padding:10px 15px;font-size:12px;font-weight:800;white-space:nowrap}.context-cta button{background:none;color:white;border:0;font-size:20px;padding:5px}.consent-backdrop{position:fixed;inset:0;background:#09110b88;z-index:120}.consent-panel{position:fixed;z-index:121;bottom:20px;left:20px;width:min(530px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;background:#f6f6f0;color:#18231d;border:1px solid #9caa97;box-shadow:0 25px 90px #0004;padding:clamp(22px,4vw,36px)}.consent-panel h2{font-size:clamp(25px,3vw,35px);line-height:1.1;letter-spacing:-.05em;margin:8px 0 15px}.consent-panel p{font-size:14px;line-height:1.6}.consent-options{display:grid;gap:10px;margin:22px 0}.consent-options label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid #c4cec0;font-size:14px}.consent-options input{width:21px;height:21px;accent-color:#263c28}.consent-actions{display:flex;gap:9px;flex-wrap:wrap}.consent-actions button{padding:12px 15px;border:1px solid #1b2822;background:transparent;font-weight:700;font-size:13px;flex:1}.consent-actions button.primary{background:#1b2822;color:#fff}.consent-panel a{text-decoration:underline}.consent-note{font-size:12px!important;color:#56645a}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}
@media(max-width:760px){.signature-stage,.signature-before,.signature-after{min-height:420px}.signature-before,.signature-after{padding:26px}.signature-before .demo-title{font-size:36px}.signature-after .demo-title{font-size:50px}.demo-copy{font-size:15px}.signature-foot{flex-wrap:wrap}.compass-layout{grid-template-columns:1fr}.compass-result{min-height:320px}.context-cta{bottom:10px;gap:9px;padding:7px 7px 7px 12px}.context-cta span{font-size:10px}.context-cta a{font-size:11px;padding:10px}.consent-panel{bottom:10px;left:10px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.consent-actions{flex-direction:column}.consent-actions button{min-height:45px}}
@media(prefers-reduced-motion:reduce){.context-cta{transition:none}}

/* v1.3 Mobile premium hardening */
html{scroll-padding-top:84px}body{overflow-x:clip}img,video,svg{max-width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #739345;outline-offset:3px}button,input,textarea,select{max-width:100%} .signature-range:focus-visible{opacity:.12;outline:3px solid #183d24;outline-offset:-5px} .signature-range{touch-action:pan-y} .signature-foot button{min-height:44px;padding:10px} .consent-panel[hidden],.consent-backdrop[hidden],.context-cta[hidden]{display:none!important}
@media(max-width:760px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 40px)}.headinner{gap:12px}.headcta{display:none}.hero{min-height:auto;padding-bottom:56px}.hero h1{font-size:clamp(39px,10.1vw,66px);overflow-wrap:anywhere;margin-bottom:35px}.hero-bottom{align-items:stretch;flex-direction:column;gap:26px}.hero-bottom .btn{align-self:stretch}.scrollhint{margin-top:64px}.split,.servicegrid,.steps{grid-template-columns:1fr}.steps{gap:18px}.steps h3{margin:24px 0 8px}.service{min-height:300px}.service h3{margin:42px 0 15px}.signature-stage,.signature-before,.signature-after{min-height:420px}.signature-foot{align-items:center}.signature-foot strong{order:3;width:100%;text-align:center}.compass-options span{min-height:48px;display:inline-flex;align-items:center}.context-cta{width:calc(100% - 24px);justify-content:space-between;bottom:max(10px,env(safe-area-inset-bottom))}.context-cta span{white-space:normal;line-height:1.2}.context-cta a{min-height:44px;display:flex;align-items:center}.context-cta button{min-width:44px;min-height:44px}.consent-panel{bottom:max(10px,env(safe-area-inset-bottom));max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));overscroll-behavior:contain}.consent-actions button{min-height:48px}.scroll-story{height:270svh}.story-sticky{height:100svh;padding-top:90px;padding-bottom:max(26px,env(safe-area-inset-bottom))}.story-title{overflow-wrap:anywhere}.scene-controls button{min-width:48px;min-height:48px}.nav-open{overflow:hidden}.headinner nav.open{overscroll-behavior:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(30px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:36px}.story-title{font-size:39px}.signature-before .demo-title{font-size:31px}.signature-after .demo-title{font-size:42px}.signature-bar{font-size:9px;gap:8px}.context-cta span{display:none}}
@media(max-height:640px) and (max-width:760px){.story-sticky{padding-top:78px;padding-bottom:14px}.story-title{font-size:clamp(32px,9vw,55px);margin:12px 0}.story-description{font-size:15px}.story-ghost{font-size:200px}.headinner nav{padding-top:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1!important;transform:none!important}.signature-before,.signature-after,.story-ghost,.story-copy{transition:none!important}}

/* v1.4: Progressive, native scene rhythm. No wheel/touch hijacking. */
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  html.habl-scene-snap {scroll-snap-type:y proximity; scroll-padding-top:0;}
  html.habl-scene-snap .hero,
  html.habl-scene-snap .intro-scene {scroll-snap-align:start; scroll-snap-stop:normal;}
  html.habl-scene-snap .hero {min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding-top:clamp(90px,13svh,130px); padding-bottom:max(38px,env(safe-area-inset-bottom));}
  html.habl-scene-snap .hero .scrollhint {margin-top:clamp(28px,5svh,64px);}
  html.habl-scene-snap .intro-scene {min-height:100svh; display:flex; align-items:center; padding-top:110px; padding-bottom:85px;}
  html.habl-scene-snap .intro-scene > .wrap {width:calc(100% - 40px);}
}
@media (max-width:760px) and (max-height:660px) {
  html.habl-scene-snap .hero,html.habl-scene-snap .intro-scene {min-height:100svh; height:auto;}
}
/* Avoid clipping on small viewports, enlarged text or landscape. */
@media (max-width:760px) and (orientation:landscape), (max-width:760px) and (max-height:540px) {
  html.habl-scene-snap {scroll-snap-type:none;}
}

/* v1.4.1: deliberate visual contrast, same fictional company */
.transformation-v2{height:clamp(410px,48vw,620px);min-height:0;display:block;overflow:hidden;isolation:isolate;background:#e7e7e3}
.transformation-v2 .signature-before,.transformation-v2 .signature-after{position:absolute;inset:0;padding:0;min-height:0;display:block;overflow:hidden}
.transformation-v2 .signature-before{background:#dadcd8}.transformation-v2 .signature-after{background:#112820;color:#f6f4e9}
.old-site,.new-site{height:100%;width:100%;overflow:hidden}.old-site{background:#f5f5f3;font-family:Arial,Helvetica,sans-serif;color:#333}.old-browser{height:28px;background:#c5c7c5;color:#525252;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:11px}.old-head{background:#fff;padding:clamp(12px,2vw,25px) clamp(16px,3vw,38px);display:flex;flex-direction:column;gap:5px}.old-head b{font-size:clamp(18px,2.5vw,32px);color:#2c4b68;letter-spacing:-.04em}.old-head small{font-size:11px;color:#6c6c6c}.old-nav{background:#3c6180;color:white;font-size:clamp(8px,1.1vw,12px);padding:13px clamp(10px,3vw,38px);white-space:nowrap;overflow:hidden}.old-content{display:grid;grid-template-columns:44% 1fr;gap:clamp(12px,2vw,30px);padding:clamp(15px,3vw,38px)}.old-stock{min-height:clamp(125px,20vw,260px);background:linear-gradient(155deg,#b8c3c5 0%,#8c9da4 45%,#d5d9d6 46%,#a9b5b0 100%);display:grid;place-items:center;color:white;text-shadow:0 1px 3px #0006;text-align:center;font-size:clamp(13px,2vw,26px);font-weight:800;letter-spacing:.03em;border:7px solid #e2e5e4}.old-copy strong{font-size:clamp(13px,1.7vw,22px);color:#355878;line-height:1.25;display:block}.old-copy p{font-size:clamp(11px,1.3vw,15px);line-height:1.65;color:#555}.old-link{display:inline-block;background:#447ba3;color:white;padding:10px 13px;font-size:11px}.old-bottom{padding:10px 25px;border-top:1px solid #ddd;font-size:10px;color:#777}.new-site{background:radial-gradient(ellipse at 80% 30%,#385442 0%,transparent 46%),#10261e;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,54px)}.new-top,.new-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(9px,1vw,12px);font-weight:700;letter-spacing:.12em}.new-top{color:#e5eddd}.new-bottom{color:#a3b7a7}.new-main{margin:auto 0;max-width:90%}.new-kicker{font-size:clamp(9px,1vw,12px);letter-spacing:.19em;color:#d8ed9c;font-weight:700}.new-title{font-family:Georgia,serif;font-size:clamp(49px,7.5vw,112px);line-height:.98;letter-spacing:-.07em;margin:22px 0;color:#f5f4e8}.new-title em{font-weight:400;color:#d8ed9c}.new-main p{font-size:clamp(12px,1.5vw,18px);line-height:1.55;max-width:420px;color:#d0d9d0}.new-cta{display:inline-flex;align-items:center;gap:15px;margin-top:20px;padding:15px 19px;background:#d8ed9c;color:#11261c;font-size:clamp(10px,1.2vw,14px);font-weight:700}.new-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transformation-v2 .signature-divider{background:#f5f5e9;width:2px;box-shadow:0 0 0 1px #0003}.transformation-v2 .signature-divider:after{content:' ';width:52px;height:52px;background:#f5f5e9 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" stroke="%23122820" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M20 15l-9 9 9 9M28 15l9 9-9 9M12 24h24"/%3E%3C/svg%3E') center/29px no-repeat;box-shadow:0 4px 20px #0004}.signature-range{touch-action:pan-y}
@media(max-width:760px){.transformation-v2{height:480px}.old-browser{height:23px}.old-head{padding:15px}.old-nav{font-size:8px;padding:10px 12px}.old-content{grid-template-columns:1fr;gap:9px;padding:12px}.old-stock{min-height:115px;border-width:4px}.old-copy strong{font-size:16px}.old-copy p{font-size:12px}.old-link{font-size:10px}.new-site{padding:24px}.new-title{font-size:clamp(46px,10vw,69px)}.new-main{max-width:100%}.new-main p{font-size:14px}.new-bottom{font-size:9px}.signature-foot{font-size:11px}}
@media(max-width:390px){.transformation-v2{height:445px}.new-site{padding:17px}.new-title{font-size:45px}.new-cta{padding:12px;font-size:10px}.new-main p{font-size:12px}}

/* v1.4.2: Architektur-Designstudie ATELIER NORD */
.atelier-demo .old-architecture{position:relative;overflow:hidden;background:#b8c2be;border-color:#d8dad6;display:block}.atelier-demo .old-architecture svg{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.65)}.atelier-demo .old-architecture>span{position:absolute;left:8px;bottom:8px;background:#335c7a;color:#fff;padding:4px 9px;font:700 11px Arial,sans-serif}.atelier-demo .old-head b{font-family:Arial,sans-serif;letter-spacing:.01em}.atelier-new{position:relative;isolation:isolate;background:#2e3832}.atelier-art,.atelier-shade{position:absolute;inset:0;pointer-events:none}.atelier-art svg{width:100%;height:100%;display:block}.atelier-shade{background:linear-gradient(90deg,rgba(12,22,19,.83),rgba(12,22,19,.44) 57%,rgba(12,22,19,.13)),linear-gradient(0deg,rgba(12,22,19,.6),transparent 35%)}.atelier-new .new-top,.atelier-new .new-main,.atelier-new .new-bottom{position:relative;z-index:1}.atelier-new .new-top small{font-size:.65em;letter-spacing:.19em;opacity:.8;margin-left:8px}.atelier-new .new-kicker{color:#e3e2c8}.atelier-new .new-title{font-size:clamp(50px,7.2vw,106px);color:#fff;letter-spacing:-.065em}.atelier-new .new-title em{color:#f1e5c9}.atelier-new .new-main p{color:#f2eee5;text-shadow:0 1px 8px #0006}.atelier-new .new-cta{background:#eae4d6;color:#1d2d25}.atelier-new .new-bottom{color:#f0ebdf}@media(max-width:760px){.atelier-new .new-title{font-size:clamp(46px,10.6vw,70px)}.atelier-new .new-top small{display:block;margin:3px 0 0}.atelier-new .new-main{max-width:100%}.atelier-demo .old-architecture{height:132px}.atelier-new .new-main p{max-width:280px}}@media(max-width:390px){.atelier-new .new-title{font-size:45px}.atelier-new .new-kicker{font-size:9px}.atelier-new .new-main p{font-size:12px}}

/* v1.4.3 — Premium-Kontaktformular: klare Felder statt Kontaktweg-Auswahl */
.contact-intro{font-size:clamp(16px,1.45vw,19px);line-height:1.65;color:#4d5b51;max-width:610px;margin:-10px 0 22px}
.contact-fields{grid-template-columns:1fr;gap:0;max-width:760px}
.contact-fields .field{position:relative;font-size:14px;letter-spacing:.005em;margin-top:22px;gap:11px}
.contact-fields .field-required{display:inline-block;align-self:flex-start;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#71806e;margin-top:-8px}
.contact-fields .field input{background:rgba(255,255,255,.85);border:1px solid #adb9a8;min-height:64px;padding:18px 20px;font-size:17px;font-weight:400;color:#151a19;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-fields .field input::placeholder{color:#8b978a;opacity:1}
.contact-fields .field input:hover{border-color:#64795f}
.contact-fields .field input:focus{outline:none;border-color:#354e34;box-shadow:0 0 0 3px rgba(131,162,92,.22);background:#fff}
.contact-assurance{font-size:13px;color:#5c6a5d;margin:23px 0 0}
@media(max-width:760px){.contact-fields .field input{min-height:58px;font-size:16px}.contact-intro{margin-top:0}}

/* v1.4.4: Auto-advance, accessible form scenes */
.formstep[hidden],.formactions [hidden]{display:none!important}
.formstep{scroll-margin-top:clamp(92px,13vh,160px)}
.formstep h2:focus{outline:none}
.radiochoices label{cursor:pointer}
.radiochoices input:focus-visible+span{outline:3px solid #75934d;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.formstep{scroll-behavior:auto}}

/* v1.4.6: Einheitliche Premium-Line-Icons, statt systemabhängiger Emoji-Pfeile */
.premium-arrow{display:inline-block;width:1.15em;height:1.15em;min-width:1.15em;vertical-align:-.16em;flex-shrink:0;overflow:visible;transition:transform .22s ease;pointer-events:none}
a:hover .premium-arrow,button:hover .premium-arrow{transform:translate(3px,-2px)}
.scrollhint .premium-arrow,.story-bottom .premium-arrow{width:21px;height:21px}
.scene-controls .premium-arrow{width:21px;height:21px}
.choice-links a .premium-arrow{margin-left:auto}
.service strong .premium-arrow{margin-left:8px}
.context-cta a .premium-arrow{margin-left:5px}
.signature-foot .premium-arrow{width:14px;height:14px}
.signature-divider:after{content:''!important;background:#17231d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center / 27px 27px no-repeat!important}
@media(prefers-reduced-motion:reduce){.premium-arrow{transition:none!important}a:hover .premium-arrow,button:hover .premium-arrow{transform:none!important}}