@font-face{font-family:"Clash Display";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ClashDisplay-400.woff2") format("woff2")}@font-face{font-family:"Clash Display";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/ClashDisplay-500.woff2") format("woff2")}@font-face{font-family:"Clash Display";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/ClashDisplay-600.woff2") format("woff2")}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/DMSans-Regular.woff2") format("woff2")}@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/DMSans-Medium.woff2") format("woff2")}@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/DMMono-Regular.woff2") format("woff2")}@property --cursor-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --cursor-y{syntax:"<percentage>";inherits:true;initial-value:50%}:root{--ink:#16120f;--ink-soft:#29211b;--cream:#f5efe5;--cream-deep:#e9dfd0;--white:#fffdf8;--orange:#ff5b19;--orange-dark:#d93f07;--orange-text:#b83600;--line:#16120f29;--line-light:#fffdf82e;--muted:#16120fa8;--shell:min(1480px, calc(100vw - 64px));--sans:"DM Sans", "Segoe UI", Helvetica, Arial, sans-serif;--display:"Clash Display", "Aptos Display", "Segoe UI", Helvetica, Arial, sans-serif;--mono:"DM Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);background:var(--cream);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--white);outline-offset:4px;box-shadow:0 0 0 6px var(--ink)}.skip-link{z-index:1000;color:var(--ink);background:var(--white);padding:12px 18px;font-weight:500;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}::selection{color:var(--white);background:var(--orange)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:var(--shell);margin-inline:auto}.eyebrow{color:#fffdf8a3;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:500}.eyebrow.dark{color:#16120fb3}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1);transform:translateY(36px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero{min-height:100svh;color:var(--white);background:var(--ink);isolation:isolate;position:relative;overflow:hidden}.nav{z-index:20;border-bottom:1px solid var(--line-light);grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;display:grid;position:relative}.brand{width:fit-content;display:block}.brand img{width:clamp(126px,10vw,154px);height:auto;display:block}.nav-links{color:#fffdf8ad;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:38px;font-size:.72rem;display:flex}.nav-links a{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.nav-links a,.nav-cta,.text-link,footer a{transition:color .25s}.nav-links a:hover,.nav-links a:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--orange)}.nav-cta{justify-self:end}.hero-grid{align-items:stretch;text-align:center;min-height:calc(100svh - 166px);padding-block:clamp(20px,4vh,60px);display:grid}.hero-copy{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:clamp(22px,4vh,52px);width:100%;max-width:1120px;height:100%;margin-inline:auto;display:flex;position:relative}.hero-copy h1{font-family:var(--display);letter-spacing:-.018em;word-spacing:.06em;margin:0;font-size:min(clamp(2.6rem,10.4vw,12.5rem),calc((100svh - 452px)/2.52));font-weight:500;line-height:.82}.hero-copy h1 span{display:block}.hero-copy h1 span:nth-child(2){color:#fffdf85c}.hero-copy h1 .accent-line{color:var(--orange)}.hero-lead{color:var(--white);max-width:min(600px,88vw);margin:0 auto;font-size:clamp(.94rem,1.12vw,1.08rem);line-height:1.62}.hero-actions,.passage-actions{align-items:center;gap:24px;margin-top:42px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:center;margin-top:0}.button{--button-bg:var(--ink);--button-color:var(--white);--button-arrow-bg:var(--orange);--button-arrow-color:var(--ink);min-height:60px;color:var(--button-color);background:var(--button-bg);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;padding:7px 8px 7px 24px;font-size:.78rem;font-weight:500;line-height:1.2;transition:transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 32px #16120f2e}.button .button-arrow{width:44px;height:44px;color:var(--button-arrow-color);background:var(--button-arrow-bg);border-radius:50%;flex:0 0 44px;place-items:center;font-size:1rem;transition:transform .3s cubic-bezier(.2,.75,.25,1);display:grid}.button:hover .button-arrow,.button:focus-visible .button-arrow{transform:rotate(45deg)}.button-primary{--button-bg:var(--orange);--button-color:var(--ink);--button-arrow-bg:var(--ink);--button-arrow-color:var(--white)}.button-primary:hover,.button-primary:focus-visible{--button-bg:#ff7540}.button-light{--button-bg:var(--white);--button-color:var(--ink);--button-arrow-bg:var(--orange);--button-arrow-color:var(--ink)}.button-outline-dark{--button-bg:#ffffff0a;--button-color:var(--white);--button-arrow-bg:var(--white);--button-arrow-color:var(--ink);border-color:#fffdf870}.button-nav{--button-bg:#0d0b095c;--button-color:var(--white);--button-arrow-bg:var(--orange);--button-arrow-color:var(--ink);border-color:#ffffff4d;min-height:50px;padding:5px 6px 5px 20px}.button-nav .button-arrow{flex-basis:38px;width:38px;height:38px}.text-link{min-width:44px;min-height:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:.72rem;display:inline-flex}.text-link span{color:var(--orange);transition:transform .25s}.text-link:hover span,.text-link:focus-visible span{transform:translateY(3px)}.designer-canvas{--pointer-x:0;--pointer-y:0;--cursor-x:50%;--cursor-y:50%;z-index:0;isolation:isolate;position:absolute;inset:0;transition:--cursor-x .16s ease-out,--cursor-y .16s ease-out}.designer-image{position:absolute;inset:0;overflow:hidden}.designer-image img{object-fit:cover;object-position:50% 50%}.designer-image-base{z-index:1;background:#655b53}.designer-image-base img{filter:none;transform:none}.hero:hover .designer-image-base img,.hero:focus-within .designer-image-base img{transform:none}.hero-foot{z-index:20;border-top:1px solid var(--line-light);color:#fffdf885;min-height:70px;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.64rem;display:grid;position:absolute;bottom:0;left:0;right:0}.hero-foot p{margin:0}.hero-foot a{align-items:center;gap:12px;min-height:44px;display:flex}.hero-foot a span{color:var(--orange)}.path-section,.studio-section,.services-section,.gallery-section,.faq-section{padding:clamp(104px,15vh,208px) 0}.section-head{grid-template-columns:.35fr 1.1fr .55fr;align-items:start;gap:clamp(32px,4vw,64px);margin-bottom:clamp(64px,8vh,124px);display:grid;position:relative}.section-head:after{background:linear-gradient(90deg, var(--orange) 0 8%, #16120f26 8% 100%);content:"";transform-origin:0;height:1px;transition:transform 1.1s cubic-bezier(.2,.75,.25,1) .15s;position:absolute;bottom:-26px;left:0;right:0;transform:scaleX(0)}.section-head.is-visible:after{transform:scaleX(1)}.section-head h2,.studio-sticky h2,.faq-sticky h2{font-family:var(--display);letter-spacing:-.058em;margin:-10px 0 0;font-size:clamp(2.8rem,4.35vw,5rem);font-weight:400;line-height:1.14}.section-head>p:last-child{color:var(--muted);margin:0;font-size:1.02rem}.studio-section{border-top:1px solid var(--line);background:var(--white)}.studio-grid,.faq-grid{grid-template-columns:.8fr 1.2fr;gap:9vw;display:grid}.studio-sticky,.faq-sticky{align-self:start;position:sticky;top:60px}.studio-sticky h2,.promise-sticky h2,.faq-sticky h2{margin-top:32px}.image-bridge{color:#fff;background:var(--ink);min-height:min(92vw,1080px);position:relative;overflow:hidden}.image-bridge>img{object-fit:cover;object-position:center 50%;filter:saturate(.75)contrast(1.06);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.015)}.image-bridge-overlay{background:linear-gradient(90deg,#16120fd1,#16120f14 65%),linear-gradient(#0000 55%,#16120f8c);position:absolute;inset:0}.image-bridge-content{z-index:2;flex-direction:column;justify-content:space-between;min-height:min(82vw,940px);padding-block:64px;display:flex;position:relative}.image-bridge-lines{max-width:850px;font-family:var(--display);letter-spacing:-.085em;margin:0;font-size:clamp(4.5rem,9vw,10rem);font-weight:400;line-height:.78}.image-bridge-lines span{display:block}.image-bridge-lines span:nth-child(2){color:var(--orange)}.image-bridge-block{flex-direction:column;display:flex}.image-bridge-copy{color:#fffdf8c2;border-top:1px solid #fffdf83d;max-width:34rem;margin:44px 0 0;padding-top:30px;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.62}.referral-section .eyebrow{color:#16120fc7}.passage-section{color:var(--white);background:var(--ink);padding:clamp(104px,15vh,208px) 0}.passage-head{grid-template-columns:.34fr 1.66fr;gap:48px;margin-bottom:75px;display:grid}.passage-head h2{max-width:940px;font-family:var(--display);letter-spacing:-.07em;margin:-12px 0 0;font-size:clamp(3rem,5.4vw,6rem);font-weight:400;line-height:.95}.passage-list{border-top:1px solid var(--line-light)}.passage-row{border-bottom:1px solid var(--line-light);grid-template-columns:66px .75fr 1fr 1.25fr 40px;align-items:center;gap:30px;min-height:170px;transition:background .35s,padding .35s;display:grid}.passage-row:hover{background:#ffffff09;padding-inline:18px}.passage-number,.passage-meta{color:#fffdf875;font-family:var(--mono);font-size:.67rem}.passage-row h3{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,2.8vw,3.1rem);font-weight:400;line-height:1;transition:color .3s,transform .3s}.passage-row:hover h3{color:var(--orange);transform:translate(10px)}.passage-copy{color:#fffdf894;max-width:400px;margin:0;font-size:.86rem}.passage-arrow{color:var(--orange);font-size:1.4rem;transition:transform .3s}.passage-row:hover .passage-arrow{transform:translate(5px,-5px)}.passage-actions{justify-content:flex-end}.promise-section{background:var(--white)}.promise-list{border-top:1px solid var(--line)}.promise-item{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:0 24px;padding:44px 0 48px;transition:background .35s,padding .35s;display:grid}.promise-item:hover{background:var(--cream);padding-inline:20px}.promise-item>span{color:var(--orange-text);font-family:var(--mono);padding-top:10px;font-size:.67rem}.promise-item h3{max-width:780px;font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.5vw,4rem);font-weight:400;line-height:1.03}.promise-item p{max-width:600px;color:var(--muted);grid-column:2;margin:25px 0 0}.gallery-section{background:var(--cream)}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.gallery-card{border:1px solid var(--line);background:var(--white);transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.2,.75,.25,1);overflow:hidden}.gallery-card:hover,.gallery-card:focus-visible{border-color:#ff520094;transform:translateY(-5px);box-shadow:0 24px 55px #241c161f}.gallery-visual{aspect-ratio:2415/1434;background:#16120f;position:relative;overflow:hidden}.gallery-visual:after{z-index:1;content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 -90px 80px -80px #00000070}.gallery-visual>img{image-rendering:auto;object-fit:cover;object-position:top center;filter:contrast(1.015)saturate(1.02);transition:transform .7s cubic-bezier(.2,.75,.25,1);transform:none}.gallery-card:hover .gallery-visual>img,.gallery-card:focus-visible .gallery-visual>img{transform:scale(1.022)}.gallery-live,.gallery-index{z-index:2;color:var(--white);font-family:var(--mono);letter-spacing:.09em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16120fb8;align-items:center;font-size:.58rem;display:flex;position:absolute}.gallery-live{gap:8px;padding:8px 10px;bottom:14px;left:14px}.gallery-live i{background:var(--orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #ff52002e}.gallery-index{padding:8px 9px;top:14px;right:14px}.gallery-caption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px;display:flex}.gallery-caption>div{align-items:baseline;gap:18px;display:flex}.gallery-caption strong{font-family:var(--display);font-size:1.25rem}.gallery-caption span{color:var(--muted);font-size:.73rem}.gallery-caption>span{color:var(--ink);font-family:var(--mono);text-transform:uppercase;gap:10px;display:flex}.gallery-caption>span span{color:var(--orange-text)}.gallery-note{max-width:480px;color:var(--muted);font-family:var(--mono);margin:36px 0 0 auto;font-size:.71rem}.referral-section{color:var(--ink);background:var(--orange);padding:clamp(104px,15vh,208px) 0}.referral-grid{grid-template-columns:1.2fr .8fr;gap:8vw;display:grid}.referral-section h2{max-width:800px;font-family:var(--display);letter-spacing:-.07em;margin:35px 0 0;font-size:clamp(3.1rem,5.5vw,6.3rem);font-weight:400;line-height:.95}.referral-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex}.referral-copy p{margin:0 0 35px;font-size:1.05rem}.referral-copy>span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:20px;font-size:.65rem}.faq-section{background:var(--white)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:55px 1fr 32px;align-items:center;gap:22px;width:100%;min-height:108px;padding:0;transition:background .25s;display:grid}.faq-item button:hover{background:var(--cream)}.faq-item button:focus-visible{z-index:2;position:relative}.faq-item button>span{color:var(--orange-text);font-family:var(--mono);font-size:.68rem}.faq-item button strong{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(1.15rem,2vw,1.75rem);font-weight:400}.faq-item button i{font-size:1.6rem;font-style:normal;font-weight:300}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.75,.25,1);display:grid}.faq-answer[hidden]{display:none}.faq-answer p{max-width:650px;color:var(--muted);margin:0 60px 0 77px;overflow:hidden}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:36px}.final-cta{color:var(--white);text-align:center;background:var(--ink);padding:clamp(104px,15vh,208px) 0;position:relative;overflow:hidden}.final-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.final-inner{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.final-inner h2{font-family:var(--display);letter-spacing:-.085em;margin:48px 0 25px;font-size:clamp(4rem,8vw,9.2rem);font-weight:400;line-height:.88}.final-inner>p:not(.eyebrow){color:#fffdf8a6;max-width:680px;margin:0 0 38px}footer{color:var(--white);background:#0d0b09}.footer-top{border-bottom:1px solid var(--line-light);grid-template-columns:1.5fr repeat(3,.5fr);gap:60px;padding:90px 0 70px;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;display:flex}.footer-brand p{color:#fffdf88a;max-width:430px;margin:30px 0}.footer-brand strong{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:400}.footer-top>div:not(.footer-brand){color:#fffdf88a;flex-direction:column;align-items:flex-start;gap:11px;font-size:.8rem;display:flex}.footer-top>div:not(.footer-brand) a{align-items:center;min-width:44px;min-height:44px;display:flex}.footer-top h4{color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:500}footer a:hover,footer a:focus-visible{color:var(--orange)}.quality-panel{border-bottom:1px solid var(--line-light);grid-template-columns:1fr;gap:42px;padding:58px 0;display:grid}.footer-bottom{color:#fffdf8b8;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;padding:25px 0;font-size:.71rem;display:flex}@media (min-width:1800px){:root{--shell:min(1740px, calc(100vw - 120px))}body{font-size:17px}.nav{min-height:108px}.nav-links{gap:48px}.hero-grid{min-height:calc(100svh - 188px);padding-block:clamp(28px,4.6vh,76px)}.hero-copy{max-width:min(1280px,94vw)}.hero-copy h1{font-size:min(clamp(7.5rem,7.6vw,11.5rem),calc((100svh - 452px)/2.52))}.hero-lead{max-width:min(660px,86vw);font-size:1.14rem}.path-section,.studio-section,.services-section,.gallery-section,.faq-section{padding:clamp(104px,15vh,208px) 0}.image-bridge,.image-bridge-content{min-height:min(56vw,1040px)}.passage-row{min-height:186px}.footer-top{padding-block:108px 84px}}@media (min-width:2400px){:root{--shell:min(2040px, calc(100vw - 192px))}body{font-size:18px}.hero-copy{max-width:min(1480px,94vw)}.hero-copy h1{font-size:min(clamp(10rem,7.2vw,13rem),calc((100svh - 452px)/2.52))}.hero-lead{max-width:min(720px,84vw);font-size:1.24rem}.section-head{grid-template-columns:.28fr 1.18fr .54fr;gap:64px}.studio-grid,.faq-grid{grid-template-columns:.7fr 1.3fr;gap:7vw}}@media (max-width:1360px){:root{--shell:min(100% - 56px, 1220px)}.nav-links{gap:24px}.hero-copy{max-width:min(1000px,94vw)}.hero-copy h1{font-size:min(clamp(4.25rem,7.6vw,7.4rem),calc((100svh - 452px)/2.52))}.section-head{gap:36px}.studio-grid,.faq-grid{gap:6vw}.image-bridge,.image-bridge-content{min-height:min(70vw,840px)}.passage-row{grid-template-columns:54px .7fr 1fr 1.15fr 30px;gap:18px}.footer-top{gap:42px}}@media (max-width:1120px){:root{--shell:min(100% - 42px, 980px)}.nav{grid-template-columns:1fr auto auto;min-height:84px}.nav-links{gap:20px}@media (max-width:899px){.nav{grid-template-columns:1fr auto}}.hero-grid{min-height:calc(100svh - 148px);padding-block:clamp(18px,3.6vh,54px)}.hero-copy{max-width:min(900px,94vw);padding-top:0}.hero-copy h1{font-size:min(clamp(4rem,11vw,7rem),calc((100svh - 452px)/2.52))}.section-head{grid-template-columns:.35fr 1.65fr}.section-head>p:last-child{grid-column:2}.studio-grid,.faq-grid{gap:5vw}.image-bridge,.image-bridge-content{min-height:min(78vw,780px)}.passage-row{grid-template-columns:48px .86fr 1.14fr 28px;gap:18px}.passage-meta{display:none}.quality-panel{grid-template-columns:1fr;gap:44px}}@media (max-width:900px){:root{--shell:calc(100% - 36px)}.hero-grid{min-height:calc(100svh - 148px);padding:clamp(16px,3.2vh,48px) 0 clamp(74px,11vh,120px)}.hero-copy{max-width:94vw;padding-top:0}.hero-copy h1{font-size:min(clamp(4rem,13.5vw,7rem),calc((100svh - 452px)/2.52))}.designer-image img{object-position:60% 50%}.path-section,.studio-section,.services-section,.gallery-section,.faq-section{padding:110px 0}.section-head,.studio-grid,.faq-grid,.referral-grid{grid-template-columns:1fr}.section-head{gap:28px;margin-bottom:56px}.section-head h2,.section-head>p:last-child{grid-column:auto}.studio-sticky,.faq-sticky{margin-bottom:52px;position:static}.image-bridge,.image-bridge-content{min-height:720px}.passage-section{padding:110px 0}.passage-head{grid-template-columns:1fr;gap:30px}.passage-row{grid-template-columns:40px 1fr 30px;gap:14px;padding:26px 0}.passage-meta,.passage-copy{grid-column:2;display:block}.passage-row h3{grid-area:1/2}.passage-number{grid-area:1/1}.passage-arrow{grid-area:1/3}.referral-copy{max-width:620px;margin-top:18px}.footer-top{grid-template-columns:1fr 1fr;gap:50px 32px}.footer-brand{grid-column:1/-1}}@media (max-width:700px){:root{--shell:calc(100% - 28px)}body{font-size:15px}.nav{min-height:74px}.brand img{width:clamp(120px,32vw,136px)}.nav-cta{gap:9px;font-size:.68rem}.hero-grid{padding:clamp(14px,2.8vh,40px) 0 clamp(70px,10vh,110px)}.hero-copy h1{font-size:min(clamp(3.5rem,16.2vw,6.2rem),calc((100svh - 452px)/2.52));line-height:.82}.hero-actions{flex-direction:column;align-items:center;gap:14px;margin-top:0}.hero-foot{justify-content:flex-end;min-height:62px}.hero-foot p{display:none}.path-section,.studio-section,.services-section,.gallery-section,.faq-section{padding:92px 0}.section-head{margin-bottom:48px}.section-head h2,.studio-sticky h2,.faq-sticky h2{font-size:clamp(2.65rem,11vw,4.5rem)}.image-bridge,.image-bridge-content{min-height:680px}.image-bridge-content{padding-block:52px}.passage-actions{flex-direction:column;align-items:stretch}.promise-item{grid-template-columns:42px 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-visual{aspect-ratio:2415/1434}.gallery-caption>div{flex-direction:column;align-items:flex-start;gap:2px}.referral-section{padding:94px 0}.referral-copy{margin-top:24px}.faq-item button{grid-template-columns:38px 1fr 24px;gap:12px;min-height:96px}.faq-answer p{margin-left:50px}.final-cta{padding:120px 0}}@media (max-width:520px){:root{--shell:calc(100% - 24px)}.nav{min-height:70px}.nav-cta-label{display:none}.nav-cta{border-radius:50%;place-items:center;gap:0;width:46px;min-height:46px;padding:3px;display:grid}.button-nav .button-arrow{flex-basis:38px}.hero-grid{padding:clamp(12px,2.4vh,34px) 0 clamp(66px,9vh,104px)}.hero-copy h1{font-size:min(clamp(3rem,15vw,4.7rem),calc((100svh - 452px)/2.52))}.hero-lead{max-width:min(540px,92vw);font-size:.96rem;line-height:1.6}.designer-image img{object-position:72% center}.hero-actions{margin-top:0}.hero-actions .button,.passage-actions .button,.referral-copy .button,.final-inner .button{width:min(100%,350px)}.image-bridge,.image-bridge-content{min-height:620px}.image-bridge>img{object-position:58% center}.image-bridge-lines{font-size:clamp(3.6rem,17vw,5.6rem)}.passage-row{grid-template-columns:30px 1fr 24px;gap:10px}.passage-head>*{min-width:0}.passage-head h2{overflow-wrap:anywhere;font-size:clamp(2.15rem,9.2vw,3rem)}.passage-copy{font-size:.82rem}.promise-item{gap:0 12px;padding-block:34px 38px}.promise-item p{margin-top:18px}.gallery-caption{align-items:flex-start;gap:16px;padding:18px}.gallery-caption>span{padding-top:4px}.referral-section h2{font-size:clamp(2.8rem,14vw,4.5rem)}.faq-item button{grid-template-columns:30px 1fr 20px;gap:8px}.faq-answer p{margin-left:38px;margin-right:0}.final-inner h2{font-size:clamp(3.6rem,18vw,5.7rem)}.footer-top{grid-template-columns:1fr;gap:38px;padding-block:72px 58px}.footer-brand{grid-column:auto}.quality-panel{gap:34px;padding-block:48px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:360px){:root{--shell:calc(100% - 20px)}.brand img{width:120px}.button{gap:16px;padding-left:18px;font-size:.72rem}.hero-copy h1{font-size:min(14.7vw,calc((100svh - 452px)/2.52))}.gallery-caption{flex-direction:column}}@media (min-width:1001px) and (max-height:760px){.hero-grid{padding-block:50px 78px}.hero-actions{margin-top:0}}@media (max-width:900px) and (min-height:620px){.hero{flex-direction:column;display:flex}.hero-grid{flex:1;padding:40px 0 100px}.hero-actions{margin-top:0}}@media (orientation:landscape) and (max-height:560px) and (max-width:1000px){.nav{min-height:60px}.hero{min-height:460px}.hero-grid{min-height:auto;padding:18px 0 72px}.hero-copy{max-width:94vw}.hero-copy h1{font-size:min(clamp(2.8rem,7vw,3.65rem),calc((100svh - 452px)/2.52))}.hero-lead{max-width:min(460px,92vw);font-size:.9rem;line-height:1.55}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:16px}.designer-image img{object-position:64% center}.hero-foot{min-height:48px}}@media (pointer:coarse){.designer-image-base img{filter:none;transform:none}}@media (max-width:520px){.quality-groups,.subpage-assurance{gap:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.designer-image-base img{filter:none}}.subpage-root{color:var(--ink);background:var(--cream)}.subpage-hero{min-height:86svh;color:var(--white);background:var(--ink);isolation:isolate;position:relative;overflow:hidden}.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{min-height:68svh}.subpage-hero-image,.subpage-hero-overlay,.subpage-hero-gridlines{position:absolute;inset:0}.subpage-hero-image{z-index:-3}.subpage-hero-image img{object-fit:cover;filter:saturate(.72)contrast(1.08)brightness(.8);transform:scale(1.015)}.subpage-hero-overlay{z-index:-2;background:linear-gradient(90deg,#16120ff0 0%,#16120fc7 38%,#16120f47 74%,#16120f8a 100%),linear-gradient(#0000 48%,#16120fc2)}.subpage-hero-gridlines{z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:92px 92px;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.subpage-nav{z-index:3}.subpage-hero-content{z-index:2;grid-template-columns:1.2fr .8fr;align-items:end;gap:7vw;min-height:calc(86svh - 96px);padding-block:100px 78px;display:grid;position:relative}.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{min-height:calc(68svh - 96px)}.subpage-hero-content h1{max-width:980px;font-family:var(--display);letter-spacing:-.022em;word-spacing:.06em;margin:30px 0 0;font-size:clamp(5.5rem,10.5vw,12rem);font-weight:400;line-height:.78}.subpage-root-legal .subpage-hero-content h1,.subpage-root-satz .subpage-hero-content h1{font-size:clamp(5rem,9vw,10rem)}.subpage-hero-content h1 span{color:var(--orange)}.subpage-hero-lede{color:#fffdf8b8;max-width:610px;margin:0 0 9px;font-size:clamp(1rem,1.45vw,1.24rem);line-height:1.62}.subpage-hero-index{color:#fffdf885;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-size:.61rem;display:grid;position:absolute;bottom:26px;left:0;right:0}.subpage-hero-index i{background:var(--line-light);height:1px}.subpage-cta{color:var(--white);background:radial-gradient(circle at 78% 36%, #ff5b1933, transparent 30%), var(--ink);padding:155px 0}.subpage-cta-inner h2{max-width:1040px;font-family:var(--display);letter-spacing:-.085em;margin:42px 0 28px;font-size:clamp(4.5rem,8.7vw,10rem);font-weight:400;line-height:.84}.subpage-cta-inner>p:not(.eyebrow){color:#fffdf8ad;max-width:650px;margin:0;font-size:1.05rem}.subpage-cta-actions{align-items:center;gap:28px;margin-top:42px;display:flex}.offer-section{background:var(--cream);padding:clamp(104px,15vh,208px) 0}.offer-section:nth-of-type(2n){background:var(--white)}.offer-section-dark{color:var(--white);background:var(--ink)!important}.offer-heading,.pricing-heading{grid-template-columns:.25fr 1.75fr;align-items:start;gap:48px;margin-bottom:74px;display:grid}.offer-heading>span,.pricing-heading>span{color:var(--orange-text);font-family:var(--mono);padding-top:10px;font-size:.7rem}.offer-section-dark .offer-heading>span{color:var(--orange)}.offer-heading h2,.pricing-heading h2{max-width:1080px;font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(3.3rem,6.6vw,7.2rem);font-weight:400;line-height:.92}.offer-heading p,.pricing-heading p{max-width:840px;color:var(--muted);margin:30px 0 0;font-size:1.04rem}.offer-section-dark .offer-heading p{color:#fffdf89e}.offer-list{border-top:1px solid var(--line)}.offer-section-dark .offer-list{border-color:var(--line-light)}.offer-list article{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(220px,.72fr) 1.28fr auto;align-items:center;gap:32px;min-height:164px;padding:24px;transition:color .3s,background .3s,transform .3s;display:grid}.offer-list article>*{min-width:0}.offer-section-dark .offer-list article{border-color:var(--line-light)}.offer-list article:hover{background:var(--white);transform:translate(8px)}.offer-section-dark .offer-list article:hover,.offer-list article.is-featured{color:var(--ink);background:var(--orange)}.offer-list article>span{color:var(--orange-text);font-family:var(--mono);align-self:start;padding-top:8px;font-size:.64rem}.offer-section-dark .offer-list article>span{color:var(--orange)}.offer-section-dark .offer-list article:hover>span,.offer-section-dark .offer-list article.is-featured>span{color:var(--ink)}.offer-list h3{font-family:var(--display);letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,2.7vw,3rem);font-weight:400;line-height:1}.offer-list h3 small{width:fit-content;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-top:14px;padding:7px 9px;font-size:.63rem;font-weight:500;display:block}.offer-list article>p{max-width:620px;color:var(--muted);margin:0;font-size:.9rem}.offer-section-dark .offer-list article>p{color:#fffdf894}.offer-section-dark .offer-list article:hover>p,.offer-list article.is-featured>p{color:#16120fb3}.offer-list article>a{min-width:170px;min-height:54px;font-family:var(--mono);border:1px solid;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:7px 7px 7px 18px;font-size:.78rem;display:flex}.offer-list article>a i{width:38px;height:38px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-style:normal;display:grid}.offer-note{max-width:820px;color:var(--muted);font-family:var(--mono);margin:36px 0 0 auto;font-size:.68rem}.offer-section-dark .offer-note{color:#fffdf880}.subpage-image-statement,.pricing-photo-band{color:#fff;background:var(--ink);min-height:82svh;position:relative;overflow:hidden}.subpage-image-statement img,.pricing-photo-band img{object-fit:cover;object-position:center 48%;filter:saturate(.75)contrast(1.08)}.subpage-image-statement>div,.pricing-photo-band>div{background:linear-gradient(90deg,#16120fd6,#16120f1a),linear-gradient(#0000 44%,#16120fa3);position:absolute;inset:0}.subpage-image-statement>p,.pricing-photo-band>p{z-index:2;min-height:82svh;font-family:var(--display);letter-spacing:-.08em;flex-direction:column;justify-content:flex-end;padding-bottom:70px;font-size:clamp(4rem,8.6vw,9.6rem);line-height:.84;display:flex;position:relative}.subpage-image-statement>p span{color:var(--orange)}.pricing-section{background:var(--cream);padding:clamp(104px,15vh,208px) 0}.pricing-section-dark{color:var(--white);background:var(--ink)}.pricing-section-dark .pricing-heading>span{color:var(--orange)}.pricing-section-dark .pricing-heading p{color:#fffdf899}.price-card-grid,.care-price-grid{grid-template-rows:auto auto auto 1fr;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.price-card-grid article{border:1px solid var(--line);background:var(--white);flex-direction:column;min-height:500px;padding:30px;display:flex;position:relative;overflow:hidden}.price-card-grid article>span{font-family:var(--mono);font-size:.64rem}.price-card-grid article>small,.care-price-grid article>small{width:fit-content;font-family:var(--mono);text-transform:uppercase;border:1px solid;border-radius:999px;margin:30px 0 0 auto;padding:7px 10px;font-size:.55rem}.price-card-grid h3{font-family:var(--display);letter-spacing:-.07em;margin:auto 0 18px;font-size:clamp(2.8rem,4.4vw,5rem);font-weight:400;line-height:.9}.price-card-grid p{max-width:320px;color:var(--muted);margin:0 0 34px}.price-card-grid strong{font-family:var(--mono);font-size:.84rem}.price-card-grid a{width:48px;height:48px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:24px;right:24px}.care-price-grid article{border:1px solid var(--line);background:var(--white);grid-row:span 4;grid-template-rows:auto auto auto 1fr;grid-template-columns:100%;grid-template-rows:subgrid;row-gap:0;min-height:480px;padding:30px;display:grid;position:relative}.care-price-grid article>small{grid-row:1}.care-price-grid article>h3{grid-row:2}.care-price-grid article>strong{grid-row:3}.care-price-grid article>p{grid-row:4}.care-price-grid h3{max-width:360px;font-family:var(--display);letter-spacing:-.065em;margin:180px 0 22px;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:400;line-height:.94}.care-price-grid strong{color:var(--orange-text);font-family:var(--mono);font-size:1rem}.care-price-grid p{color:var(--muted);margin:26px 0 0;font-size:.88rem}.pricing-photo-band{min-height:68svh}.pricing-photo-band>p{max-width:1200px;min-height:68svh}.form-experience{background:var(--cream);padding:clamp(104px,15vh,208px) 0}.form-experience-grid{grid-template-columns:.65fr 1.35fr;gap:8vw;display:grid}.form-experience-grid>*,.inquiry-form,.referral-form,.referral-form>*{min-width:0}.form-experience-grid>aside{align-self:start;position:sticky;top:60px}.form-experience-grid>aside h2{font-family:var(--display);letter-spacing:-.07em;overflow-wrap:anywhere;margin:30px 0 24px;font-size:clamp(3rem,5vw,5.8rem);font-weight:400;line-height:.98}.form-experience-grid>aside>p:not(.eyebrow){max-width:430px;color:var(--muted)}.form-side-meta{font-family:var(--mono);text-transform:uppercase;gap:12px;margin-top:56px;font-size:.64rem;display:grid}.inquiry-form,.referral-form,.withdrawal-form,.form-success{border:1px solid var(--line);background:var(--white);padding:42px}.form-progress{grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:8px;margin-bottom:68px;display:grid}.form-progress span{background:var(--cream-deep);height:4px}.form-progress span.is-active{background:var(--orange)}.form-progress strong{font-family:var(--mono);margin-left:12px;font-size:.78rem}.form-step{border:0;min-width:0;padding:0}.form-step legend{max-width:760px;font-family:var(--display);letter-spacing:-.075em;padding:0;font-size:clamp(3rem,5.7vw,6.2rem);line-height:.94}.form-step>p{max-width:610px;color:var(--muted);margin:24px 0 44px}.choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.choice-grid label{border:1px solid var(--line);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:230px;padding:20px;transition:color .25s,border-color .25s,background .25s;display:flex;position:relative}.choice-grid label.is-selected{color:var(--white);border-color:var(--ink);background:var(--ink)}.choice-grid input{opacity:0;width:1px;height:1px;position:absolute}.choice-grid label>span{font-family:var(--mono);font-size:.62rem}.choice-grid label>strong{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(1.5rem,2.4vw,2.5rem);font-weight:400}.field-grid{grid-template-columns:1fr 1fr;gap:26px 18px;display:grid}.field{gap:9px;display:grid}.field-full{grid-column:1/-1}.field>span{font-family:var(--mono);text-transform:uppercase;font-size:.66rem}.field input,.field textarea{border:0;border-bottom:1px solid var(--ink);width:100%;min-height:58px;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:15px 0}.field textarea{resize:vertical;min-height:150px}.field-large textarea{border:1px solid var(--line);background:var(--cream);min-height:250px;padding:20px}.field input:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 2px 0 var(--orange);outline:3px solid #0000}.field small{color:var(--muted);font-family:var(--mono);font-size:.58rem}.check-field{color:var(--muted);grid-template-columns:24px 1fr;align-items:start;gap:14px;margin-top:24px;font-size:.82rem;display:grid}.check-field input{width:20px;height:20px;accent-color:var(--orange);margin:1px 0 0}.check-field a,.form-legal-link,.form-note a,.form-success a{color:var(--orange-text);text-underline-offset:3px;text-decoration:underline}.form-legal-link{min-height:44px;font-family:var(--mono);align-items:center;margin-top:20px;font-size:.65rem;display:inline-flex}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:54px;padding-top:28px;display:flex}.button-outline-ink{--button-bg:transparent;--button-color:var(--ink);--button-arrow-bg:var(--ink);--button-arrow-color:var(--white);border-color:var(--line)}.form-actions button[aria-disabled=true]{cursor:not-allowed;opacity:.46}.form-success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:660px;display:flex}.form-success.compact{min-height:480px}.form-success>span{width:80px;height:80px;color:var(--white);background:var(--orange);border-radius:50%;place-items:center;margin-bottom:44px;font-size:2rem;display:grid}.form-success h2{max-width:760px;font-family:var(--display);letter-spacing:-.075em;margin:26px 0 22px;font-size:clamp(3rem,5.8vw,6rem);font-weight:400;line-height:.95}.form-success p{max-width:620px;color:var(--muted);margin:0 0 28px}.referral-orbit{background:var(--orange);padding:clamp(104px,15vh,208px) 0}.referral-orbit .shell{grid-template-columns:1.35fr .65fr;align-items:center;gap:7vw;display:grid}.referral-orbit-visual{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:26px;min-height:230px;display:grid}.referral-orbit-visual span{border:1px solid var(--ink);width:150px;height:150px;font-family:var(--display);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.referral-orbit-visual span:nth-of-type(2){color:var(--white);background:var(--ink)}.referral-orbit-visual i{background:var(--ink);height:1px}.referral-orbit .shell>p{max-width:430px;font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,4.5vw,5rem);line-height:1}.referral-steps{background:var(--cream);padding:145px 0}.referral-step-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.referral-step-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:480px;padding:26px;display:flex}.referral-step-grid article>span{color:var(--orange-text);font-family:var(--mono);font-size:.65rem}.referral-step-grid h3{font-family:var(--display);letter-spacing:-.065em;margin:auto 0 28px;font-size:clamp(2.1rem,3.7vw,4.2rem);font-weight:400;line-height:.96}.referral-step-grid p{min-height:130px;color:var(--muted);margin:0}.referral-fair{color:var(--white);background:var(--ink);padding:clamp(104px,15vh,208px) 0}.referral-fair h2{max-width:1120px;font-family:var(--display);letter-spacing:-.075em;overflow-wrap:anywhere;margin:50px 0 72px;font-size:clamp(4rem,7.4vw,8rem);font-weight:400;line-height:.94}.referral-fair .shell>div{border-top:1px solid var(--line-light);color:#fffdf89e;grid-template-columns:1fr 1fr;gap:7vw;padding-top:34px;display:grid}.referral-form-section{background:var(--orange);padding:clamp(104px,15vh,208px) 0}.referral-form{grid-template-columns:.7fr 1.3fr;gap:36px 7vw;padding:60px;display:grid}.referral-form>div:first-child{grid-row:span 4}.referral-form h2{max-width:480px;font-family:var(--display);letter-spacing:-.07em;margin:30px 0 0;font-size:clamp(3rem,5.1vw,5.8rem);font-weight:400;line-height:.98}.referral-form .field-grid,.referral-form .check-field,.referral-form>.button{grid-column:2}.honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.legal-overview{color:var(--white);background:var(--ink);padding:90px 0}.legal-overview ol{border-top:1px solid var(--line-light);grid-template-columns:repeat(2,1fr);gap:0 54px;margin:44px 0 0;padding:0;list-style:none;display:grid}.legal-overview li{border-bottom:1px solid var(--line-light)}.legal-overview a{color:#fffdf8b8;grid-template-columns:54px 1fr;align-items:center;gap:18px;min-height:76px;display:grid}.legal-overview a:hover,.legal-overview a:focus-visible{color:var(--orange)}.legal-overview a span{color:var(--orange);font-family:var(--mono);font-size:.62rem}.legal-body{background:var(--white);padding:clamp(104px,15vh,208px) 0}.legal-grid{grid-template-columns:.52fr 1.48fr;gap:9vw;display:grid}.legal-grid>*,.legal-document,.legal-document article>*{min-width:0}.legal-document h2,.legal-document p,.legal-document li,.legal-grid>aside{overflow-wrap:anywhere}.legal-grid>aside{flex-direction:column;align-self:start;align-items:flex-start;display:flex;position:sticky;top:54px}.legal-grid>aside strong{font-family:var(--display);letter-spacing:-.06em;margin:30px 0 12px;font-size:clamp(2.5rem,4.2vw,4.8rem);font-weight:400}.legal-grid>aside span,.legal-grid>aside a{color:var(--muted);font-family:var(--mono);font-size:.74rem}.legal-grid>aside a{align-items:center;min-height:44px;display:inline-flex}.legal-document{border-top:1px solid var(--line)}.legal-document article{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr;gap:26px;padding:62px 0 68px;scroll-margin-top:30px;display:grid}.legal-section-number{color:var(--orange-text);font-family:var(--mono);padding-top:12px;font-size:.68rem}.legal-document h2{max-width:820px;font-family:var(--display);letter-spacing:-.065em;margin:0 0 34px;font-size:clamp(2.5rem,4.7vw,5.1rem);font-weight:400;line-height:.98}.legal-document p,.legal-document li{color:#16120fc7;max-width:820px;font-size:.96rem;line-height:1.78}.legal-document p{margin:0 0 20px}.legal-document p:last-child{margin-bottom:0}.legal-document a{color:var(--orange-text);text-underline-offset:3px;text-decoration:underline}.legal-document ul{margin:28px 0 0;padding-left:22px}.legal-document li+li{margin-top:10px}.legal-form-wrap{border-top:1px solid var(--line);margin-top:100px;padding-top:100px}.withdrawal-form{background:var(--cream);max-width:980px;margin-left:auto;padding:54px}.withdrawal-form>p:not(.eyebrow){max-width:720px;font-family:var(--display);letter-spacing:-.05em;margin:28px 0 46px;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.08}.withdrawal-form>.button{margin-top:38px}.form-note{color:var(--muted);font-family:var(--mono)!important;font-size:.78rem!important}.subpage-footer{color:var(--white);background:#0d0b09}.subpage-footer-grid{border-bottom:1px solid var(--line-light);grid-template-columns:1.05fr 1.95fr;gap:8vw;padding:90px 0 70px;display:grid}.subpage-footer-brand p{color:#fffdf88f;max-width:420px;margin:30px 0}.subpage-footer-brand>strong{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.71rem;font-weight:400}.subpage-footer-links{grid-template-columns:repeat(3,1fr);gap:34px;display:grid}.subpage-footer-links>div{color:#fffdf894;flex-direction:column;align-items:flex-start;gap:10px;font-size:.78rem;display:flex}.subpage-footer-links h2{color:var(--white);font-family:var(--mono);text-transform:uppercase;margin:0 0 16px;font-size:.72rem;font-weight:500}.subpage-footer-links a{align-items:center;min-height:34px;display:flex}.subpage-footer-links a:hover,.subpage-footer-links a:focus-visible{color:var(--orange)}.subpage-assurance{gap:34px;margin-block:54px;display:grid}.subpage-footer-bottom{border-top:1px solid var(--line-light);color:#fffdf8b0;font-family:var(--mono);text-transform:uppercase;justify-content:space-between;padding-block:24px;font-size:.71rem;display:flex}@media (min-width:1800px){.subpage-hero-content{min-height:calc(86svh - 108px)}.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{min-height:calc(68svh - 108px)}.offer-section,.pricing-section,.referral-steps,.referral-fair,.form-experience,.legal-body{padding-block:175px}.offer-list article{min-height:182px}.price-card-grid article,.care-price-grid article{min-height:560px}}@media (max-width:1120px){.subpage-hero-content{grid-template-columns:1fr;align-content:end;gap:42px;min-height:calc(86svh - 84px);padding-block:94px 76px}.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{min-height:calc(68svh - 84px)}.subpage-hero-content h1{font-size:clamp(5.2rem,13vw,9rem)}.subpage-hero-lede{max-width:720px}.offer-list article{grid-template-columns:44px .8fr 1.2fr auto;gap:20px}.offer-list article>a{min-width:150px}.price-card-grid h3,.care-price-grid h3{overflow-wrap:anywhere}.form-experience-grid{gap:5vw}.choice-grid label{min-height:200px;padding:16px}.referral-orbit .shell{grid-template-columns:1fr}.referral-orbit .shell>p{max-width:740px}.legal-grid{grid-template-columns:.4fr 1.6fr;gap:5vw}}@media (max-width:900px){.subpage-hero,.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{min-height:760px}.subpage-hero-content,.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{min-height:676px}.offer-section,.pricing-section,.pricing-manifesto,.referral-steps,.referral-fair,.form-experience,.referral-form-section,.legal-body{padding-block:110px}.offer-heading,.pricing-heading{grid-template-columns:80px 1fr}.offer-list article,.horizontal-price-list article{grid-template-columns:44px 1fr auto;padding-block:30px}.offer-list article>p,.horizontal-price-list p{grid-column:2/-1}.offer-list article>a{grid-column:2;width:fit-content}.price-card-grid,.care-price-grid{grid-template-columns:1fr}.care-price-grid{grid-template-rows:none}.care-price-grid article{display:block}.price-card-grid article,.care-price-grid article{min-height:440px}.form-experience-grid,.legal-grid{grid-template-columns:1fr}.form-experience-grid>aside,.legal-grid>aside{position:static}.form-side-meta{grid-template-columns:repeat(3,1fr);margin-bottom:48px}.referral-step-grid{grid-template-columns:1fr}.referral-step-grid article{min-height:400px}.referral-step-grid p{min-height:0}.referral-form{grid-template-columns:1fr;padding:42px}.referral-form>div:first-child{grid-row:auto}.referral-form .field-grid,.referral-form .check-field,.referral-form>.button{grid-column:auto}.legal-grid>aside{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:8px 30px;padding-bottom:40px;display:grid}.legal-grid>aside .eyebrow,.legal-grid>aside strong{grid-column:1/-1}.subpage-footer-grid{grid-template-columns:1fr}}@media (max-width:700px){.subpage-hero,.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{min-height:700px}.subpage-hero-content,.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{min-height:626px;padding-block:72px}.subpage-hero-content h1,.subpage-root-legal .subpage-hero-content h1,.subpage-root-satz .subpage-hero-content h1{font-size:clamp(4rem,18vw,7rem)}.subpage-hero-lede{font-size:.94rem}.subpage-hero-index{bottom:20px}.offer-heading,.pricing-heading{grid-template-columns:1fr;gap:18px;margin-bottom:54px}.offer-heading h2,.pricing-heading h2{font-size:clamp(3rem,13vw,5rem)}.offer-list article,.horizontal-price-list article{grid-template-columns:34px 1fr;gap:16px}.offer-list article>p,.horizontal-price-list p,.offer-list article>a,.horizontal-price-list strong{grid-column:2}.offer-list article>a{width:min(100%,260px)}.subpage-image-statement,.subpage-image-statement>p,.pricing-photo-band,.pricing-photo-band>p{min-height:650px}.subpage-image-statement>p,.pricing-photo-band>p{font-size:clamp(3.6rem,16vw,6rem)}.pricing-manifesto .shell>div,.pricing-notes,.referral-fair .shell>div{grid-template-columns:1fr}.price-card-grid article{min-height:480px}.care-price-grid article{min-height:460px}.choice-grid{grid-template-columns:1fr}.choice-grid label{min-height:150px}.inquiry-form,.referral-form,.withdrawal-form,.form-success{padding:28px}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .button{width:100%}.form-actions .text-link{align-self:flex-start}.referral-orbit-visual{grid-template-columns:1fr;justify-items:center}.referral-orbit-visual span{width:130px;height:130px}.referral-orbit-visual i{width:1px;height:54px}.referral-fair h2{font-size:clamp(3.5rem,14vw,6rem)}.legal-overview ol{grid-template-columns:1fr}.legal-document article{grid-template-columns:38px 1fr;gap:14px;padding-block:46px 52px}.legal-document h2{font-size:clamp(2.4rem,10vw,4rem)}.legal-form-wrap{margin-top:72px;padding-top:72px}.subpage-footer-links{grid-template-columns:1fr 1fr}.subpage-footer-links>div:last-child{grid-column:1/-1}.subpage-cta{padding-block:115px}.subpage-cta-inner h2{font-size:clamp(3.7rem,16vw,6.4rem)}.subpage-cta-actions{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.subpage-hero,.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{min-height:680px}.subpage-hero-content,.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{gap:30px;min-height:610px;padding-block:58px 68px}.subpage-hero-content h1,.subpage-root-legal .subpage-hero-content h1,.subpage-root-satz .subpage-hero-content h1{font-size:clamp(3.5rem,17vw,5.2rem)}.subpage-hero-lede{max-width:35rem;font-size:.86rem;line-height:1.5}.offer-section,.pricing-section,.pricing-manifesto,.referral-steps,.referral-fair,.form-experience,.referral-form-section,.legal-body{padding-block:90px}.offer-list article{padding-inline:8px}.offer-list h3{font-size:2rem}.offer-note{font-size:.61rem}.price-card-grid article,.care-price-grid article{min-height:430px;padding:24px}.price-card-grid h3{font-size:3rem}.care-price-grid h3{margin-top:145px}.form-progress{margin-bottom:50px}.form-step legend{font-size:clamp(2.8rem,13vw,4.4rem)}.form-side-meta{grid-template-columns:1fr}.inquiry-form,.referral-form,.withdrawal-form,.form-success{padding:22px}.referral-form h2{font-size:3rem}.legal-grid>aside{grid-template-columns:1fr}.legal-grid>aside .eyebrow,.legal-grid>aside strong{grid-column:auto}.legal-document article{grid-template-columns:1fr}.legal-section-number{padding-top:0}.legal-document p,.legal-document li{font-size:.9rem}.subpage-footer-grid{padding-block:72px 58px}.subpage-footer-links{grid-template-columns:1fr}.subpage-footer-links>div:last-child{grid-column:auto}.subpage-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}@media (orientation:landscape) and (max-height:560px) and (max-width:1000px){.subpage-hero,.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{min-height:520px}.subpage-hero-content,.subpage-root-legal .subpage-hero-content,.subpage-root-satz .subpage-hero-content{grid-template-columns:1fr .82fr;gap:5vw;min-height:460px;padding-block:42px 54px}.subpage-hero-content h1,.subpage-root-legal .subpage-hero-content h1,.subpage-root-satz .subpage-hero-content h1{margin-top:16px;font-size:clamp(3.6rem,9vw,5.5rem)}.subpage-hero-lede{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.subpage-hero-image img,.offer-list article{transform:none!important}}.logo-name-groups{gap:12px;display:grid}.logo-name-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.logo-name-card{text-align:center;background:linear-gradient(145deg,#ff5b190e,#0000 64%),#ffffff06;border:1px solid #ffffff2e;align-content:center;place-items:center;gap:18px;min-width:0;min-height:206px;padding:22px;display:grid}.logo-name-frame{background:#fff;border:1px solid #ffffff57;border-radius:18px;place-items:center;width:112px;height:112px;display:grid;overflow:hidden;box-shadow:0 18px 42px #0003}.logo-name-frame-standard{padding:20px}.logo-name-frame-html5{padding:14px}.logo-name-image{object-fit:contain;width:100%;height:100%;display:block}.logo-name-frame-zemox .logo-name-image{object-fit:cover}.logo-name-card strong{max-width:100%;color:var(--white);font-family:var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(1rem,1.35vw,1.34rem);font-weight:450;line-height:1.08}.logo-name-groups.is-compact{gap:12px}.logo-name-groups.is-compact .logo-name-card{min-height:174px;padding:18px}.logo-name-groups.is-compact .logo-name-frame{border-radius:15px;width:92px;height:92px}.logo-name-groups.is-compact .logo-name-frame-standard{padding:17px}.logo-name-groups.is-compact .logo-name-frame-html5{padding:12px}@media (max-width:700px){.logo-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-name-card,.logo-name-groups.is-compact .logo-name-card{gap:14px;min-height:166px;padding:16px}.logo-name-frame,.logo-name-groups.is-compact .logo-name-frame{border-radius:14px;width:88px;height:88px}.logo-name-frame-standard,.logo-name-groups.is-compact .logo-name-frame-standard{padding:16px}.logo-name-frame-html5,.logo-name-groups.is-compact .logo-name-frame-html5{padding:11px}}@media (max-width:360px){.logo-name-card,.logo-name-groups.is-compact .logo-name-card{min-height:148px;padding:12px 8px}.logo-name-frame,.logo-name-groups.is-compact .logo-name-frame{border-radius:12px;width:74px;height:74px}.logo-name-frame-standard,.logo-name-groups.is-compact .logo-name-frame-standard{padding:14px}.logo-name-card strong{font-size:.82rem}}@media (pointer:coarse),(max-width:760px){.footer-top>div:not(.footer-brand) a,.subpage-footer-links a{min-height:44px}.subpage-footer-links a{align-items:center;min-width:44px;display:flex}.nav .brand,.footer-brand .brand,.subpage-footer-brand .brand{align-items:center;min-height:44px;display:inline-flex}.footer-brand .brand,.subpage-footer-brand .brand{margin-block:-11px}.button-arrow,.passage-arrow,.text-link span[aria-hidden],.hero-foot a span[aria-hidden]{font-variant-emoji:text;font-family:Helvetica Neue,Helvetica,Arial Unicode MS,Menlo,sans-serif}.image-bridge-copy{margin-top:30px;padding-top:22px}}.preise-einleitung{background:var(--cream);padding:110px 0 0}.preise-lead{max-width:68rem;font-family:var(--display);letter-spacing:-.025em;margin:34px 0 0;font-size:clamp(1.5rem,2.6vw,2.6rem);font-weight:400;line-height:1.22}.preise-lead-nach{color:var(--orange-text);font-family:var(--mono);letter-spacing:.02em;margin:30px 0 0;font-size:.78rem}.price-card-grid.preis-pakete{grid-template-rows:auto auto auto auto 1fr}.preis-pakete article{grid-template-columns:100%;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;min-height:0;padding-bottom:34px;display:grid}.preis-pakete article>span{grid-row:1}.preis-pakete h3{grid-row:2;margin:26px 0 12px;font-size:clamp(2.2rem,3.4vw,3.4rem)}.preis-pakete article>p{grid-row:3;margin:0 0 22px}.preis-pakete strong{border-bottom:1px solid var(--line);letter-spacing:-.02em;grid-row:4;align-self:end;padding-bottom:22px;font-size:1.5rem}.preis-pakete article>ul{grid-row:5}.preis-pakete ul,.preis-betrieb ul{color:var(--muted);gap:12px;margin:22px 0 0;padding:0;font-size:.88rem;line-height:1.45;list-style:none;display:grid}.preis-pakete li,.preis-betrieb li{background-image:radial-gradient(circle, var(--orange) 3px, transparent 3px);background-position:0 .55em;background-repeat:no-repeat;background-size:10px 10px;padding-left:22px}.care-price-grid.preis-betrieb{grid-template-rows:auto auto 1fr}.preis-betrieb article{grid-template-rows:subgrid;grid-row:span 3;min-height:0}.preis-betrieb article>h3{grid-row:1;max-width:none;margin:0 0 16px;font-size:clamp(1.9rem,2.8vw,2.7rem)}.preis-betrieb article>strong{border-bottom:1px solid var(--line);letter-spacing:-.02em;grid-row:2;padding-bottom:22px;font-size:1.35rem}.preis-betrieb article>div{grid-row:3}.preis-empfehlung{border:1px solid var(--orange);color:var(--orange-text);margin:22px 0 0;padding:12px 14px;font-size:.86rem;font-weight:500;line-height:1.35}.objekt-grenzen{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.objekt-grenzen li{border:1px solid var(--line-light);flex-direction:column;justify-content:flex-end;min-height:200px;padding:26px;display:flex}.objekt-grenzen strong{font-family:var(--display);letter-spacing:-.05em;font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:400;line-height:1}.objekt-grenzen span{color:#fffdf8ad;margin-top:12px;font-size:.86rem;line-height:1.4}.objekt-hinweise{border-top:1px solid var(--line-light);color:#fffdf8c7;grid-template-columns:1fr 1fr;gap:5vw;margin-top:50px;padding-top:30px;font-size:.92rem;display:grid}.objekt-hinweise p{margin:0}.objekt-hinweise strong{color:var(--white)}.gruendung-tabelle{border-collapse:collapse;text-align:left;width:100%}.gruendung-tabelle caption{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding-bottom:22px;font-size:.68rem}.gruendung-tabelle th,.gruendung-tabelle td{border-bottom:1px solid var(--line);vertical-align:baseline;padding:26px 20px 26px 0}.gruendung-tabelle thead th{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:500}.gruendung-tabelle tbody th{width:40%;font-family:var(--display);letter-spacing:-.05em;font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:400}.gruendung-tabelle tbody td{font-family:var(--mono);font-size:1rem}.gruendung-tabelle tbody td:first-of-type{color:var(--orange-text);font-weight:500}.gruendung-hinweis{max-width:62rem;color:var(--muted);margin:34px 0 0;font-size:.92rem}.klarstellungen{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.klarstellungen article{border:1px solid var(--line);background:var(--white);padding:30px}.klarstellungen h3{font-family:var(--display);letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:400;line-height:1.1}.klarstellungen p{color:var(--ink-soft);margin:0;font-size:.92rem}.rechtlicher-zusatz{border-top:1px solid var(--line);max-width:62rem;color:var(--ink-soft);margin:34px 0 0;padding-top:26px;font-size:.92rem}.pricing-photo-band-satz>p{letter-spacing:-.05em;max-width:22ch;font-size:clamp(2rem,4.4vw,4.6rem);line-height:1.02}@media (max-width:1120px){.objekt-grenzen{grid-template-columns:repeat(2,1fr)}.klarstellungen{grid-template-columns:1fr}}@media (max-width:900px){.preise-einleitung{padding-top:80px}.price-card-grid.preis-pakete,.care-price-grid.preis-betrieb{grid-template-rows:none}.preis-pakete article,.preis-betrieb article{grid-row:auto;grid-template-rows:none;min-height:0;display:block}.objekt-hinweise{grid-template-columns:1fr;gap:24px}}@media (max-width:700px){.objekt-grenzen{grid-template-columns:1fr}.objekt-grenzen li{min-height:0}.pricing-photo-band-satz>p{max-width:none;font-size:clamp(1.9rem,8.4vw,3.2rem)}.gruendung-tabelle,.gruendung-tabelle caption,.gruendung-tabelle tbody,.gruendung-tabelle tr,.gruendung-tabelle tbody th,.gruendung-tabelle tbody td{width:auto;display:block}.gruendung-tabelle thead{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gruendung-tabelle tbody tr{border:1px solid var(--line);background:var(--white);margin-bottom:16px;padding:22px}.gruendung-tabelle tbody th,.gruendung-tabelle tbody td{border-bottom:0;padding:0}.gruendung-tabelle tbody td{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;display:flex}.gruendung-tabelle tbody td:before{content:attr(data-spalte);color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}}@media (max-width:520px){.preis-pakete article,.preis-betrieb article{min-height:0;padding:24px}.preis-pakete h3{font-size:2.2rem}.preis-betrieb article>h3{margin-top:0;font-size:1.8rem}}.referral-section .eyebrow,.referral-section .eyebrow.dark{color:var(--ink)}.text-link span{color:var(--orange-text)}.subpage-cta .text-link span,.pricing-section-dark .text-link span,.offer-section-dark .text-link span,.referral-fair .text-link span{color:var(--orange)}.rechtliche-liste{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;display:grid}.rechtliche-liste>div{border:1px solid var(--line);background:var(--white);padding:30px}.rechtliche-liste dt{color:var(--orange-text);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.68rem}.rechtliche-liste dd{color:var(--ink-soft);margin:0;font-size:.92rem}@media (max-width:1120px){.rechtliche-liste{grid-template-columns:1fr}}
@media (min-width:901px){.hero-copy{container-type:inline-size}.hero-copy h1{width:100%;align-self:stretch;white-space:nowrap;font-size:min(4.95vw,5.1rem);line-height:1.05}.hero-copy h1 span{display:inline}}@supports (text-justify:inter-character){@media (min-width:901px){.hero-copy h1{text-align:justify;text-align-last:justify;text-justify:inter-character}}}@supports (font-size:1cqw){@media (min-width:901px){.hero-copy h1{font-size:min(6.4cqw,5.1rem)}}}.hero-actions .button{min-height:50px;gap:18px;padding:6px 6px 6px 20px;font-size:.72rem}.hero-actions .button .button-arrow{width:38px;height:38px;flex:0 0 38px;font-size:.88rem}.hero-actions .text-link{min-width:44px;min-height:44px;font-size:.66rem;gap:10px}.audience-section{color:var(--white);background:var(--ink);padding:clamp(104px,15vh,208px) 0}.audience-section .eyebrow{color:var(--orange)}.audience-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(48px,6vw,116px);display:grid}.audience-section h2{font-family:var(--display);letter-spacing:-.035em;margin:26px 0 0;font-size:clamp(2.1rem,3.5vw,4rem);font-weight:500;line-height:1.05}.audience-copy{color:#fffdf8b0;max-width:46ch;margin:clamp(22px,3vh,38px) 0 0;font-size:1.02rem;line-height:1.66}.audience-register{border-top:1px solid #fffdf826;margin:0;padding:0;list-style:none}.audience-register li{grid-template-columns:auto 1fr;align-items:baseline;gap:clamp(18px,2.2vw,42px);border-bottom:1px solid #fffdf826;padding:clamp(16px,2.2vh,30px) 0;display:grid;transition:padding-left .45s cubic-bezier(.22,1,.36,1),border-bottom-color .45s}.audience-register li:hover{border-bottom-color:var(--orange);padding-left:clamp(6px,1vw,20px)}.audience-nr{font-family:var(--mono);letter-spacing:.08em;color:var(--orange);font-size:.7rem}.audience-name{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(1.35rem,2.4vw,2.45rem);font-weight:500;line-height:1.06}@media (max-width:900px){.audience-grid{grid-template-columns:1fr;gap:clamp(34px,5vh,58px)}.audience-copy{max-width:60ch}}.craft-section{color:var(--ink);background:var(--white);padding:clamp(104px,15vh,208px) 0}.craft-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(44px,5.5vw,104px);display:grid}.craft-media{aspect-ratio:1;margin:0;position:relative;overflow:hidden}.craft-media img{object-fit:cover;object-position:52% 48%;filter:saturate(.88)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.craft-body .eyebrow{color:var(--orange-text)}.craft-section h2{font-family:var(--display);letter-spacing:-.035em;margin:24px 0 0;font-size:clamp(2.1rem,3.5vw,4rem);font-weight:500;line-height:1.05}.craft-body>p:not(.eyebrow){color:var(--muted);max-width:52ch;margin:clamp(20px,2.6vh,32px) 0 0;font-size:1.02rem;line-height:1.66}.craft-body blockquote{border-top:1px solid var(--orange);margin:clamp(32px,4.4vh,58px) 0 0;padding:clamp(22px,3vh,34px) 0 0;font-family:var(--display);letter-spacing:-.025em;font-size:clamp(1.3rem,2.2vw,2.25rem);font-weight:500;line-height:1.2}.craft-body blockquote span{color:var(--orange-text);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:clamp(14px,1.8vh,22px);font-size:.68rem;display:block}@media (max-width:900px){.craft-grid{grid-template-columns:1fr;gap:clamp(32px,4.5vh,52px)}.craft-media{aspect-ratio:4/3}.craft-body>p:not(.eyebrow){max-width:60ch}}.studio-body>p{color:var(--muted);max-width:64ch;margin:0 0 clamp(20px,2.6vh,32px);font-size:1.02rem;line-height:1.66}.studio-body .large-copy{color:var(--ink);max-width:52ch;font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.22rem,1.7vw,1.75rem);font-weight:500;line-height:1.34}.studio-nr{color:var(--orange-text);font-family:var(--mono);letter-spacing:.08em;font-size:.68rem}.studio-fakt{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(.98rem,1.25vw,1.25rem);font-weight:500;line-height:1.22}.services-section{background:var(--cream)}@property --zx-einzug{syntax:"<number>";inherits:true;initial-value:1}@keyframes zx-einzug{from{--zx-einzug:1.085}to{--zx-einzug:1}}.designer-canvas{animation:zx-einzug 2.6s cubic-bezier(.16,1,.3,1) both}.hero .nav,.hero-copy h1,.hero-lead,.hero-actions,.hero-foot{transform:none;transition:transform 1.05s cubic-bezier(.16,1,.3,1)}.hero .nav{transition-delay:.12s}.hero-copy h1{transition-delay:.3s}.hero-lead{transition-delay:.46s}.hero-actions{transition-delay:.58s}.hero-foot{transition-delay:.74s}@starting-style{.hero .nav{transform:translateY(-14px)}.hero-copy h1{transform:translateY(22px)}.hero-lead{transform:translateY(18px)}.hero-actions{transform:translateY(16px)}.hero-foot{transform:translateY(14px)}}.hero-foot:before{content:"";transform-origin:0;background:var(--orange);height:1px;transform:scaleX(1);transition:transform 1.5s cubic-bezier(.16,1,.3,1) .8s;position:absolute;top:-1px;left:0;right:0}@starting-style{.hero-foot:before{transform:scaleX(0)}}@supports (animation-timeline:scroll()){@keyframes zx-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,7%,0)}}.designer-image-base{animation:zx-drift linear both;animation-timeline:scroll();animation-range:0 100svh}}@media (prefers-reduced-motion:reduce){.designer-canvas,.designer-image-base{animation:none}.hero .nav,.hero-copy h1,.hero-lead,.hero-actions,.hero-foot,.hero-foot:before{transition:none;transform:none}.hero-foot:before{transform:scaleX(1)}}.proof-list{border-top:1px solid var(--line);margin:clamp(40px,5.2vh,76px) 0 0;padding:0;list-style:none}.proof-list li{grid-template-columns:auto 1fr;align-items:baseline;gap:clamp(16px,2vw,36px);border-bottom:1px solid var(--line);padding:clamp(15px,2vh,24px) 0;display:grid;transition:padding-left .45s cubic-bezier(.22,1,.36,1),border-bottom-color .45s}.proof-list li:hover{border-bottom-color:var(--orange);padding-left:clamp(6px,1vw,18px)}.studio-nr{color:var(--orange-text);font-family:var(--mono);letter-spacing:.08em;font-size:.68rem}.studio-fakt{font-family:var(--display);letter-spacing:-.022em;font-size:clamp(1.05rem,1.6vw,1.6rem);font-weight:500;line-height:1.16}.service-stack{gap:0;display:grid}.service-card{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(32px,4.4vw,88px);border-top:1px solid var(--line);padding:clamp(40px,5.4vh,84px) 0;display:grid}.service-card:last-child{border-bottom:1px solid var(--line)}.service-card-gedreht{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.service-card-gedreht .service-wort{order:2}.service-card-gedreht .service-image{order:1}.service-kopf{justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 clamp(18px,2.4vh,30px);display:flex}.service-nr{color:var(--orange-text);font-family:var(--mono);letter-spacing:.08em;font-size:.7rem}.service-preis{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;white-space:nowrap;font-size:.72rem}.service-titel{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,3.2vw,3.3rem);font-weight:500;line-height:1.02}.service-text{color:var(--muted);max-width:40ch;margin:clamp(18px,2.4vh,30px) 0 0;font-size:1.06rem;line-height:1.62}.service-image{aspect-ratio:16/10;background:var(--ink);position:relative;overflow:hidden}.service-image img{object-fit:cover;filter:saturate(.88)contrast(1.04);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.service-card:hover .service-image img{transform:scale(1.03)}.services-note{color:var(--muted);max-width:56ch;margin:clamp(34px,4.4vh,60px) 0 0;font-size:.92rem;line-height:1.6}@media (max-width:900px){.service-card{grid-template-columns:1fr;gap:clamp(24px,3.2vh,36px)}.service-card-gedreht .service-wort,.service-card-gedreht .service-image{order:0}.service-text{max-width:60ch}}.weg-liste{border-top:1px solid var(--line);margin:clamp(44px,5.6vh,84px) 0 0;padding:0;list-style:none}.weg-eintrag{border-bottom:1px solid var(--line)}.weg{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(22px,3vw,64px);color:var(--ink);padding:clamp(34px,4.6vh,72px) max(24px,calc((100vw - var(--shell))/2));text-decoration:none;display:grid;position:relative;transition:background .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1)}.weg:hover,.weg:focus-visible{color:var(--white);background:var(--ink);outline:0}.weg-nr{color:var(--orange-text);font-family:var(--mono);letter-spacing:.08em;font-size:.7rem;transition:color .5s cubic-bezier(.22,1,.36,1)}.weg:hover .weg-nr,.weg:focus-visible .weg-nr{color:var(--orange)}.weg-label{color:var(--muted);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:clamp(10px,1.4vh,16px);font-size:.66rem;display:block;transition:color .5s cubic-bezier(.22,1,.36,1)}.weg:hover .weg-label,.weg:focus-visible .weg-label{color:#fffdf8a8}.weg-titel{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2rem,4.4vw,4.4rem);font-weight:500;line-height:1;display:block}.weg-text{color:var(--muted);max-width:56ch;margin-top:clamp(14px,1.8vh,22px);font-size:1.02rem;line-height:1.6;display:block;transition:color .5s cubic-bezier(.22,1,.36,1)}.weg:hover .weg-text,.weg:focus-visible .weg-text{color:#fffdf8b8}.weg-tat{white-space:nowrap;align-items:center;gap:clamp(14px,1.6vw,24px);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;display:inline-flex}.weg-pfeil{border:1px solid var(--line);border-radius:50%;place-items:center;width:clamp(46px,4vw,62px);height:clamp(46px,4vw,62px);font-size:1rem;display:grid;transition:transform .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1)}.weg:hover .weg-pfeil,.weg:focus-visible .weg-pfeil{color:var(--ink);background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}@media (max-width:820px){.weg{grid-template-columns:auto minmax(0,1fr);row-gap:clamp(20px,3vh,30px)}.weg-tat{grid-column:2;justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.weg,.weg-nr,.weg-label,.weg-text,.weg-pfeil{transition:none}.weg:hover .weg-pfeil,.weg:focus-visible .weg-pfeil{transform:none}}.brand{min-height:44px;align-items:center;display:inline-flex}.nav-links a{padding-inline:8px;margin-inline:-8px}nav.zx-langs ul a{min-width:44px;min-height:44px;justify-content:center;align-items:center;display:inline-flex}.hero-foot{font-size:.7rem}.gallery-note{font-size:.78rem}@media (max-width:760px){.eyebrow{font-size:.78rem}.gallery-note{font-size:.82rem}.hero-foot{font-size:.72rem;letter-spacing:.05em}}@media (max-width:560px){.hero-foot p{display:none}.hero-foot{grid-template-columns:1fr}.hero-foot a{justify-content:flex-end}}h1,h2,h3,h4{overflow-wrap:break-word}@media (max-width:620px){h2,h3{hyphens:auto;overflow-wrap:anywhere}.subpage-hero-content h1{font-size:min(4.2rem,13.5vw);hyphens:auto;overflow-wrap:anywhere}}.subpage-footer-links a{min-width:44px;min-height:44px;align-items:center;display:inline-flex}.hero:hover .designer-image-base:before,.hero:focus-within @media (pointer:coarse){}.subpage-root-legal .subpage-hero,.subpage-root-satz .subpage-hero{background:radial-gradient(134% 106% at 4% -14%,#2e2219 0%,#1c1613 46%,var(--ink) 100%)}.subpage-root-legal .subpage-hero-overlay,.subpage-root-satz .subpage-hero-overlay{background:none}.subpage-root-legal .subpage-hero-gridlines,.subpage-root-satz .subpage-hero-gridlines{background-image:repeating-linear-gradient(90deg,#fffdf814 0 1px,#0000 1px calc(100%/12));background-size:auto;-webkit-mask-image:linear-gradient(#0000,#000 24%,#000 66%,#0000);mask-image:linear-gradient(#0000,#000 24%,#000 66%,#0000)}.subpage-root-legal .subpage-hero-content>div,.subpage-root-satz .subpage-hero-content>div{padding-top:36px;position:relative}.subpage-root-legal .subpage-hero-content>div:before,.subpage-root-satz .subpage-hero-content>div:before{content:"";background:var(--orange);width:clamp(92px,15vw,224px);height:2px;position:absolute;top:0;left:0}@media (max-width:760px){.subpage-root-legal .subpage-hero-gridlines,.subpage-root-satz .subpage-hero-gridlines{background-image:repeating-linear-gradient(90deg,#fffdf814 0 1px,#0000 1px calc(100%/6))}.subpage-root-legal .subpage-hero-content>div,.subpage-root-satz .subpage-hero-content>div{padding-top:26px}}.pricing-satz-nur{background:var(--ink)}.pricing-satz-nur>div{background:radial-gradient(102% 128% at 84% 6%,#ff5b1926 0%,#0000 56%),repeating-linear-gradient(90deg,#fffdf80f 0 1px,#0000 1px calc(100%/12));-webkit-mask-image:linear-gradient(#0000,#000 16%,#000 74%,#0000);mask-image:linear-gradient(#0000,#000 16%,#000 74%,#0000)}.pricing-satz-nur>p{color:var(--white)}@media (max-width:760px){.pricing-satz-nur>div{background-image:radial-gradient(120% 120% at 84% 6%,#ff5b1926 0%,#0000 56%),repeating-linear-gradient(90deg,#fffdf80f 0 1px,#0000 1px calc(100%/6))}}.offer-note{font-size:.8rem}@media (max-width:520px){.offer-note{font-size:.78rem}}.subpage-hero-image-dunkel img{filter:saturate(.8)contrast(.94)brightness(1.35)}.subpage-hero-lede{color:var(--white)}.subpage-root-legal .subpage-hero-lede,.subpage-root-satz .subpage-hero-lede{color:#fffdf8b8}@media (max-width:860px){.hero-copy h1{line-height:.94}.subpage-hero-content h1{line-height:.92}.image-bridge-lines{line-height:.96}.pricing-heading h2,.referral-grid h2{line-height:1.06}.final-cta h2,.subpage-cta h2{line-height:1.0}.preis-pakete article h3{line-height:1.1}.preis-betrieb article h3,.service-titel{line-height:1.14}.faq-item button span,.audience-nr,.gallery-index,.studio-nr,.service-nr,.weg-nr,.weg-label,.nav-cta-label,.pricing-heading span,.preis-pakete article span,.rechtliche-liste dt,.gruendung-tabelle caption,.gruendung-tabelle th{font-size:.72rem}.subpage-hero-index span{font-size:.68rem}.pricing-heading h2+p,.offer-heading h2+p{margin-top:.8em}}@media (max-width:860px){.hero-actions .text-link span,.craft-body blockquote span,.referral-copy span,.subpage-hero-index span,.legal-section-number,.legal-toc a span{font-size:.72rem}}@media (max-width:860px){.hero-actions .text-link span,.craft-body blockquote span,.referral-copy span,.subpage-hero-index span,.legal-section-number,.legal-toc a span{font-size:.72rem}}@media (max-width:860px){.legal-toc li a span,.referral-step-grid article span,.referral-form .field span,.form-side-meta span,.choice-grid label span{font-size:.72rem}.referral-form .field small{font-size:.7rem}}@media (max-width:860px){.legal-index li a span,.legal-nav li a span,.shell>ol>li>a>span{font-size:.72rem}}@media (max-width:860px){.offer-heading span,.offer-list article span,.withdrawal-form .field span{font-size:.72rem}.offer-list article h3 small{font-size:.7rem}}@media (max-width:860px){:root{--shell:calc(100vw - 48px)}.hero-copy h1{font-size:2.65rem;line-height:1.0;letter-spacing:-.028em}.subpage-hero-content h1{font-size:2.5rem;line-height:1.0;letter-spacing:-.026em}.section-head h2,.studio-sticky h2,.faq-sticky h2,.pricing-heading h2,.offer-heading h2,.referral-grid h2,.final-cta h2,.subpage-cta h2,.craft-section h2,.audience-section h2,.legal-document h2{font-size:2rem;line-height:1.1;letter-spacing:-.024em}.service-titel,.weg-titel,.faq-item h3,.offer-list article h3,.preis-pakete article h3,.preis-betrieb article h3,.legal-document h3,.referral-step-grid article h3{font-size:1.32rem;line-height:1.2;letter-spacing:-.012em}.hero-lead,.section-head>p:last-child,.studio-text p,.craft-body p,.offer-heading p,.pricing-heading p,.legal-document p,.legal-document li,.faq-antwort p{font-size:1rem;line-height:1.62}.audience-copy,.referral-copy p,.subpage-hero-lede,.offer-list article>p,.preis-pakete article p{font-size:.94rem;line-height:1.58}.path-section,.studio-section,.services-section,.gallery-section,.faq-section,.craft-section,.audience-section,.referral-section{padding-block:76px}.section-head{margin-bottom:38px}}@media (max-width:380px){:root{--shell:calc(100vw - 40px)}.hero-copy h1{font-size:2.35rem}.subpage-hero-content h1{font-size:2.2rem}.section-head h2,.studio-sticky h2,.faq-sticky h2,.pricing-heading h2,.offer-heading h2,.referral-grid h2,.final-cta h2,.subpage-cta h2,.craft-section h2,.audience-section h2{font-size:1.8rem}}@media (max-width:860px){html .hero-copy h1{font-size:clamp(3.15rem,13vw,7rem)!important;line-height:.9!important;letter-spacing:-.028em!important}html .subpage-hero-content h1{font-size:clamp(3rem,13vw,7rem)!important;line-height:.88!important;letter-spacing:-.026em!important}html .subpage-root-legal .subpage-hero-content h1,html .subpage-root-satz .subpage-hero-content h1{font-size:clamp(2.8rem,9.3vw,5rem)!important}html h1{font-size:clamp(2.4rem,6vw,3.2rem)!important;line-height:1.04!important}html .section-head h2,html .studio-sticky h2,html .faq-sticky h2,html .referral-grid h2,html .final-cta h2,html .audience-section h2{font-size:clamp(1.85rem,5.25vw,2.9rem)!important;line-height:1.2!important}html .subpage-root .section-head h2,html .subpage-root .studio-sticky h2,html .subpage-root .faq-sticky h2,html .subpage-root .pricing-heading h2,html .subpage-root .offer-heading h2,html .subpage-root .referral-grid h2,html .subpage-root .final-cta h2,html .subpage-root .subpage-cta h2,html .subpage-root .craft-section h2,html .subpage-root .audience-section h2{font-size:clamp(1.9rem,6.1vw,3.3rem)!important;line-height:1.16!important}html .legal-document h2{font-size:clamp(1.7rem,4.65vw,2.5rem)!important;line-height:1.22!important}html h2{font-size:clamp(1.8rem,5.2vw,2.9rem)!important;line-height:1.2!important}html h3{font-size:clamp(1.32rem,3.2vw,1.8rem)!important;line-height:1.32!important}html h4{font-size:1.08rem!important;line-height:1.3!important}html p,html li,html dd{font-size:1rem!important;line-height:1.62!important}html blockquote{font-size:1.24rem!important;line-height:1.34!important}html .subpage-image-statement>p,html .pricing-photo-band>p{font-size:1.9rem!important;line-height:1.08!important}html .image-bridge-lines{font-size:1.6rem!important;line-height:1.1!important}html .eyebrow,html .nav-cta-label,html .weg-nr,html .weg-label,html .audience-nr,html .studio-nr,html .service-nr,html .gallery-index,html .subpage-hero-index span,html .legal-section-number,html .offer-heading span,html .pricing-heading span,html .footer-bottom,html .subpage-footer-bottom,html .footer-top h4,html .subpage-footer-links h2{font-size:.72rem!important;line-height:1.4!important}html .subpage-hero-lede,html .hero-lead{font-size:1.02rem!important;line-height:1.6!important}}@media (max-width:380px){html .subpage-image-statement>p,html .pricing-photo-band>p{font-size:1.7rem!important}}@media (max-width:860px){html strong{font-size:1.15rem!important}html .facts strong,html .preis-pakete strong,html li strong,html p strong{font-size:inherit!important}html .audience-name{font-size:1.32rem!important}html .studio-fakt,html .weg-text{font-size:1rem!important}html .hero-lead{font-size:1rem!important}html h1 span,html h2 span,html h3 span{font-size:inherit!important}}@media (max-width:860px){html span:not([class]),html b:not([class]),html em:not([class]){font-size:inherit!important}}
/* =====================================================================
   MOBILE STARTSEITE - ein eigener Entwurf
   ---------------------------------------------------------------------
   Gemessen bei 375 Punkten: sechs von zehn Abschnitten beginnen gleich
   (Dachzeile, Ueberschrift, Text), 35 Raster fallen mobil auf eine
   Spalte, kein einziges sticky, und in sieben von zehn Abschnitten
   gibt es kein Element, mit dem man etwas tun kann. 17,6 Bildschirme
   Scrollen, in denen sich dieselbe Figur zehnmal wiederholt.

   Das hier ist keine Anpassung der Desktop-Fassung, sondern eine
   eigene Anordnung fuer den Daumen. Der Entwurf fuer grosse Schirme
   bleibt vollstaendig unberuehrt.
   ===================================================================== */
@media (max-width: 860px) {

  /* ===================================================================
     2. BAHNEN
     Galerie und Leistungen standen als Stapel untereinander: 2,9 und
     2,4 Bildschirme, in denen man nur scrollt. Jetzt blaettert man.
     Die Bahn laeuft ueber den Satzspiegel hinaus, damit die naechste
     Karte angeschnitten stehen bleibt - das zeigt, dass es weitergeht,
     ohne es hinschreiben zu muessen.
     =================================================================== */
  .gallery-grid, .service-stack {
    grid-template-columns: none !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    gap: 14px !important;
    /* Kein negativer Rand: er haengt vom Innenabstand des Satzspiegels
       ab und liess die Bahn vier Punkte aus dem Fenster laufen. Die
       Bahn bleibt im Satzspiegel - die naechste Karte ragt trotzdem
       herein, weil sie schmaler ist als die Bahn. */
    padding-bottom: 4px;
    padding-right: 2px;
    display: flex !important;
    overflow-x: auto;
  }
  .gallery-grid::-webkit-scrollbar,
  .service-stack::-webkit-scrollbar { display: none }

  .gallery-grid > .gallery-card {
    flex: 0 0 min(78vw, 330px);
    scroll-snap-align: center;
  }

  /* Die Leistungskarte war eine Rasterzeile mit Trennlinie oben.
     Als Karte braucht sie einen Rahmen ringsum und eine eigene Ordnung:
     Bild, dann Wort. */
  .service-stack > .service-card {
    flex: 0 0 min(80vw, 340px);
    scroll-snap-align: center;
    grid-template-columns: none !important;
    flex-direction: column;
    gap: 0 !important;
    border: 1px solid var(--line) !important;
    padding: 0 !important;
    display: flex !important;
    overflow: hidden;
  }
  .service-stack > .service-card-gedreht .service-wort { order: 0 }
  .service-card .service-image {
    aspect-ratio: 1.35;
    order: -1;
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .service-card .service-image img { width: 100%; height: 100%; object-fit: cover }
  .service-card .service-wort { padding: 18px 20px 22px }
  .service-card .service-kopf { margin-bottom: 10px }

  /* --- Fortschritt unter der Bahn ---------------------------------
     Ein Strich, der mitlaeuft, und die Nummer daneben. Man sieht, wo
     man ist und wie viel noch kommt. */
  .zx-bahn-fuss {
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    display: flex;
  }
  .zx-bahn-gleis {
    background: var(--line);
    border-radius: 2px;
    flex: 1;
    height: 2px;
    position: relative;
    overflow: hidden;
  }
  .zx-bahn-gleis b {
    background: var(--orange);
    border-radius: 2px;
    display: block;
    height: 100%;
    width: 22%;
    transform: translateX(0);
    transition: transform .28s cubic-bezier(.22,1,.36,1), width .28s;
  }
  .zx-bahn-zahl {
    color: var(--muted);
    font-family: var(--mono);
    font-size: .68rem;
    letter-spacing: .1em;
    font-variant-numeric: tabular-nums;
    flex: 0 0 auto;
  }
  .zx-bahn-zahl em { color: var(--ink); font-style: normal }
  /* Auf dunklem Grund die hellen Werte */
  .audience-section .zx-bahn-zahl, .image-bridge .zx-bahn-zahl,
  .final-cta .zx-bahn-zahl { color: #fffdf88f }
  .audience-section .zx-bahn-gleis, .final-cta .zx-bahn-gleis { background: var(--line-light) }

  @media (prefers-reduced-motion: reduce) {
    .zx-bahn-gleis b { transition: none }
  }
}

/* =====================================================================
   EIN ABSTAND ZWISCHEN DACHZEILE UND UEBERSCHRIFT
   ---------------------------------------------------------------------
   Der Abstand lag je nach Abschnitt bei 18, 60, 62, 68, 71 oder 84
   Punkten - sechs Werte fuer denselben Baustein.

   Erster Versuch war margin-top:-18px auf der Ueberschrift. Das war
   Pfusch: ein negativer Aussenabstand zieht die Zeilenkaesten
   auseinander, aber die Buchstaben koennen sich trotzdem beruehren -
   und genau das ist passiert. Meine Pruefung verglich Kaesten und
   meldete "frei", waehrend die Versalien der Ueberschrift in der
   Dachzeile standen.

   Jetzt traegt die Dachzeile den Abstand, positiv. Ein positiver
   Abstand kann nicht ueberlappen.
   ===================================================================== */
@media (max-width: 860px) {
  html .section-head h2,
  html .studio-sticky h2,
  html .faq-sticky h2,
  html .audience-head h2,
  html .craft-body h2,
  html .referral-section h2,
  html .referral-grid h2,
  html .final-cta h2,
  html .final-inner h2 {
    margin-top: 0 !important;
  }
  html .section-head [class*="eyebrow"],
  html .studio-sticky [class*="eyebrow"],
  html .faq-sticky [class*="eyebrow"],
  html .audience-head [class*="eyebrow"],
  html .craft-body [class*="eyebrow"],
  html .referral-section [class*="eyebrow"],
  html .final-cta [class*="eyebrow"],
  html .final-inner [class*="eyebrow"] {
    margin-bottom: 14px !important;
  }
}

/* =====================================================================
   SPERRUNG IST EINE FUNKTION DER GROESSE
   ---------------------------------------------------------------------
   Gemessen bei 375 Punkten:

     leistungen  p.shell            27px  -0,080em
     Startseite  image-bridge-lines 26px  -0,085em
     preise      p.shell            27px  -0,050em
     Startseite  h2 (bei 900)       45px  -0,058em
     Listen      strong             16px  -0,035 bis -0,050em

   Diese Werte sind fuer 80 bis 120 Punkte gemacht - dort zieht negative
   Sperrung eine grosse Zeile zusammen und wirkt souveraen. Mobil
   schrumpft die Schrift, der Wert bleibt relativ, und die Buchstaben
   beruehren sich. Bei 27 Punkten sind -0,08em gut zwei Punkte, die
   jedem Zeichen fehlen.

   Faustwerte: ab 60 Punkten vertraegt eine Displayschrift -0,05em,
   ab 40 noch -0,04, ab 28 nur -0,03, darunter -0,02.
   ===================================================================== */
@media (max-width: 860px) {
  html .image-bridge-lines,
  html .subpage-image-statement > p,
  html .pricing-photo-band > p,
  html .image-bridge-lines span {
    letter-spacing: -.018em !important;
  }
  html .large-copy, html .preise-lead { letter-spacing: -.012em !important; }
  html li strong, html dd strong, html .logo-name-card strong,
  html .offer-list strong, html .preis-pakete strong {
    letter-spacing: -.008em !important;
  }
  html h2, html .section-head h2, html .studio-sticky h2,
  html .faq-sticky h2, html .audience-section h2, html .final-cta h2,
  html .referral-grid h2, html .craft-section h2 {
    letter-spacing: -.028em !important;
  }
  html .weg-titel { letter-spacing: -.02em !important; }
}

/* Nachtrag: die Sektionsueberschrift traegt -0,058em aus dem Entwurf.
   Dieser Wert passt ab etwa 60 Punkten Schriftgroesse - erreicht wird
   sie erst bei rund 1380 Punkten Fensterbreite. Alles darunter ist zu
   eng, auch auf dem Tablet. */
@media (min-width: 861px) and (max-width: 1200px) {
  html h2, html .section-head h2, html .studio-sticky h2,
  html .faq-sticky h2, html .audience-section h2, html .final-cta h2,
  html .referral-grid h2, html .craft-section h2, html .pricing-heading h2,
  html .offer-heading h2, html .subpage-cta h2 {
    letter-spacing: -.032em !important;
  }
  html h3, html .faq-item h3, html .preis-betrieb h3, html .offer-list h3 {
    letter-spacing: -.018em !important;
  }
  html .studio-fakt, html .weg-titel { letter-spacing: -.015em !important; }
}

/* Die Sammelregel oben traf auch die 12 Punkte kleinen Ueberschriften
   im Fuss - dort ist jede negative Sperrung falsch. Und die Fettungen
   in den Listen standen bei -0,035em. */
@media (max-width: 1200px) {
  html footer h2, html .footer-top h2, html .subpage-footer-links h2,
  html .footer-top h4 { letter-spacing: .06em !important; }
  html strong { letter-spacing: -.006em !important; }
}


/* =====================================================================
   EINE STAFFEL STATT EINER SAMMLUNG
   ---------------------------------------------------------------------
   Gemessen auf der Startseite bei 375 Punkten, vorher:

     18 Schriftgroessen   50,5 · 29,5 · 28,75 · 25,5 · 21 · 19,75 · 18,5
                          · 16 · 15 · 14 · 13 · 12,75 · 12,5 · 11,75
                          · 11,5 · 11 · 10,5 · 9,25
     21 Sperrungen        davon NEUN allein fuer Kleinschrift unter
                          12,5 Punkten: 0,2 · 0,13 · 0,1 · 0,09 · 0,08
                          · 0,07 · 0,06 · 0,05 · 0,02em

   Neun Werte fuer dieselbe Rolle sind keine Vielfalt, sondern ein
   fehlendes System - dieselbe Sache wie die sechs Abstaende weiter
   oben. Zwei h2 mit 29,5 und 28,75 sind keine Entscheidung, sondern
   zwei Regeln, die nichts voneinander wissen.

   Hier steht eine Staffel. Nichts wird umgestaltet, nur zusammengelegt,
   was ohnehin dasselbe sein sollte. Groesster Sprung: die 9,25 Punkte
   der Galerie-Marke auf 10,9 - die waren zu klein zum Lesen.
   ===================================================================== */
@media (max-width: 860px) {

  /* --- Groessen: gleiche Rolle, gleicher Wert --------------------- */
  html h2 { font-size: 1.85rem !important; }          /* war 1,8 neben 1,85 */
  html .button-arrow { font-size: 1rem !important; }  /* war 11,75 / 14 / 16 */
  html .gallery-live, html .gallery-index,
  html .gallery-live span { font-size: .68rem !important; }

  /* --- Sperrung: eine Funktion der Groesse, sonst nichts ---------- */
  html .hero-copy h1, html .subpage-hero-content h1 { letter-spacing: -.03em !important; }
  html h2, html .section-head h2, html .studio-sticky h2,
  html .faq-sticky h2, html .audience-section h2, html .final-cta h2,
  html .referral-grid h2, html .craft-section h2, html .pricing-heading h2,
  html .offer-heading h2, html .subpage-cta h2 { letter-spacing: -.026em !important; }
  html .image-bridge-lines, html .image-bridge-lines span,
  html .subpage-image-statement > p,
  html .pricing-photo-band > p { letter-spacing: -.022em !important; }
  html h3, html .service-titel, html .weg-titel, html .audience-name,
  html .studio-fakt, html .faq-item h3, html .preis-betrieb h3,
  html .offer-list h3 { letter-spacing: -.016em !important; }
  html blockquote { letter-spacing: -.014em !important; }
  html strong, html .large-copy, html .preise-lead { letter-spacing: -.008em !important; }
  html p, html li, html dd, html .hero-lead { letter-spacing: 0 !important; }

  /* Ein Wert fuer alle Dachzeilen, Nummern und Marken. Vorher neun. */
  html .eyebrow, html [class*="eyebrow"], html .kicker,
  html .section-label, html .nav-cta-label,
  html .weg-nr, html .weg-label, html .weg-tat,
  html .studio-nr, html .service-nr, html .audience-nr,
  html .gallery-index, html .gallery-live,
  html .legal-section-number, html .subpage-hero-index span,
  html .zx-bahn-zahl, html .footer-bottom, html .subpage-footer-bottom,
  html .footer-top h4, html .subpage-footer-links h2,
  html .zc-eyebrow, html .zc-b {
    letter-spacing: .1em !important;
  }
  /* Kleintext, der keine Dachzeile ist, traegt die halbe Sperrung.
     Die Grenze verlaeuft nicht bei der Groesse, sondern bei der Rolle:
     gesperrte Versalien oben, gelesene Woerter hier. */
  html .text-link, html .button, html .service-preis,
  html .zc-txt, html .zc-txt a,
  html .footer-top a, html .footer-top span,
  html .subpage-footer-links a { letter-spacing: .02em !important; }

  /* Diese zwei sind Marken, keine Saetze - sie gehoeren nach oben.
     Die Sprachliste stand auf 0,13em, der Sprungpfeil auf 0,05em. */
  html .zx-langs a, html .hero-foot > a,
  html .hero-foot > a span { letter-spacing: .1em !important; }

  /* --- Kleinschrift: drei Werte fuer denselben Knopf ----------------
     .button stand im Kopf auf 11,5 und im Fuss auf 12,5 Punkten -
     dasselbe Bauteil, zwei Groessen. Fusszeile und Cookie-Hinweis
     lagen bei 12,8 und 13. Das sind vier Werte fuer zwei Rollen. */
  html .button { font-size: .78rem !important; }
  html .footer-top a, html .footer-top span,
  html .subpage-footer-links a, html .zc-txt { font-size: .78rem !important; }
  html .text-link { font-size: .72rem !important; }
}


/* =====================================================================
   DIE UNTERSEITEN, EINZELN NACHGEMESSEN
   ---------------------------------------------------------------------
   Die Staffel oben ist an der Startseite entstanden. Die Unterseiten
   haben eigene Bauteile, und die standen noch daneben:

     leistungen   Kopfzeile "01 / 08"        9,8 Punkte
     preise       Tabellenkopf START/KERN   -0,050em bei 24 Punkten
     anfragen     Schrittzeile "01 Bedarf"  10,2 Punkte
     anfragen     legend "Was brauchen Sie" -0,075em bei 49 Punkten
     mehrere      Preislink "ab 1.290 EUR"   0em, waehrend jeder andere
                                             Knopf 0,02em traegt

   -0,075em bei 49 Punkten sind 3,7 Punkte, die jedem Zeichen fehlen -
   der Wert stammt aus einem Entwurf fuer 120 Punkte. Und 9,8 Punkte
   Versalien in Monospace liest auf einem Telefon niemand.
   ===================================================================== */
@media (max-width: 860px) {

  /* --- Untergrenze: nichts unter 11 Punkten ----------------------- */
  html .subpage-hero-index, html .subpage-hero-index span,
  html .form-side-meta span, html .offer-note,
  html .gallery-index, html .gallery-live { font-size: .69rem !important; }

  /* --- Die Staffel gilt auch hier -------------------------------- */
  html .form-step > legend, html fieldset.form-step legend {
    letter-spacing: -.03em !important;
  }
  html .gruendung-tabelle th, html .preis-tabelle th {
    letter-spacing: -.022em !important;
  }

  /* Labels, Kopfzeilen und Nummern: gesperrte Versalien */
  html .gruendung-tabelle caption, html .gruendung-tabelle thead th,
  html .preis-betrieb dt, html .preis-hinweise dt,
  html .offer-list h3 small, html h3 > small,
  html .form-side-meta span, html .subpage-hero-index span {
    letter-spacing: .1em !important;
  }

  /* Gelesene Woerter: Knoepfe, Links, Hinweise, Zeiten */
  html .offer-list article > a, html .preis-pakete article > a,
  html .offer-list article > a i, html .field > small,
  html .check-field span, html .check-field span a,
  html .kontakt-zeiten span, html aside > a,
  html .subpage-footer-bottom span, html .subpage-footer-bottom a,
  html .subpage-footer-links span, html .subpage-footer-links div > span,
  html .offer-note, html .form-note, html .form-note a {
    letter-spacing: .02em !important;
  }
  html .rechtliche-liste dt { letter-spacing: .1em !important; }
}
/* === HERO: helles Bild, kleine Schrift ========================
   Drei Anlaeufe, ein Befund. Ein wirklich helles Motiv und weisse
   Schrift schliessen sich aus, solange die Ueberschrift die halbe
   Flaeche einnimmt: ueber 3500 gerechnete Schleier-Kombinationen
   haben es nicht geschafft, und jeder Schleier, der es fast schaffte,
   machte aus dem froehlichen Bild ein truebes.

   Die Aufloesung liegt in der kleinen Schrift. Ein kleiner Textblock
   braucht nur eine kleine ruhige Flaeche - und die findet sich auf
   einem hellen Bild von selbst. Also: Schrift in Tinte statt Weiss,
   klein, unten links. Das ist zugleich die Palette der Marke:
   Grund hell, Text schwarz, Orange als einziger Akzent.

   Gemessen bleiben 93 Prozent des Bildes voellig unangetastet.
   Nur oben liegt ein Cremeband, weil die Navigation quer ueber die
   volle Breite laeuft und dort der blaue Himmel steht.
   Gemessen bei 1440x900, 1920x1080, 1280x700, 768x1024 und 375x812,
   gegen die tatsaechlichen Textkaesten und die echten Bildpunkte:
   jede Zone haelt ihre Grenze mit mindestens 12 Prozent Reserve.
   Ueberschrift ab 4,3:1 (verlangt 3:1), Vorspann, Knoepfe,
   Navigation und Fussleiste ab 5,0:1 (verlangt 4,5:1).
   Die halbdurchsichtigen Tinten von vorher (0,62 bis 0,77) waren
   fuer weisse Schrift auf dunklem Grund gedacht und zu schwach.
   ============================================================= */
/* ============================================================
   HERO - echtes Foto, helle Schrift, gerichtete Kante.

   Vorbild ist die BRICK-&-TIDE-Demo: ein richtiges Bild, weisse
   Schrift, und statt eines flaechigen Schleiers ein Verlauf, der
   nur dort dunkelt, wo Text steht. Dort geht er bis 74 Prozent an
   der linken Kante; hier reichen 58.

   Das Grunddesign der Seite war von Anfang an hell auf dunkel
   (.hero{color:var(--white)}). Die schwarze Schrift kam erst durch
   meine Ebene dazu, weil das vorige Motiv eine weisse Salzflaeche
   war. Mit einem echten Bild faellt der Grund dafuer weg - also
   zurueck auf das eigene Design.

   Motiv: Wettersteinmassiv im Alpengluehen, Zugspitze rechts.
   7360x4912, davon 7360x4454 ab y=458. Der Ausschnitt setzt die
   Komposition: Wolkenband oben fuer die Navigation, die beleuchtete
   Wand in der oberen Haelfte, Wald und Tal unten links, wo die
   Ueberschrift steht. Das Warm des Alpengluehens ist dasselbe wie
   das Marken-Orange.

   Der Bedarf an Deckung liegt seitlich, nicht in der Hoehe -
   gemessen 13 bis 38 Prozent ueber die Textspalte. Deshalb ein
   90-Grad-Verlauf statt eines senkrechten: die rechte Seite mit
   Zugspitze und hellstem Alpengluehen bleibt vollstaendig
   unberuehrt. Dazu zwei schmale Kanten fuer Navigation und
   Fussleiste.

   Gemessen bei sechs Fensterformen, Creme auf Bild:
   Navigation 6,1 bis 8,5:1, Kopfzeile 3,8 bis 4,7:1 (3,0 gefordert,
   Grossschrift), Vorspann, Fussleiste und die orange dritte Zeile ebenfalls
   ueber der Grenze. Werte siehe Messung unten im Commit.
   Im Mittel bleiben 55 Prozent des Bildes unverdeckt, 16 Prozent
   voellig unberuehrt.

   Kein Filter, kein Colorgrade, keine Vergroesserung, kein
   Weichzeichner - das Bild steht 1:1 und scharf.
   ============================================================ */
.hero{color:var(--white)}
.designer-backdrop::after{content:none}
.designer-image-base::before{content:none!important;background:none!important}
.designer-image-base img{filter:none!important;transform:none!important;object-position:50% 50%}
.designer-image-base::after{content:""!important;position:absolute!important;inset:0!important;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#16120fa6 0%,#16120f98 9%,#16120f42 13%,#16120f00 17.5%),linear-gradient(to top,#16120f52 0%,#16120f00 11%),linear-gradient(90deg,#16120fb4 0%,#16120fa4 50%,#16120f8a 68%,#16120f00 80%)!important}
/* Die Fussleiste stand im Grunddesign auf 52 Prozent Deckkraft.
   Ueber einem Bild traegt das nicht - auf 90 gesetzt. */
.hero-foot{color:#fffdf8e6}
/* Satz: Ueberschrift und Vorspann fuellen als ein Block den Bereich
   unten links. Die Schriftgroesse haengt an der Feldbreite, nicht
   die Abstaende - so fuellt der Satz das Feld, ohne dass Zeilen
   auseinandergezogen oder Buchstaben gedehnt werden. */
.hero-grid{text-align:left}
.hero-copy{align-items:flex-start;justify-content:flex-end;margin-inline:0;max-width:none;gap:clamp(14px,1.8vh,22px);padding-bottom:clamp(26px,6vh,86px)}
.hero-copy{--feld:min(60vw,1240px);--spalte:clamp(270px,27vw,430px)}
.hero-copy h1{font-size:calc(var(--feld)/9.35)!important;line-height:1.04!important;white-space:normal!important;max-width:var(--feld);letter-spacing:-.01em!important;font-weight:500;text-align:left!important;text-align-last:left!important}
.hero-copy h1 span{display:inline;margin-left:0}
.hero-lead{margin:0;max-width:var(--feld);font-size:.95rem!important;line-height:1.6!important;text-align:left}
.hero-actions{justify-content:flex-start}
@media (max-width:860px){html .hero-copy h1{font-size:calc(var(--feld)/9.35)!important;line-height:1.06!important;white-space:normal!important;max-width:var(--feld)!important;letter-spacing:-.01em!important}html .hero-copy{--feld:calc(100vw - 40px)}html .hero-lead{max-width:var(--feld)!important;font-size:.92rem!important}html .hero-copy{padding-bottom:clamp(20px,4vh,52px)!important}}
/* Bildnachweis. CC BY 2.0 verlangt Namensnennung, also steht sie
   sichtbar auf der Seite. Als CSS-Inhalt auf dem ohnehin
   aria-hidden gesetzten Hintergrund - so bleibt der React-Baum
   unberuehrt und es gibt keinen Hydration-Konflikt. Die Platte
   traegt den Kontrast selbst, weil der Verlauf an der rechten
   Kante bei null liegt.

   inset muss ausdruecklich zurueckgesetzt werden: die urspruengliche
   Regel auf .designer-backdrop::after setzt inset:0. Nur right und
   bottom zu setzen laesst top:0 und left:0 stehen - dann spannt sich
   die Platte ueber den ganzen Hero und verdeckt das Bild. Genau das
   war in v29 und v30 live. */
.designer-backdrop::after{content:"Foto Andreas Kretschmer \00b7 CC BY 2.0 \00b7 Wikimedia Commons"!important;position:absolute!important;inset:auto!important;top:auto!important;left:auto!important;width:max-content!important;height:auto!important;max-width:calc(100% - 28px);right:0!important;bottom:clamp(76px,9vh,108px)!important;z-index:3;padding:5px clamp(14px,2vw,28px) 5px 44px;font-family:var(--mono);font-size:.54rem;letter-spacing:.07em;line-height:1;color:#fffdf8d1;pointer-events:none;background:linear-gradient(90deg,#16120f00 0%,#16120fc4 34%,#16120fc4 100%)}
@media (max-width:860px){.designer-backdrop::after{inset:auto!important;right:0!important;bottom:clamp(64px,7vh,84px);font-size:.5rem;padding-left:34px}}
/* ============================================================
   Alle Elemente im Hero eine Stufe kleiner, rund 13 Prozent.
   Durchgehend dasselbe Mass, damit die Verhaeltnisse stimmen.

   Zwei Grenzen bleiben unberuehrt:
   - Antippflaechen nicht unter 44 Punkte. Die Knoepfe gehen von
     50 auf 44 und halten damit genau.
   - Die Wortmarke nicht unter 120 Punkte Breite, sonst faellt der
     Ring des Signets unter ein Punkt und rendert ausgefranst.
     Der untere Anschlag bleibt deshalb bei 126; nur der obere
     geht von 154 auf 138.
   ============================================================ */
.nav{min-height:84px}
.hero .brand img{width:clamp(126px,9.1vw,138px)}
.nav-links{gap:32px;font-size:.64rem}
.hero .button-nav{min-height:44px;padding:4px 5px 4px 17px}
.hero .button,.hero-actions .button{min-height:44px;gap:15px;padding:5px 5px 5px 17px;font-size:.66rem}
.hero .button-arrow{width:38px;height:38px;flex:0 0 38px;font-size:.86rem}
.hero-copy h1{font-size:calc(var(--feld)/11)!important}
.hero-lead{font-size:.86rem!important}
.hero-foot{min-height:58px;font-size:.57rem}
@media (min-width:861px){.nav{min-height:94px}.nav-links{gap:40px}}
@media (max-width:860px){
html .nav{min-height:74px!important}
html .hero .brand img{width:clamp(126px,29vw,132px)!important}
html .hero-copy h1{font-size:calc(var(--feld)/11)!important}
html .hero-lead{font-size:.84rem!important}
html .hero-foot{min-height:52px;font-size:.54rem}
}
/* ============================================================
   Drei Befunde aus der Messung an der lebenden Seite.

   1. "FORMT" stand auf 36 Prozent Deckkraft - im Grunddesign als
      gedaempftes Mittelwort gedacht. Ueber dem Bild ergab das 1,68
      bis 2,83:1, also unter der Grenze auf jeder Fensterform. Auf
      67 Prozent gehoben; das Wort bleibt sichtbar zurueckgenommen
      und traegt jetzt mit 3,30 bis 5,83:1.

   2. Der Seitenverlauf endete bei 80 Prozent Breite hart. Auf
      schmalen Fenstern sind das nur 45 Punkte Uebergang - im Himmel
      stand eine sichtbare senkrechte Kante. Der Auslauf verteilt
      sich jetzt ueber 34 Prozent der Breite.

   3. Auf schmalen Fenstern laeuft der Vorspann ueber die volle
      Breite, also auch dorthin, wo der Seitenverlauf bei null liegt:
      gemessen 2,40:1 bei 768 Punkten. Dort traegt kein Seitenverlauf,
      sondern einer von unten ueber die ganze Breite. Das Bild ist auf
      schmalen Fenstern ohnehin auf eine schmale Spalte beschnitten -
      eine linke und eine rechte Seite gibt es dort nicht.
   ============================================================ */
.hero-copy h1 span:nth-child(2){color:#fffdf8ab}
.designer-image-base::after{background:linear-gradient(to bottom,#16120fa6 0%,#16120f98 9%,#16120f42 13%,#16120f00 17.5%),linear-gradient(to top,#16120f52 0%,#16120f00 11%),linear-gradient(90deg,#16120fb4 0%,#16120fa4 50%,#16120f8e 66%,#16120f48 80%,#16120f14 90%,#16120f00 100%)!important}
@media (max-width:860px){
.designer-image-base::after{background:linear-gradient(to bottom,#16120fa6 0%,#16120f98 9%,#16120f42 13%,#16120f00 17.5%),linear-gradient(to top,#16120f9e 0%,#16120f94 25%,#16120f82 50%,#16120f00 62%)!important}
/* Der Nachweis sass oben: inset:auto!important in der mobilen Regel
   kam nach bottom:...!important aus der breiten und hat es geschlagen.
   Auf schmalen Fenstern steht er jetzt links unten - rechts sitzen
   dort der Scroll-Hinweis und der runde Knopf. */
.designer-backdrop::after{inset:auto!important;left:0!important;right:auto!important;bottom:clamp(88px,11vh,116px)!important;padding:5px 30px 5px clamp(12px,4vw,20px)!important;background:linear-gradient(270deg,#16120f00 0%,#16120fc4 34%,#16120fc4 100%)!important}
}
/* ============================================================
   Bildnachweis raus aus dem Hero, rein ins Impressum.

   Ganz entfallen darf er nicht: das Foto steht unter CC BY 2.0,
   und die Lizenz verlangt die Namensnennung. Ohne sie nutzen wir
   das Bild unlizenziert.

   .footer-bottom gibt es nur auf der Startseite - die Unterseiten
   fuehren .subpage-footer-bottom, ein eigener Klassenname. Der
   Nachweis steht damit genau auf der Seite, auf der das Bild liegt,
   und taucht nicht unter den AGB auf.

   Der Nachweis stand danach kurz in der Fussleiste. Er steht jetzt
   im Impressum unter "Bildnachweis", Abschnitt 08, in allen neun
   Sprachfassungen - mit Urheber, Quelle, Lizenz samt URI und dem
   Hinweis auf die Bearbeitung, wie CC BY es verlangt.
   ============================================================ */
.designer-backdrop::after{content:none!important;display:none!important;background:none!important;padding:0!important}
@media (max-width:860px){.designer-backdrop::after{content:none!important;display:none!important;background:none!important}}
/* Der Satz in der Fussleiste des Hero raus.

   Das Raster ist 1fr auto 1fr: der Satz sass in der ersten Spalte,
   der Scroll-Hinweis in der mittleren. Ohne Zuweisung wuerde der
   Hinweis nach dem Ausblenden in die erste Spalte rutschen, also
   bekommt er die zweite ausdruecklich.

   Der Satz ist jetzt aus dem Quelltext entfernt, nicht nur
   ausgeblendet: das <p> in allen neun index.html, der jsx-Knoten in
   allen neun Chunk-Varianten und der Schluessel hero.meta in allen
   neun Sprachobjekten des Woerterbuchs. In der eingebetteten
   Nutzlast kam er nicht vor - die Startseite wird aus dem Chunk
   gerendert, nicht aus einer Nutzlast-Zeile.

   Auf schmalen Fenstern rueckt der Hinweis zusaetzlich nach links.
   Der runde Knopf von mila liegt fest unten rechts bei x 311 bis 359
   mit z-index 9999; SCROLL stand bei 302 bis 355 und lag damit 44
   Punkte darunter. In der ersten Rasterspalte steht es bei x 20 und
   ist frei. */
.hero-foot a{grid-column:2}
@media (max-width:860px){.hero-foot a{grid-column:1;justify-self:start}}
.testphase{background:var(--orange);color:var(--ink);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px 6px;font-weight:500;line-height:1}
.testphase-notiz{align-items:baseline;gap:14px;margin-top:20px;display:flex}
.testphase-notiz .testphase{font-size:.63rem}
.testphase-notiz .testphase-satz{color:var(--muted);max-width:58ch;margin:0;font-size:.88rem;line-height:1.5}
.pricing-section-dark .testphase-notiz{margin:0 0 46px}
.pricing-section-dark .testphase-notiz .testphase-satz{color:#fffdf8c7}
.care-price-grid .testphase-notiz{flex-direction:column;align-items:flex-start;gap:10px;margin-top:26px}
.offer-list article:hover .testphase,.offer-list article.is-featured .testphase{background:var(--ink);color:var(--white)}
.offer-list article:hover .testphase-notiz .testphase-satz,.offer-list article.is-featured .testphase-notiz .testphase-satz{color:var(--ink)}
@media (max-width:860px){.testphase-notiz{flex-direction:column;align-items:flex-start;gap:10px}}