/* Shared markup retains the spacious desktop layout. */
.mobile-copy,.mobile-host-photo{display:none}
.responsive-disclosure>summary{list-style:none;position:relative}
.responsive-disclosure>summary::-webkit-details-marker{display:none}
.contact-grid{row-gap:0}.contact-info{grid-column:1;grid-row:2}
.contact-grid>form{grid-column:2;grid-row:1 / span 2}
.contact-info>summary,.model-disclosure>summary{display:none}
@media(min-width:761px){.catalogue-group>summary{cursor:default}}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  body{font-size:14px;line-height:1.65}
  .wrap,header{width:calc(100% - 40px)}
  header{min-height:72px;gap:12px;background:var(--paper)}
  header .brand{font-size:21px;gap:9px}
  header .brand-seal{width:34px;height:34px}
  header .brand small{font-size:7px;letter-spacing:.08em;margin-top:5px}
  .mobile-menu>summary{min-width:64px;min-height:44px;font-size:11px;gap:9px}
  .mobile-links{left:-20px;width:calc(100% + 40px);padding:12px 20px 20px}
  .mobile-links a{min-height:48px;font-size:14px}
  section{padding:36px 0}
  .desktop-copy{display:none!important}
  .mobile-copy{display:block}
  .button.mobile-copy{display:inline-flex}
  .hero{padding:32px 0 30px;display:block}
  .hero .eyebrow{margin-bottom:16px;font-size:9px;letter-spacing:.12em}
  .hero h1{font-size:clamp(44px,12vw,58px);line-height:1.04;margin:0}
  .hero .intro{font-size:14px;line-height:1.65;margin:18px 0 22px}
  .hero-actions{display:block}
  .hero-actions>.button{width:100%;font-size:13px}
  .hero-actions>.text-link,.hero-bottom,.hero-visual{display:none}
  .button{min-height:48px;padding:13px 18px;font-size:12px}
  .home-discover{padding:0 0 28px;gap:0}
  .discover-link{padding:22px 0;position:relative}
  .home-discover .eyebrow{font-size:8px;letter-spacing:.12em}
  .discover-link h2{font-size:30px;margin:8px 0 6px;line-height:1.12}
  .discover-link p{font-size:13px;margin-bottom:7px}
  .home-discover .text-link{font-size:12px;padding:9px 0;min-height:40px}
  .discover-link:has(.mobile-host-photo){display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:20px;align-content:center;margin-top:8px}
  .mobile-host-photo{display:block;grid-column:1;grid-row:1 / span 4;width:108px;height:auto;align-self:center}
  .discover-link:has(.mobile-host-photo)>:not(img){grid-column:2}
  .discover-link:has(.mobile-host-photo) h2{font-size:28px}
  .discover-link:has(.mobile-host-photo) p{display:none}
  .home-closing{padding:25px 0 34px;gap:18px}
  .home-closing .eyebrow{display:none}
  .home-closing h2{font-size:33px}
  .home-closing .button{width:100%}
  .angebot-page h1,.ueber-mich-page h1,.kontakt-page h1,.portfolio-heading h1{font-size:44px;line-height:1.08}
  h2,.faq h2{font-size:34px}
  .section-head{gap:12px;margin-bottom:16px}
  .catalogue-intro{font-size:14px;margin:0 0 25px}
  .catalogue-grid{gap:0}
  .catalogue-group{padding:0;border-color:var(--line)}
  .catalogue-group:last-child{border-bottom:1px solid var(--line)}
  .catalogue-group>summary{padding:20px 34px 20px 0;min-height:78px}
  .catalogue-group .service-top{display:none}
  .catalogue-group h3{font-size:29px;margin:0;line-height:1.25}
  .disclosure-icon{position:absolute;right:2px;top:50%;width:14px;height:14px;transform:translateY(-50%)}
  .disclosure-icon:before,.disclosure-icon:after{content:'';position:absolute;background:var(--copper)}
  .disclosure-icon:before{width:14px;height:1px;top:6px;left:0}
  .disclosure-icon:after{width:1px;height:14px;top:0;left:6px}
  details[open]>summary .disclosure-icon:after{display:none}
  .catalogue-list{padding-bottom:15px}
  .catalogue-list li{gap:12px;min-height:52px}
  .catalogue-item{font-size:13px;padding:15px 0}
  .pricing-note{padding:20px;margin-top:24px;gap:16px}
  .pricing-note p{font-size:12px}
  .pricing-note strong{font-size:13px}
  .pricing-note .button{font-size:12px}
  .ueber-mich-page .about{padding:32px 0;gap:24px}
  .about .eyebrow{font-size:9px;margin-bottom:12px}
  .ueber-mich-page h1{margin-bottom:16px}
  .about p{font-size:14px;line-height:1.7;margin-bottom:20px}
  .nitika-portrait{max-width:350px}
  .model-disclosure{margin-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .model-disclosure>summary,.contact-info>summary{display:block;padding:18px 28px 18px 0;font-size:14px;min-height:56px}
  .ueber-mich-page .model{padding:24px 20px;margin:0 0 20px;gap:22px}
  .model h2{font-size:34px}.model .eyebrow{display:none}.model p{margin-top:16px;font-size:13px}
  .model .button{width:100%}.step{padding:18px 0;gap:12px}.step p{font-size:12px}
  .contact-grid{display:flex;flex-direction:column;gap:22px}
  .contact-copy{order:0}.contact-grid>form{order:1}.contact-info{order:2;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .contact .eyebrow{font-size:9px;margin-bottom:12px}
  .contact-copy p{font-size:14px;margin:16px 0 0}
  .contact-info p{font-size:13px;margin:16px 0}.contact-info .button{width:100%}
  form{padding:24px 18px;gap:18px;width:100%;min-width:0}
  label{font-size:12px;line-height:1.5}
  .consent,.review-consent{font-size:11px}.form-note{font-size:11px!important}
  .kontakt-page .faq{padding-top:28px;padding-bottom:36px}.faq h2{margin-bottom:22px}.faq details{font-size:14px;padding:18px 0}.faq details p{font-size:13px}
  .portfolio-hero{padding:32px 0 24px}.portfolio-hero>.eyebrow{margin-bottom:14px}.portfolio-heading{gap:16px}.portfolio-description{font-size:14px}
  .instagram-section{padding:28px 0;gap:22px}.instagram-intro h2{font-size:34px;margin-bottom:16px}.instagram-intro .eyebrow{display:none}.instagram-intro p{font-size:13px}.instagram-intro .profile-link{font-size:12px}
  .instagram-frame-wrap{padding:10px}.instagram-profile{height:520px}.portfolio-closing h2{font-size:34px}
  .write-review{gap:22px}.write-review p{font-size:13px}.reviews-section{padding:24px 0}
  footer{padding:28px 20px;gap:16px}footer .brand{font-size:23px}footer .brand-seal{width:34px;height:34px}footer p{display:none}footer a{display:inline-block;font-size:11px;padding:10px 0}
}