/* SPOTIFY NOTE / SKAROMNY V3. Personal intent first; authentic Needle demo second. */
:root{--bg:#101411;--panel:#1a241d;--ink:#f3f5f0;--green:#1ed760;--light:#dfe9df;--muted:#b6c9ba;--rule:#465f4c;--edge:clamp(22px,4.5vw,78px);--sans:"DM Sans",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:var(--green);color:var(--bg)}
.mono,.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.075em}.skip{position:fixed;left:10px;top:6px;background:var(--green);color:var(--bg);padding:12px 18px;z-index:80;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.case-header{height:70px;border-bottom:1px solid #526354;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{min-height:44px;display:inline-flex;gap:12px;align-items:center;font-size:18px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand span{font-weight:400;color:#6e8b76}.brand small{font:500 10px var(--mono);letter-spacing:.07em;color:#b8c8ba}.case-header nav{display:flex;gap:clamp(18px,3vw,45px)}.case-header nav a,.back{font-size:12px;font-weight:600;padding:15px 0}.back{white-space:nowrap;border-bottom:1px solid #95a996}.case-header nav a:hover,.back:hover{color:var(--green)}
.opening{padding:0 var(--edge);background:radial-gradient(ellipse at 95% 26%,#1d442a 0,transparent 45%),#101411;overflow:hidden}.opening-label{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#98b5a0;padding-top:19px}.opening-grid{display:grid;grid-template-columns:1.05fr .84fr;gap:clamp(30px,5vw,75px);align-items:center;padding:35px 0 28px;min-height:620px}.opening-copy{position:relative;z-index:2}.spotify-heading{color:var(--green);font:700 11px var(--mono);letter-spacing:.06em;margin:0 0 28px;display:flex;align-items:center;gap:14px}.green-spark{font-size:24px;line-height:1}.opening h1{font-size:clamp(77px,8.2vw,143px);line-height:.91;letter-spacing:-.085em;font-weight:800;margin:0 0 27px;max-width:1000px}.opening h1 em{color:var(--green);font-style:normal}.opening-sub{font-size:clamp(22px,2.1vw,34px);line-height:1.23;letter-spacing:-.04em;font-weight:600;max-width:690px;margin:0 0 19px}.opening-description{font-size:15px;line-height:1.62;color:#c1d2c3;max-width:575px;margin:0}.opening-action{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:28px}.opening-action>.mono{font-size:10px;color:#a1bba6}.green-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:#122316;min-height:49px;padding:12px 19px;font-size:13px;font-weight:800;transition:transform .18s ease,background-color .18s ease}.green-cta:hover{transform:translateY(-2px);background:#80f6a2}
.video-feature{min-width:0;border:1px solid #63836c;background:#10120f;box-shadow:16px 20px 0 #183423;position:relative;z-index:1}.video-feature::before{content:"";position:absolute;z-index:-2;pointer-events:none;left:-13%;top:-16%;height:135%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#13361e 0 10px,#1b482a 11px 12px,#111911 13px 18px);opacity:.38}.video-bar,.video-foot{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;color:#b9d3bd;background:#18251c}.video-stage{background:#1e2121;display:flex;align-items:center;justify-content:center;min-height:430px;padding:13px;overflow:hidden}.video-stage video{display:block;width:100%;max-height:445px;object-fit:contain;background:#101010}.video-foot{border-top:1px solid #49664f;background:#121a14}.video-foot span{font-size:10px}.disclaimer{color:#a2b4a7;border-top:1px solid #3f6044;padding:12px 0 17px;margin:0;font-size:10px}
.one-idea,.decisions,.fit,.ask{padding:clamp(55px,6.5vw,95px) var(--edge)}.eyebrow{display:block;padding-bottom:22px;color:var(--green)}.one-idea{background:#e9f1e7;color:#172c1d}.one-idea .eyebrow{color:#206a3d}.idea-content{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:clamp(30px,7vw,115px)}.one-idea h2,.decisions h2,.fit h2,.ask h2{font-size:clamp(51px,6.1vw,101px);line-height:.97;letter-spacing:-.069em;margin:0;font-weight:700}.one-idea h2 em{font-style:normal;color:#287b46}.idea-content>p{max-width:475px;font-size:clamp(17px,1.65vw,23px);line-height:1.48;letter-spacing:-.025em;margin:0 0 5px;color:#2e4936}.decisions{background:#151b17}.decisions-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,6vw,90px);align-items:end}.decisions h2 em{font-style:normal;color:var(--green)}.decisions-head>p{font-size:clamp(18px,2vw,28px);line-height:1.32;letter-spacing:-.04em;max-width:545px;margin:0 0 9px;color:#c5d4c8}.decisions-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:44px}.decisions-list article{padding:25px clamp(18px,2vw,38px);border-left:1px solid var(--rule)}.decisions-list article:first-child{padding-left:0;border-left:0}.decision-id{color:var(--green)}.decisions-list h3{font-size:clamp(22px,2.4vw,32px);line-height:1.1;font-weight:700;letter-spacing:-.05em;margin:25px 0 10px}.decisions-list p{font-size:14px;line-height:1.5;color:#b8cdbb;margin:0;max-width:340px}.proof-strip{display:grid;grid-template-columns:155px 1fr;gap:28px;align-items:start;margin-top:26px}.proof-strip .mono{color:#a0baa5}.proof-strip p{margin:0;max-width:890px;font-size:13px;line-height:1.5;color:#a9beac}
.fit{background:#1d3a28}.fit-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(40px,8vw,110px);align-items:end}.fit h2{font-size:clamp(55px,6.5vw,104px)}.fit h2 em{color:var(--green);font-style:normal}.fit-grid>div>p{font-size:clamp(16px,1.45vw,21px);max-width:750px;line-height:1.47;color:#c9dbcd;letter-spacing:-.02em;margin:23px 0 0}.fit-evidence{border-top:1px solid #70977a}.fit-evidence>div{display:grid;grid-template-columns:120px 1fr;gap:22px;border-bottom:1px solid #70977a;padding:14px 0;align-items:center}.fit-evidence strong{font-size:clamp(46px,4.5vw,72px);line-height:1;letter-spacing:-.07em;color:var(--green)}.fit-evidence span{font:600 11px/1.5 var(--mono);letter-spacing:.02em;color:#d1e1d4}.full-profile{display:inline-flex;align-items:center;gap:30px;min-height:42px;margin-top:29px;border-bottom:1px solid #9bc7a6;font-size:13px;font-weight:700}
.ask{background:#101411;padding-top:68px;padding-bottom:68px}.ask-layout{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(30px,7vw,115px)}.ask h2{font-size:clamp(54px,6.3vw,102px)}.ask h2 em{color:var(--green);font-style:normal}.ask-layout>div>p{font-size:18px;line-height:1.5;color:#c6dacb;max-width:540px;margin:0 0 28px}.case-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid #43634a;padding:21px var(--edge);background:#0e130f;color:#9fb7a4}.case-footer a{color:#e0f1e3}.case-footer span:last-child{font-size:10px}
@media(max-width:1080px){.opening-grid{grid-template-columns:1.05fr .95fr;gap:25px}.opening h1{font-size:clamp(72px,8.5vw,95px)}.video-stage{min-height:350px}.video-stage video{max-height:350px}.fit-evidence>div{grid-template-columns:95px 1fr;gap:12px}.fit-evidence strong{font-size:55px}}
@media(max-width:760px){.case-header nav{display:none}.opening-grid{grid-template-columns:1fr;gap:32px;min-height:0;padding:35px 0}.opening h1{font-size:clamp(72px,11vw,110px)}.opening-sub{font-size:24px}.opening-description{font-size:16px}.video-feature{width:min(100%,590px);margin:0 auto 15px}.video-stage{min-height:365px}.video-stage video{max-height:420px}.opening-action>.mono{display:none}.idea-content,.decisions-head,.fit-grid,.ask-layout{grid-template-columns:1fr;gap:24px}.one-idea h2,.decisions h2,.fit h2,.ask h2{font-size:clamp(56px,9vw,85px)}.idea-content>p{font-size:18px;max-width:600px}.decisions-list{grid-template-columns:1fr;margin-top:26px}.decisions-list article{border-left:0;border-top:1px solid var(--rule);padding:19px 0}.decisions-list article:first-child{border-top:0}.decisions-list h3{font-size:27px;margin:8px 0}.decisions-list p{max-width:630px}.proof-strip{grid-template-columns:1fr;gap:5px}.fit-evidence>div{grid-template-columns:115px 1fr}.ask-layout>div>p{font-size:17px}}
@media(max-width:480px){.case-header{height:65px;gap:14px}.brand{font-size:16px}.brand small{font-size:11px}.back{font-size:11px}.opening-label span:last-child{display:none}.opening h1{font-size:clamp(59px,14vw,82px)}.opening-grid{gap:24px;padding-top:25px}.spotify-heading{font-size:11px;margin-bottom:20px}.opening-sub{font-size:21px}.opening-description{font-size:15px}.video-feature{box-shadow:8px 10px 0 #183423}.video-stage{min-height:290px;padding:9px}.video-stage video{max-height:350px}.video-bar,.video-foot{padding:9px 10px}.video-bar span,.video-foot span{font-size:11px}.disclaimer{font-size:11px}.one-idea,.decisions,.fit,.ask{padding:50px var(--edge)}.one-idea h2,.decisions h2,.fit h2,.ask h2{font-size:clamp(46px,11vw,65px)}.decisions-head>p{font-size:19px}.fit-evidence>div{grid-template-columns:90px 1fr}.fit-evidence strong{font-size:47px}.case-footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}