@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;line-height:1.7;overflow-x:hidden;color:#e8dfec!important;background-color:#1e1a20!important}strong,b,.highlight-term{font-weight:600;color:#ffd166!important}em,.highlight-sub{color:#eed7ff!important}p,li,a{word-break:break-word;color:#e8dfec!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;color:#fff!important}.portfolio-container{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:50px;width:100%;max-width:1500px;margin:0 auto;padding:40px;display:grid}.portfolio-sidebar{background-color:#0000;border-right:1px solid #43394b;flex-direction:column;justify-content:space-between;height:calc(100vh - 80px);padding-right:30px;display:flex;position:sticky;top:40px}.sidebar-header h2{margin-bottom:4px;font-size:1.5rem;color:#fff!important}.sidebar-header p{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:500;color:#d2c2dc!important}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;margin:20px 0;padding-right:5px;display:flex;overflow-y:auto}.nav-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s;position:relative;color:#d2c2dc!important}.nav-item:hover{background:#312938;color:#ffd166!important}.nav-item.active{background:#312938;border-left:3px solid #ffd166;font-weight:600;color:#ffd166!important}.sidebar-footer{letter-spacing:.05em;border-top:1px solid #43394b;padding-top:15px;font-size:.75rem;color:#d2c2dc!important}.portfolio-content{flex-direction:column;gap:40px;min-width:0;display:flex}.slide-section{border-radius:4px;width:100%;padding:clamp(25px,4vw,50px);box-shadow:0 10px 30px #0f0c1180;background:#28212e!important;border:1px solid #43394b!important}.section-tracker{letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:700;color:#eed7ff!important}.main-heading{margin-bottom:24px;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700;color:#fff!important}.cover-slide{border-radius:4px;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;width:100%;padding:clamp(30px,5vw,70px);display:grid;box-shadow:0 10px 30px #0f0c1180;background:#28212e!important;border:1px solid #43394b!important}.cover-left .top-tag{letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:700;display:block;color:#eed7ff!important}.cover-left h1{margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.8rem);line-height:1.1;color:#fff!important}.cover-left .subtitle{margin-bottom:12px;font-size:1.1rem;font-weight:500;color:#f8f5f8!important}.cover-left .tagline{font-size:.95rem;font-style:italic;color:#e8dfec!important}.cover-right-box{border-radius:2px;justify-content:center;align-items:center;width:100%;height:380px;display:flex;overflow:hidden;background:#332b3a!important;border:1px solid #554860!important;padding:0!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.editorial-card{border-radius:2px;height:100%;padding:clamp(20px,3vw,30px);background:#332b3a!important;border:1px solid #554860!important}.editorial-card h3{margin-bottom:12px;font-size:1.25rem;color:#fff!important}.square-list{margin-top:20px;list-style:none}.square-list li{margin-bottom:12px;padding-left:20px;font-size:1.05rem;position:relative;color:#e8dfec!important}.square-list li:before{content:"";width:8px;height:8px;position:absolute;top:8px;left:0;background-color:#ffd166!important}.timeline-item{border-bottom:1px solid #554860;grid-template-columns:140px 1fr;gap:30px;padding:24px 0;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-year{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#ffd166!important}.quote-bar{margin-bottom:30px;padding:20px 25px;font-family:Playfair Display,serif;font-size:1.15rem;font-style:italic;color:#fff!important;background:#312838!important;border-left:4px solid #ffd166!important}@media (width<=1024px){.portfolio-container{grid-template-columns:1fr;gap:30px;padding:20px}.portfolio-sidebar{border-bottom:1px solid #43394b;border-right:none;height:auto;margin-bottom:10px;padding-bottom:20px;position:relative;top:0}.sidebar-nav{flex-flow:wrap;gap:8px;max-height:180px}.nav-item{padding:6px 10px;font-size:.85rem}}@media (width<=768px){.cover-slide,.grid-2,.grid-3{grid-template-columns:1fr!important}.timeline-item{grid-template-columns:1fr;gap:8px}.cover-right-box{height:260px!important}.slide-section{padding:20px}}h1{letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;color:#ffd166!important}h2,.main-heading{letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;color:#d4a373!important}h3{letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;color:#f8f5f8!important}.cover-slide .cover-left h1{color:#c084fc!important;text-shadow:0 2px 10px #c084fc66!important}.cover-slide .cover-left .tagline{color:#e8dcc4!important;font-style:italic!important}.slide-section h2,.slide-section h3,.slide-section .main-heading{text-shadow:0 2px 10px #c084fc66!important}.slide-section .grid-3 .editorial-card h3,.slide-section h2:not(.main-heading),.slide-section h3,.slide-section .editorial-card h3,.slide-section p strong,.slide-section .highlight-target,.slide-section p[style*="font-style: italic"],.slide-section p[style*="fontWeight: '600'"],.slide-section p[style*="font-weight: 600"]{color:#d96b27!important;text-shadow:none!important}.slide-section .grid-2{grid-template-columns:1fr 1fr;display:grid;align-items:stretch!important}@media (width<=768px){.slide-section .grid-2{grid-template-columns:1fr!important}}.slide-section .grid-2>div{flex-direction:column;display:flex}.slide-section .grid-2 .cover-right-box{height:280px!important;max-height:280px!important}.slide-section .cover-right-box div[style*="position: absolute"] h3,.slide-section .cover-right-box div[style*="position: absolute"] p,.slide-section .cover-right-box div[style*="position: absolute"] span{color:#fff!important}
