@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#100b10;--text:#fff7f4;--muted:#bbaab6;--pink:#ff8cbb;--line:#ffffff19;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 'DM Sans',sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ffd0e6;outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 36%,#72123d2d,transparent 49%),radial-gradient(ellipse at 5% 100%,#45233826,transparent 45%)}.shell{position:relative;max-width:1440px;margin:auto;padding:32px 64px 0}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:17px;text-decoration:none}.monogram{font:800 38px/1 'Manrope',sans-serif;letter-spacing:-4px}.monogram span{display:inline-block;color:var(--pink);font-size:23px;letter-spacing:0;vertical-align:top;margin:0 0 0 5px}.name{font-size:11px;letter-spacing:2.4px;line-height:1.5;font-weight:600}.header-right{display:flex;gap:24px;align-items:center}.edition{font-size:11px;letter-spacing:2px;color:var(--muted)}.age{border:1px solid #ffffff30;border-radius:100px;padding:7px 10px;font-size:12px}.experience{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;min-height:740px;padding:65px 0 70px}.story{min-width:0;z-index:2}.panel{max-width:570px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:600;color:#e6b4cc;margin:0 0 23px;display:flex;gap:11px;align-items:center}.eyebrow>span{width:21px;height:1px;background:var(--pink)}h1,h2{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(52px,5.5vw,79px);letter-spacing:-4px;line-height:1.09;margin:0 0 25px}.accent{color:var(--pink)}.period{color:#fff7f4}h1 .accent{white-space:nowrap}.lead{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}.action-block{max-width:360px}.cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #ffb4d3;background:var(--pink);color:#25101d;border-radius:14px;padding:19px 23px;min-height:64px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,background .3s,opacity .3s}.cta::before{content:'';position:absolute;inset:-100% auto -100% -60%;width:30%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(25deg);transition:left .65s var(--ease);pointer-events:none}.cta:hover:not(:disabled)::before{left:140%}.cta:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #fd68a62d;background:#ffa9cb}.cta:active:not(:disabled){transform:scale(.985)}.cta svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.cta:disabled{opacity:.35}.action-note{font-size:12px;color:var(--muted);margin-top:16px;display:grid;gap:4px}.action-note span:first-child{color:#dfc8d5}.visual{position:relative;min-width:0;height:590px;perspective:1200px;--mx:0deg;--my:0deg}.orbit{position:absolute;width:115%;aspect-ratio:1;border:1px solid #eec0d114;border-radius:50%;left:-8%;top:4%;transform:rotate(-20deg) scaleY(.85)}.card-deck{position:absolute;inset:20px 40px 30px 20px;transform:rotateX(var(--my)) rotateY(var(--mx));transition:transform .5s var(--ease);transform-style:preserve-3d}.photo-card{position:absolute;inset:0;padding:9px 9px 0;border-radius:19px;background:#eddee5;border:1px solid #fff9;box-shadow:0 30px 65px #0005;transition:transform .9s var(--ease),filter .9s var(--ease)}.card-back{transform:translate(31px,-1px) rotate(10deg);background:#6b344e;filter:brightness(.75)}.card-mid{transform:translate(-27px,5px) rotate(-8deg);background:#c490a9;filter:brightness(.82)}.card-front{transform:rotate(2deg)}.photo-surface{position:relative;height:calc(100% - 47px);border-radius:11px;overflow:hidden}.surface-1{background:radial-gradient(ellipse at 40% 25%,#b66a8866,transparent 60%),linear-gradient(140deg,#783d55,#381726 70%)}.surface-2{background:linear-gradient(125deg,#80506e,#27192b)}.surface-3{background:linear-gradient(145deg,#804443,#2d141c)}.photo-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#10071399);pointer-events:none}.photo-surface img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#f0bad0}.photo-placeholder>span{font:italic 100px/1 Georgia,serif;color:#f2c2d56e}.photo-placeholder>span.photo-initial{font-size:160px;letter-spacing:-10px}.photo-placeholder small{font-size:10px;letter-spacing:3px;color:#e5bdce}.photo-badge{position:absolute;z-index:1;top:20px;left:20px;font-size:9px;letter-spacing:1.8px;border:1px solid #fff4;border-radius:100px;padding:7px 10px;background:#34172955}.photo-bottom{position:absolute;z-index:1;bottom:24px;left:23px;right:20px;display:flex;justify-content:space-between;align-items:end}.handwritten{font:italic 32px/1.08 Georgia,serif;letter-spacing:-1px}.image-number{font-size:10px;letter-spacing:2px}.card-footer{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#442738;font-size:12px}.card-star{font-size:24px}.floating-label{position:absolute;z-index:4;bottom:67px;left:-48px;display:flex;gap:13px;align-items:center;background:#21141fed;border:1px solid #8e51654d;backdrop-filter:blur(16px);padding:15px 20px;border-radius:16px;box-shadow:0 14px 45px #0004;font-size:13px;animation:float 6s ease-in-out infinite}.label-icon{background:#ff8cbb17;border:1px solid #ff8cbb35;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:var(--pink);font-size:25px}.floating-label small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.visual-spark{position:absolute;color:var(--pink);z-index:3}.spark-one{right:-14px;top:-2px;font-size:67px;animation:rotate 35s linear infinite}.spark-two{bottom:3px;left:12px;font:300 39px 'Manrope',sans-serif}.visual-bottom{position:absolute;bottom:-15px;left:55px;right:25px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.photo-dots{display:flex;gap:6px}.photo-dots i{height:5px;width:5px;background:#ffffff3b;border-radius:10px;transition:width .5s,background .5s}.photo-dots i.active{width:20px;background:var(--pink)}.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0;color:#a08b9a;font-size:11px}.footer-divider{margin:0 10px;color:#77566b}.footer-star{display:inline-block;margin-left:12px;color:var(--pink);font-size:17px}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;color:#d2aec3;margin-bottom:20px}.text-button{padding:5px 0;border:0;background:transparent;color:#c5aebb;font-size:13px;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:white}.progress{display:flex;gap:6px;margin-bottom:35px}.progress span{flex:1;height:3px;background:#35232e;border-radius:3px;position:relative;overflow:hidden}.progress span:after{content:'';position:absolute;inset:0;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.progress span.active:after{transform:scaleX(1)}#quiz h2{font-size:clamp(40px,4.5vw,61px);margin-bottom:15px;letter-spacing:-2.7px}.question-note{color:var(--muted);margin:0;font-size:14px}.options{display:grid;gap:10px;margin:25px 0 23px}.option{border:1px solid #68485c80;border-radius:13px;background:#ffffff03;display:flex;align-items:center;gap:16px;color:#eee0e8;text-align:left;padding:16px 18px;transition:background .25s,border-color .25s,transform .25s}.option:hover{background:#ff8cbb0d;border-color:#b87694;transform:translateX(4px)}.option-number{font-size:11px;color:#b38c9f}.option-title{flex:1;font-size:15px}.radio{height:19px;width:19px;border:1px solid #79596c;border-radius:50%;position:relative}.option[aria-pressed=true]{background:#ff8cbb12;border-color:#ff8cbb}.option[aria-pressed=true] .radio{background:var(--pink);border-color:var(--pink)}.option[aria-pressed=true] .radio:after{content:'';position:absolute;width:7px;height:4px;border:solid #321023;border-width:0 0 2px 2px;transform:rotate(-45deg);top:5px;left:5px}.button-spark{font-size:23px;line-height:1}.privacy-note,.destination-note{font-size:12px;color:var(--muted);margin:14px 0 0}.result-tag{display:inline-flex;gap:10px;align-items:center;background:#ff8cbb0d;border:1px solid #a65b7a55;color:#eeb3ce;border-radius:100px;padding:8px 14px;font-size:12px;margin:-8px 0 25px}.result-tag>span:first-child{font-size:19px}#result .text-button{margin-top:20px}#result .cta{max-width:400px}.experience[data-stage=quiz] .card-front{transform:translate(4px,-3px) rotate(-3deg)}.experience[data-stage=quiz] .card-mid{transform:translate(27px,3px) rotate(9deg)}.experience[data-stage=result] .card-front{transform:translate(-12px,-12px) rotate(-5deg)}.experience[data-stage=result] .card-back{transform:translate(50px,2px) rotate(14deg)}.experience[data-stage=result] .floating-label{border-color:#ff8cbb80}.enter{animation:enter 1s var(--ease) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1500px){.experience{min-height:calc(100svh - 165px)}}@media(max-width:1100px){.shell{padding:25px 35px 0}.experience{gap:45px;min-height:690px}.visual{height:510px}.card-deck{inset:20px 25px 35px 10px}.floating-label{left:-20px;bottom:54px}h1{font-size:clamp(48px,5.5vw,68px);letter-spacing:-3px}.handwritten{font-size:28px}.photo-badge{font-size:8px;letter-spacing:1px}.spark-one{font-size:50px;right:-8px}}
@media(max-width:760px){.shell{padding:20px 24px 0}.header{padding-bottom:18px}.name{font-size:9px;letter-spacing:1.8px}.monogram{font-size:34px}.edition{display:none}.experience{grid-template-columns:1fr;gap:38px;min-height:0;padding:37px 0 35px}.story{order:2}.visual{order:1;height:310px;width:min(100%,390px);margin:auto}.card-deck{inset:3px 58px 15px 48px}.card-back{transform:translate(23px,0) rotate(11deg)}.card-mid{transform:translate(-20px,2px) rotate(-9deg)}.photo-card{border-radius:14px;padding:6px 6px 0}.photo-surface{height:calc(100% - 34px);border-radius:8px}.card-footer{height:34px;font-size:10px;padding:0 7px}.card-star{font-size:19px}.photo-placeholder>span.photo-initial{font-size:92px}.photo-placeholder small{font-size:8px;letter-spacing:2px}.photo-badge{top:12px;left:12px;font-size:7px}.photo-bottom{left:15px;right:13px;bottom:15px}.handwritten{font-size:23px}.image-number{font-size:8px}.floating-label{left:0;bottom:28px;padding:9px 12px;border-radius:11px;gap:9px;font-size:11px}.floating-label small{font-size:9px}.label-icon{height:28px;width:28px;font-size:20px}.spark-one{right:7px;top:-13px;font-size:43px}.spark-two{bottom:4px;left:23px;font-size:27px}.visual-bottom{bottom:-10px;left:65px;right:38px;font-size:9px}.orbit{width:94%;left:1%;top:-17%;height:350px}.panel{max-width:500px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:16px}h1{font-size:clamp(40px,10.3vw,63px);line-height:1.05;letter-spacing:-2.8px;margin-bottom:20px}h1 br:nth-of-type(2){display:none}h1 .accent{display:block}.lead{font-size:14px;line-height:1.7;margin-bottom:23px}.action-block{max-width:none}.cta{min-height:58px;padding:16px 20px;border-radius:12px}.action-note{font-size:11px;gap:2px}.footer{font-size:10px;padding:19px 0;flex-direction:column;gap:5px}.footer>span:last-child{display:none}.experience[data-stage=quiz] .visual,.experience[data-stage=result] .visual{height:220px;max-width:305px}.experience[data-stage=quiz],.experience[data-stage=result]{gap:30px}.experience[data-stage=quiz] .photo-placeholder>span.photo-initial,.experience[data-stage=result] .photo-placeholder>span.photo-initial{font-size:65px}.experience[data-stage=quiz] .handwritten,.experience[data-stage=result] .handwritten{font-size:17px}.experience:not([data-stage=intro]) .floating-label{display:none}.experience:not([data-stage=intro]) .photo-badge{display:none}.experience:not([data-stage=intro]) .orbit{height:220px;top:-5%}.experience:not([data-stage=intro]) .photo-placeholder small{font-size:6px}.experience:not([data-stage=intro]) .image-number{display:none}.experience[data-stage=result] .card-back{transform:translate(22px,2px) rotate(14deg)}#quiz h2{font-size:40px;letter-spacing:-2px}.progress{margin-bottom:24px}.options{margin:20px 0}.quiz-top{margin-bottom:14px}#result h2{font-size:49px;letter-spacing:-3px}#result .cta{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-deck{transform:none!important}}
</style>
/* Keep small-screen copy readable without changing the compact composition. */
.name,.edition,.eyebrow,.action-note,.privacy-note,.destination-note,.footer{font-size:12px}.lead{font-size:16px}.visual-bottom{font-size:12px}.floating-label{font-size:14px}.floating-label small{font-size:12px}@media(max-width:760px){.name{font-size:10px}.eyebrow{font-size:11px;letter-spacing:1.1px}.lead{font-size:16px}.action-note,.footer{font-size:12px}.floating-label{font-size:12px}.floating-label small{font-size:11px}.visual-bottom{font-size:10px}}
/* Original media keeps its own proportions within the editorial card frames. */
.photo-surface video,.photo-surface #hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#24141c}.photo-surface>img{object-fit:contain;background:#24141c}.video-toggle{position:absolute;right:12px;top:57px;z-index:5;border:1px solid #ffffff60;border-radius:100px;background:#160b15bf;color:white;padding:8px 12px;font-size:12px;backdrop-filter:blur(8px)}.video-toggle:hover{background:#422038}.photo-badge{background:#160b1599}.handwritten{text-shadow:0 2px 9px #0009}.media-nav{display:flex;gap:6px;align-items:center}.media-nav button{display:grid;place-items:center;width:35px;height:32px;padding:0;background:#271622;color:#d5b7c8;border:1px solid #75485f66;border-radius:8px;font-size:12px;transition:background .2s,transform .2s}.media-nav button:hover{transform:translateY(-2px)}.media-nav button.active{background:var(--pink);color:#25101d;border-color:var(--pink)}.visual-bottom{bottom:-25px;left:20px;right:5px;gap:10px}.reveal-photo{margin:0 0 22px;max-width:400px;border-radius:14px;overflow:hidden;border:1px solid #a65b7a55}.reveal-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}#result h2{font-size:clamp(40px,4.5vw,61px)}#result .lead{margin-bottom:22px}@media(max-width:760px){.visual-bottom{left:15px;right:10px;bottom:-21px}.visual-bottom>span{font-size:10px;max-width:120px}.media-nav{gap:4px}.media-nav button{width:32px;height:30px}.video-toggle{top:43px;right:8px;padding:6px 9px;font-size:11px}.photo-bottom{bottom:13px}.reveal-photo{max-width:none}#result h2{font-size:45px}.experience:not([data-stage=intro]) .visual-bottom{left:0;right:0}.experience:not([data-stage=intro]) .video-toggle{top:10px}.experience:not([data-stage=intro]) .visual-bottom>span{max-width:102px}}
/* Localized phrases can be longer than the English copy. */
html:lang(es-AR) h1,html:lang(pt-BR) h1{font-size:clamp(46px,5.1vw,73px)}
html:lang(es-AR) #quiz h2,html:lang(pt-BR) #quiz h2{font-size:clamp(35px,3.9vw,54px);overflow-wrap:break-word}
html:not(:lang(en)) .video-toggle{font-size:11px}
@media(max-width:760px){html:lang(es-AR) h1,html:lang(pt-BR) h1{font-size:clamp(40px,10vw,60px)}html:lang(es-AR) #quiz h2,html:lang(pt-BR) #quiz h2{font-size:clamp(31px,8.5vw,40px);letter-spacing:-1.8px}html:not(:lang(en)) .visual-bottom>span{max-width:130px}html:not(:lang(en)) .floating-label{max-width:90%;font-size:11px}}

.footer{flex-wrap:wrap}.footer>span:last-child{font-size:12px;display:block;width:100%}