:root{color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}
html,body{padding:0;margin:0;min-width:320px}
body{background:#f5edf0}
#elva{--bg:#f5edf0;--soft:#ead7df;--soft2:#e3c8d3;--accent:#efadc5;--text:#151315;--muted:#655b60;--line:rgba(36,36,33,.22);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow:clip;color:var(--text);background:var(--bg)}
#elva a{color:inherit;text-decoration:none}
#elva h1,#elva h2,#elva h3,#elva p{margin-top:0}
#elva h1,#elva h2,#elva h3{font-weight:500}
#elva h2,#elva h3,#elva .big-link strong{font-family:Unbounded,Arial,sans-serif;font-weight:500;letter-spacing:-.05em}
#elva h2{max-width:1000px;font-size:clamp(30px,3.9vw,54px);line-height:1.16;margin-bottom:36px}
#elva h3{font-size:20px;line-height:1.35}
#elva section{scroll-margin-top:24px}
#elva .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#elva .elva-arrow{display:inline-block;flex-shrink:0;width:1.15em;height:1.15em;margin-left:.3em;vertical-align:-.18em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#elva a:focus-visible,#elva button:focus-visible{outline:2px solid #f05ba9;outline-offset:4px}
#elva .header{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 40px;background:linear-gradient(#111012e8,transparent);color:#f4d1de;transition:opacity .25s}
#elva.intro-running .header{opacity:0;pointer-events:none}
#elva .logo{font:700 20px/1.4 Unbounded,Arial,sans-serif;letter-spacing:-.06em;word-spacing:.12em}
#elva .nav{display:flex;gap:28px;color:#f7e8ef;font-size:11px;letter-spacing:.04em}
#elva .nav a{min-height:44px;display:inline-flex;align-items:center;position:relative;white-space:nowrap}
#elva .nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:#f4d1de;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#elva .nav a:hover::after{transform:scaleX(1)}
#elva .brand-cover{height:100svh;min-height:540px;position:relative;overflow:hidden;background:#080709;color:#f4d1de}
#elva .brand-stage{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;isolation:isolate}
#elva .scattered-letters{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;opacity:.84}
#elva .letter-lane{min-width:0;height:100%;transform:rotate(var(--tilt))}
#elva .letter-track{font:800 clamp(60px,13vw,190px)/1.1 Unbounded,Arial,sans-serif;text-align:center;color:#f5dce5;transform:translateY(-20%)}
#elva .letter-lane:nth-child(even) .letter-track{color:transparent;-webkit-text-stroke:1px #efadc5;transform:translateY(-38%)}
#elva .brand-card{position:absolute;left:50%;top:50%;width:100%;height:100%;display:grid;place-items:center;padding:0;background:#080709;color:#efadc5;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;z-index:2;overflow:hidden}
#elva .pink-surface{position:absolute;inset:0;background:#efadc5;opacity:0;pointer-events:none}
#elva .intro-word-window{z-index:1;position:relative;width:100%;height:1.3em;overflow:hidden;font:800 clamp(50px,16vw,240px)/1.3 Unbounded,Arial,sans-serif;letter-spacing:-.075em;color:#efadc5;visibility:hidden}
#elva .intro-word-window>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#elva .intro-elva{transform:translateY(-110%)}
#elva .intro-agency{transform:translateY(0);font-size:.78em}
#elva .final-lockup{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#efadc5;font:800 clamp(48px,13vw,190px)/1.08 Unbounded,Arial,sans-serif;letter-spacing:-.075em}
#elva .final-lockup span{display:block}
#elva .intro-footer{position:absolute;z-index:6;left:40px;right:40px;bottom:0;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#f4d1de;background:linear-gradient(transparent,#080709);transition:opacity .25s}
#elva .intro-footer p{font:12px/1.5 Arial,sans-serif;margin:0}
#elva .intro-footer a{min-height:44px;display:flex;gap:10px;align-items:center;font-size:11px}
#elva.intro-running .intro-footer{opacity:0;pointer-events:none}
#elva .hero{background:#21171d;color:#f9f6ef;padding:48px 48px 0;min-height:90svh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #f4d1de30}
#elva .hero-kicker{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;padding-bottom:48px}
#elva .roll-stage{position:relative;min-height:350px;touch-action:pan-y pinch-zoom}
#elva .roll-panel{position:relative;isolation:isolate;padding-bottom:30px}
#elva .roll-panel+.roll-panel{padding-top:30px;border-top:1px solid #ffffff40}
#elva.motion-ready .roll-stage{display:grid;overflow:hidden}
#elva.motion-ready .roll-panel{grid-area:1/1;padding:0 0 12px;border:0;visibility:hidden}
#elva.motion-ready .roll-panel.is-current{visibility:visible}
#elva .roll-audience{position:relative;z-index:1;color:#efadc5;font:800 clamp(42px,7.7vw,112px)/1.22 Unbounded,Arial,sans-serif;letter-spacing:-.065em}
#elva .roll-benefit{position:relative;z-index:1;margin-top:18px;font:700 clamp(30px,4.4vw,62px)/1.18 Unbounded,Arial,sans-serif;letter-spacing:-.055em}
#elva .direction-art{position:absolute;right:4%;bottom:0;width:280px;height:240px;z-index:-1;color:#efadc5;opacity:.4;pointer-events:none}
#elva .art-orbit{position:absolute;width:240px;height:240px;border:1px solid #efadc5;border-radius:50%;transform:rotate(-18deg) scaleX(1.3)}
#elva .art-label{position:absolute;top:48px;left:25px;background:#efadc5;color:#21171d;padding:30px 20px;font:700 25px/1.2 Unbounded,Arial,sans-serif;letter-spacing:-.06em;transform:rotate(-18deg)}
#elva [data-panel="1"] .art-label{transform:rotate(14deg)}
#elva .art-star{position:absolute;right:-10px;top:-15px;font-size:100px}
#elva .roll-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #ffffff45;margin-top:26px;padding-bottom:8px}
#elva .roll-controls[hidden]{display:none}
#elva .roll-choices,#elva .roll-arrows{display:flex;gap:24px}
#elva .roll-arrows{gap:16px}
#elva .roll-controls button{border:0;border-radius:0;font:500 10px Arial,sans-serif;letter-spacing:.05em;color:#f9f6ef;background:transparent;padding:12px 0;min-height:44px;cursor:pointer}
#elva .roll-choices button{border-bottom:2px solid transparent}
#elva .roll-choices button[aria-pressed="true"]{border-color:#f1c9d4;color:#f1c9d4}
#elva .roll-arrows button{min-width:44px;font-size:24px}
#elva .roll-arrows .elva-arrow{margin:0}
#elva .hero-lower{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 0}
#elva .hero-lower p{max-width:530px;font-size:14px;line-height:1.65;margin:0;color:#f2efe9}
#elva .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
#elva .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 23px;min-height:50px;border-radius:3px;font-size:11px;letter-spacing:.02em;font-weight:500;text-align:center;transition:transform .25s,background .25s}
#elva .btn:hover{transform:translateY(-2px)}
#elva .btn-pink{background:#efadc5;color:#242421}
#elva .btn-outline{background:transparent;border:1px solid #ffffff60;color:#fff}
#elva .btn-dark{background:#151315;color:#fff}
#elva .longterm{display:flex;align-items:center;gap:24px;padding:24px 0 28px;border-top:1px solid #ffffff45}
#elva .longterm-mark{font-size:38px;line-height:1;color:#f1c9d4}
#elva .longterm-mark .elva-arrow{margin:0}
#elva .longterm p{margin:0;font-size:11px;letter-spacing:.09em;line-height:1.5}
#elva .longterm p span{display:block;font-size:13px;letter-spacing:0;color:#e1dfd8;margin-top:7px}
#elva .section{position:relative;padding:90px 0;margin:0 48px}
#elva .rule{border-top:1px solid var(--line)}
#elva .label{margin-bottom:24px;color:#716b62;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
#elva .text{font-size:16px;line-height:1.75;color:var(--muted)}
#elva .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
#elva .intro-title{max-width:500px}
#elva .intro-copy{max-width:620px}
#elva .intro-copy p{margin-bottom:20px}
#elva .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}
#elva .section-head .text{max-width:360px;margin-bottom:0}
#elva .services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#elva .service{display:flex;flex-direction:column;min-height:330px;padding:34px;border:1px solid var(--line);border-radius:3px;background:transparent;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
#elva .service:nth-child(2){background:var(--soft)}
#elva .service:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 50px rgba(80,45,58,.06)}
#elva .service-num{display:block;margin-bottom:38px;color:#805d69;font-size:12px;font-weight:600}
#elva .service h3{font-size:clamp(23px,2.3vw,31px);line-height:1.12}
#elva .service p{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.7}
#elva .service ul{margin:8px 0 28px;padding-left:19px;color:var(--muted);font-size:14px;line-height:1.8}
#elva .service .btn{margin-top:auto;align-self:flex-start}
#elva .clients{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#elva .client{padding:42px;border-radius:3px;background:var(--soft)}
#elva .client:nth-child(2){background:var(--soft2)}
#elva .client h3{font-size:23px;margin-bottom:18px}
#elva .client p{max-width:480px;margin:0;color:var(--muted);line-height:1.7}
#elva .client p+p{margin-top:14px}
#elva .process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
#elva .step{min-width:0;padding:27px 28px 27px 0;border-right:1px solid var(--line)}
#elva .step+.step{padding-left:28px}
#elva .step:last-child{border-right:0}
#elva .step h3{line-height:1.3}
#elva .step p{margin-top:11px;margin-bottom:0;color:var(--muted);font-size:13px}
#elva .link-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#elva .big-link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:235px;padding:32px;border:1px solid var(--line);border-radius:3px;background:transparent;transition:transform .3s ease,box-shadow .3s ease}
#elva .big-link:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(80,45,58,.07)}
#elva .big-link::after{content:"";position:absolute;right:30px;top:24px;width:20px;height:20px;background:#805d69;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#elva .big-link small{margin-bottom:14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
#elva .big-link strong{font-size:27px}
#elva .big-link p{max-width:400px;margin:14px 0 0;color:var(--muted);font-size:14px}
#elva .cta{padding:65px;border-radius:3px;background:#21171d;color:#f9f6ef}
#elva .cta h2{max-width:800px}
#elva .cta .label,#elva .cta .text{color:#eeebe5}
#elva .cta .text{max-width:560px;margin-top:24px}
#elva .contacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
#elva .contact{display:inline-flex;align-items:center;min-height:46px;padding:0 17px;border:1px solid rgba(31,29,30,.14);border-radius:3px;background:#eeebe5;color:#242421;font-size:13px;transition:background .2s}
#elva .contact:hover{background:#fff}
#elva footer{display:flex;justify-content:space-between;gap:20px;margin:0 48px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
#elva .section-motion-line{position:absolute;pointer-events:none;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#efadc5 25%,#ff61b7 75%,transparent);transform-origin:left;opacity:0}
#elva .elva-cursor{position:fixed;z-index:2147483647;width:24px;height:28px;pointer-events:none;transform:translate(-3px,-3px);opacity:0;filter:drop-shadow(0 0 3px #ff4fb4) drop-shadow(0 0 8px #ff4fb4)}
#elva .elva-cursor svg{display:block;overflow:visible}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#elva.cursor-active,#elva.cursor-active *{cursor:none!important}#elva.cursor-active .elva-cursor{opacity:1}#elva .elva-cursor.is-link{filter:drop-shadow(0 0 4px #ff4fb4) drop-shadow(0 0 12px #ff4fb4)}#elva .big-link::after{transition:transform .3s ease}#elva .big-link:hover::after{transform:translate(5px,-5px)}}
@media(max-width:1000px){#elva .hero-lower{grid-template-columns:1fr}#elva .intro-grid{gap:32px}#elva .process{grid-template-columns:1fr 1fr}#elva .step:nth-child(2){border-right:0}#elva .step:nth-child(3){padding-left:0}}
@media(max-width:850px){#elva .services{grid-template-columns:1fr}#elva .service{min-height:auto}#elva .nav{gap:18px}}
@media(max-width:700px){
 #elva .header{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 20px 12px}
 #elva .nav{gap:10px 18px;flex-wrap:wrap;font-size:11px}
 #elva .brand-cover{height:100svh;min-height:500px}
 #elva .intro-word-window{font-size:17vw}
 #elva .final-lockup{font-size:clamp(44px,12.2vw,84px)}
 #elva .scattered-letters{grid-template-columns:repeat(5,minmax(0,1fr))}
 #elva .letter-lane:nth-child(n+6){display:none}
 #elva .letter-track{font-size:22vw}
 #elva .intro-footer{left:20px;right:20px;padding:20px 0;gap:12px}
 #elva .intro-footer p{font-size:10px;max-width:170px}
 #elva .hero{padding:34px 22px 0;min-height:90svh}
 #elva .hero-kicker{font-size:8px;padding-bottom:38px}
 #elva .roll-stage{min-height:250px}
 #elva .roll-audience{font-size:clamp(32px,8.3vw,58px)}
 #elva .roll-benefit{font-size:clamp(22px,5.9vw,40px);margin-top:15px;line-height:1.25}
 #elva .roll-controls{margin-top:18px;gap:8px;padding-bottom:8px;flex-wrap:wrap}
 #elva .roll-choices{gap:15px}
 #elva .roll-controls button{font-size:8px}
 #elva .hero-lower{padding:24px 0;gap:20px}
 #elva .hero-lower p{font-size:13px}
 #elva .hero-actions .btn{flex:1;padding:0 12px}
 #elva .direction-art{width:170px;height:150px;right:0;opacity:.16}
 #elva .art-orbit{width:150px;height:150px}
 #elva .art-label{top:32px;left:0;font-size:16px;padding:20px 15px}
 #elva .art-star{font-size:65px}
 #elva .longterm{gap:14px;align-items:flex-start}
 #elva .longterm p{font-size:9px}
 #elva .longterm p span{font-size:12px}
 #elva .section{margin:0 20px;padding:56px 0}
 #elva h2{font-size:clamp(26px,6.4vw,40px)}
 #elva .intro-grid,#elva .clients,#elva .link-grid,#elva .process{grid-template-columns:1fr}
 #elva .section-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:30px}
 #elva .step,#elva .step+.step{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}
 #elva .service,#elva .client,#elva .big-link{padding:26px 22px}
 #elva .service h3,#elva .client h3{font-size:22px}
 #elva .big-link strong{font-size:21px}
 #elva .cta{padding:32px 22px}
 #elva footer{margin:0 20px;flex-direction:column}
}
@media(max-width:400px){#elva .hero-actions{flex-direction:column}#elva .hero-actions .btn{width:100%}#elva .nav{column-gap:13px;font-size:10px}#elva .roll-choices{gap:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}#elva *,#elva *::before,#elva *::after{animation:none!important;transition:none!important}#elva .roll-controls{display:none!important}#elva .roll-panel{position:relative!important;visibility:visible!important;transform:none!important;opacity:1!important;min-height:0!important;padding:0 0 28px!important;border:0!important}#elva .roll-panel+.roll-panel{padding-top:28px!important;border-top:1px solid #ffffff40!important}#elva .section-motion-line{display:none!important}#elva .elva-cursor{display:none!important}}

/* Final brand artwork: crisp SVG stars on all devices. */
#elva .art-star{line-height:1}
#elva .elva-star{display:block;width:1em;height:1em;background:none}
