:root{--o:#ff5a18;--ink:#11130f;--cream:#f1eee6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial;background:var(--cream);color:var(--ink)}a{color:inherit;text-decoration:none}header{position:absolute;z-index:2;width:100%;height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff44}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1}.brand b{font:32px 'Archivo Black';color:var(--o)}nav{display:flex;gap:32px;font-size:13px;font-weight:800}.outline{padding:12px 16px;border:1px solid #ffffff88;font-weight:800;font-size:13px}.hero{min-height:780px;background:var(--ink);color:#fff;display:grid;grid-template-columns:55% 45%}.hero-copy{padding:150px 6vw 60px 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.index{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow:before{content:"";width:30px;height:3px;background:var(--o);display:inline-block;margin-right:12px;vertical-align:middle}h1,h2{font-family:'Archivo Black';font-weight:400;line-height:.88;letter-spacing:-.055em;margin:30px 0}h1{font-size:clamp(60px,8vw,120px)}h1 em,.contact em{color:var(--o);font-style:normal}.lead{color:#c8cbc3;max-width:650px;font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin:28px 0 50px;font-weight:800;font-size:13px}.button{background:var(--o);padding:18px 22px;display:inline-block}.trust{display:flex;gap:34px;border-top:1px solid #3d3e39;padding-top:22px;color:#8b8e86;font-size:10px;text-transform:uppercase}.trust b{display:block;color:#fff;font-size:14px;margin-bottom:5px}.hero-photo{background:linear-gradient(to top,#000b,transparent 45%),url('images/brunnenhof-zuerich.jpg') center/cover;position:relative}.hero-photo>span{position:absolute;right:25px;top:120px;background:#d7ff31;color:#111;padding:9px;font-size:10px;font-weight:800}.hero-photo>div{position:absolute;bottom:40px;left:35px}.hero-photo>div b{font:28px 'Archivo Black';display:block}.hero-photo small{color:#ddd}.light,.dark{padding:100px 5vw}.light h2,.dark h2{font-size:clamp(48px,6vw,92px)}h2 i{font-style:normal;color:transparent;-webkit-text-stroke:1.5px currentColor}.index{color:#777}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:60px 0}.intro strong{font-size:28px;line-height:1.35}.intro p{color:#60635b;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb}.features article{padding:30px 8% 10px 0;border-right:1px solid #bbb}.features article+article{padding-left:8%}.features article>b,.projects small{color:var(--o);font-size:10px;letter-spacing:.13em}.features h3{margin-top:35px}.features p,.projects p,ol p{color:#74776f;line-height:1.6;font-size:13px}.dark{background:#1b1d18;color:#fff}.projects{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:22px;margin-top:55px}.projects img{width:100%;height:390px;object-fit:cover;margin-bottom:18px}.projects a:first-child img{height:470px}.projects h3{text-transform:uppercase;font-size:21px;margin:8px 0}.process{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.process .index{grid-column:1/-1}.process h2{font-size:clamp(45px,5vw,78px)}ol{list-style:none;margin:0;padding:0}ol li{display:grid;grid-template-columns:45px 1fr;border-top:1px solid #bbb;padding:24px 0}ol li>b{color:var(--o);font-size:11px}ol h3{margin:0 0 7px}.contact{background:var(--o);color:#fff;padding:85px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:20px 6vw}.contact .index{grid-column:1/-1;color:#51230f}.contact h2{font-size:clamp(62px,8vw,115px);grid-row:2/5}.contact em{color:var(--ink)}.contact>p:not(.index){align-self:end;max-width:500px;line-height:1.7}.contact>div{display:flex;align-items:center;gap:25px;font-weight:800}.black{background:var(--ink)}footer{background:#0e100d;color:#fff;padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:13px}footer p{color:#898c84;line-height:1.7}footer img{width:150px;filter:grayscale(1) brightness(3)}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.hero-photo{min-height:480px}.intro,.process,.contact{grid-template-columns:1fr}.features,.projects{grid-template-columns:1fr}.projects img,.projects a:first-child img{height:380px}.contact h2{grid-row:auto}.contact .index,.process .index{grid-column:auto}}
@media(max-width:560px){header{height:74px}.outline{font-size:10px;padding:9px}.hero-copy,.light,.dark,.contact{padding-left:22px;padding-right:22px}.hero-copy{padding-top:120px}.trust{flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:20px}.features{grid-template-columns:1fr}.features article,.features article+article{padding:24px 0;border-right:0}.contact>div{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;padding:45px 22px}}
.header-right{display:flex;align-items:center;gap:14px}.header-right img{width:92px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.by{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#aaa}@media(max-width:850px){.by{display:none}}@media(max-width:560px){.header-right img{width:68px}.header-right .outline{display:none}}
.hero-photo{background-image:linear-gradient(to top,#000b,transparent 45%),url('images/heerenschuerli.jpg')}
.operator-badge{display:flex;align-items:center;gap:12px;background:#f5f3ee;padding:8px 12px;color:#666}.operator-badge span{font-size:9px;white-space:nowrap}.operator-badge img{width:104px;height:32px;filter:invert(1)}@media(max-width:850px){.operator-badge span{display:none}}@media(max-width:560px){.operator-badge{padding:7px 9px}.operator-badge img{width:78px;height:26px}}
.company{padding:100px 5vw;background:#d9ff35;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.company h2{font-size:clamp(48px,6vw,92px)}.company-copy{padding-top:50px}.company-copy>strong{display:block;font-size:26px;line-height:1.35;margin-bottom:25px}.company-copy>p{color:#42453e;line-height:1.75;font-size:15px}.company-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #879a28;margin:35px 0 28px;padding-top:25px}.company-facts span{font-size:11px;line-height:1.5;color:#58631d}.company-facts b{display:block;color:#111;font-size:13px;margin-bottom:5px}@media(max-width:850px){.company{grid-template-columns:1fr}.company-copy{padding-top:0}}@media(max-width:560px){.company{padding:75px 22px}.company-facts{grid-template-columns:1fr}}
.expertise{padding:100px 5vw}.expertise-head{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}.expertise-head .index{grid-column:1/-1}.expertise-head h2{font-size:clamp(48px,6vw,90px)}.expertise-head>p:last-child{align-self:end;color:#5d6058;line-height:1.7}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bbb;margin-top:55px;border:1px solid #bbb}.expertise-grid article{background:#f1eee6;padding:34px}.expertise-grid span{color:var(--o);font-size:10px;font-weight:800}.expertise-grid h3{margin-top:32px}.expertise-grid p,.materials p{color:#656860;line-height:1.65;font-size:14px}.materials{background:#191b17;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:60px;margin-top:50px}.materials h3{font:40px/1 'Archivo Black'}.materials-list>div{border-top:1px solid #4a4c47;padding:18px 0}.materials-list b{color:#d9ff35}.materials-list p{color:#aaa}.benefits{margin-top:55px}.benefits>h3{font:28px 'Archivo Black'}.benefits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #bbb;padding-top:24px}.benefits span{font-size:13px;color:#666}.benefits b{display:block;color:#111;font-size:16px;margin-bottom:8px}@media(max-width:850px){.expertise-head,.materials{grid-template-columns:1fr}.expertise-grid,.benefits>div{grid-template-columns:1fr}}@media(max-width:560px){.expertise{padding:75px 22px}.materials{margin-left:-22px;margin-right:-22px;padding:42px 22px}}
.gallery{padding:100px 5vw;background:#191b17;color:#fff}.gallery-head{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw}.gallery-head .index{grid-column:1/-1}.gallery-head h2{font-size:clamp(48px,6vw,90px)}.gallery-head>p:last-child{align-self:end;color:#a4a69f;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:55px}.gallery-grid figure{margin:0;grid-column:span 4}.gallery-grid figure:nth-child(1),.gallery-grid figure:nth-child(6),.gallery-grid figure:nth-child(10){grid-column:span 8}.gallery-grid img{width:100%;height:340px;object-fit:cover}.gallery-grid figure:nth-child(1) img,.gallery-grid figure:nth-child(6) img,.gallery-grid figure:nth-child(10) img{height:470px}.gallery-grid figcaption{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#777b73;margin-top:9px}@media(max-width:850px){.gallery-head{grid-template-columns:1fr}.gallery-grid figure,.gallery-grid figure:nth-child(1),.gallery-grid figure:nth-child(6),.gallery-grid figure:nth-child(10){grid-column:span 6}.gallery-grid img,.gallery-grid figure:nth-child(1) img,.gallery-grid figure:nth-child(6) img,.gallery-grid figure:nth-child(10) img{height:320px}}@media(max-width:560px){.gallery{padding:75px 22px}.gallery-grid figure,.gallery-grid figure:nth-child(1),.gallery-grid figure:nth-child(6),.gallery-grid figure:nth-child(10){grid-column:1/-1}.gallery-grid img,.gallery-grid figure:nth-child(1) img,.gallery-grid figure:nth-child(6) img,.gallery-grid figure:nth-child(10) img{height:280px}}
.hero-photo{background-image:linear-gradient(to top,#000b,transparent 45%),url('images/radiostudio-zuerich/parkour-radiostudio-zuerich-gesamtanlage-07.webp')}
.heerenschuerli-gallery{background:#10120e;border-top:1px solid #30332d}.heerenschuerli-gallery .index{color:#c8ff00}
.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.projects img,.projects a:first-child img{height:430px}.schoenenbueel-gallery{background:#191b17;border-top:1px solid #30332d}.schoenenbueel-gallery .index{color:var(--o)}.schoenenbueel-gallery .gallery-grid figure,.schoenenbueel-gallery .gallery-grid figure:nth-child(1),.schoenenbueel-gallery .gallery-grid figure:nth-child(2){grid-column:span 6}.schoenenbueel-gallery .gallery-grid img,.schoenenbueel-gallery .gallery-grid figure:nth-child(1) img{height:430px}
.service-area{padding:100px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.service-area h2{font-size:clamp(48px,5.5vw,88px)}.service-area-copy>p{font-size:18px;line-height:1.7;color:#555850;margin:45px 0}.area-groups{border-top:1px solid #bbb}.area-groups article{padding:22px 0;border-bottom:1px solid #bbb}.area-groups b{display:block;text-transform:uppercase;font-size:13px;margin-bottom:8px}.area-groups span{color:#686b63;line-height:1.6;font-size:14px}@media(max-width:850px){.service-area{grid-template-columns:1fr}}
.contact{align-items:start}.contact h2{grid-row:auto}.contact-side{padding-top:38px}.contact-side>p{font-size:18px;line-height:1.6}.contact-form{background:#fff;color:var(--ink);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:0;border-bottom:1px solid #bbb;background:#f5f3ed;padding:13px 12px;font:inherit}.contact-form>label:not(.consent){margin-top:20px}.contact-form .consent{display:flex;gap:9px;margin:20px 0;text-transform:none;font-weight:400}.contact-form .consent input{width:auto;margin-top:3px}.form-footer{display:flex;align-items:center;gap:24px}.form-footer button{border:0;cursor:pointer}.contact-form small{display:block;color:#666;margin-top:16px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.contact-form{padding:22px}}
.contact>.contact-side{display:block}
footer img{width:250px;filter:none;justify-self:end;align-self:center}
.operator-badge{padding:5px 9px}.operator-badge img{width:132px;height:50px;filter:none;object-fit:contain}@media(max-width:560px){.operator-badge img{width:100px;height:38px}}
.operator-badge{background:transparent;padding:0}.operator-badge a{display:flex;align-items:center;gap:9px}.operator-badge img{width:118px;height:auto;filter:none}.operator-badge strong{color:var(--orange);font-size:10px;letter-spacing:.14em}.operator{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.operator span{color:#858880;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.operator img{width:190px;max-width:100%;height:auto}.contact-side,.contact-form{min-width:0}.form-footer{flex-wrap:wrap}.form-footer button{background:var(--ink);color:#fff;white-space:nowrap}.form-footer>a{white-space:nowrap}@media(max-width:700px){.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%;min-width:0}.form-footer>a{font-size:18px}}@media(max-width:560px){.operator-badge img{width:92px}.operator-badge strong{display:none}}
.contact-intro{padding-bottom:95px}.contact-prompt{align-self:end;max-width:560px}.contact-prompt p{font-size:19px;line-height:1.65}.contact-prompt a{display:inline-flex;gap:42px;border-bottom:2px solid #fff;padding:12px 0;font-weight:900}.contact-panel{background:#ece9e1;padding:105px 5vw 120px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:start}.contact-panel-head h2{font-family:var(--display);font-size:clamp(46px,5vw,78px);line-height:.92;margin:28px 0}.contact-panel-head h2 span{color:var(--orange)}.contact-panel-head>p:last-child{color:#5f625b;font-size:17px;line-height:1.65}.contact-panel .contact-form{box-shadow:0 18px 50px #12131017;padding:38px}@media(max-width:900px){.contact-panel{grid-template-columns:1fr;gap:35px;padding:80px 5vw}}@media(max-width:580px){.contact-panel{padding:65px 5vw 75px}.contact-panel .contact-form{padding:22px}}
h2 i{color:currentColor;-webkit-text-stroke:0;text-stroke:0}
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-panel{border-top:8px solid var(--orange)}
.sales-flyer{min-height:790px;background:#11130f;color:#fff;padding:135px 5vw 65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;overflow:hidden}.flyer-mark{display:inline-block;background:var(--o);color:#11130f;font:34px 'Archivo Black';padding:12px 14px;margin-bottom:28px}.sales-flyer h1{font-size:clamp(54px,6.3vw,104px)}.sales-flyer h1 em{color:#d9ff35;font-style:normal}.flyer-copy>p:not(.eyebrow){color:#c9ccc3;font-size:18px;line-height:1.65}.flyer-proof{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.flyer-proof span{border:1px solid #50534b;padding:9px 12px;font-size:10px;font-weight:900;text-transform:uppercase}.flyer-button{background:var(--o);margin-top:6px}.flyer-copy small{display:block;margin-top:18px;color:#7f827a}.flyer-visual{position:relative;min-height:590px}.flyer-visual figure{position:absolute;margin:0;overflow:hidden;border:10px solid var(--cream)}.flyer-visual img{width:100%;height:100%;object-fit:cover}.flyer-main{inset:0 16% 13% 0;transform:rotate(-2deg)}.flyer-side{width:45%;height:43%;right:0;bottom:0;transform:rotate(3deg)}.flyer-visual figcaption{position:absolute;left:0;bottom:0;background:var(--cream);color:#111;padding:9px 12px;font-size:10px;font-weight:900}.flyer-stamp{position:absolute;right:2%;top:3%;width:135px;height:135px;border-radius:50%;background:#d9ff35;color:#111;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(8deg);z-index:2}.flyer-stamp b{font:38px 'Archivo Black'}.flyer-stamp span{font-size:9px;font-weight:900}.hero .hero-title{font:clamp(60px,8vw,120px) 'Archivo Black';line-height:.88;letter-spacing:-.055em;margin:30px 0}.hero .hero-title em{color:var(--o);font-style:normal}@media(max-width:900px){.sales-flyer{grid-template-columns:1fr;padding-top:125px}.flyer-visual{min-height:500px}}@media(max-width:580px){.sales-flyer{padding:115px 22px 55px}.sales-flyer h1{font-size:48px}.flyer-visual{min-height:380px}.flyer-stamp{width:100px;height:100px}}
.unified-hero{min-height:900px;grid-template-columns:48% 52%;align-items:stretch}.unified-hero .hero-copy{padding-top:145px}.unified-hero h1{font-size:clamp(66px,7.4vw,122px)}.unified-hero h1 em{color:#d9ff35}.hero-flyer{margin:0;padding:125px 5vw 55px 1.5vw;background:#20221e;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-flyer img{position:relative;width:auto;max-width:100%;height:min(72vw,720px);object-fit:contain;box-shadow:0 30px 80px #0007;transform:rotate(1deg)}.hero-flyer figcaption{position:absolute;right:5vw;bottom:28px;color:#9da097;font-size:10px;font-weight:900;text-transform:uppercase}@media(max-width:900px){.unified-hero{grid-template-columns:1fr}.unified-hero .hero-copy{padding-top:135px}.hero-flyer{padding:55px 5vw}.hero-flyer img{height:auto;max-height:850px}}@media(max-width:580px){.unified-hero h1{font-size:54px}.hero-flyer{padding:35px 22px 55px}.hero-flyer img{width:100%;transform:none}}.form-status p{margin:18px 0 0;padding:14px 16px;font-size:14px;font-weight:800}.form-status .success{background:#d9ff35;color:#111}.form-status .error{background:#ffe0d5;color:#8a2400}
.unified-hero{min-height:780px;grid-template-columns:58% 42%;overflow:hidden}.hero-flyer{padding:125px 4vw 65px;background:radial-gradient(circle at 50% 42%,#30332b 0,#20221e 52%,#171915 100%)}.hero-flyer:before{content:"KUNDENFLYER";position:absolute;top:105px;left:50%;transform:translateX(-50%);color:#d9ff35;font-size:10px;font-weight:900;letter-spacing:.2em}.hero-flyer img{width:clamp(245px,21vw,340px);max-width:82%;height:auto;max-height:none;padding:9px;background:#f1eee6;border:1px solid #ffffff55;box-shadow:0 24px 65px #0009;transform:rotate(1deg);transition:transform .35s}.hero-flyer:hover img{transform:rotate(0) translateY(-5px)}.hero-flyer figcaption{left:50%;right:auto;bottom:38px;transform:translateX(-50%);white-space:nowrap}@media(max-width:900px){.unified-hero{grid-template-columns:1fr}.hero-flyer{min-height:650px;padding:90px 5vw 70px}.hero-flyer:before{top:55px}.hero-flyer img{width:min(340px,75vw);max-width:75vw}}@media(max-width:580px){.hero-flyer{min-height:535px}.hero-flyer img{width:min(280px,78vw);max-width:78vw}}