@font-face{font-family:Geist;src:url(assets/geist.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Instrument;src:url(assets/instrument.ttf) format('truetype');font-display:swap;font-style:italic}
:root{color-scheme:dark;--bg:#080909;--fg:#f4f1eb;--muted:#a29f98;--gold:#d3b17a;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#c5a574;color:#080909}.skip{position:fixed;left:20px;top:-70px;padding:15px;background:var(--fg);color:var(--bg);z-index:50}.skip:focus{top:10px}.wrap{width:min(1320px,88%);margin-inline:auto}.header{height:100px;position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;gap:60px;padding:0 6%;border-bottom:1px solid var(--line)}.group-logo{width:130px;display:block}.group-logo img{display:block;width:100%;height:auto}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{padding:14px 0}.header nav span{margin-left:8px;color:var(--gold)}.header-note{margin-left:auto;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.hero{position:relative;min-height:850px;height:100svh;max-height:1150px;overflow:hidden;background:radial-gradient(ellipse at 83% 48%,#25201755,transparent 53%),#080909}.hero-content{position:relative;z-index:2;padding:clamp(220px,26vh,340px) 6% 160px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:400;color:var(--gold);display:flex;align-items:center;gap:13px;margin:0 0 37px}.gold-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #d3b17a99}h1{font-weight:400;font-size:clamp(56px,7.9vw,120px);letter-spacing:-6px;line-height:1.05;margin:0 0 35px}h1 span{font-family:Instrument,Georgia,serif;font-style:italic;font-weight:400;color:#d6b881;letter-spacing:-4px}.hero-intro{font-size:15px;line-height:1.7;color:#b5b1a9;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:46px;border:1px solid #a78c5a88;padding:19px 23px;font-size:12px;transition:background .25s,border-color .25s}.button span{color:var(--gold);font-size:20px}.button:hover{background:#d3b17a16;border-color:var(--gold)}.hero-bottom{position:absolute;bottom:0;width:88%;left:6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:27px 0;font-size:9px;letter-spacing:1.6px;color:var(--muted)}.hero-bottom a span{margin-left:30px;color:var(--gold)}.hero-bottom p{margin:0}.orbital{position:absolute;width:790px;height:790px;right:-180px;top:80px;transform:rotate(-23deg);pointer-events:none}.orbital-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#d0a25b0c 15%,#d0a25b0a 40%,transparent 68%)}.orbit{position:absolute;inset:10%;border-radius:50%;border:1px solid #b9914b40;box-shadow:inset 0 0 45px #c8a66e08,0 0 45px #c8a66e08}.o1{transform:rotateX(46deg) rotateY(12deg);border-top-color:#dfbd7abb;animation:orbital-drift 20s ease-in-out infinite alternate}.o2{inset:20% 0;transform:rotate(50deg);border-right-color:#dfbd7a99}.o3{inset:0 23%;transform:rotate(-20deg);border-bottom-color:#dfbd7a99}.orbit-core{position:absolute;inset:29%;border:1px solid #d5ad6370;border-radius:50%;background:radial-gradient(circle at 30% 20%,#62502e44,#15151055 40%,#080909 76%);box-shadow:-15px -12px 70px #b2934818,inset -18px -15px 40px #000;animation:core-breathe 12s ease-in-out infinite alternate}.star{position:absolute;width:4px;height:4px;background:#e8ca93;border-radius:50%;box-shadow:0 0 14px #d8b984}.s1{top:18%;left:47%}.s2{right:12%;top:65%}.s3{left:24%;bottom:12%}@keyframes orbital-drift{to{transform:rotateX(55deg) rotateY(-14deg) rotate(12deg)}}@keyframes core-breathe{to{transform:scale(1.04);opacity:.7}}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px}.intro{padding-top:110px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:65px 0 70px}h2{font-size:clamp(40px,4.9vw,72px);font-weight:400;line-height:1.13;letter-spacing:-2.7px;margin:0}h2 em{font-family:Instrument,Georgia,serif;color:var(--gold);font-weight:400}.intro-copy p{font-size:15px;line-height:1.85;color:#bbb7ae;margin:0 0 22px}.intro-copy p+p{font-size:13px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:11px;border-bottom:1px solid #a78c5a77;padding:9px 0 12px}.text-link span{font-size:20px;color:var(--gold)}.disciplines{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;color:#99958d;font-size:9px;letter-spacing:2px}.worlds{padding-top:130px}.worlds .section-label{border:0;padding-top:0}.worlds-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:40px 0 55px}.worlds-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.world{display:block;min-width:0}.world-visual{height:360px;position:relative;overflow:hidden;background:#050505;border:1px solid var(--line);isolation:isolate;display:flex;align-items:center;justify-content:center}.world-index{position:absolute;top:24px;left:26px;z-index:3;font-size:8px;letter-spacing:1.8px;color:#c3bdae}.visual-note{position:absolute;bottom:24px;left:26px;z-index:3;font-size:8px;letter-spacing:2px;color:#c3bdae}.brand-logo{position:relative;z-index:2;width:83%;height:auto;object-fit:contain}.studio-logo{width:75%}.studio-lines{position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,#c1a57415 49%,transparent 50%),linear-gradient(-30deg,transparent 48%,#c1a57415 49%,transparent 50%);background-size:130px 200px;opacity:.5}.connection-grid{position:absolute;inset:0;background:radial-gradient(circle,#d0ad7044 1px,transparent 2px);background-size:46px 46px;mask-image:radial-gradient(ellipse,transparent 10%,black 70%)}.world-copy{padding:25px 1px 0}.brand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h3{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:0}h3 span{display:block;font-size:13px;letter-spacing:0;margin-top:5px;color:var(--muted)}.visit{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:21px;color:var(--gold);transition:background .25s,transform .25s}.world:hover .visit{background:var(--gold);color:#080909;transform:rotate(45deg)}.world-copy p{max-width:460px;font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 23px;min-height:44px}.brand-url{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9a968e}.brand-url span{font-size:7px;letter-spacing:1.2px;color:var(--gold)}.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 35%,#0008);z-index:1}.scene{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform 1s}.world:hover .scene{transform:scale(1.035)}.padijo .scene{object-position:center 44%}.padijo-word{position:absolute;left:26px;bottom:60px;z-index:2;font-family:Georgia,serif;letter-spacing:5px;font-size:55px;text-shadow:0 2px 20px #0005}.padijo-word small{display:block;font-family:Geist,Arial,sans-serif;font-size:7px;letter-spacing:3px;margin-top:8px}.spark-label{position:absolute;right:24px;bottom:53px;width:150px;z-index:2;background:white}.spark-label img{width:100%;height:auto;display:block}.socials .world-visual{background:#0b1923}.worlds-word{position:relative;z-index:2;font-family:Instrument,Georgia,serif;font-style:italic;font-size:100px;letter-spacing:-6px;color:#ddea9c}.worlds-word small{font-family:Geist,Arial,sans-serif;display:block;font-size:10px;letter-spacing:4px;text-align:center;font-style:normal;margin-top:5px}.social-orbits{position:absolute;inset:0;opacity:.35}.social-orbits i{position:absolute;width:360px;height:260px;border:1px solid #ddea9c77;border-radius:50%;left:calc(50% - 180px);top:50px;transform:rotate(-30deg)}.social-orbits i:nth-child(2){transform:rotate(30deg)}.social-orbits i:nth-child(3){transform:rotate(90deg)}.home .world-visual{background:#ece6d5}.home .world-index,.home .visual-note{color:#4b5039}.home-logo{width:58%;height:70%;object-fit:contain}.closing{text-align:center;padding:160px 0 70px;border-bottom:1px solid var(--line);margin-top:100px;position:relative}.closing:before{content:'';position:absolute;top:0;left:50%;width:1px;height:100px;background:linear-gradient(transparent,#c5a57466)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(38px,5vw,73px)}.closing .text-link{margin-top:30px}.closing img{display:block;width:230px;height:auto;margin:70px auto 0}footer{display:flex;justify-content:space-between;padding:28px 0 36px;font-size:8px;letter-spacing:1px;color:var(--muted)}footer a{color:var(--gold)}
@media(min-width:1600px){.orbital{right:0}}@media(max-width:1000px){.header-note{display:none}.header{justify-content:space-between}.hero{min-height:760px}.orbital{right:-350px;opacity:.65}h1{letter-spacing:-3px}.world-visual{height:290px}.brand-url{flex-wrap:wrap}.intro-grid{gap:7%}.worlds-word{font-size:80px}.hero-bottom p{font-size:7px}.home-logo{width:75%}}
@media(max-width:640px){html{scroll-padding-top:30px}.wrap{width:88%}.header{height:85px;gap:15px}.group-logo{width:105px}.header nav{gap:20px;font-size:10px}.hero{min-height:735px;height:100svh;max-height:950px}.hero-content{padding:230px 6% 120px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:27px}h1{font-size:clamp(42px,9.5vw,60px);letter-spacing:-2.5px;line-height:1.1;margin-bottom:27px}h1 span{letter-spacing:-1.5px}.hero-intro{font-size:12px}.button{padding:15px 19px;font-size:11px;gap:38px}.orbital{width:570px;height:570px;right:-290px;top:60px;opacity:.48}.hero-bottom{font-size:7px;padding:24px 0}.hero-bottom p{display:none}.hero-bottom a span{margin-left:15px}.intro{padding-top:70px}.section-label{font-size:7px;letter-spacing:1.1px}.intro-grid{grid-template-columns:1fr;gap:32px;padding:45px 0}h2{font-size:43px;letter-spacing:-1.8px}.intro-copy p{font-size:13px}.intro-copy p+p{font-size:12px}.disciplines{flex-wrap:wrap;gap:20px 0;padding:25px 0}.disciplines span{width:33.33%;font-size:7px}.worlds{padding-top:80px}.worlds-heading{display:block;padding:35px 0}.worlds-heading p{margin-top:20px;font-size:11px}.world-grid{grid-template-columns:1fr;gap:40px}.world-visual{height:300px}.world-index,.visual-note{font-size:7px;left:22px}.world-copy{padding-top:20px}h3{font-size:24px}.world-copy p{min-height:0}.brand-url{font-size:8px;flex-wrap:nowrap}.brand-url span{font-size:6px;letter-spacing:.5px}.closing{margin-top:65px;padding-top:110px}.closing:before{height:65px}.closing h2{font-size:38px}.closing img{width:180px;margin-top:50px}footer{flex-wrap:wrap;gap:20px;font-size:7px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.worlds-word{width:70%;max-width:370px;letter-spacing:normal}.worlds-word svg{display:block;width:100%;height:auto}.worlds-word small{margin-top:18px}
/* Each world brings a distinct material and palette into the group. */
.world-panels{position:absolute;right:3%;top:24%;width:42%;height:480px;display:flex;align-items:center;gap:10px;transform:perspective(900px) rotateY(-12deg) rotateZ(-7deg);opacity:.75;pointer-events:none}
.world-panels i{position:relative;display:block;flex:1;min-width:0;height:75%;border:1px solid #ffffff20;background:#242521;box-shadow:0 30px 45px #0008;overflow:hidden;font-style:normal;animation:panel-float 14s ease-in-out infinite alternate}
.world-panels i:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009)}
.world-panels span{position:absolute;bottom:22px;left:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;z-index:1;color:#f4eee0;white-space:nowrap}
.world-panels .panel-studio{background:linear-gradient(140deg,#454544,#101010);height:59%}
.world-panels .panel-monkey{background:linear-gradient(160deg,#70603d,#232419);height:74%;animation-delay:-3s}
.world-panels .panel-padijo{background:#b7a38c url(assets/padijo-world-v2.webp) 61% center/auto 100%;height:91%;animation-delay:-5s}
.world-panels .panel-spark{background:#8c9b9c url(assets/spark-world-v2.webp) 61% center/auto 100%;height:100%;animation-delay:-7s}
.world-panels .panel-social{background:linear-gradient(150deg,#c9db9f,#193640);height:82%;animation-delay:-9s}
.world-panels .panel-home{background:linear-gradient(150deg,#e7dbc0,#607052);height:65%;animation-delay:-11s}
@keyframes panel-float{to{transform:translateY(-12px)}}
.hero{background:radial-gradient(ellipse at 85% 50%,#b7a38c10,transparent 55%),#080909}
h1{font-size:clamp(56px,7vw,107px)}
h1 span{color:#e8ddc8}
.studio-lines{opacity:.2}.connection-grid{opacity:.4}
.padijo .world-visual,.spark .world-visual{height:390px}
.padijo .scene{object-position:64% 47%}.spark .scene{object-position:57% center}
.padijo .photo:after{background:linear-gradient(#0002,transparent 38%,#20190e88)}
.spark .photo:after{background:linear-gradient(#0002,transparent 30%,#0b192366)}
.padijo-word{font-size:48px;bottom:62px}
.spark-label{right:24px;bottom:52px;width:135px}
.world-index{font-size:8px;text-shadow:0 1px 8px #0008}
.studio .world-index,.monkey .world-index{font-size:8px}
.home .world-index{text-shadow:none}
@media(max-width:1000px){.world-panels{right:-12%;width:52%;opacity:.42}h1{font-size:clamp(52px,7.5vw,82px)}.padijo .world-visual,.spark .world-visual{height:330px}}
@media(max-width:640px){.world-panels{top:90px;right:-20%;height:370px;width:100%;opacity:.23;gap:7px}.world-panels span{display:none}.hero-content{padding-top:245px}.hero h1{font-size:clamp(42px,9.5vw,60px)}.padijo .world-visual,.spark .world-visual{height:340px}.padijo-word{font-size:44px}.spark-label{width:120px}.panel-padijo{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.world-panels i{animation:none}}

.photo .world-index{background:#08090966;padding:7px 9px;color:#f4f1eb;backdrop-filter:blur(5px)}
/* Original supplied campaign: preserve every pixel and its native proportions. */
.padijo .world-visual{height:auto;aspect-ratio:1145/1374;background:#bcb1a0}
.padijo .scene{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:none!important}
.padijo .photo:after,.padijo .world-index,.padijo .padijo-word,.padijo .visual-note{display:none}
.world-panels .panel-padijo{background-image:url(assets/padijo-campaign-original.jpeg);background-position:49% center}
.spark .world-visual{height:auto;aspect-ratio:1145/1374}
/* Composite the unmodified source logos without their solid JPEG backdrops. */
.spark-label{background:transparent;isolation:auto;width:200px;bottom:65px;right:22px;mix-blend-mode:multiply;z-index:3}
.spark-label img{background:transparent}
.spark .photo:after{background:linear-gradient(#0002,transparent 30%,#0b192320)}
.closing img{mix-blend-mode:screen}
@media(max-width:1000px){.spark-label{width:170px}}
@media(max-width:640px){.spark .world-visual{aspect-ratio:1/1;height:auto}.spark-label{width:175px;bottom:52px;right:18px}.padijo .world-visual{height:auto}}
/* Supplied white/gold logo, lower left; black source background blends away. */
.spark-label{left:22px;right:auto;bottom:54px;width:220px;mix-blend-mode:screen}
.spark .photo:after{background:linear-gradient(180deg,#0002,transparent 35%,#0009 100%)}
.spark .visual-note{bottom:24px;left:26px;color:#f4f1eb}
@media(max-width:1000px){.spark-label{left:20px;right:auto;width:190px}}
@media(max-width:640px){.spark-label{left:18px;right:auto;bottom:46px;width:180px}.spark .visual-note{left:22px;bottom:20px}}
/* Give the group identity more presence without changing its artwork. */
.header{height:130px;gap:42px}
.group-logo{width:220px;flex-shrink:0}
.group-logo img{mix-blend-mode:screen}
@media(max-width:1000px){.header{gap:28px}.group-logo{width:205px}}
@media(max-width:640px){.header{height:110px;gap:14px}.group-logo{width:175px}.header nav{gap:14px;font-size:10px}}
@media(max-width:360px){.group-logo{width:155px}.header nav{gap:12px;font-size:9px}}
.language-nav{display:flex;gap:13px;flex-shrink:0;font-size:10px;letter-spacing:1px}
.header .language-nav{gap:13px}
.language-nav a{color:var(--muted);padding:12px 0}
.language-nav a[aria-current=page]{color:var(--gold);border-bottom:1px solid var(--gold)}
html[lang=es] h1{font-size:clamp(49px,6.3vw,96px);letter-spacing:-3px}
html[lang=es] h1 span{letter-spacing:-3px}
.brand-url span{max-width:65%;text-align:right;line-height:1.5}
@media(max-width:1250px){.header-note{display:none}.header{gap:30px}.language-nav{margin-left:auto}}
@media(max-width:640px){.header{height:140px;align-items:flex-start;padding-top:12px}.header>nav:not(.language-nav){position:absolute;left:6%;bottom:14px}.header .language-nav{position:absolute;right:6%;bottom:14px;gap:14px}html[lang=es] .hero h1{font-size:clamp(36px,8.6vw,54px);letter-spacing:-1.6px}html[lang=es] .hero h1 span{letter-spacing:-1.6px}}
/* Center the tagline in the flexible space between navigation and languages. */
.header-note{flex:1 1 auto;min-width:0;margin-left:0;text-align:center}
.header .language-nav{margin-left:0}
@media(max-width:1250px){.header .language-nav{margin-left:auto}}
footer{align-items:center;gap:20px;flex-wrap:wrap}footer .support-link{font-size:11px;letter-spacing:.3px;color:var(--fg);padding:8px 0;border-bottom:1px solid #a78c5a77}footer .support-link:hover{color:var(--gold)}@media(max-width:640px){footer .support-link{flex-basis:100%;width:fit-content;font-size:11px;border-bottom:0}}
