:root{--white:#fff;--milk:#faf8f5;--ink:#171411;--champ:#b28a68;--line:#e5dbd1;--muted:#756b64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(23px,6vw,100px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.97);z-index:40;backdrop-filter:blur(12px)}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0}.brand .brand-mask{height:42px;filter:none}.brand .brand-text{width:160px}.top-links{display:flex;align-items:center;gap:clamp(12px,2.5vw,40px)}.top-links button{border:0;background:transparent;padding:10px 1px;font:10px Arial,sans-serif;letter-spacing:.22em;color:#41362e}.top-links button:hover,.top-links button.active{color:#a67b57}.menu-btn{display:flex;align-items:center;gap:12px;border:0;background:transparent;font:10px Arial,sans-serif;letter-spacing:.2em}.hamb{font-size:23px;font-weight:200;line-height:1}.view{display:none;min-height:calc(100vh - 84px);animation:enter .6s both}.view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}.container{width:min(1280px,calc(100% - 9vw));margin:auto}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.35em;text-transform:uppercase;color:var(--champ)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(65px,9.5vw,148px);font-weight:400;line-height:.88;letter-spacing:-.065em;margin:18px 0 26px}h2{font-size:clamp(38px,5.6vw,74px);font-weight:400;line-height:1.05;letter-spacing:-.045em}h3{font-size:clamp(27px,3.5vw,45px);font-weight:400;line-height:1.08}.lead{font-size:clamp(16px,1.8vw,20px);line-height:1.75;color:#5f554d;max-width:570px}.btn{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:18px 24px;font:11px Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;transition:all .25s}.btn.outline{background:transparent;color:var(--ink)}.btn:hover{background:var(--champ);border-color:var(--champ);color:#fff}.arrow{font-size:20px;font-family:Georgia;letter-spacing:0}.space{height:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{margin-bottom:0}.image{display:block;width:100%;object-fit:cover;filter:saturate(.72)}.project-image{height:clamp(260px,36vw,460px)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{cursor:pointer}.tile .image{height:clamp(230px,28vw,360px);transition:transform .4s}.tile .frame{overflow:hidden}.tile:hover .image{transform:scale(1.035)}.tile-meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.tile-meta strong{font-weight:400;font-size:23px}.tile-meta small{font:10px Arial,sans-serif;letter-spacing:.16em;color:#a48265;margin-top:6px}.hero{padding:clamp(68px,9vw,120px) 0 68px}.hero-flex{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hero .hero-photo{height:clamp(430px,50vw,620px)}.hero-copy{max-width:620px}.hero-copy h1{font-size:clamp(68px,9vw,130px)}.divider{height:1px;background:var(--line);margin:48px 0}.statement{padding:80px 0;text-align:center}.statement p{font-size:clamp(26px,4vw,54px);font-style:italic;max-width:850px;margin:auto;line-height:1.3}.services{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.service{padding:32px 5px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.service:nth-child(odd){padding-right:38px}.service:nth-child(even){padding-left:38px}.service h3{font-size:clamp(26px,3vw,36px);margin:0}.service p{font:13px Arial,sans-serif;color:var(--muted);line-height:1.7;margin:12px 0 0}.service span{font-size:27px;color:var(--champ)}.cta{padding:96px 0;text-align:center;background:var(--milk);margin-top:85px}.cta h2{max-width:850px;margin:17px auto 27px}.intro{min-height:calc(100svh - 84px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 40px;text-align:center;position:relative;overflow:hidden}.intro-mark{width:clamp(175px,24vw,300px);border:0;background:none;perspective:1100px}.intro-mark img{width:100%;display:block}.intro-mark.animate img{animation:flipzoom 1.35s cubic-bezier(.22,.67,.15,1)}@keyframes flipzoom{0%{transform:rotateY(0) scale(1)}18%{transform:rotateY(0) scale(1.09)}65%{transform:rotateY(260deg) scale(1.13)}100%{transform:rotateY(360deg) scale(1)}}.intro-word{width:min(560px,85vw);margin:0 auto}.intro-tag{font:11px Arial,sans-serif;letter-spacing:.42em;margin:17px 0 60px}.intro-hint{font:10px Arial,sans-serif;letter-spacing:.3em;color:var(--champ)}.intro.open .intro-mark{transition:transform 1s;transform:scale(.68) translateY(-35px)}.intro.open .intro-word{transition:transform 1s;transform:scale(.83) translateY(-27px)}.worlds{display:none;margin-top:30px;align-items:center;gap:clamp(20px,7vw,90px)}.intro.open .worlds{display:flex;animation:enter .9s}.world-choice{background:transparent;border:0;border-bottom:1px solid #c4a78c;padding:8px 15px 19px;min-width:145px}.world-choice strong{display:block;font-size:clamp(34px,5vw,62px);font-weight:400;letter-spacing:.035em}.world-choice small{font:10px Arial,sans-serif;letter-spacing:.12em;color:#967559}.intro.open .intro-hint{display:none}.world-title{font:11px Arial,sans-serif;letter-spacing:.33em;color:#85674d}.menu-overlay{position:fixed;inset:0;background:#fff;z-index:90;padding:30px clamp(28px,7vw,120px);display:none;overflow-y:auto}.menu-overlay.open{display:block;animation:enter .3s}.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.menu-overlay nav{display:flex;flex-direction:column;gap:8px;margin:clamp(40px,7vw,90px) 0 48px}.menu-overlay nav button{background:none;border:0;text-align:left;font:normal clamp(45px,8vw,105px)/1.05 Georgia,serif;letter-spacing:-.05em;padding:4px 0}.menu-overlay nav button:hover{color:var(--champ)}.menu-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;gap:25px;flex-wrap:wrap;font:11px Arial,sans-serif;letter-spacing:.15em;color:#856d58}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:90px 0;align-items:center}.about-columns img{height:570px}.about-columns p{line-height:1.9;color:#6b6057}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding:90px 0 120px}.form-wrap h1{font-size:clamp(58px,7vw,110px)}.contact-form{display:grid;gap:29px}.field{display:flex;flex-direction:column;gap:12px}.field label{font:10px Arial,sans-serif;letter-spacing:.22em;color:#765940}.field input,.field textarea,.field select{border:0;border-bottom:1px solid #cbbcac;border-radius:0;padding:11px 0 14px;background:transparent;font:16px Georgia,serif;color:#181511;outline:none;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8f6748}.field textarea{height:108px;resize:vertical}.form-note{font:12px Arial,sans-serif;line-height:1.6;color:#73675e}.legal-wrap{padding:80px 0 110px;max-width:780px}.legal-wrap h1{font-size:clamp(56px,7.5vw,110px)}.legal-wrap h3{font-size:29px;margin-top:60px}.legal-wrap p{line-height:1.8;color:#60564d}.legal-alert{border-left:2px solid var(--champ);padding:18px 24px;background:#faf6f1;font:14px/1.7 Arial,sans-serif;color:#6a513e}.footer{border-top:1px solid var(--line);padding:45px clamp(25px,6vw,100px) 30px;background:#fff}.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot-logo{width:210px}.footlinks,.socials{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footlinks button{background:transparent;border:0;font:10px Arial,sans-serif;letter-spacing:.15em;color:#554a42}.footlinks button:hover{color:var(--champ)}.socials a{width:22px;height:22px;display:inline-flex}.socials svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.foot-bottom{margin-top:34px;display:flex;justify-content:space-between;color:#948477;font:10px Arial,sans-serif;letter-spacing:.13em}.label-chip{display:inline-block;background:#f1e6db;color:#967051;padding:8px 12px;font:10px Arial,sans-serif;letter-spacing:.1em}.photohint{font:11px Arial,sans-serif;color:#8a7667;padding-top:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-two .image{height:clamp(260px,40vw,500px)}.home-view .site-header{border-bottom:none;background:transparent;backdrop-filter:none}.home-view .site-header .brand,.home-view .site-header .top-links{display:none}.home-view .footer{display:none}.home-view .intro-tag,.home-view .intro-hint{display:none}.home-view .intro{min-height:100svh;padding-top:0;padding-bottom:0}.home-view .intro-mark{width:clamp(220px,28vw,340px)}.home-view .intro-word{width:min(720px,92vw)}.home-view .intro.open .intro-mark{transform:scale(.68) translateY(-35px)}.home-view .intro.open .intro-word{transform:scale(.83) translateY(-27px)}@media(max-width:960px){.top-links{display:none}.hero-flex{grid-template-columns:1fr;gap:40px}.hero .hero-photo{height:430px}.tiles{grid-template-columns:1fr 1fr}.form-wrap{grid-template-columns:1fr;gap:55px}.about-columns{grid-template-columns:1fr;gap:40px}.about-columns img{height:390px}.service:nth-child(even),.service:nth-child(odd){padding-left:0;padding-right:18px}}@media(max-width:600px){.site-header{height:69px}.brand .brand-mask{height:34px}.brand .brand-text{width:115px}.hero{padding-top:55px}.hero-copy h1{font-size:78px}.tiles{grid-template-columns:1fr}.tile .image{height:350px}.services{grid-template-columns:1fr}.worlds{gap:8px}.world-choice{min-width:115px}.world-choice strong{font-size:38px}.intro{min-height:calc(100svh - 69px)}.intro-tag{font-size:9px;letter-spacing:.23em}.grid-two{grid-template-columns:1fr}.container{width:calc(100% - 40px)}.section-head{align-items:start}.footer{padding:35px 22px}.foot-bottom{gap:14px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Intro: logo only, no header until the two worlds are revealed */
.home-view:not(.worlds-open) .site-header{display:none}
.home-view .site-header{border-bottom:0;background:rgba(255,255,255,.96)}
.home-view .site-header .brand,.home-view .site-header .top-links{display:none}
.home-view .intro-tag{display:block;margin:17px 0 36px;color:#171411}
.home-view .intro-hint{display:block;color:#b28a68;letter-spacing:.29em}
.home-view .intro.open .intro-hint{display:none}
.intro-mark{cursor:pointer;transition:transform .36s ease,filter .36s ease}
.intro-mark:hover:not(.animate){transform:translateY(-6px) scale(1.065);filter:drop-shadow(0 12px 18px rgba(178,138,104,.14))}
.intro-mark img{transition:transform .36s ease}
.intro-mark:hover:not(.animate) img{transform:rotate(-3deg)}
.home-view .footer{display:none}
.foot-top{justify-content:flex-end}
.foot-bottom{justify-content:flex-end}
@media(max-width:600px){.home-view .intro-tag{font-size:9px;letter-spacing:.23em;margin-bottom:28px}}

/* v4: Home navigation under logo only */
.home-view .site-header{display:none !important}
.home-view .intro{min-height:100svh;padding-top:0;padding-bottom:0}
.home-view .intro-tag{display:block;margin:17px 0 36px;color:#171411}
.home-view .intro-hint{display:block;color:#b28a68;letter-spacing:.29em}
.home-view .intro.open .intro-hint{display:none}
.home-view .intro-mark{cursor:pointer;transition:transform .36s ease,filter .36s ease}
.home-view .intro-mark:hover:not(.animate){transform:translateY(-6px) scale(1.065);filter:drop-shadow(0 12px 18px rgba(178,138,104,.14))}
.home-view .intro-mark img{transition:transform .36s ease}
.home-view .intro-mark:hover:not(.animate) img{transform:rotate(-3deg)}
.worlds{display:none;margin-top:34px;flex-direction:column;align-items:center;gap:18px}
.intro.open .worlds{display:flex;animation:enter .9s}
.home-nav-main{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4.6vw,56px);flex-wrap:wrap}
.home-link{background:none;border:0;padding:0;font:11px Arial,sans-serif;letter-spacing:.34em;color:#171411;text-transform:uppercase}
.home-link:hover,.home-sub-link:hover{color:#ad8360}
.home-nav-sub{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.home-sub-link,.home-nav-sub span{background:none;border:0;padding:0;font:10px Arial,sans-serif;letter-spacing:.24em;color:#8f725a;text-transform:uppercase}
.home-view .footer{display:none}
.foot-top,.foot-bottom{justify-content:flex-end}
@media(max-width:600px){.home-nav-main{gap:16px 20px}.home-link{font-size:10px;letter-spacing:.25em}.home-sub-link,.home-nav-sub span{font-size:9px;letter-spacing:.16em}}

/* MASQUIARA v5 – editorial navigation polish */
.home-view .intro{padding-inline:24px}
.home-view .intro-mark{width:clamp(215px,25vw,315px)}
.home-view .intro-word{width:min(690px,88vw)}
.home-view .intro-tag{margin:19px 0 35px;letter-spacing:.34em;font-size:10px}
.home-view .intro-hint{font-size:10px;letter-spacing:.32em;animation:hint-breathe 3s ease-in-out infinite}
@keyframes hint-breathe{0%,100%{opacity:.52}50%{opacity:1}}
.home-view .intro.open .intro-mark{transform:scale(.72) translateY(-30px)}
.home-view .intro.open .intro-word{transform:scale(.88) translateY(-24px)}
.home-view .intro.open .intro-tag{margin-bottom:8px}
.home-view .worlds{margin-top:34px;gap:30px;width:min(850px,94vw)}
.home-nav-main{width:100%;border-top:1px solid #e4d8ca;border-bottom:1px solid #e4d8ca;gap:clamp(18px,4vw,58px);padding:25px 10px 23px}
.home-link{font-family:Georgia,'Times New Roman',serif;font-size:clamp(13px,1.35vw,17px);letter-spacing:.16em;position:relative;padding:6px 0;color:#241e1a;transition:color .25s}
.home-link::after{content:'';position:absolute;bottom:-3px;left:50%;width:0;height:1px;background:#b28a68;transition:width .25s,left .25s}
.home-link:hover::after,.home-link:focus-visible::after{left:0;width:100%}
.home-nav-sub{gap:17px}
.home-sub-link,.home-nav-sub span{font:9px Arial,sans-serif;letter-spacing:.22em;color:#a99786}
.home-sub-link:hover,.home-sub-link:focus-visible{color:#8b694c}
.home-link:focus-visible,.home-sub-link:focus-visible{outline:2px solid #b28a68;outline-offset:7px}
@media(max-width:600px){.home-view .intro-mark{width:min(215px,43vw)}.home-view .intro-word{width:min(520px,84vw)}.home-view .worlds{gap:23px;margin-top:22px}.home-nav-main{gap:15px 23px;padding:19px 8px}.home-link{font-size:13px;letter-spacing:.09em}.home-view .intro-tag{font-size:9px;letter-spacing:.2em}.home-sub-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-view .intro-hint{animation:none}}

/* v6: social icons + consistent champagne dot spacing */
.sep-dot{display:inline-block;margin:0 .58em;color:var(--champ);line-height:1;transform:translateY(-.02em)}
.home-social{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:-2px}
.home-social a{display:grid;place-items:center;width:34px;height:34px;color:var(--champ);transition:transform .22s ease,color .22s ease,opacity .22s ease;opacity:.96}
.home-social a:hover{transform:translateY(-2px);color:#9d7655;opacity:1}
.home-social svg{width:18px;height:18px;stroke:currentColor}
.home-sub-link{transition:color .22s ease}
.home-view .worlds{gap:24px}
@media(max-width:600px){.home-social{gap:14px}.home-social a{width:30px;height:30px}.home-social svg{width:16px;height:16px}.sep-dot{margin:0 .45em}}

/* V7 – gezielter Feinschliff NUR auf Unterseiten.
   Der animierte Einstieg, das Menü und die Socials bleiben unverändert. */

/* Bildbühne: mehr Freiraum, größeres Motiv und weniger Konkurrenz durch Text. */
.view:not(#home) .container.hero {
  padding-top: clamp(64px, 7vw, 100px);
  padding-bottom: clamp(78px, 10vw, 142px);
}
.view:not(#home) .hero-flex {
  grid-template-columns: minmax(0, .77fr) minmax(0, 1.23fr);
  gap: clamp(44px, 8vw, 130px);
}
.view:not(#home) .hero .hero-photo {
  height: clamp(530px, 58vw, 730px);
}
.view:not(#home) .hero-copy {
  max-width: 430px;
}
.view:not(#home) .hero-copy h1 {
  font-size: clamp(70px, 7.8vw, 108px);
  margin-bottom: 32px;
}
.view:not(#home) .lead {
  max-width: 460px;
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.85;
}
.view:not(#home) .hero-copy .btn {
  margin-top: 17px;
}

/* Weniger kleinteilige Signale, Bilder statt Etiketten. */
.view:not(#home) .section-head {
  margin-bottom: 36px;
}
.view:not(#home) .section-head > .eyebrow {
  display: none;
}
.view:not(#home) .tile-meta small {
  display: none;
}
.view:not(#home) .tile-meta {
  margin-top: 20px;
}
.view:not(#home) .tile-meta strong {
  font-size: 21px;
}
.view:not(#home) .tiles {
  gap: clamp(24px, 3.5vw, 48px);
}
.view:not(#home) .tile .image {
  height: clamp(320px, 33vw, 475px);
}
.view:not(#home) .grid-two {
  gap: clamp(24px, 4vw, 54px);
}
.view:not(#home) .photohint {
  font-size: 10px;
  color: #a69a90;
}

/* Sektionen erhalten Luft und bleiben klar. */
.view:not(#home) .statement {
  padding: 112px 0;
}
.view:not(#home) .services {
  margin-top: 30px;
}
.view:not(#home) .service {
  padding-top: 42px;
  padding-bottom: 42px;
}
.view:not(#home) .service span {
  color: #cbb39e;
  font-size: 18px;
}
.view:not(#home) .cta {
  margin-top: 116px;
  padding: 110px 0;
}

/* Das gleiche typografische Punkt-System für alle Seitenüberschriften. */
.view:not(#home) h1 > span[style*="var(--champ)"] {
  display: inline-block;
  margin-left: .19em;
  letter-spacing: 0;
}

/* Besonders Chiara: Punkt klar getrennt vom letzten Buchstaben. */
#about h1 > span[style*="var(--champ)"] {
  margin-left: .24em;
}
#about .about-columns {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(48px, 9vw, 135px);
  padding-top: 110px;
  padding-bottom: 120px;
}
#about .about-columns img {
  height: clamp(520px, 55vw, 720px);
}
#about .about-columns p:not(.lead) {
  font-size: 16px;
  line-height: 2;
}

/* Kontakt und Legal lesbar, aber weniger dicht. */
#contact .form-wrap {
  gap: 12%;
  padding-top: 115px;
}
#contact .contact-form {
  gap: 34px;
}

@media(max-width:960px) {
  .view:not(#home) .hero-flex,
  #about .about-columns {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .view:not(#home) .hero .hero-photo {
    height: clamp(400px, 70vw, 650px);
  }
  #about .about-columns img {
    height: clamp(420px, 70vw, 580px);
  }
}
@media(max-width:600px) {
  .view:not(#home) .container.hero {
    padding-top: 66px;
    padding-bottom: 85px;
  }
  .view:not(#home) .hero-copy h1 {
    font-size: clamp(58px, 14vw, 76px);
  }
  .view:not(#home) .tile .image {
    height: 390px;
  }
  .view:not(#home) .statement {
    padding: 75px 0;
  }
  #about .about-columns {
    padding-top: 74px;
    padding-bottom: 85px;
  }
  #contact .form-wrap {
    padding-top: 72px;
  }
}


/* V8: editorial minimalism – only interior pages */
/* Keep wordmark and its champagne dot together regardless of viewport. */
#beauty .hero-copy h1{font-size:clamp(51px,6.9vw,94px)!important;letter-spacing:-.075em;white-space:nowrap;line-height:1.12}
#beauty .hero-copy h1 span{margin-left:.10em!important;white-space:nowrap}
@media(max-width:600px){#beauty .hero-copy h1{font-size:clamp(49px,13.4vw,75px)!important}}
@media(max-width:390px){#beauty .hero-copy h1{font-size:12.6vw!important}}
/* Fewer design elements and quieter hierarchy: photographs become the stars. */
.view:not(#home) .hero-copy .eyebrow{font-size:9px;letter-spacing:.28em;color:#a99a8b}
.view:not(#home) .hero-copy .lead{font-size:16px;line-height:1.8;color:#817469;max-width:390px}
.view:not(#home) .hero-copy .btn{background:transparent;color:var(--ink);border:0;border-bottom:1px solid #cbb6a3;padding:14px 0 12px;min-width:0;gap:28px;letter-spacing:.17em}
.view:not(#home) .hero-copy .btn:hover{background:transparent;color:#a87f61;border-color:#a87f61}
.view:not(#home) .section-head h2{font-size:clamp(34px,4.3vw,57px);line-height:1.17}
.view:not(#home) .section-head .eyebrow{color:#aa9887;font-size:9px}
.view:not(#home) .tile-meta strong{font-size:20px}
.view:not(#home) .tiles{gap:clamp(26px,4vw,64px)}
.view:not(#home) .tile .frame{background:#f9f7f4}
.view:not(#home) .tile .image{filter:saturate(.82)}
.view:not(#home) .section-head{margin-bottom:40px}
/* Services become understated typographic rows, not competing cards. */
#beauty .service{padding-top:46px;padding-bottom:46px}
#beauty .service h3{font-size:clamp(24px,2.7vw,33px)}
#beauty .service p{font-size:12px;color:#95887d;max-width:350px}
#beauty .service>span{font-size:12px;letter-spacing:.15em;color:#ba9b81}
/* Reduce secondary decorative statements. */
.view:not(#home) .statement p{font-size:clamp(23px,3.4vw,42px);line-height:1.45;max-width:770px;color:#554b43}
.view:not(#home) .cta h2{font-size:clamp(36px,4.5vw,58px)}
.view:not(#home) .cta{background:#fbfaf8}
/* About: give the dot deliberate room and remove line break risk. */
#about h1{white-space:nowrap;letter-spacing:-.055em;font-size:clamp(52px,7vw,100px)!important}
#about h1>span[style*="var(--champ)"]{margin-left:.22em!important}
@media(max-width:600px){#about h1{font-size:clamp(54px,12vw,82px)!important}}
/* Leave homepage, animation, global navigation, footer and socials intact. */


.top-links a{padding:10px 1px;font:10px Arial,sans-serif;letter-spacing:.22em;color:#41362e}.top-links a[aria-current=page]{color:var(--champ)}.menu-overlay nav a{font:normal clamp(45px,8vw,105px)/1.05 Georgia,serif;letter-spacing:-.05em;padding:4px 0}.footlinks a{font:10px Arial,sans-serif;letter-spacing:.15em;color:#554a42}.legal-wrap h2{font-size:32px;margin-top:48px}.legal-wrap h4{font-size:18px}.legal-wrap li{line-height:1.8;color:#60564d}.legal-wrap a{text-decoration:underline;overflow-wrap:anywhere}.honeypot{position:absolute;left:-10000px}.legal-wrap h1{overflow-wrap:anywhere;font-size:clamp(36px,6vw,72px)}

/* Social navigation and champagne heading punctuation */
.nav-social{display:inline-flex;align-items:center;gap:16px;vertical-align:middle}.nav-social a{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0!important;color:var(--champ)}.nav-social svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor}.menu-overlay nav .nav-social{margin-top:24px}.menu-overlay nav .nav-social a{font-size:16px}.heading-dot{color:var(--champ)!important;display:inline-block;margin-left:.19em;letter-spacing:0}#beauty .heading-dot{margin-left:.10em!important}#about .heading-dot{margin-left:.22em!important}.legal-wrap{padding-bottom:100px}

/* Always-visible legal links and closer portrait crop */
.legal-footer{display:flex;justify-content:center;align-items:center;gap:18px;padding:25px 20px;border-top:1px solid var(--line);font:10px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.legal-footer a:hover{text-decoration:underline}.legal-footer span{color:var(--champ)}.home-view .intro{min-height:calc(100svh - 64px)}#about .about-columns img.chiara-portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;filter:none}

#about .portrait-frame{aspect-ratio:4/5;overflow:hidden;width:100%}#about .about-columns .portrait-frame img.chiara-portrait{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:scale(1.4);transform-origin:50% 0}