:root{
  color-scheme:dark;
  --paper:#292827;
  --paper-light:#302e2c;
  --ink:#f3efe7;
  --muted:#b8b2a7;
  --line:#514b44;
  --gold:#d0b58a;
  --wine:#d39b99;
  --burgundy:#4c2b32;
}
body{background:var(--paper)}
::selection{background:#764a4e;color:#fff}
button:focus-visible,a:focus-visible{outline-color:var(--gold)}
.review-bar{background:#212020;color:#bbb19c;border-bottom:1px solid #b69c6f22}
.review-bar span:first-child{color:var(--gold)}
.site-header{border-color:var(--line)}
.wordmark.sophie-wordmark{position:relative}
.sophie-brand-logo{opacity:0}
.sophie-wordmark::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,#c9a76e 0%,#e2cba0 28%,#f3ede0 48%,#e4d5b8 100%);
  -webkit-mask:url("/?s77_resource=assets/sophie77-serif-gold-20261022.png&v=2026.10.27.3") center/contain no-repeat;
  mask:url("/?s77_resource=assets/sophie77-serif-gold-20261022.png&v=2026.10.27.3") center/contain no-repeat;
}
.site-nav>a:hover{border-color:var(--gold);color:var(--gold)}
.nav-index>span:last-child{color:var(--gold)}
.hero{gap:64px;padding-top:42px;padding-bottom:44px;grid-template-columns:1.08fr 1fr}
h1{font-size:clamp(88px,8.8vw,132px);margin-block:27px 24px}
h1 em{color:var(--gold)}
.hero-intro{color:#c3bdb2}
.hero-links{margin-top:26px}
.hero-note{margin-top:35px}
.hero-note p{color:#b2ab9f;font-size:17px}
.hero-figure{width:min(100%,420px,calc((100svh - 220px)*.7));min-width:290px;padding-right:14px}
.hero-figure::after{right:0;top:-13px;border-color:#d0b58a99}
.hero-photo{aspect-ratio:1152/1632}
.photo-button{background:#201f1e}
.photo-button img{object-fit:cover;object-position:50% 0}
.hero-photo img{object-position:50% 0}
.hero-side-note{color:#b8aa90;right:-13px}
.button-dark{background:var(--gold);border-color:var(--gold);color:#252322}
.button-dark:hover{background:#e7cca3;border-color:#e7cca3}
.text-link{border-color:#b89c7570}
.text-link:hover{color:var(--gold)}
.text-link>span{color:var(--gold)}
.word-strip{color:var(--muted)}
.section-head h2 em,.about h2 em{color:var(--gold)}
.feature-entry,.small-entry{border-color:var(--line)}
.entry-image{background:#201f1e}
.entry-image img{height:106%;object-position:50% 0}
.image-tag{background:#292725e8;color:#ede5d8}
.title-button:hover{color:var(--gold)}
.quote-entry{background:linear-gradient(135deg,#35312e,#302c2a);border:1px solid #cfb58a25}
.quote-mark{color:#b69a6630}
.quote-entry h3 em{color:var(--gold)}
.signature{color:#bca27240}
.small-entry-image img{object-position:50% 8%}
.small-arrow{color:var(--gold)}
.gallery-section{background:#232222;border-block:1px solid #514b4450}
.gallery-tools .section-intro{color:#b8b2a7}
.filters button.is-active{color:var(--gold);border-color:var(--gold)}
.gallery-grid,.gallery-grid.filtered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gallery-grid .gallery-item,.gallery-grid .gallery-item:nth-child(3){
  display:block;
  width:100%;max-width:none;margin:0 0 33px;grid-column:auto;
}
.gallery-grid .gallery-item[hidden]{display:none}
.gallery-item .photo-button{aspect-ratio:var(--photo-ratio,3/4)}
.gallery-item img{object-position:50% 0}
.gallery-item figcaption{color:#eee9df;align-items:baseline;flex-direction:row}
.gallery-item figcaption>span:last-child{color:#b8b2a7;font-size:7px;letter-spacing:1px}
.gallery-count{border-top:1px solid var(--line);padding-top:20px;margin-top:10px}
.library{border-top:0}
.library-filters button.is-active{border-color:var(--gold);color:var(--gold)}
.library-search{border-color:#b89c7570}
.library-search input:focus-visible{outline-color:var(--gold)}
.library-search input::placeholder{color:#b8b2a7}
.library-search>span:last-child{color:var(--gold)}
.library-image{background:#383430}
.library-image>span{background:#d0b58aeb;color:#252322}
.library-card-body>p:not(.library-meta){color:#bfb8ad}
.library-card h3 button:hover{color:var(--gold)}
.library-reading-content p,.library-reading-content li{color:#d5cec2}
.library-reading-content h3{color:var(--ink)}
.library-reading-content a{color:var(--gold)}
.library-takeaways{background:#3b3530;border-left:1px solid #d0b58a80}
.reading-lead,.reading-signature{color:var(--gold)}
.reading-content p{color:#d5cec2}
.reading-content blockquote{color:#e2d8c7}
.reading-top{background:#2b2927;color:#c2b7a3}
.reading-dialog{background:#302e2c;color:var(--ink)}
.about{border-top:1px solid var(--line);gap:100px;padding-block:95px}
.about-portrait{width:min(100%,365px);position:relative;justify-self:center}
.about-portrait::before{content:"";position:absolute;inset:-12px 20px 36px -12px;border:1px solid #d0b58a55;pointer-events:none}
.about-portrait .photo-button{aspect-ratio:3/4}
.about-portrait figcaption{font-size:8px;letter-spacing:2px;color:var(--gold);padding-top:19px}
.about-copy{position:relative}
.about-copy::before{content:"S.";position:absolute;right:0;top:-35px;font:italic 185px/1 var(--serif);color:#cfb58a0a;pointer-events:none}
.about-signature{color:var(--gold)}
.closing{background:var(--burgundy);color:#f1ece3;border-block:1px solid #ac7c7055}
.closing .eyebrow{color:#d8bca0}
.closing p em{color:#dac09a}
.closing-link{border-color:#cfb58a77}
.site-footer{color:var(--ink)}
.site-footer nav a:hover{color:var(--gold)}
.lightbox{background:#201e1d;color:var(--ink)}
.lightbox-main figure{justify-content:center}
.lightbox-main img{flex:0 1 auto;width:auto;height:auto;max-height:calc(100% - 60px);max-width:100%;object-fit:contain}
#photo-large[data-has-caption="true"]{clip-path:inset(0 0 5.5% 0)}
.photo-nav{border-color:#cfb58a60;color:#e7d6bb}
.skip{background:var(--gold);color:#292827}
@media(min-width:1500px){.hero{gap:85px}.hero-figure{max-width:440px}}
@media(max-width:1080px){
 .hero{gap:38px}.hero-figure{min-width:265px}
 .about{gap:55px}.about-portrait{width:min(100%,320px)}
 .gallery-grid,.gallery-grid.filtered{column-gap:22px}
 .gallery-item figcaption{align-items:flex-start;flex-direction:column}
 .gallery-item figcaption>span:last-child{padding-left:20px}
}
@media(max-width:760px){
 .review-bar{font-size:7px;color:#bab19f}
 .site-nav{background:#2c2927;box-shadow:0 16px 30px #0005}
 .hero{grid-template-columns:1fr;gap:35px;padding-top:32px;padding-bottom:30px}
 h1{font-size:94px;margin-block:24px 21px}
 .hero-figure{min-width:0;width:100%;max-width:100%;padding-right:10px}
 .hero-photo{aspect-ratio:1152/1632}
 .hero-figure::after{right:0}
 .hero-intro{font-size:13px}
 .hero-links{gap:22px}
 .gallery-grid,.gallery-grid.filtered{grid-template-columns:1fr;gap:27px}
 .gallery-grid .gallery-item,.gallery-grid .gallery-item:nth-child(3){margin-bottom:27px}
 .gallery-item figcaption{font-size:10px;line-height:1.5;padding-top:12px}
 .gallery-item figcaption>span:last-child{font-size:6px;padding-left:16px}
 .gallery-tools .section-intro{margin-top:21px}
 .filters{gap:20px;flex-wrap:wrap}
 .filters button{font-size:10px}
 .about{grid-template-columns:1fr;gap:42px;padding-block:65px}
 .about-portrait{width:calc(100% - 34px);max-width:355px;justify-self:start;margin-left:12px}
 .about-portrait::before{inset:-10px 16px 34px -10px}
 .about-copy>p:not(.eyebrow):not(.about-lead){max-width:100%;font-size:12px}
 .about-copy::before{font-size:155px;top:-20px}
 .library-card-body>p:not(.library-meta){font-size:11px;color:#c3bcb0}
 .lightbox-main img{max-height:calc(100% - 70px)}
 .closing p:not(.eyebrow){font-size:48px}
}
@media(max-width:365px){
 h1{font-size:84px}.filters{gap:15px}
 .gallery-item figcaption{font-size:9px}
 .gallery-item figcaption>span:last-child{padding-left:0}
}

/* Czytelniejsze napisy i spokojny pokaz kadrów. */
.site-nav a,.site-footer > nav:not(.language-switch) a,.menu-label,.eyebrow,.review-bar,.hero-links .button{
 text-transform:uppercase;
}
.site-nav a,.button,.text-link,.menu-label{letter-spacing:.055em}
.hero-intro{font-size:14px;line-height:2;letter-spacing:.02em}
.hero-note{gap:19px}
.hero-note p{font-size:20px;line-height:1.8;letter-spacing:.035em;color:#d0c8bb}
.hero-note .note-number{padding-top:8px}
.word-strip{
 gap:clamp(12px,2vw,36px);font-size:clamp(12px,1.28vw,20px);
 letter-spacing:.11em;padding-block:28px;color:#d3ccbf;
}
.word-strip span{white-space:nowrap}
.word-strip i{font-size:26px;flex-shrink:0}
.hero-photo.is-slideshow img{
 position:absolute;inset:0;opacity:0;transition:opacity .7s ease,transform .55s ease;
}
.hero-photo.is-slideshow img.is-active{opacity:1}
.hero-photo .photo-open{z-index:2}
.hero-slideshow-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.hero-slideshow-controls[hidden]{display:none}
.hero-slideshow-controls button{min-width:44px;min-height:36px;color:var(--gold)}
#hero-pause{font-size:9px;letter-spacing:.13em}
.hero-slideshow-controls button:hover{color:var(--ink)}
@media(max-width:1080px) and (min-width:761px){
 .hero-intro{font-size:12px;letter-spacing:.05em}
 .hero-links{flex-wrap:wrap;gap:16px 24px}
 .hero-note p{font-size:18px}
 .word-strip{font-size:11px;letter-spacing:.07em;gap:12px}
}
@media(max-width:760px){
 .hero-intro{font-size:12px;letter-spacing:.055em;line-height:2.05}
 .hero-note{display:flex;margin-top:27px;gap:13px}
 .hero-note p{font-size:18px;line-height:1.8;letter-spacing:.025em}
 .hero-note .note-number{padding-top:6px}
 .hero-links{flex-wrap:wrap;gap:16px 22px}
 .word-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:18px 12px;font-size:clamp(9px,2.7vw,17px);letter-spacing:.07em;text-align:center;padding-block:24px}
 .word-strip span:nth-of-type(3),.word-strip i:nth-of-type(3){display:block}
 .word-strip i:nth-of-type(2){display:none}
 .word-strip i{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .hero-photo.is-slideshow img{transition:none}
}

/* Pełny kadr: zachowujemy proporcje oraz całe sylwetki, również po najechaniu. */
.photo-button img,.entry-image img,.small-entry-image img{
 object-fit:contain;object-position:50% 50%;height:100%;
}
.photo-button:hover img,.entry-image:hover img{transform:none}
.small-entry-image{background:#201f1e}
#photo-large[data-has-caption="true"]{clip-path:none}