/* Real people, original brand illustrations, and a few deliberate moments. */
.motif-defs{position:absolute;width:0;height:0;overflow:hidden}
.motif{display:block;width:100%;height:100%;overflow:visible;filter:brightness(0) saturate(100%) invert(10%) sepia(97%) saturate(5661%) hue-rotate(253deg) brightness(66%) contrast(139%)}
.hero.brand-pattern::before{opacity:.08;mask-image:linear-gradient(90deg,#0001,#0002 45%,#000 80%)}
.quiz-sec.brand-pattern::before,.host.brand-pattern::before,footer.brand-pattern::before{opacity:.07;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}
.life-section.brand-pattern::before{opacity:.07}
.real-life{padding-block:100px 110px;background:var(--cream);overflow:hidden}
.photo-layout{display:grid;grid-template-columns:.65fr 1.4fr;gap:42px;align-items:center}
.photo-intro h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.04em}
.photo-intro>p:not(.kicker){font-size:16px;line-height:1.75;margin:22px 0 28px}
.photo-intro>a{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-weight:900;text-decoration:none;border-bottom:1px solid #1a008940}
.photo-intro>a span{font-size:23px}
.photo-pair{display:flex;align-items:center;position:relative;padding:20px 8px 30px}
.hobby-print{position:relative;flex:0 0 54%;padding:10px 10px 0;background:var(--white);box-shadow:0 2px 3px #33241712,0 14px 28px #33241720;transform:rotate(-5deg);z-index:1}
.hobby-print img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 65%;background:#bca57c}
.hobby-print figcaption{font-family:var(--display);font-size:21px;padding:17px 8px 19px;line-height:1.3}
.hobby-print figcaption span{display:block;font-family:var(--body);font-size:11px;margin-top:5px;font-weight:700}
.print-music{margin-left:-8%;transform:translateY(30px) rotate(6deg);z-index:2;background:#e6edc5}
.print-music img{object-position:50% 70%}
.hobby-print:before{content:'';position:absolute;width:80px;height:23px;top:-12px;left:calc(50% - 40px);background:#b8ce528c;transform:rotate(-5deg);z-index:2;border-inline:1px dashed #87934650}
.print-music:before{background:#fff3d6ab;transform:rotate(4deg)}
.hobbies h2{max-width:720px;letter-spacing:-.035em}
.hobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid #1a008933;gap:0 28px}
.hobby-choice{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-width:0;padding:30px 20px 26px;border:0;border-bottom:1px solid #1a008933;border-radius:0;background:transparent;color:var(--purple);text-align:left;cursor:pointer;transition:background .22s}
.hobby-choice[aria-pressed=true]{background:#b8ce5230}
.hobby-choice:hover{background:#e1932c16}
.motif-stage{display:block;width:130px;height:140px;margin:0 auto 18px;transform-origin:center bottom}
.motif-stage .motif-art{width:123px;height:133px;margin-inline:auto}
.motif-stage .motif-music{height:143px}
.hobby-label{font-family:var(--display);font-size:24px;letter-spacing:-.035em;margin-bottom:7px;line-height:1.15}
.hobby-sub{font:700 13px/1.6 var(--body);color:#1a0089b3;padding-right:12px}
.hobby-arrow{position:absolute;top:22px;right:17px;font-size:23px;font-family:var(--body);opacity:.5;transition:transform .2s}
.hobby-choice[aria-pressed=true] .hobby-arrow{opacity:1;transform:rotate(-12deg)}
.hobby-choice:focus-visible,.photo-intro>a:focus-visible,.hobby-detail>a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.hobby-detail{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--purple);color:var(--cream);padding:26px 30px;margin-top:25px;min-height:122px}
.hobby-detail p{font-family:var(--display);font-size:20px;margin-bottom:10px;line-height:1.3}
.hobby-detail ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;font-size:13px;color:#fff3d6cc}
.hobby-detail>a{display:flex;align-items:center;gap:23px;white-space:nowrap;min-height:44px;color:var(--green);font-weight:800;text-decoration:none}
.hobby-detail>a:focus-visible{outline-color:var(--green)}
.hobby-detail>a span{font-size:25px}
.quiz-card:has(.quiz-result[style*="block"]){background:transparent;border-color:transparent;padding:10px 0;box-shadow:none}
.quiz-result{position:relative;max-width:480px;margin:auto;background:var(--cream);color:var(--purple);border-radius:4px;padding:30px 35px 25px;box-shadow:7px 8px 0 #b8ce52;transform-origin:center 70%}
.quiz-result:before{content:'';position:absolute;inset:10px;border:1px solid #1a008925;pointer-events:none}
.quiz-result .result-eyebrow{font-family:var(--accent);font-size:13px;color:var(--purple);margin:0 0 13px}
.result-illustration{height:125px;width:140px;margin:0 auto 16px}
.quiz-result h3{color:var(--purple);font-size:30px;margin-bottom:12px}
.quiz-result #r-text{color:#1a0089b8;font-size:15px;font-weight:700;line-height:1.7;margin-bottom:20px}
.result-hobbies{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:25px}
.result-hobbies li{padding:7px 12px;border:1px solid #1a008930;font-size:13px;font-weight:800;border-radius:30px}
.quiz-result .quiz-cta{background:var(--purple);color:var(--cream);font-size:15px;padding:14px 20px}
.quiz-result .quiz-again{color:var(--purple);position:relative}
.quiz-result .quiz-cta:focus-visible,.quiz-result .quiz-again:focus-visible{outline-color:var(--purple)}
.quiz-result[data-result=active]{background:#e7edc5;box-shadow:7px 8px 0 var(--orange)}
.quiz-result[data-result=curious]{background:#f9dfb7}
.footer-signature{width:100%;padding:10px 0 30px}
.footer-signature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.footer-signature-top p{font-family:var(--display);font-size:clamp(24px,3.2vw,42px);text-align:left;line-height:1.2;letter-spacing:-.025em}
.footer-wordmark{width:100%;height:auto;max-width:1000px;margin:0 auto}
.footer-fold{display:flex;width:125px;height:123px;perspective:650px;transform:rotate(7deg)}
.footer-fold i{display:block;width:33.3333%;height:100%;background:url('icon-map.png') no-repeat;background-size:300% 100%;transform-style:preserve-3d}
.footer-fold i:nth-child(1){background-position:left;transform-origin:right center}.footer-fold i:nth-child(2){background-position:center}.footer-fold i:nth-child(3){background-position:right;transform-origin:left center}
footer{padding-top:65px;padding-bottom:65px}
.foot-inner{gap:22px}.foot-contact{padding-top:18px;border-top:1px solid #fff3d633;width:100%}.foot-legal{font-size:11px;max-width:750px}.foot-divider{display:none}
@media(prefers-reduced-motion:no-preference){
 .photo-pair.in .print-pottery{animation:print-left .9s cubic-bezier(.2,.8,.2,1) both}
 .photo-pair.in .print-music{animation:print-right 1s .12s cubic-bezier(.2,.8,.2,1) both}
 .hobby-choice:hover .motif-stage,.hobby-choice.is-playing .motif-stage{animation:motif-wiggle .65s ease both}
 .hobby-choice[data-hobby=move]:hover .motif-stage,.hobby-choice[data-hobby=move].is-playing .motif-stage{animation:motif-bounce .65s ease both}
 .hobby-choice[data-hobby=music]:hover .motif-stage,.hobby-choice[data-hobby=music].is-playing .motif-stage{animation:motif-strum .65s ease both}
 .quiz-result{animation:result-card .5s cubic-bezier(.2,.8,.2,1) both}
 .footer-signature.in .footer-fold i:first-child{animation:footer-open-left 1.2s .2s ease both}
 .footer-signature.in .footer-fold i:last-child{animation:footer-open-right 1.2s .35s ease both}
}
@keyframes print-left{from{opacity:0;transform:translateY(25px) rotate(-9deg)}to{opacity:1;transform:rotate(-5deg)}}
@keyframes print-right{from{opacity:0;transform:translateY(60px) rotate(10deg)}to{opacity:1;transform:translateY(30px) rotate(6deg)}}
@keyframes motif-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(5deg)}}
@keyframes motif-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-13px)}75%{transform:translateY(0) scale(1.05,.95)}}
@keyframes motif-strum{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-5deg)}40%,80%{transform:rotate(4deg)}}
@keyframes result-card{from{opacity:0;transform:translateY(18px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes footer-open-left{from{transform:rotateY(105deg)}to{transform:rotateY(0)}}
@keyframes footer-open-right{from{transform:rotateY(-105deg)}to{transform:rotateY(0)}}
@media(max-width:900px){.photo-layout{grid-template-columns:1fr;gap:22px}.photo-intro{max-width:500px}.photo-intro h2 br{display:none}.photo-pair{max-width:670px;margin:auto}.hobby-grid{gap:0 16px}.hobby-label{font-size:20px}.hobby-choice{padding-inline:13px}footer{padding-bottom:100px}}
@media(max-width:600px){
 .hero.brand-pattern::before{opacity:.055;mask-image:linear-gradient(#000,transparent 55%)}
 .host.brand-pattern::before,.quiz-sec.brand-pattern::before,footer.brand-pattern::before{opacity:.035;mask-image:none}
 .real-life{padding:60px 24px 75px}.photo-intro h2{font-size:36px}.photo-pair{padding-inline:8px}.hobby-print{padding:6px 6px 0}.hobby-print figcaption{padding:12px 4px 15px;font-size:15px}.hobby-print figcaption span{display:none}.hobby-print:before{width:50px;height:16px;left:calc(50% - 25px);top:-8px}.print-music{transform:translateY(20px) rotate(6deg)}
 .hobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:30px}.motif-stage{width:90px;height:100px;margin-bottom:16px}.motif-stage .motif-art{width:90px;height:100px}.motif-stage .motif-music{height:105px}.hobby-choice{padding:25px 8px 22px}.hobby-label{font-size:18px}.hobby-sub{font-size:11px}.hobby-arrow{font-size:18px;top:12px;right:6px}
 .hobby-detail{padding:23px 20px;display:block}.hobby-detail p{font-size:19px}.hobby-detail>a{margin-top:15px;justify-content:space-between}.hobby-detail ul{gap:8px 14px;font-size:12px}
 .quiz-result{padding:25px 20px 20px;box-shadow:4px 5px 0 var(--green)}.quiz-result h3{font-size:25px}.quiz-result #r-text{font-size:14px}.result-illustration{height:105px;width:115px}.result-hobbies li{font-size:12px;padding:6px 9px}.quiz-result .quiz-cta{font-size:14px;padding-inline:14px}
 .footer-fold{width:80px;height:79px}.footer-signature-top{margin-bottom:28px}.footer-signature{padding-bottom:10px}.foot-inner{gap:18px}.footer-wordmark{width:100%}
}
@media(prefers-reduced-motion:reduce){.hobby-print,.motif-stage,.quiz-result,.footer-fold i{animation:none!important;transition:none!important}}

@media(max-width:380px){.hobby-print figcaption{font-size:13px;padding-inline:2px}}