.project-story{margin:-4px 0 90px;border:1px solid #242424;background:#101010;padding:42px}.story-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:28px}.story-head>div{max-width:720px}.story-label{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 12px}.story-head h4{font:700 clamp(28px,3.2vw,46px)/1.05 Manrope;letter-spacing:-1.5px;margin:0}.story-head>p{max-width:360px;color:#888;line-height:1.65;margin:0}.story-slider{position:relative;outline:none}.story-track{position:relative;min-height:530px;background:#181818;overflow:hidden}.story-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);margin:0;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .38s ease,transform .38s ease,visibility .38s}.story-slide.is-active{opacity:1;visibility:visible;transform:none}.slide-image{height:530px;background:#ece9e2;overflow:hidden}.slide-image img{width:100%;height:100%;object-fit:contain}.story-slide figcaption{display:flex;flex-direction:column;justify-content:center;padding:42px;background:#181818}.story-slide figcaption span{color:var(--gold);font-size:10px;letter-spacing:1.7px;font-weight:700}.story-slide figcaption strong{font:700 27px/1.15 Manrope;margin:18px 0 14px}.story-slide figcaption p{color:#999;line-height:1.7;margin:0}.slider-controls{height:64px;display:flex;align-items:center;gap:14px;border-top:1px solid #2a2a2a}.slider-arrow{width:38px;height:38px;border:1px solid #3a3a3a;background:transparent;color:#fff;border-radius:50%;cursor:pointer;font-size:17px}.slider-arrow:hover{background:var(--gold);color:#111;border-color:var(--gold)}.slider-dots{display:flex;gap:8px;flex:1}.slider-dots button{width:25px;height:2px;padding:0;border:0;background:#444;cursor:pointer}.slider-dots button.is-active{background:var(--gold)}.slide-count{font-size:11px;color:#666;letter-spacing:1px}.slide-count b{color:#fff}.portrait-art img{object-fit:contain;padding:18px}.story-aranyak{background:#ebe7de;color:#111;border-color:#d2cdc2}.story-aranyak .story-label,.story-aranyak .story-slide figcaption span{color:#e56d1d}.story-aranyak .story-track,.story-aranyak .story-slide figcaption{background:#f6f3ed}.story-aranyak .story-slide figcaption p{color:#666}.story-aranyak .slider-controls{border-color:#c8c3b8}.story-aranyak .slider-arrow{border-color:#aaa;color:#111}.story-aranyak .slider-arrow:hover{background:#e56d1d;color:#fff;border-color:#e56d1d}.story-aranyak .slider-dots button{background:#bbb}.story-aranyak .slider-dots button.is-active{background:#e56d1d}.story-aranyak .slide-count b{color:#111}.story-ninefive{background:#061f2b}.story-ninefive .story-track,.story-ninefive .story-slide figcaption{background:#082a3a}.story-ninefive .story-label,.story-ninefive .story-slide figcaption span{color:#91d214}.story-ninefive .slider-dots button.is-active{background:#91d214}.story-ninefive .slider-arrow:hover{background:#91d214;border-color:#91d214}.story-mountain{background:#17110e}.story-mountain .story-track,.story-mountain .story-slide figcaption{background:#211713}
@media(max-width:900px){.story-head{display:block}.story-head>p{margin-top:18px}.story-slide{grid-template-columns:1fr}.story-track{min-height:760px}.slide-image{height:500px}.story-slide figcaption{min-height:260px;padding:30px}}
@media(max-width:600px){.project-story{padding:24px 18px;margin-bottom:65px}.story-head h4{font-size:30px}.story-track{min-height:630px}.slide-image{height:360px}.story-slide figcaption{min-height:270px;padding:24px}.story-slide figcaption strong{font-size:23px}.slider-controls{gap:10px}.slider-arrow{width:36px;height:36px}.slider-dots button{width:16px}}
