:root{
  --ink:#0d0d0d;--ink2:#151513;--cream:#f4f1e9;--paper:#e9e3d8;--muted:#aaa49a;
  --orange:#ff5c35;--gold:#b08a47;--line:rgba(244,241,233,.17);--pad:clamp(20px,4vw,68px);
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);overflow-x:clip}body{margin:0;min-width:0;background:var(--ink);color:var(--cream);font-family:var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.skip-link{position:fixed;z-index:99;left:12px;top:12px;padding:10px 14px;background:var(--cream);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}
.project-header{height:84px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(13,13,13,.92);backdrop-filter:blur(16px)}
.osa-wordmark{display:inline-flex;align-items:baseline;width:max-content;font-weight:950;letter-spacing:-.075em;line-height:.8}.osa-wordmark span{font-size:34px}.osa-wordmark b{font-size:40px;line-height:.7;color:var(--orange);font-style:normal;margin-left:1px;font-weight:800}.osa-wordmark-light span{color:#fff}
.project-header-meta{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:850;letter-spacing:.13em}.project-header-meta i{width:4px;height:4px;border-radius:50%;background:var(--orange)}.back-link{justify-self:end;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.09em;color:#c3beb4}
.project-hero{min-height:calc(100svh - 84px);padding:clamp(46px,7vw,100px) var(--pad);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);gap:clamp(36px,7vw,110px);align-items:center;border-bottom:1px solid var(--line);position:relative}.project-hero:before{content:"002";position:absolute;left:var(--pad);bottom:-.09em;font-size:clamp(110px,23vw,380px);line-height:.7;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.025);pointer-events:none}.project-hero-copy{position:relative;z-index:1;min-width:0}.eyebrow{margin:0 0 22px;color:#aaa49a;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.project-hero h1,.content-section h2,.idea-section h2,.call-invite h2{margin:0;letter-spacing:-.075em;line-height:.88;font-size:clamp(62px,8.5vw,142px)}em{font-family:var(--serif);font-weight:400;color:var(--orange)}.hero-premise{max-width:760px;margin:34px 0 0;font-family:var(--serif);font-size:clamp(22px,2.5vw,38px);line-height:1.25;color:#d9d3c8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:38px}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-width:230px;padding:17px 20px;border-radius:999px;background:var(--orange);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s}.primary-cta:hover{transform:translateY(-2px);background:#ff6e4a}.primary-cta span{font-size:18px}.secondary-cta{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #777;padding-bottom:4px}.live-note{display:flex;align-items:center;gap:8px;margin:24px 0 0;color:#858078;font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#70d69e;box-shadow:0 0 0 4px rgba(112,214,158,.12)}
.hero-scroll-cue{display:inline-block;margin-top:26px;font-size:34px;line-height:1;color:var(--cream);opacity:.82;transition:transform .2s,color .2s,opacity .2s}.hero-scroll-cue:hover{transform:translateY(4px);color:var(--orange);opacity:1}
.project-portrait{position:relative;min-width:0;margin:0;width:min(100%,580px);justify-self:end;border-radius:28px;overflow:hidden;background:#d7d0c4}.project-portrait img{display:block;width:100%;height:min(68svh,720px);object-fit:cover;object-position:center 38%}.project-portrait figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:15px;background:rgba(13,13,13,.78);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px}.project-portrait strong{font-size:13px}.project-portrait span{font-size:9px;color:#c8c2b7;text-transform:uppercase;letter-spacing:.08em}
.identity-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.identity-strip div{min-height:150px;padding:28px var(--pad);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.identity-strip div:last-child{border-right:0}.identity-strip span{font-size:clamp(42px,6vw,88px);font-weight:780;letter-spacing:-.07em}.identity-strip small{margin-top:6px;color:#918b82;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.content-section{padding:clamp(90px,11vw,170px) var(--pad);display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(30px,6vw,90px);border-bottom:1px solid var(--line)}.section-index{font-size:9px;color:#77726a;letter-spacing:.11em;font-weight:800}.section-copy{max-width:1260px}.content-section h2{font-size:clamp(48px,6.8vw,104px);max-width:1120px}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);margin-top:56px;max-width:1000px}.copy-grid p,.idea-copy>p:last-child,.call-invite-side>p{margin:0;font-size:clamp(16px,1.45vw,21px);line-height:1.65;color:#bbb5aa}.persona-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:42px}.persona-chips span{padding:10px 13px;border:1px solid #3b3935;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#beb8ad}
.tension-section{padding:clamp(100px,13vw,200px) var(--pad);background:var(--cream);color:var(--ink);text-align:center}.tension-section .eyebrow{color:#706b63}.tension-section blockquote{max-width:1200px;margin:0 auto;font-family:var(--serif);font-size:clamp(40px,6.3vw,100px);line-height:1;letter-spacing:-.055em}.tension-axis{margin:80px auto 0;max-width:1100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;text-align:left;border-top:1px solid #beb7aa;border-bottom:1px solid #beb7aa;padding:30px 0}.tension-axis small{display:block;color:#777167;font-size:9px;letter-spacing:.1em}.tension-axis strong{display:block;margin:12px 0 8px;font-size:clamp(24px,3vw,44px);letter-spacing:-.04em}.tension-axis p{margin:0;color:#6c665e;font-size:12px}.axis-arrow{font-size:36px;color:var(--orange)}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.evidence-grid article{background:var(--ink2);padding:30px;min-height:260px}.evidence-grid article>span{font-size:10px;color:var(--orange);font-weight:850}.evidence-grid h3{margin:52px 0 14px;font-size:23px;letter-spacing:-.035em}.evidence-grid p{margin:0;color:#aaa49a;line-height:1.55;font-size:13px}.method-disclosure{margin:32px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1000px;color:#aaa49a;font-size:13px;line-height:1.6}.method-disclosure strong{color:var(--cream)}
.idea-section{padding:clamp(90px,10vw,150px) var(--pad);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:clamp(44px,8vw,130px);align-items:center;background:#1a1a17;border-bottom:1px solid var(--line)}.idea-section h2{font-size:clamp(55px,7vw,108px)}.idea-copy>p:last-child{max-width:680px;margin-top:30px}.idea-card{background:var(--cream);color:var(--ink);border-radius:28px;padding:26px}.idea-card label{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.idea-card textarea{display:block;width:100%;min-height:210px;resize:vertical;margin:18px 0;border:0;border-top:1px solid #c9c1b5;border-bottom:1px solid #c9c1b5;padding:22px 0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:28px;line-height:1.3;outline:none}.idea-card textarea::placeholder{color:#918b82}.idea-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.idea-actions span{font-size:9px;color:#7a746c}.idea-actions button{border:0;border-radius:999px;background:var(--ink);color:var(--cream);padding:14px 17px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.idea-actions button b{color:var(--orange);margin-left:12px}
.call-invite{padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:1.1fr .6fr;gap:70px;align-items:end;background:var(--orange);color:white}.call-invite h2{font-size:clamp(64px,9vw,144px)}.call-invite .eyebrow,.call-invite-side>p{color:rgba(255,255,255,.72)}.call-invite-side{max-width:570px}.call-invite-side>p{margin-bottom:36px}.primary-cta-light{background:white;color:var(--ink)}.primary-cta-light:hover{background:#f2ede4}
.sources-section{padding:clamp(80px,9vw,130px) var(--pad);display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(30px,6vw,90px)}.source-list{border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:60px minmax(220px,.7fr) 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center;transition:padding-left .2s}.source-list a:hover{padding-left:10px}.source-list span{font-size:9px;color:#77726a}.source-list strong{font-size:16px}.source-list em{font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:0;color:#8c867e;text-align:right}
.project-footer{min-height:160px;padding:38px var(--pad) max(32px,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:end}.project-footer p{margin:0;color:#79736b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1050px){.project-hero{grid-template-columns:1fr minmax(300px,.65fr);gap:42px}.content-section,.sources-section{grid-template-columns:100px 1fr}.idea-section{grid-template-columns:1fr 1fr}.call-invite{grid-template-columns:1fr .7fr}}
@media(max-width:720px){
  .project-header{height:68px;grid-template-columns:1fr auto}.project-header-meta{display:none}.back-link{font-size:9px}.osa-wordmark span{font-size:30px}.osa-wordmark b{font-size:35px}
  .project-hero{min-height:auto;padding-top:44px;grid-template-columns:1fr;gap:36px}.project-hero:before{display:none}.project-hero h1{font-size:clamp(58px,17vw,90px)}.hero-premise{font-size:23px}.hero-actions{align-items:stretch;flex-direction:column;gap:14px}.primary-cta{width:100%;min-width:0}.secondary-cta{width:max-content}.project-portrait{justify-self:stretch;width:100%}.project-portrait img{height:min(64svh,620px)}.project-portrait figcaption{align-items:flex-start;flex-direction:column;gap:3px}
  .identity-strip{grid-template-columns:1fr 1fr}.identity-strip div{min-height:112px;padding:20px}.identity-strip div:nth-child(2){border-right:0}.identity-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.identity-strip span{font-size:48px}
  .content-section,.sources-section{grid-template-columns:1fr;padding-top:82px;padding-bottom:82px}.section-index{margin-bottom:6px}.content-section h2{font-size:clamp(48px,13vw,74px)}.copy-grid{grid-template-columns:1fr;margin-top:40px;gap:22px}.copy-grid p{font-size:16px}.evidence-grid{grid-template-columns:1fr}.evidence-grid article{min-height:190px}.evidence-grid h3{margin-top:36px}
  .tension-section{padding-top:90px;padding-bottom:90px}.tension-section blockquote{font-size:clamp(39px,11vw,62px)}.tension-axis{grid-template-columns:1fr;margin-top:52px;gap:24px}.axis-arrow{transform:rotate(90deg);justify-self:center}
  .idea-section{grid-template-columns:1fr;padding-top:82px;padding-bottom:82px}.idea-section h2{font-size:clamp(54px,15vw,78px)}.idea-card{padding:20px}.idea-card textarea{font-size:23px;min-height:180px}.idea-actions{align-items:flex-end}.idea-actions button{max-width:210px}
  .call-invite{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.call-invite h2{font-size:clamp(62px,17vw,94px)}.call-invite-side{max-width:none}.source-list a{grid-template-columns:38px 1fr;gap:14px}.source-list em{grid-column:2;text-align:left}.project-footer{grid-template-columns:1fr}.project-footer p{display:none}
}
@media(max-width:390px){.project-hero h1{font-size:55px}.hero-premise{font-size:20px}.identity-strip span{font-size:42px}.idea-actions{flex-direction:column;align-items:stretch}.idea-actions button{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-cta,.source-list a{transition:none}}

/* V8.5 — live Canva deck on María case */
.maria-canva-section{padding:clamp(90px,10vw,150px) var(--pad);border-bottom:1px solid var(--line);background:#11110f}
.maria-canva-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);gap:clamp(36px,7vw,100px);align-items:end;max-width:1460px;margin:0 auto 44px}
.maria-canva-head h2{margin:0;font-size:clamp(52px,7.2vw,112px);line-height:.9;letter-spacing:-.07em}
.maria-canva-head>p{margin:0 0 8px;color:#aaa49a;font-size:clamp(15px,1.25vw,19px);line-height:1.6;max-width:560px}
.maria-canva-frame{position:relative;width:min(100%,1460px);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border:1px solid #34322e;border-radius:28px;background:#0b0b0a;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.maria-canva-frame:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.maria-canva-frame iframe{display:block;width:100%;height:100%;border:0;background:#0b0b0a}
.maria-canva-actions{width:min(100%,1460px);margin:22px auto 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.maria-canva-actions .primary-cta{min-width:260px}
.maria-canva-actions small{max-width:500px;color:#77726a;font-size:10px;line-height:1.5}
@media(max-width:1050px){.maria-canva-head{grid-template-columns:1fr;gap:22px}.maria-canva-head>p{max-width:760px}.maria-canva-frame{border-radius:22px}}
@media(max-width:720px){.maria-canva-section{padding-top:82px;padding-bottom:82px}.maria-canva-head{margin-bottom:28px}.maria-canva-head h2{font-size:clamp(48px,13vw,72px)}.maria-canva-head>p{font-size:15px}.maria-canva-frame{border-radius:18px;aspect-ratio:16/10}.maria-canva-actions{align-items:stretch;gap:12px;margin-top:16px}.maria-canva-actions .primary-cta{width:100%;min-width:0}.maria-canva-actions small{max-width:none}}


/* V8.7 — María rotating moments gallery */
.maria-moments-section{padding:clamp(90px,10vw,150px) var(--pad);border-bottom:1px solid var(--line);background:#11110f}
.maria-moments-head{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.56fr);gap:clamp(36px,7vw,100px);align-items:end;max-width:1320px;margin:0 auto 44px}
.maria-moments-head h2{margin:0;font-size:clamp(52px,7vw,110px);line-height:.9;letter-spacing:-.07em}
.maria-moments-head>p{margin:0 0 8px;color:#aaa49a;font-size:clamp(15px,1.25vw,19px);line-height:1.6;max-width:560px}
.maria-moments-carousel{width:min(100%,1320px);margin:0 auto}
.maria-moments-stage{position:relative;aspect-ratio:16/9;min-height:560px;border-radius:28px;overflow:hidden;border:1px solid #34322e;background:#0b0b0a;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.maria-moment{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;transform:scale(1.02)}
.maria-moment.is-active{opacity:1;pointer-events:auto;transform:scale(1)}
.maria-moment img{display:block;width:100%;height:100%;object-fit:cover}
.maria-moment figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border-radius:18px;background:rgba(13,13,13,.76);backdrop-filter:blur(12px);display:grid;gap:6px;max-width:min(540px,calc(100% - 36px))}
.maria-moment strong{font-size:16px;letter-spacing:-.02em}
.maria-moment span{font-size:12px;line-height:1.45;color:#c8c2b7}
.maria-moments-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.maria-moments-arrow{width:44px;height:44px;border-radius:999px;border:1px solid #3b3935;background:transparent;color:var(--cream);font-size:18px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.maria-moments-arrow:hover{transform:translateY(-1px);background:#191917;border-color:#5a554c}
.maria-moments-dots{display:flex;align-items:center;gap:10px}
.maria-moments-dots button{width:11px;height:11px;border-radius:999px;border:0;background:#4a463f;cursor:pointer;transition:transform .2s,background .2s,opacity .2s;opacity:.9}
.maria-moments-dots button.is-active{background:var(--orange);transform:scale(1.18);opacity:1}
@media(max-width:1050px){.maria-moments-head{grid-template-columns:1fr;gap:22px}.maria-moments-head>p{max-width:760px}.maria-moments-stage{min-height:460px;border-radius:22px}}
@media(max-width:720px){.maria-moments-section{padding-top:82px;padding-bottom:82px}.maria-moments-head{margin-bottom:28px}.maria-moments-head h2{font-size:clamp(48px,13vw,72px)}.maria-moments-head>p{font-size:15px}.maria-moments-stage{aspect-ratio:4/5;min-height:420px;border-radius:18px}.maria-moment figcaption{left:12px;right:12px;bottom:12px;padding:14px}.maria-moment strong{font-size:15px}.maria-moment span{font-size:11px}.maria-moments-controls{gap:12px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.maria-moment,.maria-moments-arrow,.maria-moments-dots button{transition:none}}
