.theme-duett{--paper:#101315;--ink:#f6f5f0;--muted:#afb8bd;--line:#394044;--accent:#add9f3}.theme-duett .site-header{background:#101315f2;backdrop-filter:blur(14px)}.duett-heading{padding:44px var(--gutter) 39px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 30px}.duett-heading h1{font-size:clamp(32px,3.2vw,49px);font-weight:300;letter-spacing:-.035em}.duett-heading h1 span{color:#a7b0b5}.duett-heading>p{font-size:12px;letter-spacing:.1em;color:var(--muted);text-align:right;line-height:1.8}
/* One line when space permits; keep a visible gap when the name and tagline wrap. */
.duett-heading>.duett-byline{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:.25em 1.25em;width:max-content;max-width:100%;min-width:0;margin-inline-start:auto;flex:0 1 auto}
.duett-byline-name{white-space:nowrap}
.duett-byline-work{min-width:0}
.duett-hero{display:grid;grid-template-columns:1fr 1fr;padding:0 22px 22px;gap:10px}.duett-half{position:relative;min-height:clamp(460px,45vw,680px);overflow:hidden;display:flex;align-items:flex-end;padding:clamp(30px,4.5vw,70px);isolation:isolate}.duett-half>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s}.duett-half:first-child>img{object-position:53% center}.duett-half::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b172b10 10%,#111b24ad 60%,#091523f2 100%)}.duett-half.music-side::after{background:linear-gradient(180deg,#25120400 10%,#261a1cab 60%,#2e1712f5 100%)}.duett-half:hover>img{transform:scale(1.025)}.duett-half-content{width:100%}.duett-half .eyebrow{font-size:12px;letter-spacing:.12em;color:#e7f1f4;margin-bottom:22px}.duett-half .brand-logo{width:clamp(200px,28vw,430px);margin-bottom:24px}.duett-half p:not(.eyebrow){font-size:16px;color:#d9e1e5;margin-bottom:28px;line-height:1.7}.duett-half .button{border-color:#ffffff80;color:white;width:100%;max-width:275px}.duett-half .button:hover{background:white;color:#101315}.duett-number{position:absolute;top:30px;left:30px;font-size:12px;letter-spacing:.15em}
/* The image lives in its own bounded frame, so its source height cannot size the grid row. */
.duett-intro{padding:35px var(--gutter) 50px;display:grid;grid-template-columns:max-content minmax(0,640px) 200px;grid-template-areas:"name copy portrait";justify-content:space-between;align-items:center;gap:clamp(20px,3vw,40px);border-bottom:1px solid var(--line)}
.duett-intro>p{grid-area:copy;min-width:0;color:var(--muted);font-size:14px;max-width:640px}
.duett-intro>span{grid-area:name;font-size:14px;white-space:nowrap}
.duett-intro-portrait{grid-area:portrait;position:relative;width:200px;min-width:0;max-width:100%;aspect-ratio:1122 / 1402;max-height:250px;margin:0;justify-self:end;align-self:center;border-radius:4px;overflow:hidden}
.duett-intro-portrait>.duett-intro-photo{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.duett-services{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px)}.duett-service-block h2{margin-bottom:24px;font-size:clamp(36px,3.7vw,55px)}.duett-service-block>p:not(.eyebrow){color:var(--muted);margin-bottom:36px}.duett-service-block:last-child{--accent:#e2b899}.duett-service-block .eyebrow{color:var(--accent)}.theme-duett .references{background:#e9e9e3;color:#171b1d;--muted:#626665;--line:#c5c8c4}.theme-duett .artist-list li:nth-child(3n+1){font-weight:700}.theme-duett .contact{background:#19232a;--line:#455058}.theme-duett .contact-email{color:#c1e2f5}
@media(max-width:1000px){
  .duett-intro{grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"name portrait" "copy portrait";gap:12px 28px}
  .duett-intro>span{align-self:end}
  .duett-intro>p{align-self:start}
  .duett-intro-portrait{width:180px;max-height:225px}
}

@media(max-width:700px){.duett-heading{padding:29px var(--gutter);display:block}.duett-heading h1{font-size:29px}.duett-heading>p{margin-top:12px;text-align:left;letter-spacing:.04em}.duett-heading>.duett-byline{justify-content:flex-start;margin-inline-start:0}.duett-hero{grid-template-columns:1fr;padding:0 12px 12px;gap:12px}.duett-half{min-height:450px;padding:30px}.duett-half .brand-logo{width:240px}.duett-half>img{object-position:50% 35%}.duett-half p:not(.eyebrow){font-size:15px}.duett-half .button{max-width:none}.duett-services{grid-template-columns:1fr;gap:58px}.duett-intro{padding-top:24px;padding-bottom:32px;grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "copy" "portrait";gap:14px}.duett-intro>p{margin-top:0}.duett-intro-portrait{width:160px;max-height:200px;margin-top:8px;justify-self:start}.duett-number{left:24px;top:24px}}

/* Change 11: local SVG profile links beside the main headline. */
.duett-heading-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 24px;
  min-width: 0;
  max-width: 100%;
}
.duett-heading-title > h1 {
  min-width: 0;
}
.duett-social-links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.duett-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--ink);
  background: transparent;
  text-decoration: none;
  line-height: 1;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.duett-social-link > svg {
  display: block;
  flex: none;
  width: 22px;
  height: 22px;
}
.duett-social-link:hover,
.duett-social-link:focus-visible {
  color: var(--accent);
  border-color: var(--accent);
  background-color: #add9f310;
}
/* On phones the heading gets a full row; tagline and icons share the next. */
@media (max-width: 700px) {
  .duett-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
  }
  .duett-heading-title {
    display: contents;
  }
  .duett-heading-title > h1 {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .duett-heading-title > .duett-social-links {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }
  .duett-heading > .duett-byline {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    margin: 0;
    justify-self: start;
  }
}