22 września 2026, wtorek#diana-card{
--ivory:#f7f2e9;
--ivory-2:#fffdf8;
--ink:#252321;
--muted:#706a62;
--gold:#b59452;
--gold-soft:#dccaa2;
--line:#e8dec9;
max-width:830px;
margin:0 auto;
background:linear-gradient(180deg, #fbf8f2 0%, #fffdf9 38%, #f7f1e7 100%);
color:var(--ink);
overflow:hidden;
border-radius:22px;
box-shadow:0 18px 60px rgba(35, 31, 27, . 08);
}
#diana-card *{box-sizing:border-box;}
#diana-card img{max-width:100%;display:block;}
#diana-card . dc-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0, 1. 04fr) minmax(260px, . 96fr);
min-height:560px;
background:
radial-gradient(circle at 18% 12%, rgba(196, 164, 103, . 16), transparent 35%),
linear-gradient(135deg, #fbf7ef 0%, #f4eee4 100%);
border-bottom:1px solid var(--line);
}
#diana-card . dc-hero-copy{
position:relative;
z-index:2;
padding:64px 24px 56px 54px;
display:flex;
flex-direction:column;
justify-content:center;
}
/* DOM zaczyna się od tytułu i autora; poniższe order zachowuje układ desktopowy. */
#diana-card . dc-swan{order:6;}
#diana-card . dc-kicker{order:2;}
#diana-card . dc-title{order:3;}
#diana-card . dc-subtitle{order:4;}
#diana-card . dc-author{order:5;}
#diana-card . dc-kicker{
display:flex;
align-items:center;
gap:12px;
margin-bottom:18px;
color:var(--gold);
letter-spacing:. 18em;
text-transform:uppercase;
font-size:12px;
font-weight:700;
}
#diana-card . dc-kicker:before,
#diana-card . dc-kicker:after{
content:"";
height:1px;
background:linear-gradient(90deg, transparent, var(--gold));
flex:1;
max-width:48px;
}
#diana-card . dc-kicker:after{background:linear-gradient(90deg, var(--gold), transparent);}
#diana-card . dc-swan{
width:48px;
height:48px;
border:1px solid rgba(181, 148, 82, . 58);
border-radius:50%;
display:grid;
place-items:center;
color:var(--gold);
font-size:23px;
margin:28px auto 4px;
background:rgba(255, 253, 248, . 82);
box-shadow:0 8px 22px rgba(86, 68, 38, . 08), inset 0 0 0 5px rgba(181, 148, 82, . 035);
position:relative;
}
#diana-card . dc-swan:before,
#diana-card . dc-swan:after{
content:"";
position:absolute;
top:50%;
width:36px;
height:1px;
background:linear-gradient(90deg, transparent, rgba(181, 148, 82, . 65));
}
#diana-card . dc-swan:before{right:calc(100% + 10px);}
#diana-card . dc-swan:after{
left:calc(100% + 10px);
transform:rotate(180deg);
}
#diana-card . dc-title{
margin:0;
font-size:58px;
line-height:. 98;
font-weight:400;
letter-spacing:-. 045em;
}
#diana-card . dc-subtitle{
margin:18px 0 0;
font-size:24px;
font-weight:400;
color:#3d3934;
}
#diana-card . dc-author{
margin-top:30px;
color:var(--gold);
font-size:15px;
letter-spacing:. 28em;
text-transform:uppercase;
font-weight:700;
}
#diana-card . dc-hero-visual{
position:relative;
min-height:560px;
display:flex;
align-items:center;
justify-content:center;
padding:46px 52px 46px 16px;
}
#diana-card . dc-cover-wrap{
position:relative;
width:100%;
max-width:305px;
z-index:2;
}
#diana-card . dc-cover-wrap:before{
content:"";
position:absolute;
inset:16px -18px -18px 18px;
border:1px solid rgba(181, 148, 82, . 55);
border-radius:4px;
z-index:-1;
}
#diana-card . dc-cover{
width:100%;
border-radius:4px;
box-shadow:0 24px 50px rgba(35, 31, 27, . 20);
transition:transform . 35s ease, box-shadow . 35s ease;
background:#fff;
}
#diana-card . dc-cover:hover{
transform:translateY(-5px) scale(1. 015);
box-shadow:0 32px 60px rgba(35, 31, 27, . 25);
}
#diana-card . dc-feather{
position:absolute;
right:-18px;
bottom:14px;
font-size:150px;
color:rgba(181, 148, 82, . 13);
transform:rotate(-16deg);
pointer-events:none;
line-height:1;
}
#diana-card . dc-lead{
text-align:center;
padding:44px 54px 32px;
background:rgba(255, 255, 255, . 55);
}
#diana-card . dc-lead p{
margin:0 auto;
max-width:680px;
font-size:27px;
line-height:1. 42;
color:#35312d;
}
#diana-card . dc-divider{
width:94px;
height:1px;
margin:22px auto 0;
background:linear-gradient(90deg, transparent, var(--gold), transparent);
position:relative;
}
#diana-card . dc-divider:after{
content:"✦";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
color:var(--gold);
background:var(--ivory-2);
padding:0 8px;
font-size:9px;
}
#diana-card . dc-quote-wrap{padding:18px 54px 46px;}
#diana-card . dc-quote{
position:relative;
margin:0;
padding:34px 48px 34px 72px;
border:1px solid var(--gold-soft);
background:linear-gradient(135deg, rgba(255, 255, 255, . 8), rgba(246, 239, 225, . 7));
border-radius:18px;
font-size:22px;
line-height:1. 6;
font-style:italic;
color:#47413a;
box-shadow:0 12px 32px rgba(57, 46, 29, . 04);
}
#diana-card . dc-quote:before{
content:"“";
position:absolute;
left:24px;
top:15px;
color:var(--gold);
font-size:66px;
line-height:1;
opacity:. 9;
}
#diana-card . dc-story{
padding:12px 54px 46px;
display:grid;
gap:0;
}
#diana-card . dc-story-row{
display:grid;
grid-template-columns:72px minmax(0, 1fr);
gap:22px;
padding:28px 0;
border-top:1px solid var(--line);
align-items:start;
}
#diana-card . dc-story-row:first-child{border-top:none;}
#diana-card . dc-icon{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:50%;
border:1px solid var(--gold-soft);
background:rgba(255, 255, 255, . 6);
color:var(--gold);
font-size:25px;
box-shadow:inset 0 0 0 6px rgba(181, 148, 82, . 04);
}
#diana-card . dc-story-row p{
margin:0;
font-size:17px;
line-height:1. 72;
color:#3d3934;
}
#diana-card . dc-final{
padding:42px 54px 50px;
text-align:center;
background:
linear-gradient(rgba(247, 242, 233, . 92), rgba(247, 242, 233, . 92)),
radial-gradient(circle at center, rgba(181, 148, 82, . 18), transparent 50%);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
#diana-card . dc-final . dc-small-swan{
display:inline-grid;
place-items:center;
width:48px;
height:48px;
border-radius:50%;
border:1px solid var(--gold-soft);
color:var(--gold);
font-size:24px;
margin-bottom:17px;
background:#fffaf2;
}
#diana-card . dc-final p{
margin:0 auto;
max-width:690px;
font-size:23px;
line-height:1. 62;
color:#37322e;
}
#diana-card . dc-bio{
display:grid;
grid-template-columns:180px minmax(0, 1fr);
gap:34px;
padding:50px 54px 56px;
background:#fffdf9;
align-items:center;
}
#diana-card . dc-bio-photo-wrap{
position:relative;
width:160px;
height:160px;
margin:auto;
border-radius:50%;
padding:7px;
border:1px solid var(--gold-soft);
background:#faf5eb;
}
#diana-card . dc-bio-photo{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
filter:grayscale(100%);
transition:transform . 35s ease, filter . 35s ease;
}
#diana-card . dc-bio-photo:hover{
transform:scale(1. 03);
filter:grayscale(75%);
}
#diana-card . dc-bio-copy h3{
margin:0 0 18px;
color:var(--gold);
text-transform:uppercase;
letter-spacing:. 13em;
font-size:17px;
font-weight:600;
}
#diana-card . dc-bio-copy p{
margin:0;
color:#47413b;
font-size:15. 5px;
line-height:1. 72;
}
#diana-card . dc-bio-copy strong{color:#2c2925;}
#diana-card . dc-bio-copy em{}
#diana-card . dc-author-link{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:22px;
padding:11px 18px;
border:1px solid var(--gold);
border-radius:999px;
color:#4a3c24;
background:linear-gradient(180deg, #fffdf8 0%, #f7efe0 100%);
text-decoration:none;
font-size:13px;
font-weight:700;
letter-spacing:. 04em;
transition:transform . 25s ease, box-shadow . 25s ease, background . 25s ease;
}
#diana-card . dc-author-link:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(85, 67, 38, . 12);
background:#fffaf1;
}
@media (max-width:600px){
#diana-card{border-radius:0;}
#diana-card . dc-hero{grid-template-columns:1fr;min-height:0;}
#diana-card . dc-hero-copy{padding:34px 22px 20px;text-align:center;align-items:center;}
#diana-card . dc-title{order:1;font-size:44px;}
#diana-card . dc-author{order:2;font-size:13px;margin-top:18px;}
#diana-card . dc-subtitle{order:3;font-size:19px;margin-top:16px;}
#diana-card . dc-kicker{order:4;margin:14px 0 0;}
#diana-card . dc-swan{order:6;margin:24px auto 2px;}
#diana-card . dc-hero-visual{min-height:0;padding:18px 30px 40px;}
#diana-card . dc-cover-wrap{max-width:275px;}
#diana-card . dc-feather{font-size:110px;right:-8px;}
#diana-card . dc-lead{padding:36px 24px 24px;}
#diana-card . dc-lead p{font-size:23px;}
#diana-card . dc-quote-wrap{padding:12px 22px 36px;}
#diana-card . dc-quote{padding:28px 24px 28px 54px;font-size:19px;line-height:1. 55;}
#diana-card . dc-quote:before{left:18px;font-size:52px;}
#diana-card . dc-story{padding:2px 24px 36px;}
#diana-card . dc-story-row{grid-template-columns:48px minmax(0, 1fr);gap:15px;padding:24px 0;}
#diana-card . dc-icon{width:46px;height:46px;font-size:20px;}
#diana-card . dc-story-row p{font-size:16px;line-height:1. 65;}
#diana-card . dc-final{padding:36px 24px 40px;}
#diana-card . dc-final p{font-size:20px;}
#diana-card . dc-bio{grid-template-columns:1fr;padding:40px 24px 44px;gap:26px;text-align:left;}
#diana-card . dc-bio-photo-wrap{width:142px;height:142px;}
#diana-card . dc-bio-copy h3{text-align:center;font-size:16px;}
#diana-card . dc-bio-copy p{font-size:15px;line-height:1. 68;}
}
@media (max-width:380px){
#diana-card . dc-hero-copy{padding-left:18px;padding-right:18px;}
#diana-card . dc-title{font-size:39px;}
#diana-card . dc-kicker{font-size:11px;letter-spacing:. 12em;}
#diana-card . dc-swan:before, #diana-card . dc-swan:after{width:28px;}
#diana-card . dc-cover-wrap{max-width:245px;}
#diana-card . dc-story{padding-left:18px;padding-right:18px;}
#diana-card . dc-story-row{grid-template-columns:42px minmax(0, 1fr);gap:12px;}
#diana-card . dc-icon{width:42px;height:42px;}
#diana-card . dc-quote-wrap{padding-left:18px;padding-right:18px;}
#diana-card . dc-bio{padding-left:18px;padding-right:18px;}
#diana-card . dc-author-link{width:100%;text-align:center;}
}
Łabędzi
śpiew
Charles Spencer
Najbardziej osobisty portret Diany
Diana, moja siostra
♕
❧
Piękna. Uwielbiana. Ścigana. Niezwykłe życie i śmierć Diany, opowiedziane przez jej brata, Charlesa.
Kiedy ktoś pyta mnie, jak to było dorastać u boku Diany, moją pierwszą myślą jest zawsze: "Ale ja nie wiem, jak to jest z nią nie dorastać... "
♜
We wrześniu 1997 roku Charles Spencer stanął w Opactwie Westminsterskim na oczach całego świata i podzielił się bólem po stracie ukochanej siostry Diany. Teraz, niemal trzydzieści lat później, opowiada niezwykłą historię swojego życia z Dianą i tragicznego tygodnia jej śmierci.
∞
W dzieciństwie Charles i Diana, najmłodsi Spencerowie, byli nierozłączni – potajemnie nazywali się Duch i Carlos. Byli sobie najbliżsi i razem spędzali czas w rodzinnej posiadłości, znosili trudne warunki w szkołach z internatem, borykali się z koszmarnymi nianiami i wspierali podczas bolesnego rozwodu rodziców.
♛
Ale wszystko się zmieniło, gdy Diana poślubiła księcia Walii, obecnie króla Karola III, i z dnia na dzień stała się globalną ikoną. Charles widział, jak jego starsza siostra wstawia się za ludźmi marginalizowanymi i spełnia się w macierzyństwie.
◫
Jednak gdy jej małżeństwo legło w gruzach i prześladowały ją barbarzyńskie tabloidy, została rozpaczliwie sama. Charles zawsze starał się być przy Dianie – aż do tamtej mrocznej nocy w sierpniu 1997 roku.
♕
W Łabędzim śpiewie Charles Spencer przedstawia jak dotąd najbardziej intymny, pełen miłości i szczery portret swojej siostry.
Nota biograficzna autora
CHARLES SPENCER jest pisarzem, historykiem, mówcą publicznym, prezenterem i dziennikarzem. Jest także dziewiątym hrabią Spencer. Autor dziewięciu książek, w tym czterech bestsellerów "Sunday Timesa". Jego wspomnienia Szkoła bardzo prywatna spotkały się z entuzjastycznym przyjęciem krytyki i znalazły na pierwszym miejscu listy bestsellerów "Sunday Timesa". Spencer ukończył Eton College i Magdalen College w Oksfordzie, gdzie obronił tytuł magistra z historii współczesnej. Jest członkiem Królewskiego Towarzystwa Historycznego i członkiem Towarzystwa Antykwariuszy.
Zobacz inne książki Charlesa Spencera
