/* Subpage art direction: one editorial system for Leistungen, Studio and Kontakt. */
.subpage{background:#eee7d8;color:#193735}
.subpage .topbar{background:#193735;color:#eee7d8;border-bottom-color:rgba(238,231,216,.25)}
.subpage-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:calc(100svh - 110px);background:#193735;color:#eee7d8}
.subpage-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(65px,8vw,130px) clamp(26px,5.5vw,92px) clamp(70px,8vw,120px) clamp(26px,4vw,64px)}
.subpage-kicker{color:#d3ad67;margin-bottom:30px}
.subpage-hero h1{font-size:clamp(52px,6.6vw,108px);line-height:.86;letter-spacing:-.1em;font-weight:500;margin:0 0 32px;max-width:720px}
.subpage-hero h1 em,.subpage-intro h2 em,.studio-story-copy h2 em,.studio-principles h2 em,.subpage-cta h2 em{font-style:normal;color:#d3ad67}
.subpage-hero-copy>p{max-width:350px;color:rgba(238,231,216,.72);font-size:16px;margin:0 0 34px}
.subpage-hero-copy .ref-text-link{align-self:flex-start;color:#eee7d8}
.subpage-hero-visual{position:relative;min-height:540px;margin:0;overflow:hidden;background:#42514a}
.subpage-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,38,35,.03),rgba(16,38,35,.58))}
.subpage-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.08);transform:scale(1.02);animation:subpageHeroIn 1.2s cubic-bezier(.2,.75,.2,1) both}
.subpage-hero-visual figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:23px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#eee7d8;font-size:12px}.subpage-hero-visual figcaption .mono{color:#d3ad67}
.subpage-intro,.contact-intro{display:grid;grid-template-columns:.8fr 2fr;gap:10vw;padding-top:142px;padding-bottom:132px}
.subpage-intro-label{max-width:250px;padding-top:6px}.subpage-intro-label .mono{color:#66736b}.subpage-intro-label p{color:#66736b;font-size:14px;margin:24px 0 0}.subpage-intro h2,.contact-intro h2{font-size:clamp(47px,6vw,88px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:0}
.service-detail{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;padding-bottom:160px}.service-detail-side{align-self:start;position:sticky;top:126px}.service-detail-side>.mono{color:#66736b}.service-detail-side p{max-width:240px;color:#66736b;font-size:14px;margin:24px 0 30px}.service-detail-list{border-top:1px solid rgba(25,55,53,.26)}
.service-detail-row{display:grid;grid-template-columns:54px 1fr 38px;gap:20px;align-items:start;border-bottom:1px solid rgba(25,55,53,.26);padding:29px 0 31px;transition:padding .35s cubic-bezier(.2,.75,.2,1),background-color .25s,box-shadow .25s}.service-detail-row:hover{padding-left:18px;padding-right:12px;background:rgba(211,173,103,.18);box-shadow:inset 4px 0 #d3ad67}.service-detail-number{font:11px/1 "Courier New",monospace;letter-spacing:.08em;color:#66736b;padding-top:7px}.service-detail-row h3{font-size:clamp(27px,3vw,44px);font-weight:500;letter-spacing:-.08em;line-height:.92;margin:0 0 11px}.service-detail-row p{color:#66736b;font-size:14px;max-width:520px;margin:0}.service-row-arrow{justify-self:end;border:1px solid rgba(25,55,53,.35);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:16px;transition:transform .3s,background-color .25s}.service-detail-row:hover .service-row-arrow{transform:translate(2px,-2px) rotate(45deg);background:#d3ad67;border-color:#d3ad67}
.subpage-cta{background:#193735;color:#eee7d8;padding:112px 0 118px}.subpage-cta-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}.subpage-cta .mono{color:#d3ad67}.subpage-cta h2{font-size:clamp(46px,5.7vw,82px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:16px 0 0}.subpage-cta .ref-button{flex:none;background:#eee7d8;color:#193735}.subpage-cta .ref-button:hover{background:#d3ad67}
.studio-story{display:grid;grid-template-columns:1.06fr .94fr;gap:10vw;padding-bottom:154px}.studio-story-image{height:610px;position:relative;margin:0;overflow:hidden;background:#c2c3b9}.studio-story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(25,55,53,.58))}.studio-story-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.58);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.studio-story-image:hover img{transform:scale(1.045)}.studio-story-image .mono{position:absolute;z-index:1;left:22px;bottom:20px;color:#eee7d8}.studio-story-copy{align-self:center}.studio-story-copy>.mono,.studio-principles-head>.mono{color:#66736b}.studio-story-copy h2{font-size:clamp(43px,5.1vw,75px);line-height:.9;letter-spacing:-.09em;font-weight:500;margin:17px 0 30px}.studio-story-copy p{max-width:410px;color:#66736b;font-size:15px;margin:0 0 22px}.studio-story-copy .ghost-link{margin-top:14px}.studio-principles{background:#193735;color:#eee7d8;padding:134px 0 145px}.studio-principles-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;margin-bottom:66px}.studio-principles-head>.mono{color:#d3ad67;padding-top:8px}.studio-principles h2{font-size:clamp(47px,5.8vw,84px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(238,231,216,.28)}.principles-grid article{padding:24px 32px 0 0;border-right:1px solid rgba(238,231,216,.28);margin-right:32px}.principles-grid article:last-child{border-right:0;margin-right:0}.principles-grid .mono{color:#d3ad67}.principles-grid h3{font-size:25px;font-weight:500;letter-spacing:-.06em;margin:30px 0 11px}.principles-grid p{color:rgba(238,231,216,.65);font-size:14px;max-width:260px;margin:0}
.contact-intro{padding-bottom:112px}.contact-work{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;padding-bottom:148px}.contact-note{align-self:start}.contact-note>.mono,.form-heading>.mono{color:#66736b}.contact-note h3{font-size:clamp(29px,3.4vw,49px);line-height:.92;letter-spacing:-.08em;font-weight:500;margin:19px 0 23px}.contact-note>p{max-width:260px;color:#66736b;font-size:14px;margin:0}.demo-contact{border-top:1px solid rgba(25,55,53,.26);margin-top:54px;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.demo-contact a{font-size:22px;letter-spacing:-.05em;border-bottom:1px solid currentColor;padding-bottom:5px}.demo-contact small{color:#66736b;font-size:11px}.contact-form{max-width:none;border-top:1px solid rgba(25,55,53,.26)}.form-heading{display:flex;justify-content:space-between;gap:20px;padding:18px 0 10px}.form-heading p{color:#66736b;font-size:12px;margin:0}.contact-form .field{grid-template-columns:112px 1fr;padding:24px 0;border-bottom:1px solid rgba(25,55,53,.26)}.contact-form .field label{color:#66736b}.contact-form .field input,.contact-form .field textarea{font-size:17px;padding:8px 0}.contact-form .field textarea{min-height:150px}.contact-form .field input::placeholder,.contact-form .field textarea::placeholder{color:rgba(102,115,107,.6)}.contact-form .submit-row{padding-top:25px}.contact-form .submit{background:#193735;color:#eee7d8;border-color:#193735}.contact-form .submit:hover{background:#d3ad67;color:#193735;border-color:#d3ad67}.contact-form .submit span{font-size:17px;margin-left:20px}.contact-next{border-top:1px solid rgba(25,55,53,.26);padding:25px 0 32px}.contact-next-inner{display:flex;justify-content:space-between;gap:30px}.contact-next-inner>.mono{color:#66736b;padding-top:6px}.contact-next-inner>div{display:flex;gap:28px;flex-wrap:wrap}.contact-next-inner a{font-size:13px;border-bottom:1px solid rgba(25,55,53,.4);padding-bottom:6px}.contact-next-inner b{font-size:16px;font-weight:400;margin-left:12px}
.ref-final-inner[data-reveal]{position:relative;padding-top:25px;transition:opacity .75s ease-out,transform .9s cubic-bezier(.22,.8,.2,1)}.ref-final-inner[data-reveal]:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#193735;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,.8,.2,1) .16s}.ref-final-inner[data-reveal].visible:before{transform:scaleX(1)}
@keyframes subpageHeroIn{from{opacity:.45;transform:scale(1.1)}to{opacity:1;transform:scale(1.02)}}
@media(max-width:800px){.subpage-hero{display:flex;flex-direction:column;min-height:0}.subpage-hero-copy{padding:78px 20px 70px}.subpage-kicker{margin-bottom:25px}.subpage-hero h1{font-size:clamp(50px,14vw,86px);margin-bottom:27px}.subpage-hero-copy>p{font-size:15px}.subpage-hero-visual{min-height:56svh;height:500px}.subpage-hero-visual figcaption{left:20px;right:20px;bottom:19px;display:block}.subpage-hero-visual figcaption span{display:block;margin-top:5px}.subpage-intro,.contact-intro{display:block;padding-top:91px;padding-bottom:88px}.subpage-intro-label{max-width:290px;margin-bottom:43px}.subpage-intro h2,.contact-intro h2{font-size:clamp(47px,13vw,76px)}.service-detail{display:block;padding-bottom:94px}.service-detail-side{position:static;margin-bottom:44px}.service-detail-side p{max-width:290px}.service-detail-row{grid-template-columns:38px 1fr 30px;gap:12px;padding:24px 0 26px}.service-detail-row:hover{padding-left:10px;padding-right:5px}.service-detail-row h3{font-size:31px}.service-detail-row p{font-size:13px}.subpage-cta{padding:85px 0 90px}.subpage-cta-inner{display:block}.subpage-cta h2{font-size:clamp(46px,13vw,76px)}.subpage-cta .ref-button{margin-top:44px}.studio-story{display:flex;flex-direction:column;padding-bottom:95px;gap:43px}.studio-story-image{height:470px;width:100%}.studio-story-copy h2{font-size:clamp(43px,12vw,70px)}.studio-story-copy p{font-size:14px}.studio-principles{padding:90px 0 94px}.studio-principles-head{display:block;margin-bottom:45px}.studio-principles h2{font-size:clamp(47px,13vw,77px);margin-top:17px}.principles-grid{display:block}.principles-grid article{border-right:0;border-bottom:1px solid rgba(238,231,216,.28);margin:0;padding:24px 0 28px}.principles-grid article:last-child{border-bottom:0}.principles-grid h3{margin:20px 0 8px}.contact-intro{padding-bottom:86px}.contact-work{display:block;padding-bottom:88px}.contact-note{margin-bottom:54px}.demo-contact{margin-top:38px}.contact-form .field{grid-template-columns:1fr;gap:7px}.contact-form .field label{padding-top:0}.contact-form .submit-row{display:block}.contact-form .submit{margin-top:18px}.contact-next-inner{display:block}.contact-next-inner>div{margin-top:20px;gap:17px;display:grid}.ref-final-inner[data-reveal]{padding-top:20px}.ref-final-inner[data-reveal]:before{transition-duration:.8s}}
@media(prefers-reduced-motion:reduce){.subpage-hero-visual img,.studio-story-image img{animation:none;transition:none}.ref-final-inner[data-reveal],.ref-final-inner[data-reveal]:before{transition:none}}

/* Content depth pass: distinct, clearly labelled demo content for projects and studio. */
.project-dossiers{padding-bottom:160px}.project-dossiers-head,.about-section-head{display:grid;grid-template-columns:1fr .72fr;gap:10vw;align-items:end;margin-bottom:74px}.project-dossiers-head .mono,.about-section-head .mono,.project-note-inner .mono,.about-values-head .mono{color:#66736b}.project-dossiers-head h2,.about-section-head h2{font-size:clamp(47px,5.8vw,84px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:17px 0 0}.project-dossiers-head h2 em,.about-section-head h2 em,.project-note-inner h2 em,.about-values-head h2 em{font-style:normal;color:#d3ad67}.project-dossiers-head>p,.about-section-head>p{max-width:330px;color:#66736b;font-size:14px;margin:0 0 2px}.project-dossier{display:grid;grid-template-columns:1.08fr .92fr;gap:10vw;align-items:center;padding-bottom:150px}.project-dossier-reverse figure{order:2}.project-dossier-reverse .project-dossier-copy{order:1}.project-dossier figure{position:relative;height:560px;margin:0;overflow:hidden;background:#c5c4ba}.project-dossier figure:after,.about-story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(25,55,53,.62))}.project-dossier figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .45s}.project-dossier:hover figure img{transform:scale(1.045);filter:saturate(.86)}.project-dossier figcaption,.about-story-image figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:18px;color:#eee7d8;font-size:12px}.project-dossier figcaption .mono,.about-story-image figcaption .mono{color:#d3ad67}.project-dossier-copy>.mono{color:#66736b}.project-dossier-copy h3{font-size:clamp(44px,5.1vw,76px);line-height:.9;letter-spacing:-.09em;font-weight:500;margin:18px 0 24px}.project-dossier-copy p{max-width:430px;color:#66736b;font-size:15px;margin:0 0 20px}.project-dossier-copy .project-lede{color:#193735;font-size:19px;line-height:1.28;max-width:440px}.project-dossier-copy dl{border-top:1px solid rgba(25,55,53,.25);margin:34px 0 0;max-width:440px}.project-dossier-copy dl div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid rgba(25,55,53,.2);font-size:12px}.project-dossier-copy dt{font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:.08em;color:#66736b}.project-dossier-copy dd{margin:0;color:#193735}.project-note-band{background:#d3ad67;color:#193735;padding:108px 0 116px}.project-note-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.project-note-inner h2{font-size:clamp(46px,5.7vw,82px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:17px 0 0}.project-note-inner>p{max-width:320px;font-size:15px;margin:0}.about-story{display:grid;grid-template-columns:1.06fr .94fr;gap:10vw;padding-bottom:154px}.about-story-image{height:580px;position:relative;margin:0;overflow:hidden;background:#c2c3b9}.about-story-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.58);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.about-story-image:hover img{transform:scale(1.045)}.about-story-copy{align-self:center}.about-story-copy>.mono{color:#66736b}.about-story-copy h2{font-size:clamp(43px,5.1vw,75px);line-height:.9;letter-spacing:-.09em;font-weight:500;margin:17px 0 30px}.about-story-copy h2 em{font-style:normal;color:#d3ad67}.about-story-copy p{max-width:410px;color:#66736b;font-size:15px;margin:0 0 22px}.about-team{background:#193735;color:#eee7d8;padding:135px 0 150px}.about-section-head>p{color:rgba(238,231,216,.65)}.about-section-head h2 em{color:#d3ad67}.about-section-head .mono{color:#d3ad67}.about-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-team-grid article{border-top:1px solid rgba(238,231,216,.3);padding-top:21px}.about-team-grid figure{height:320px;margin:0 0 23px;overflow:hidden;background:#52645d}.about-team-grid figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.45);transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s}.about-team-grid article:hover figure img{transform:scale(1.045);filter:saturate(.72)}.about-team-grid .mono{color:#d3ad67}.about-team-grid h3{font-size:25px;letter-spacing:-.06em;font-weight:500;margin:17px 0 10px}.about-team-grid p{max-width:270px;color:rgba(238,231,216,.65);font-size:14px;margin:0}.about-values{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;padding-top:140px;padding-bottom:150px}.about-values-head h2{font-size:clamp(44px,5.5vw,80px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:18px 0 0}.about-values-list{border-top:1px solid rgba(25,55,53,.26)}.about-values-list article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px 0 29px;border-bottom:1px solid rgba(25,55,53,.26)}.about-values-list article>.mono{color:#66736b;padding-top:5px}.about-values-list h3{font-size:28px;letter-spacing:-.07em;font-weight:500;margin:0 0 8px}.about-values-list p{color:#66736b;font-size:14px;margin:0}
@media(max-width:800px){.project-dossiers{padding-bottom:92px}.project-dossiers-head,.about-section-head{display:block;margin-bottom:48px}.project-dossiers-head h2,.about-section-head h2{font-size:clamp(47px,13vw,77px)}.project-dossiers-head>p,.about-section-head>p{margin-top:27px}.project-dossier,.about-story{display:flex;flex-direction:column;gap:43px;padding-bottom:94px}.project-dossier-reverse figure,.project-dossier-reverse .project-dossier-copy{order:initial}.project-dossier figure{height:470px;width:100%}.project-dossier-copy h3{font-size:clamp(44px,12vw,70px)}.project-dossier-copy .project-lede{font-size:17px}.project-dossier-copy dl{margin-top:28px}.project-dossier-copy dl div{grid-template-columns:112px 1fr}.project-note-band{padding:86px 0 92px}.project-note-inner{display:block}.project-note-inner h2{font-size:clamp(46px,13vw,76px)}.project-note-inner>p{margin-top:38px}.about-story{padding-bottom:94px}.about-story-image{height:470px;width:100%}.about-story-copy h2{font-size:clamp(43px,12vw,70px)}.about-team{padding:90px 0 94px}.about-team-grid{display:block}.about-team-grid article{margin-bottom:42px}.about-team-grid article:last-child{margin-bottom:0}.about-team-grid figure{height:360px}.about-values{display:block;padding-top:90px;padding-bottom:100px}.about-values-head h2{font-size:clamp(44px,13vw,75px);margin-bottom:48px}.about-values-list article{grid-template-columns:42px 1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.project-dossier figure img,.about-story-image img,.about-team-grid figure img{transition:none}}

/* Fictional-demo notice stays in the fixed contact bar and page copy, not on the imagery. */
.ref-hero-media figcaption,
.ref-transition-visual figcaption,
.ref-feature-image figcaption,
.subpage-hero-visual figcaption,
.project-dossier figcaption,
.about-story-image figcaption,
.team-image > .mono,
.studio-story-image > .mono,
.about-story-image > .mono,
.ref-project-card > .mono,
.about-team article > .mono { display:none !important; }
