/* Device and browser hardening; loaded after the visual system. */
html{scroll-padding-top:24px}body{min-width:280px}img,svg,canvas{max-width:100%}img{vertical-align:middle}[hidden]{display:none!important}main,section,article,form,.split>*,.brief-layout>*,.intro>*,.identity-lab>*,.puente>*{min-width:0}h1,h2,h3,p,figcaption,label,a,button{overflow-wrap:break-word}.button{white-space:normal;text-align:left;flex-shrink:0}.button span{flex-shrink:0}input,select,textarea{min-width:0;max-width:100%;font-size:16px}button,.nav-cta{min-height:44px}nav>a:not(.nav-cta){display:inline-flex;align-items:center;min-height:44px}.text-link,.heritage-next,.hero-secondary,footer>a{min-height:44px;align-content:center}.opportunity-grid a{min-height:44px}.faq summary{min-height:44px}.chapter-dock a{width:32px;height:32px}.skip{color:#162322}.hero-content{width:100%;max-width:none;padding-left:7%;padding-right:7%}.hero{height:auto;min-height:940px;min-height:max(940px,100svh)}.hero-content{max-width:850px;padding-bottom:170px}.hero-image{max-width:none}.hero-content h1{font-size:clamp(80px,11vw,166px)}.hero-coordinate{max-width:300px}.puente-title h2{font-size:clamp(68px,9vw,142px)}.identity-portrait img{max-width:none}.hero-image img{max-width:none}.bridge-art svg{overflow:hidden}
/* Solid surfaces remain readable when glass filters are unsupported. */
header{background:#102123f2;-webkit-backdrop-filter:blur(22px)}.hero-coordinate{background:#142322ed;-webkit-backdrop-filter:blur(18px)}.heritage-caption{-webkit-backdrop-filter:blur(16px)}.stage-corner{-webkit-backdrop-filter:blur(10px)}.chapter-dock{-webkit-backdrop-filter:blur(18px)}.stage-grid{-webkit-mask-image:radial-gradient(ellipse,black 20%,transparent 72%)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header{background:#102123cc}.hero-coordinate{background:#142322b8}}
@supports not (-webkit-text-stroke:1px white){.hero-content h1 em{color:#f1d8b2}}
@supports not (height:100svh){.hero{min-height:940px}}
@media(min-width:1600px){section:not(.hero){padding-inline:max(7%,calc((100vw - 1360px)/2))}.hero-content{max-width:1100px;padding-left:max(7%,calc((100vw - 1360px)/2))}.hero-coordinate{right:max(7%,calc((100vw - 1360px)/2))}.hero{min-height:980px}}
@media(max-width:1100px){header{flex-wrap:wrap;padding:16px 20px;gap:10px 20px}header #motion{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px 18px}.hero-content{padding-top:240px}.hero-coordinate{right:6%;max-width:260px}.hero-content h1{font-size:clamp(86px,12vw,132px)}section.puente{grid-template-columns:minmax(0,1fr);gap:38px}.puente-signal,.puente-footer{grid-column:1}.puente-title h2{font-size:clamp(84px,13vw,142px)}.puente-copy{max-width:720px}.puente-energy{width:80%;left:-25%;opacity:.5}.responsibilities{grid-template-columns:1fr}.opportunity-grid{grid-template-columns:1fr}.opportunity-grid article{min-height:0}.opportunity-grid article:before{font-size:50px;margin-bottom:22px}.chapter-dock{display:none}}
@media(min-width:761px) and (max-width:1100px){section.identity-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;padding-inline:5%}.identity-heading>h2{font-size:clamp(32px,4vw,44px)}.identity-stage{min-height:530px}.identity-portrait{inset:40px 2% 55px}.stage-corner{right:0;bottom:90px;font-size:9px}.identity-controls button{font-size:10px}.brief-layout{grid-template-columns:1fr}.hero-coordinate{bottom:100px}.hero-content{padding-bottom:240px}.hero-bottom{left:7%;right:7%}}
@media(max-width:760px){header{inset:12px 4% auto;padding:14px 16px;border-radius:15px}nav{gap:4px 12px;font-size:11px}.brand{font-size:14px}.brand span{font-size:8px}.hero{min-height:0;max-height:none;padding-bottom:26px}.hero-content{padding:240px 7% 30px}.hero-content h1{font-size:clamp(80px,19vw,130px);max-width:100%}.hero-coordinate{position:relative;inset:auto;margin:10px 7% 30px;max-width:none;gap:12px 20px}.hero-bottom{position:relative;inset:auto;margin:0 7%;gap:15px;align-items:flex-start}.hero-image{inset:-2%}.hero-manifesto{font-size:29px}.hero-actions{gap:16px}.hero-actions .button,.hero-secondary{margin-top:10px}.hero-orbit{right:-215px}.identity-stage{min-height:0;height:auto;aspect-ratio:3/4;max-height:570px;max-width:410px}.identity-portrait{inset:25px 8% 45px}.identity-heading>h2{font-size:clamp(32px,7vw,43px)}section.puente{padding-block:70px}.puente-title h2{font-size:clamp(64px,17vw,120px)}.puente-copy h3{font-size:clamp(27px,6vw,35px)}.puente-signal{font-size:9px}.puente-footer{font-size:9px;letter-spacing:.08em}.puente .puente-action{font-size:12px}.bridge-word{font-size:clamp(18px,5vw,26px)}.bridge-word small{font-size:11px}.market-focus{min-height:0}.console-top{font-size:9px}.connect>h2{font-size:clamp(32px,7.5vw,44px)}section:not(.hero){padding-inline:7%}.copy p,.identity-heading>p:not(.eyebrow),.identity-description p:not(.eyebrow){font-size:15px}.heritage-copy p:not(.eyebrow){font-size:15px}.identity-controls button{font-size:12px}.stage-caption{font-size:9px;letter-spacing:.08em}.heritage-caption{font-size:9px;letter-spacing:.07em}.hero-content>.eyebrow{font-size:10px}.hero-content .role{font-size:14px}.hero-content .affiliation{font-size:12px}}
@media(max-width:380px){header{padding:12px;gap:8px}.brand{font-size:12px}.brand span{font-size:7px}#motion{font-size:10px;padding:8px}nav{gap:2px 8px;font-size:10px}nav .nav-cta{padding:8px 10px;font-size:10px}.hero-content{padding-top:250px}.hero-content h1{font-size:clamp(66px,19vw,80px)}.hero-manifesto{font-size:25px}.hero-coordinate{padding:18px 15px;font-size:9px}.hero-bottom{font-size:8px;letter-spacing:.04em}.identity-controls{flex-wrap:wrap}.identity-controls button{min-width:110px;font-size:11px}.stage-corner{padding:10px;font-size:8px}.stage-caption{font-size:8px}.puente-title h2{font-size:clamp(55px,17vw,68px)}.puente .puente-action{width:100%;justify-content:space-between;gap:10px;padding-inline:15px}.brief-layout #brief-form,.brief-result{padding:20px}.form-row{grid-template-columns:1fr}.heritage-copy h2{font-size:32px}}
@media(max-height:600px) and (min-width:600px) and (max-width:1100px){.hero-content{padding-top:220px}.hero-content h1{font-size:100px}.hero{min-height:850px}.identity-stage{min-height:0;height:480px}.hero-orbit{top:28%}}
@media(hover:none),(pointer:coarse){.opportunity-grid article:hover{transform:none;box-shadow:none}.identity-portrait{transform:none!important}.chapter-dock{display:none}.button,.brief-tools button{min-height:48px}.hero-content h1{filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.identity-portrait,.heritage-art{transform:none!important}}
@media print{header,.chapter-dock,.hero-orbit,.hero-coordinate,.motion-ribbon,.puente-energy,.identity-orbit,.connection-field,#motion,.hero-image canvas{display:none!important}body,section,section.puente,section.heritage,.journey,.connect{background:white!important;color:black!important}h1,h2,h3,p,em,.hero-content h1 em{color:black!important;-webkit-text-stroke:0!important}section:not(.hero){padding:30px!important;break-inside:avoid}.hero{min-height:0!important}.hero-content{padding:30px!important}.hero-image,.hero-shade{display:none}.identity-lab{display:block!important}.identity-stage{height:400px;max-width:300px}.hero-bottom{position:static;margin:20px}.profile-portrait{position:static}a{text-decoration:underline}}

/* Keep the story portrait in normal flow, including iPhone landscape. */
section.intro{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);grid-template-areas:"portrait label" "portrait story" "portrait traits";align-items:start;gap:24px 6%}
.intro>.profile-portrait{grid-area:portrait;position:static;float:none;inset:auto;align-self:start;width:100%;max-width:240px;margin:0;transform:none}
.intro>.eyebrow{grid-area:label;margin:0}
.intro>.split{grid-area:story;display:block;min-width:0;clear:none}
.intro>.traits{grid-area:traits;margin:0;min-width:0}
.intro .profile-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.intro .profile-portrait figcaption{position:static;margin:0;padding-top:18px;font-size:11px;line-height:1.6}
.intro .copy{max-width:70ch}
@media(min-width:761px) and (max-width:1100px){section.intro{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:22px 5%}.intro h2{font-size:clamp(30px,3.8vw,43px)}.intro .copy p{font-size:15px}}
@media(max-width:760px){section.intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "portrait" "story" "traits";gap:30px}.intro>.profile-portrait{max-width:220px}.intro>.eyebrow{margin:0}.intro h2{font-size:clamp(30px,7vw,43px)}}
@media(orientation:landscape) and (max-height:600px) and (min-width:600px){section.intro{grid-template-columns:minmax(0,160px) minmax(0,1fr);grid-template-areas:"label label" "portrait story" "portrait traits";gap:24px 5%;padding-top:65px!important;padding-bottom:65px}.intro>.profile-portrait{max-width:160px}.intro h2{font-size:clamp(28px,3.6vw,38px)}.intro .copy p{font-size:15px;line-height:1.8}.intro .profile-portrait figcaption{font-size:10px}.intro .traits{gap:8px}}
.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #a2b5ad60;border-radius:12px;flex-shrink:0}.language-switch button{border:0;border-radius:8px;padding:8px 10px;font:inherit;font-size:11px;color:#e4ece8;min-height:40px}.language-switch button[aria-pressed=true]{color:#162b23;background:#e1be87}.language-switch button:focus-visible{outline:2px solid white;outline-offset:2px}
header{flex-wrap:wrap}header nav{order:3;width:100%;margin-left:0;justify-content:space-between}header .language-switch{margin-left:auto}header #motion{margin-left:0}.hero-content{padding-top:250px}html[lang=es] .hero-manifesto{font-size:clamp(25px,2.6vw,38px)}html[lang=es] .puente .story-scene .puente-title>.eyebrow{max-width:100%}html[lang=es] .scene-caption{letter-spacing:.04em}html[lang=es] .intro .traits span{line-height:1.5}
@media(max-width:600px){header{gap:8px;padding:12px 14px}.brand{width:100%;font-size:14px}.language-switch{margin-left:0!important}header #motion{margin-left:auto}.language-switch button{font-size:11px;min-height:44px}header nav{gap:4px 12px;font-size:11px}.hero-content{padding-top:300px}html[lang=es] .hero-content>.eyebrow{letter-spacing:.04em;font-size:9px}html[lang=es] .hero-manifesto{font-size:27px}.path-select{max-width:100%;white-space:normal;text-align:left}}
@media(max-width:380px){header nav{font-size:10px;gap:2px 8px}.hero-content{padding-top:315px}.language-switch button{padding:8px 10px}html[lang=es] .hero-manifesto{font-size:24px}}
@media print{.language-switch{display:none}}

.music-project-link{display:block;width:fit-content;max-width:100%;min-height:44px;line-height:1.65;overflow-wrap:anywhere;margin-top:18px}.identity-description .music-project-link,.heritage-copy .music-project-link{color:#e4caa3;border-color:#a68c65}
