*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f5f4ee;color:#173d32;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible{outline:3px solid #c29c66;outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#173d32;color:#ede5db}.signature{width:190px;height:55px;object-fit:contain}nav{display:flex;gap:32px;font-size:14px}.hero{position:relative;margin:0 18px;min-height:660px;height:calc(100svh - 120px);max-height:940px;border-radius:0 0 28px 28px;overflow:hidden;color:#f5f4ee;background:#173d32}.portrait{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% 40%;animation:photo 1.4s ease-out both}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,18,.7),rgba(8,26,18,.18) 45%,transparent 68%)}.hero-copy{position:absolute;top:27%;left:6%;width:42%;max-width:600px;animation:copy 1s .1s ease-out both}.release{font-size:14px;margin:0 0 30px;color:#e4dfd1}h1{margin:0 0 26px}h1 img{width:100%}.phrase{font-size:clamp(22px,2.1vw,30px);line-height:1.35;margin:0 0 36px;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border-radius:100px;font-size:14px;font-weight:600;min-height:52px}.light{background:#f5f4ee;color:#173d32}.button svg{width:20px;height:20px;fill:currentColor}.isotype{position:absolute;bottom:32px;right:5%;width:48px}.video-section{max-width:1280px;margin:0 auto;padding:100px 44px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-title p{font-size:14px;color:#64766c;margin:0 0 12px}h2{font-size:clamp(34px,4vw,55px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}.video-note{text-align:right}.video-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#173d32;color:#fff}.video-cover>img{width:100%;height:100%;object-fit:cover}.video-cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.play{position:absolute;inset:0;margin:auto;width:80px;height:80px;background:rgba(245,244,238,.95);border-radius:50%;display:grid;place-items:center;color:#173d32;z-index:1}.play svg{fill:currentColor;width:34px;height:34px}.video-label{position:absolute;left:34px;bottom:28px;z-index:1;font-size:26px}.video-label small{display:block;font-size:13px;margin-top:3px}.music-section{background:#173d32;color:#ede5db;display:grid;grid-template-columns:360px 1fr;gap:9%;align-items:center;padding:90px max(6%,calc((100vw - 1160px)/2))}.cover{width:100%;border-radius:12px}.music-copy>p{font-size:14px;color:#c0c8bc;margin:0 0 17px}.platforms{display:grid;grid-template-columns:repeat(2,150px);gap:22px 30px;margin:36px 0}.platforms a{min-height:42px;display:flex;align-items:center}.platforms img{max-height:30px;max-width:140px;object-fit:contain}.outline{border:1px solid #7b9084;color:#f5f4ee}.contact{max-width:1280px;padding:50px 44px;margin:auto;display:flex;justify-content:space-between;font-size:14px}.contact a{padding:10px 0}footer{max-width:1280px;margin:auto;padding:24px 44px 38px;border-top:1px solid #d7ded5;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#64766c}.powered{display:flex;align-items:center;gap:7px}.powered img{width:72px;filter:brightness(0);opacity:.55}.powered span{font-size:10px}@keyframes photo{from{transform:scale(1.025);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}@keyframes copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){header{height:85px;padding:0 23px}.signature{width:152px;height:42px}nav{gap:19px;font-size:12px}nav a:first-child{display:none}.hero{margin:0 10px;height:750px;min-height:0;max-height:none;border-radius:0 0 22px 22px}.portrait{height:68%;object-position:66% 35%}.shade{background:linear-gradient(0deg,#173d32 31%,rgba(23,61,50,.8) 38%,transparent 65%)}.hero-copy{top:auto;bottom:40px;left:7%;width:86%;max-width:none;display:flex;flex-direction:column;align-items:flex-start}.release{margin:0 0 18px;font-size:12px}h1{width:85%;max-width:340px;margin-bottom:20px}.phrase{font-size:23px;margin-bottom:24px}.isotype{width:36px;bottom:138px;right:8%}.button{padding:14px 22px;font-size:13px}.video-section{padding:65px 24px}.section-title{display:block;margin-bottom:25px}.section-title p{font-size:12px}h2{font-size:37px}.video-note{display:none}.video-cover{border-radius:15px}.play{width:55px;height:55px}.play svg{width:26px;height:26px}.video-label{left:18px;bottom:14px;font-size:18px}.video-label small{font-size:11px}.music-section{grid-template-columns:1fr;padding:55px 28px;gap:35px}.cover{width:210px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;gap:18px 20px;margin:28px 0}.platforms img{max-width:125px;max-height:26px}.contact{padding:30px 25px;flex-direction:column;gap:6px}footer{padding:22px 25px 30px;gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Olivella launch: split composition, deliberate motion, 11 November 2026 */
body{background:#f6f6f2}header{height:88px;background:#f6f6f2;color:#213b31;max-width:1600px;margin:auto;padding:0 4%}.signature{width:168px;height:45px;filter:brightness(0) saturate(100%);opacity:.86}nav{gap:30px;font-size:13px}nav a{transition:opacity .2s}nav a:hover{opacity:.55}.hero{display:grid;grid-template-columns:54% 46%;height:auto;min-height:740px;max-height:none;max-width:1512px;margin:0 auto;border-radius:28px;overflow:hidden;background:#173d32}.portrait-stage{position:relative;overflow:hidden;min-height:740px;background:#c8c7b9}.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;animation:portraitEnter 1.7s cubic-bezier(.16,1,.3,1) both}.photo-caption{position:absolute;bottom:30px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px;text-shadow:0 1px 10px #172d24}.photo-caption img{width:36px}.hero-copy{position:relative;top:auto;left:auto;width:auto;max-width:none;align-self:center;padding:70px 13%;animation:none}.release{font-size:13px;color:#cbd2c2;letter-spacing:.01em;margin:0 0 34px;animation:contentEnter 1.05s .14s cubic-bezier(.16,1,.3,1) both}h1{margin:0 0 38px;width:100%}h1 img{width:100%;animation:contentEnter 1.35s .22s cubic-bezier(.16,1,.3,1) both}.phrase{font-size:clamp(30px,3.35vw,52px);line-height:1.06;letter-spacing:-.045em;margin:0 0 25px;font-weight:500;animation:contentEnter 1.2s .31s cubic-bezier(.16,1,.3,1) both}.hero-description{font-size:16px;line-height:1.5;color:#c1cbbf;margin:0 0 32px;animation:contentEnter 1.2s .39s cubic-bezier(.16,1,.3,1) both}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;animation:contentEnter 1.1s .47s cubic-bezier(.16,1,.3,1) both}.text-link{font-size:13px;display:flex;gap:9px;align-items:center}.hero-press{display:inline-flex;gap:8px;font-size:11px;color:#b2c1b2;margin-top:38px;animation:contentEnter 1.1s .55s cubic-bezier(.16,1,.3,1) both}.button{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s;min-height:49px;padding:14px 23px}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.975);transition-duration:.08s}.video-section{padding:125px 44px;max-width:1280px}.section-title{margin-bottom:40px}.section-title h2{font-size:clamp(34px,3.6vw,51px);line-height:1.08}.section-title p{font-size:13px}.video-cover{border-radius:28px}.music-section{border-radius:28px;max-width:1512px;margin:auto;padding:90px max(7%,calc((100vw - 1130px)/2));grid-template-columns:330px 1fr;gap:12%}.music-copy h2{font-size:clamp(38px,4.1vw,58px)}.cover{box-shadow:0 20px 60px #06221955;border-radius:9px}.press-access{max-width:1192px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:105px 0 85px}.press-access h2{font-size:45px;line-height:1.08}.press-access p{font-size:14px;color:#64766c;margin:0 0 23px}.press-access>div:last-child{justify-self:end}.dark{background:#173d32;color:#f5f4ee}.contact{border-top:1px solid #dce0d8;padding-top:30px;padding-bottom:30px;font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}@keyframes portraitEnter{from{transform:scale(1.06);filter:blur(5px);opacity:.5}to{transform:scale(1);filter:blur(0);opacity:1}}@keyframes contentEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:790px}.portrait-stage{min-height:790px}}@media(min-width:701px) and (max-width:1100px){.hero{margin:0 18px;grid-template-columns:50% 50%;min-height:680px}.portrait-stage{min-height:680px}.hero-copy{padding:55px 10%}.phrase{font-size:38px}.music-section{margin:0 18px;padding:65px 6%;grid-template-columns:270px 1fr;gap:7%}.press-access{padding:80px 44px}.hero-actions{gap:18px}.text-link{font-size:12px}}
@media(max-width:700px){header{height:78px;padding:0 23px}.signature{width:145px;height:40px}nav{gap:19px;font-size:12px}.hero{display:flex;flex-direction:column;margin:0 12px;min-height:0;height:auto;max-height:none;border-radius:24px}.portrait-stage{min-height:0;height:450px;width:100%}.portrait{height:100%;object-position:67% 35%}.photo-caption{bottom:20px;left:22px;right:22px}.photo-caption span{font-size:10px}.photo-caption img{width:29px}.hero-copy{display:block;position:relative;bottom:auto;left:auto;top:auto;width:auto;padding:40px 28px 38px;align-self:stretch}.release{font-size:12px;margin-bottom:26px}h1{width:100%;max-width:340px;margin-bottom:30px}.phrase{font-size:38px;line-height:1.06;margin-bottom:20px}.hero-description{font-size:15px;margin-bottom:28px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-press{margin-top:28px}.video-section{padding:75px 25px}.section-title{margin-bottom:28px}.section-title h2{font-size:36px}.video-cover{border-radius:20px}.music-section{display:flex;flex-direction:column;align-items:flex-start;gap:36px;margin:0 12px;padding:42px 28px 47px;border-radius:24px}.cover{width:220px;align-self:center}.music-copy h2{font-size:39px}.music-copy>p{font-size:12px}.platforms{width:100%;max-width:320px;gap:18px 22px}.music-copy{width:100%}.press-access{display:block;padding:70px 26px 55px}.press-access h2{font-size:36px}.press-access>div:last-child{margin-top:28px}.press-access p{font-size:13px}.contact{margin:0 25px;padding:25px 0;gap:2px}footer{padding:22px 25px 30px}.reveal{transform:translateY(16px)}}@media(max-width:360px){.portrait-stage{height:390px}.hero-copy{padding:34px 23px}.phrase{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}