*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#faf8f5;--bg2:#f3efe9;--linen:#ede8df;--red:#c8282a;--red-dark:#8b1010;--text:#2a2520;--text-md:#5a534a;--text-lt:#9a9088;--border:rgba(200,40,42,0.12);--border-lt:rgba(42,37,32,0.08);--indigo:#191145}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-weight:300;overflow-x:hidden}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}
.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:24px 64px;background:rgba(250,248,245,0.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-lt);transition:padding 0.3s}
.nav.scrolled{padding:16px 64px}
.nav-center{display:flex;gap:48px;list-style:none}
.nav-center a{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--text-md);text-decoration:none;transition:color 0.25s;position:relative;padding-bottom:4px}
.nav-center a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s ease}
.nav-center a:hover,.nav-center a.active{color:var(--red)}.nav-center a.active::after,.nav-center a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:24px}.nav-lang{display:flex;gap:8px}
.nav-lang a{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-lt);text-decoration:none;transition:color 0.2s;padding:4px 6px}
.nav-lang a.active,.nav-lang a:hover{color:var(--red)}
.nav-instagram{display:flex;align-items:center;color:var(--text-md);text-decoration:none;transition:color 0.2s}
.nav-instagram:hover{color:var(--red)}.nav-instagram svg{width:16px;height:16px}
.logo-text{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;letter-spacing:4px;color:var(--text);text-decoration:none}
.hero{position:relative;width:100%;height:70vh;min-height:480px;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,17,17,0.40),rgba(17,17,17,0.72))}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px 0}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,7vw,80px);font-weight:600;letter-spacing:6px;text-transform:uppercase;color:#fff;opacity:0.95;margin-bottom:12px;text-shadow:0 2px 24px rgba(0,0,0,0.4);animation:fadeUp .9s ease .1s both}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,2.2vw,24px);font-weight:300;font-style:italic;letter-spacing:3px;color:rgba(255,255,255,0.78);animation:fadeUp .9s ease .3s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.series-badge{text-align:center;padding:32px 48px 0;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:1}
.intro{max-width:720px;margin:0 auto;padding:40px 48px 40px;font-size:16px;line-height:1.7;color:var(--text-md);text-align:left}
.intro br{display:block;content:'';margin-top:10px}
.intro strong{color:var(--text-lt);font-weight:500}
.full-img-section{padding:64px 48px}
.full-img-section img{display:block;max-width:1000px;width:100%;margin:0 auto}
.work-details{padding:80px 48px;text-align:center}
.work-details-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--text-lt);margin-bottom:8px}
.work-details-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:var(--text);margin-bottom:6px}
.work-details-subtitle{font-size:16px;color:var(--text-md);margin-bottom:32px}
.specs-row{display:flex;justify-content:center;gap:48px;max-width:800px;margin:0 auto 48px;padding:24px 0;border-top:1px solid var(--border-lt);border-bottom:1px solid var(--border-lt)}
.spec-item{text-align:left}
.spec-label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-lt);margin-bottom:4px}
.spec-value{display:block;font-size:15px;color:var(--text)}
.yt-compact{display:block;position:relative;max-width:calc(900px - 104px);margin:0 auto 56px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#111;box-shadow:0 8px 32px rgba(0,0,0,0.25)}
.yt-compact img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s}
.yt-compact:hover img{transform:scale(1.04)}
.yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:rgba(200,40,42,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s,transform 0.3s}
.yt-compact:hover .yt-play{background:var(--red-dark);transform:translate(-50%,-50%) scale(1.1)}
.yt-play svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.section-block{padding:60px 48px;max-width:900px;margin:0 auto}
.section-block h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--text-lt);margin-bottom:16px}
.section-block p{font-size:16px;line-height:1.7;color:var(--text-md);margin-bottom:11px}
.specs-bar{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:28px 20px;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}
.specs-bar .specs-item{text-align:center}
.specs-bar .specs-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-lt);margin-bottom:4px}
.specs-bar .specs-value{display:block;font-size:15px;color:var(--text)}
.slider-section{max-width:900px;margin:0 auto}
.slider-outer{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.slider-arrow{background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-md);opacity:0.6;transition:opacity 0.2s;flex-shrink:0;font-size:28px}
.slider-arrow:hover{opacity:1}
.slider-main{position:relative;flex:1;overflow:hidden;background:rgba(0,0,0,0.04);cursor:pointer;aspect-ratio:4/3}
.slider-track{display:flex;transition:transform 0.4s ease;height:100%}
.slider-slide{min-width:100%;position:relative;height:100%}
.slider-slide img{width:100%;height:100%;object-fit:contain;display:block}
.slider-thumbs{display:flex;gap:6px;overflow-x:auto;padding:2px 0;max-width:calc(900px - 104px);margin:0 auto;scrollbar-width:thin}
.slider-thumbs::-webkit-scrollbar{height:3px}
.slider-thumb{width:72px;height:72px;flex-shrink:0;overflow:hidden;cursor:pointer;opacity:0.5;transition:opacity 0.2s;border:2px solid transparent}
.slider-thumb.active{opacity:1;border-color:var(--red)}
.slider-thumb:hover{opacity:0.85}
.slider-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.related{padding:80px 48px 100px;border-top:1px solid var(--border-lt)}
.related-header{text-align:center;margin-bottom:56px}
.related-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;color:var(--text-lt)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.related-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 0.4s;overflow:hidden;background:var(--linen)}
.related-card:hover{transform:translateY(-4px)}
.related-img{position:relative;padding-bottom:100%;overflow:hidden}
.related-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.related-card:hover .related-img img{transform:scale(1.05)}
.related-info{padding:16px;text-align:center;display:flex;flex-direction:column;flex:1;justify-content:space-between}
.related-name{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--text-lt);margin-bottom:4px}
.related-descr{font-size:12px;line-height:1.6;color:var(--text-md);margin-bottom:12px;flex:1}
.related-btn{display:inline-block;padding:10px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--text-lt);border:2px solid var(--text-lt);text-decoration:none;transition:all 0.2s;align-self:center}
.related-btn:hover{background:#fff;color:var(--text-lt)}
.instagram-section{padding:56px 48px;border-top:1px solid var(--border-lt);background:var(--bg)}
.instagram-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;text-align:center;color:var(--text-lt);margin-bottom:8px}
.instagram-handle{text-align:center;margin-bottom:36px}
.instagram-handle a{font-size:14px;color:var(--text-lt);text-decoration:none;transition:color 0.2s}
.instagram-handle a:hover{color:var(--red)}
footer{padding:48px 64px 24px;border-top:1px solid var(--border-lt);background:var(--bg)}
.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin-bottom:32px}
.footer-nav{display:flex;gap:32px;list-style:none;justify-content:center}
.footer-nav a{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-lt);text-decoration:none;transition:color 0.2s}
.footer-nav a:hover{color:var(--red)}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.footer-social{display:flex;gap:20px}
.footer-social a{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-lt);text-decoration:none;transition:color 0.2s}
.footer-social a:hover{color:var(--red)}
.footer-copy{display:block;text-align:center;padding-top:24px;border-top:1px solid var(--border-lt);font-size:10px;letter-spacing:1px;color:var(--text-lt);opacity:0.6}
.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}
.lightbox-close{position:absolute;top:24px;right:32px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;z-index:10000}
@media(max-width:960px){
.nav{padding:20px 24px}.nav-center{display:none}
.hero{height:55vh;min-height:360px}
.intro{padding:36px 24px;font-size:14px}
.full-img-section{padding:32px 0}
.work-details{padding:48px 24px}
.specs-row{flex-wrap:wrap;gap:24px 32px;padding:20px 0}
.yt-compact{max-width:100%}
.section-block{padding:40px 24px}
.section-block p{font-size:14px}
.slider-outer{gap:6px}.slider-arrow{width:32px;font-size:22px}
.slider-thumb{width:56px;height:56px}
.related{padding:48px 24px}.related-grid{grid-template-columns:1fr;gap:16px}
.related-card{flex-direction:row;background:var(--linen)}
.related-img{padding-bottom:0;width:50%;min-width:120px;max-width:180px;flex-shrink:0}
.related-img img{position:static;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.related-info{padding:12px 16px;text-align:left;align-items:flex-start}
.related-name{font-size:18px}
.related-descr{font-size:13px;margin-bottom:8px}
.related-btn{padding:8px 20px;font-size:11px;align-self:flex-start}
.instagram-section{padding:40px 24px}
footer{padding:40px 24px}.footer-top{grid-template-columns:1fr;text-align:center}.footer-right{align-items:center}

  /* SHOP / PRODUCT CARD MOBILE OVERRIDES */
  .product-card { padding: 40px 24px !important; gap: 24px !important; }
  .product-card p[style*="font-size:32px"] { font-size: 24px !important; }
  .product-card p[style*="font-size:28px"] { font-size: 20px !important; margin-bottom: 8px !important; }
  .product-card p[style*="font-size:16px"] { font-size: 14px !important; line-height: 1.5 !important; }
}