:root { --ref-green:#143d32; --ref-gold:#b59856; --ref-ink:#0b1018; --ref-paper:#f4f1ea; }
.references-page main { overflow:hidden; }
.references-hero { min-height:720px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); align-items:center; gap:clamp(40px,7vw,110px); padding:clamp(72px,9vw,125px) clamp(24px,7vw,112px); background:radial-gradient(circle at 10% 12%,#213454 0,#101b32 35%,#080e1b 76%); color:#fff; }
.references-hero-copy { max-width:780px; }
.references-hero h1 { max-width:760px; margin:15px 0 28px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(4.6rem,8vw,8.5rem); font-weight:400; line-height:.84; letter-spacing:-.045em; }
.references-hero h1 em { color:#d5ba76; font-weight:400; }
.references-word-rotator { position:relative; width:7em; height:.92em; display:inline-block; vertical-align:baseline; color:var(--lead-gold-light); }
.references-word-rotator>span { position:absolute; inset:0 auto auto 0; white-space:nowrap; opacity:0; animation:referencesWordRotate 12s infinite; }
.references-word-rotator>span:nth-child(2) { animation-delay:3s; }
.references-word-rotator>span:nth-child(3) { animation-delay:6s; }
.references-word-rotator>span:nth-child(4) { animation-delay:9s; }
@keyframes referencesWordRotate { 0%,21% { opacity:1; transform:translateY(0); } 25%,96% { opacity:0; transform:translateY(-.16em); } 97%,100% { opacity:0; transform:translateY(.16em); } }
.references-hero-copy>p:not(.lead-kicker) { max-width:660px; color:rgba(255,255,255,.72); font-size:clamp(.95rem,1.2vw,1.1rem); line-height:1.8; }
.references-hero-visual { position:relative; justify-self:end; width:min(100%,500px); transform:rotate(1.5deg); box-shadow:0 40px 90px rgba(0,0,0,.42); }
.references-hero-visual::before { content:""; position:absolute; inset:-16px; border:1px solid rgba(213,186,118,.45); z-index:-1; }
.references-hero-visual img { display:block; width:100%; aspect-ratio:.715; object-fit:cover; }
.current-highlight { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(45px,7vw,100px); align-items:center; padding:clamp(90px,10vw,150px) clamp(24px,7vw,112px); background:var(--ref-paper); }
.current-highlight-copy { max-width:570px; }
.current-highlight h2,.reference-section-heading h2,.marketing-proof h2,.office-story h2 { margin:17px 0 25px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(3.3rem,5.5vw,6.2rem); font-weight:400; line-height:.92; letter-spacing:-.03em; }
.current-highlight-copy>p:not(.lead-kicker,.reference-status),.marketing-proof>div>p:not(.lead-kicker),.office-story-copy>p:not(.lead-kicker) { color:#555b61; line-height:1.8; }
.reference-status { width:max-content; margin:0 0 24px; padding:9px 13px; font-size:.58rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.reference-status.live { padding:10px 14px; border:1px solid var(--ref-gold); background:#111d3d; color:#ead9ad; }
.reference-status.live::before { content:""; display:inline-block; width:7px; height:7px; margin-right:9px; background:var(--ref-gold); transform:rotate(45deg); }
.reference-status.sold { background:#d9bd78; color:#111827; }
.current-gallery { display:grid; grid-template-columns:1.5fr 1fr; grid-template-rows:repeat(4,130px); gap:10px; }
.current-gallery img { width:100%; height:100%; object-fit:cover; }.current-gallery-main { grid-row:1/5; }
.references-sold,.people-trust { padding:clamp(90px,10vw,150px) clamp(24px,7vw,112px); background:#fff; }
.reference-section-heading { position:static; top:auto; z-index:auto; display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:60px; width:auto; max-width:1300px; height:auto; min-height:0; margin:0 auto 65px; padding:0; background:transparent; border:0; }
.reference-section-heading h2 { margin-bottom:0; }.reference-section-heading>p { max-width:560px; margin:0 0 8px; color:#5c6067; line-height:1.8; }
.sold-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-bottom:26px; }
.sold-feature { display:grid; grid-template-columns:minmax(230px,.78fr) 1.22fr; min-height:520px; background:#0c1422; color:#fff; overflow:hidden; }
.sold-feature img { width:100%; height:100%; object-fit:cover; }.sold-feature>div { align-self:center; padding:clamp(30px,4vw,58px); }
.sold-feature.poster-feature { grid-template-columns:minmax(290px,.9fr) 1.1fr; min-height:650px; }
.sold-feature.poster-feature>img { width:100%; height:650px; padding:22px; object-fit:contain; background:radial-gradient(circle at center,#172344,#070e21 74%); }
.sold-feature.poster-feature.luxury { grid-template-columns:minmax(350px,1.08fr) .92fr; }
.sold-feature.poster-feature.luxury>img { padding:8px; }
.sold-feature>div>span,.sold-card span,.media-story figcaption span,.person-card span { color:#c5a85f; font-size:.58rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.sold-feature h3 { margin:13px 0 20px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(2.4rem,3.5vw,4rem); font-weight:400; line-height:.95; }
.sold-feature p:last-child { color:rgba(255,255,255,.7); line-height:1.75; }.sold-feature.luxury { background:#1a1712; }
.sold-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:start; }
.sold-card { display:flex; flex-direction:column; min-height:0; background:#f5f3ee; transition:transform .3s,box-shadow .3s; }
.sold-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px rgba(15,21,32,.12); }
.sold-card>img { display:block; width:100%; height:300px; object-fit:cover; object-position:center; background:#d9d5cc; }.sold-card>img.property-photo-top { object-position:center top; }.sold-card>div { display:flex; flex:1; flex-direction:column; padding:28px 28px 30px; }
.sold-card.poster-card { background:#f8f6f0; }
.sold-card.poster-card>img.poster-photo { width:100%; height:auto; aspect-ratio:1286/1800; padding:0; object-fit:contain; background:radial-gradient(circle at center,#162449,#071027 76%); }
.sold-card.julia-card>img.poster-photo { object-position:center 46%; }
.sold-card.rammelsberg-card>img.poster-photo { object-position:center 31%; }
.sold-card.grafenvilla-card>img.poster-photo { object-position:center 31%; }
.sold-card .historic-detail { width:100%; height:145px; margin:0 0 24px; object-fit:cover; object-position:center; }
.sold-card .sold-card-image-pair { display:grid; grid-template-columns:1fr 1fr; flex:none; padding:0; gap:2px; }
.sold-card .sold-card-image-pair img { height:250px; aspect-ratio:auto; object-fit:cover; }
.sold-card h3 { margin:10px 0 14px; font-family:"Cormorant Garamond",Georgia,serif; font-size:2.25rem; font-weight:500; line-height:1; }
.sold-card p { color:#5b6067; font-size:.84rem; line-height:1.68; }.sold-card strong { align-self:flex-start; margin-top:auto; padding:8px 11px; border-left:3px solid #2f8a63; background:#e0eee7; color:#176044; font-size:.66rem; letter-spacing:.07em; line-height:1.45; text-transform:uppercase; }
.media-story { padding:clamp(72px,8vw,112px) clamp(24px,7vw,112px); background:#08101e; color:#fff; }
.reference-section-heading.light>p { color:rgba(255,255,255,.65); }.media-story-grid { display:grid; grid-template-columns:1.1fr .95fr .95fr; gap:24px; align-items:stretch; }
.media-story figure { display:flex; flex-direction:column; margin:0; background:#111b2a; }.media-story figure>img { width:100%; aspect-ratio:1.05; object-fit:cover; }
.media-story .creator-feature>img { height:auto; aspect-ratio:2/1; object-fit:contain; background:#08101e; }
.media-story .video-feature video { width:100%; height:min(500px,58vh); display:block; background:#000; object-fit:contain; object-position:center; }.media-story figcaption { padding:25px 28px 30px; }
.media-story figcaption strong { display:block; margin-top:9px; font-family:"Cormorant Garamond",Georgia,serif; font-size:2rem; font-weight:500; line-height:1.05; }
.media-story figcaption p { color:rgba(255,255,255,.62); font-size:.82rem; line-height:1.65; }
.marketing-proof { display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,8vw,110px); align-items:center; padding:clamp(72px,8vw,112px) clamp(24px,7vw,112px); background:#eef3ef; }
.marketing-proof-image { max-height:700px; overflow:hidden; }.marketing-proof-image img { width:100%; height:700px; object-fit:cover; object-position:50% 35%; }
.marketing-proof ul { display:grid; gap:14px; margin:28px 0 0; padding:0; list-style:none; }.marketing-proof li { display:flex; align-items:center; gap:12px; color:#244b3f; font-size:.76rem; font-weight:600; letter-spacing:.045em; text-transform:uppercase; }
.marketing-proof li::before { content:"✓"; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:#2f6d55; color:#fff; font-size:.8rem; }
.people-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.person-card { position:relative; min-height:610px; overflow:hidden; background:#e9e5dc; }
.person-card img { width:100%; height:100%; object-fit:cover; object-position:center top; }.person-card>div { position:absolute; right:20px; bottom:20px; left:20px; padding:25px; background:rgba(8,16,30,.93); color:#fff; backdrop-filter:blur(10px); }
.person-card h3 { margin:8px 0 10px; font-family:"Cormorant Garamond",Georgia,serif; font-size:2.25rem; font-weight:500; }.person-card p { margin:0; color:rgba(255,255,255,.7); font-size:.8rem; line-height:1.65; }
.person-card.voss img { object-fit:cover; object-position:center top; padding:0; background:#e6e0d5; }
.person-card.dominika::before { content:""; position:absolute; inset:-18px; background:url("references/dominika-ujazdowska.jpg") center/cover; filter:blur(22px); opacity:.34; transform:scale(1.08); }
.person-card.dominika img { position:relative; z-index:1; object-fit:contain; object-position:center; transform:scale(.88); }
.person-card.dominika>div { z-index:2; }
.office-story { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(50px,7vw,100px); align-items:center; padding:clamp(90px,10vw,150px) clamp(24px,7vw,112px); background:var(--ref-paper); }
.office-story-copy { max-width:520px; }.office-mosaic { display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:220px 220px 220px 220px; gap:12px; }
.office-mosaic figure { position:relative; margin:0; overflow:hidden; }.office-mosaic figure img { width:100%; height:100%; object-fit:cover; }.office-mosaic .office-main { grid-row:1/3; }.office-mosaic figure:nth-last-child(2) { grid-row:3/5; }.office-mosaic figure:last-child { grid-column:1; grid-row:3/5; }
.office-mosaic figcaption { position:absolute; right:12px; bottom:12px; left:12px; padding:12px 14px; background:rgba(8,16,30,.85); color:#fff; font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.reference-final { background:linear-gradient(135deg,#132c27,#081712); }.reference-final .subpage-actions { justify-content:center; }
@media(max-width:1100px){.references-hero{grid-template-columns:1fr .72fr}.sold-feature{grid-template-columns:1fr}.sold-feature img{height:340px}.sold-feature.poster-feature,.sold-feature.poster-feature.luxury{grid-template-columns:1fr}.sold-feature.poster-feature>img{height:min(680px,72vw)}.sold-card-grid{grid-template-columns:repeat(2,1fr)}.media-story-grid{grid-template-columns:1fr 1fr}.media-story .video-feature{grid-row:span 2}.people-grid{grid-template-columns:1fr 1fr}.person-card.fabio{grid-column:1/3}}
@media(max-width:820px){
  .references-hero{grid-template-columns:1fr;min-height:auto}
  .references-hero-visual{justify-self:center;width:min(82%,440px);margin-top:20px}
  .current-highlight,.marketing-proof,.office-story{grid-template-columns:1fr}
  .reference-section-heading{grid-template-columns:1fr;gap:22px}
  .sold-feature-grid{grid-template-columns:1fr}
  .media-story-grid{grid-template-columns:1fr 1fr}
  .media-story .video-feature{grid-column:1/3;grid-row:auto}
  .marketing-proof-image img{height:560px}
}
@media(max-width:560px){
  .references-hero{padding-top:52px}
  .references-hero h1{font-size:clamp(2.8rem,11.7vw,3.35rem);line-height:.96;overflow-wrap:normal;hyphens:none}
  .references-word-rotator{display:block;width:100%;height:1em}
  .references-hero-visual{width:90%}
  .current-highlight{padding-top:62px;padding-bottom:62px}
  .current-highlight h2,.reference-section-heading h2,.marketing-proof h2,.office-story h2{font-size:clamp(2.08rem,8.9vw,2.52rem);line-height:1.02;overflow-wrap:normal;hyphens:none}
  .current-highlight .lead-kicker,.marketing-proof .lead-kicker,.office-story .lead-kicker{color:#8a682f;font-weight:700}
  .reference-status{margin-bottom:18px}
  .current-gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 132px 132px}
  .current-gallery-main{grid-column:1/3;grid-row:1}
  .sold-card-grid,.media-story-grid,.people-grid{grid-template-columns:1fr}
  .media-story .video-feature,.person-card.fabio{grid-column:auto}
  .sold-feature{min-height:auto}
  .sold-feature img{height:auto;max-height:500px;object-fit:contain;background:#0c1422}
  .sold-feature.poster-feature.luxury>img{padding:4px}
  .sold-feature.poster-feature>img{height:auto;max-height:none;padding:14px;aspect-ratio:1914/2679}
  .sold-card>img{height:250px}
  .sold-card.poster-card>img.poster-photo{height:auto;aspect-ratio:1286/1800;padding:0;object-fit:contain}
  .media-story{padding-top:58px;padding-bottom:58px}
  .media-story .video-feature video{height:min(430px,56vh);object-fit:contain}
  .media-story .creator-feature>img{height:auto;aspect-ratio:2/1;object-fit:contain}
  .marketing-proof{padding-top:58px;padding-bottom:58px}
  .sold-card .sold-card-image-pair img{height:210px}
  .person-card{min-height:560px}
  .person-card.dominika img{transform:scale(.8)}
  .marketing-proof-image img{height:500px}
  .office-mosaic{grid-template-columns:1fr;grid-template-rows:repeat(5,220px)}
  .office-mosaic .office-main,.office-mosaic figure:nth-last-child(2),.office-mosaic figure:last-child{grid-column:auto;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){
  .references-word-rotator>span{animation:none;opacity:0;transform:none}
  .references-word-rotator>span:first-child{opacity:1}
}