:root{--solar:#ff9b21;--flare:#fff2aa}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#130200;color:#fff7ee;font-family:Manrope,sans-serif}.intro-page{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:680px;overflow:hidden;background:#160300}.sun-image{position:absolute;z-index:-5;inset:-2%;background:url("assets/intro-sun.png") center/cover no-repeat;filter:saturate(1.08) contrast(1.03) brightness(.84);animation:sunPush 18s ease-in-out infinite alternate;transition:filter 2.6s ease}.solar-shade{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,1,0,.7),rgba(18,2,0,.2) 34%,transparent 62%),linear-gradient(0deg,rgba(22,2,0,.35),transparent 42%)}@keyframes sunPush{to{transform:scale(1.035) translate(-.35%,-.2%)}}
.solar-plasma{position:absolute;z-index:2;inset:0;pointer-events:none;mix-blend-mode:screen}.plasma-loop{position:absolute;display:block;border:2px solid rgba(255,187,61,.42);border-bottom-color:transparent;border-radius:50% 50% 44% 44%;filter:blur(1px) drop-shadow(0 0 8px #ff7317);transform-origin:50% 100%;animation:loopBreathe 5.5s ease-in-out infinite}.loop-one{width:20vw;height:24vh;left:48%;top:36%;rotate:-8deg}.loop-two{width:14vw;height:19vh;left:68%;top:43%;animation-delay:-1.7s;rotate:7deg}.loop-three{width:10vw;height:15vh;left:81%;top:47%;animation-delay:-3.1s}@keyframes loopBreathe{0%,100%{opacity:.15;transform:scale(.94)}50%{opacity:.75;transform:scale(1.06) translateY(-8px)}}.flame{position:absolute;display:block;width:6vw;height:24vh;bottom:38%;border-radius:50% 50% 22% 22%;background:linear-gradient(0deg,rgba(255,91,8,.08),rgba(255,163,25,.28) 35%,rgba(255,245,182,.62) 71%,transparent);filter:blur(8px) drop-shadow(0 0 16px #ff5a0a);transform-origin:50% 100%;-webkit-mask:radial-gradient(ellipse at 50% 100%,#000 0 15%,rgba(0,0,0,.7) 42%,transparent 76%);mask:radial-gradient(ellipse at 50% 100%,#000 0 15%,rgba(0,0,0,.7) 42%,transparent 76%);animation:flameRise 2.8s ease-in-out infinite}.flame-one{left:34%;height:34vh}.flame-two{left:57%;width:4vw;animation-delay:-.9s}.flame-three{left:75%;height:18vh;animation-delay:-1.8s}@keyframes flameRise{0%,100%{opacity:.2;transform:scale(.8,1) rotate(-3deg)}50%{opacity:.72;transform:scale(1.12,1.18) rotate(4deg) translateY(-12px)}}.solar-particles{position:absolute;left:15%;right:-5%;top:46%;height:34%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse 9% 85% at 13% 100%,rgba(255,249,201,.62),rgba(255,142,25,.22) 40%,transparent 76%),radial-gradient(ellipse 6% 70% at 29% 100%,rgba(255,224,123,.48),rgba(255,92,8,.16) 46%,transparent 78%),radial-gradient(ellipse 12% 90% at 47% 100%,rgba(255,248,190,.5),rgba(255,119,11,.2) 39%,transparent 75%),radial-gradient(ellipse 7% 65% at 64% 100%,rgba(255,237,153,.55),rgba(255,99,8,.14) 45%,transparent 78%),radial-gradient(ellipse 11% 82% at 83% 100%,rgba(255,246,184,.46),rgba(255,130,13,.18) 40%,transparent 76%),linear-gradient(0deg,rgba(255,90,4,.17),rgba(255,180,30,.08) 42%,transparent 78%);-webkit-mask-image:linear-gradient(0deg,#000 0 24%,rgba(0,0,0,.75) 47%,transparent 92%);mask-image:linear-gradient(0deg,#000 0 24%,rgba(0,0,0,.75) 47%,transparent 92%);filter:blur(8px) drop-shadow(0 -8px 18px rgba(255,85,5,.5));opacity:.62;transform-origin:50% 100%;animation:surfacePlasma 4.6s ease-in-out infinite}.solar-particles:before,.solar-particles:after{content:"";position:absolute;inset:18% 4% 0;background:radial-gradient(ellipse 8% 84% at 20% 100%,rgba(255,255,225,.42),transparent 72%),radial-gradient(ellipse 10% 78% at 56% 100%,rgba(255,225,131,.34),transparent 74%),radial-gradient(ellipse 7% 88% at 76% 100%,rgba(255,247,189,.4),transparent 72%);filter:blur(5px);animation:surfaceTurbulence 2.9s ease-in-out infinite alternate}.solar-particles:after{inset:31% 0 0;opacity:.48;transform:scaleX(-1);animation-delay:-1.4s}@keyframes surfacePlasma{0%,100%{transform:scale(1,.96);opacity:.5}50%{transform:scale(1.04,1.08) translateY(-7px);opacity:.76}}@keyframes surfaceTurbulence{to{transform:translate(-2%,-9px) scale(1.04,1.14);opacity:.55}}
.sun-flare{position:absolute;z-index:3;left:34%;top:49%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 27px #fff19d,0 0 65px #ff8d16,0 0 110px rgba(255,82,8,.42);animation:flarePulse 4s ease-in-out infinite;transition:opacity 2.6s ease}.sun-flare:before,.sun-flare:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,237,168,.28);border-radius:50%;width:8vw;height:8vw}.sun-flare:after{width:16vw;height:16vw;border-color:rgba(255,149,53,.12)}.sun-flare i{position:absolute;left:-20vw;top:4px;width:45vw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,190,85,.36),#fff,rgba(255,190,85,.22),transparent)}.sun-flare b{position:absolute;width:22px;height:22px;border-radius:50%;left:18vw;top:-6px;border:1px solid rgba(255,183,69,.32);box-shadow:12vw 0 0 -7px rgba(255,168,62,.2)}@keyframes flarePulse{50%{transform:scale(1.12);filter:brightness(1.18)}}.visor-shade{position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 46%,rgba(61,145,73,.18),rgba(5,30,12,.52) 67%,rgba(0,8,3,.82) 100%),linear-gradient(180deg,rgba(33,112,52,.48),rgba(7,42,17,.56));box-shadow:inset 0 0 110px rgba(0,8,3,.9),inset 0 -16px 26px rgba(77,255,116,.12),inset 0 2px rgba(188,255,197,.25);backdrop-filter:grayscale(1) sepia(1) hue-rotate(72deg) saturate(3.4) contrast(1.32) brightness(.7);-webkit-backdrop-filter:grayscale(1) sepia(1) hue-rotate(72deg) saturate(3.4) contrast(1.32) brightness(.7);transform:translateY(-102%);transition:transform 2.6s cubic-bezier(.45,0,.2,1)}.visor-shade:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 34% 49%,rgba(181,255,151,.23),rgba(79,255,104,.08) 12%,transparent 29%);mix-blend-mode:screen;filter:blur(9px);animation:infraredBloom 4s ease-in-out infinite}.visor-shade:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;background:linear-gradient(90deg,transparent,rgba(147,255,158,.62),transparent);filter:blur(2px);box-shadow:0 0 15px rgba(89,255,116,.48)}.visor-shade i{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 18%,rgba(204,255,206,.13),transparent 36%),linear-gradient(110deg,transparent 27%,rgba(189,255,194,.08) 44%,transparent 59%);mix-blend-mode:screen}.intro-page.visor-active .visor-shade{transform:translateY(0)}.intro-page.visor-active .sun-image{filter:grayscale(.45) saturate(.58) contrast(1.18) brightness(.54)}.intro-page.visor-active .sun-flare{opacity:.3}@keyframes infraredBloom{50%{opacity:.62;transform:scale(1.07)}}.intro-nav{position:absolute;z-index:10;top:0;left:0;right:0;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(5px)}.brand,.back-button,.visor-button{color:#fff7ee;text-decoration:none;font:500 11px DM Mono,monospace;letter-spacing:.2em}.brand{display:flex;align-items:center;gap:13px}.brand-sun{width:25px;height:25px;border:1px solid #fff;border-radius:50%;position:relative}.brand-sun:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--solar);box-shadow:0 0 9px var(--solar)}.page-id{font:9px DM Mono,monospace;letter-spacing:.22em;color:#b68d77}.visor-button{border:1px solid rgba(129,255,170,.34);background:rgba(10,55,29,.18);padding:11px 15px;cursor:pointer;transition:.3s}.visor-button i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6cff9b;box-shadow:0 0 8px #6cff9b}.visor-button[aria-pressed="true"]{background:rgba(35,126,67,.5);border-color:#6cff9b}.back-button{display:flex;gap:10px;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.28);transition:.3s}.back-button:hover{color:#250700;background:var(--solar);border-color:var(--solar)}.back-button i{font-style:normal;font-size:16px}.intro-copy{position:absolute;z-index:6;left:5vw;top:20%;text-shadow:0 3px 25px #000}.kicker{font:9px DM Mono,monospace;letter-spacing:.28em;color:#d1aaa0;display:flex;align-items:center;gap:11px}.kicker span{display:block;width:31px;height:1px;background:var(--solar)}h1{font-size:clamp(44px,5.6vw,92px);line-height:.87;letter-spacing:-.07em;font-weight:500;margin:30px 0}h1 span{color:var(--solar);text-shadow:0 0 22px rgba(255,122,20,.68)}.intro-copy>p:nth-of-type(2){font-size:13px;line-height:1.8;color:#d4b3a9}.coordinates{display:flex;gap:35px;margin-top:10vh;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}.coordinates span{font:8px DM Mono,monospace;color:#8d6558;letter-spacing:.16em}.coordinates b{display:block;margin-top:8px;color:#f8ded4;font-size:10px;font-weight:400}.intro-footer{position:absolute;z-index:8;left:4.5vw;right:4.5vw;bottom:4vh;display:flex;justify-content:space-between;color:#9b7062;font:8px DM Mono,monospace;letter-spacing:.18em}.signal i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--solar);box-shadow:0 0 9px var(--solar)}@media(max-width:850px){.page-id{display:none}.sun-image{background-position:56% center}.intro-copy{top:17%}.sun-flare{left:35%}}@media(max-width:600px){.intro-nav{height:73px;padding:0 12px}.brand{font-size:7px}.visor-button,.back-button{font-size:8px;padding:8px}.visor-button i{display:none}.sun-image{background-position:62% center}.solar-shade{background:linear-gradient(0deg,rgba(15,1,0,.87),rgba(15,1,0,.08) 72%)}.intro-copy{left:24px;right:24px;top:17%}h1{font-size:39px}.coordinates{margin-top:6vh;gap:17px}.sun-flare{left:30%;top:52%}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.visor-shade{background:linear-gradient(180deg,rgba(28,90,48,.66),rgba(18,65,36,.48) 45%,rgba(8,38,25,.62));box-shadow:inset 0 -16px 26px rgba(75,255,135,.12),inset 0 2px rgba(184,255,207,.2);backdrop-filter:saturate(.72) brightness(.72) contrast(.96);-webkit-backdrop-filter:saturate(.72) brightness(.72) contrast(.96)}.visor-shade:before{display:none}.visor-shade:after{background:linear-gradient(90deg,transparent,rgba(142,255,177,.58),transparent);box-shadow:0 0 15px rgba(89,255,142,.42)}.visor-shade i{background:radial-gradient(ellipse at 30% 18%,rgba(192,255,212,.11),transparent 36%),linear-gradient(110deg,transparent 30%,rgba(177,255,200,.07) 45%,transparent 58%);mix-blend-mode:normal}.intro-page.visor-active .sun-image{filter:saturate(.72) contrast(.96) brightness(.57)}.intro-page.visor-active .sun-flare{opacity:.38}
.visor-arm{position:absolute;z-index:9;top:-16vh;right:-11vw;width:clamp(700px,80vw,1260px);aspect-ratio:3/2;pointer-events:none;visibility:hidden;opacity:0;transform-origin:78% 70%;will-change:transform,opacity;filter:drop-shadow(-14px 22px 24px rgba(0,0,0,.48))}.visor-arm img{display:block;width:100%;height:100%;object-fit:contain}.intro-page.visor-lowering .visor-arm,.intro-page.visor-raising .visor-arm{visibility:visible}.intro-page.visor-lowering .visor-arm{animation:gloveLower 2.6s cubic-bezier(.45,0,.2,1) both}.intro-page.visor-raising .visor-arm{animation:gloveRaise 2.6s cubic-bezier(.45,0,.2,1) both}@keyframes gloveLower{0%{opacity:0;transform:translate3d(0,-112vh,0) rotate(2deg)}10%{opacity:1}86%{opacity:1}100%{opacity:0;transform:translate3d(-2vw,112vh,0) rotate(-5deg)}}@keyframes gloveRaise{0%{opacity:0;transform:translate3d(-2vw,112vh,0) rotate(-5deg)}10%{opacity:1}86%{opacity:1}100%{opacity:0;transform:translate3d(0,-112vh,0) rotate(2deg)}}
@media(max-width:850px){.visor-arm{top:-8vh;right:-15vw;width:108vw}}
@media(max-width:600px){.visor-arm{top:-1vh;right:-20vw;width:116vw}}
@media(prefers-reduced-motion:reduce){.visor-arm{display:none}}
.visor-shade{inset:-.35%;border-radius:0 0 48% 48%/0 0 4.5% 4.5%;overflow:hidden;backdrop-filter:saturate(.74) brightness(.72) contrast(.96) blur(.45px);-webkit-backdrop-filter:saturate(.74) brightness(.72) contrast(.96) blur(.45px);box-shadow:inset 0 0 125px rgba(3,31,17,.38),inset 0 -22px 34px rgba(111,255,162,.12),inset 0 2px rgba(215,255,228,.28)}.visor-shade:before{display:block;inset:2% 2.5% 4%;border-radius:48%;background:radial-gradient(ellipse at 50% 52%,transparent 56%,rgba(170,255,202,.055) 73%,rgba(220,255,232,.12) 94%,transparent 100%);mix-blend-mode:screen;filter:blur(1px);opacity:.65;animation:none}.visor-shade i{transform:scale(1.006,1.003);transform-origin:50% 45%;background:radial-gradient(ellipse at 24% 14%,rgba(224,255,236,.12),transparent 31%),radial-gradient(ellipse at 73% 82%,transparent 58%,rgba(103,230,154,.055) 78%,transparent 94%),linear-gradient(108deg,transparent 31%,rgba(214,255,229,.055) 45%,transparent 58%)}
.introduction-pane{position:absolute;z-index:7;right:4.5vw;top:14%;width:min(43vw,700px);height:72vh;overflow:hidden;border:1px solid rgba(255,230,211,.22);border-radius:20px;background:linear-gradient(145deg,rgba(31,18,16,.54),rgba(15,8,8,.25));box-shadow:inset 0 1px rgba(255,255,255,.17),inset 0 0 45px rgba(255,139,54,.035),0 28px 75px rgba(0,0,0,.42);backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}.introduction-pane:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 24% 72%,rgba(255,135,45,.05));mix-blend-mode:screen}.introduction-pane__header{position:relative;height:88px;padding:19px 25px 15px;border-bottom:1px solid rgba(255,255,255,.13)}.introduction-pane__header span{display:block;margin-bottom:6px;color:#b88872;font:9px DM Mono,monospace;letter-spacing:.2em}.introduction-pane__header h2{margin:0;color:#fff4eb;font-size:28px;font-weight:500;letter-spacing:-.025em}.introduction-pane__body{position:relative;height:calc(100% - 88px);overflow-y:auto;padding:24px 28px 38px;scrollbar-width:thin;scrollbar-color:rgba(255,155,70,.55) rgba(255,255,255,.06)}.introduction-pane__body::-webkit-scrollbar{width:5px}.introduction-pane__body::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.introduction-pane__body::-webkit-scrollbar-thumb{border-radius:9px;background:rgba(255,155,70,.5)}.introduction-pane__body p{margin:0 0 21px;color:#e1d2ca;font-size:14px;line-height:1.75;letter-spacing:.012em}.project-summary{margin:7px 0 22px;padding:17px 18px;border-left:1px solid var(--solar);background:linear-gradient(90deg,rgba(255,132,36,.1),rgba(255,255,255,.018))}.project-summary h3{margin:0 0 8px;color:#ffc075;font:500 12px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.project-summary p{margin:0}.introduction-pane__body .introduction-signature{margin:28px 0 0;color:#fff4e9;font:500 16px DM Mono,monospace;letter-spacing:.08em}@media(max-width:950px){.introduction-pane{right:3vw;width:48vw}.intro-copy{left:3.5vw}.introduction-pane__body p{font-size:13px}}@media(max-width:700px){.intro-page{min-height:720px}.introduction-pane{left:18px;right:18px;top:43%;width:auto;height:48vh;border-radius:15px}.introduction-pane__header{height:68px;padding:13px 17px 10px}.introduction-pane__header h2{font-size:23px}.introduction-pane__body{height:calc(100% - 68px);padding:18px 20px 30px}.introduction-pane__body p{font-size:11px;line-height:1.7;margin-bottom:16px}.project-summary{padding:13px 14px;margin-bottom:16px}.project-summary h3{font-size:10px}.intro-footer{display:none}}@media(prefers-reduced-motion:reduce){.introduction-pane{scroll-behavior:auto}}
.introduction-pane{background:linear-gradient(145deg,rgba(190,190,186,.91),rgba(151,154,158,.88));border-color:rgba(228,228,224,.42);box-shadow:inset 0 1px rgba(255,255,255,.38),0 28px 70px rgba(0,0,0,.52);backdrop-filter:blur(22px) saturate(.65) brightness(.84);-webkit-backdrop-filter:blur(22px) saturate(.65) brightness(.84)}.introduction-pane:before{display:none}
.introduction-pane__header{border-bottom-color:rgba(15,18,23,.22)}.introduction-pane__header span{color:#4f5359;font:600 10px DM Mono,monospace}.introduction-pane__header h2{color:#111317;font-family:Manrope,sans-serif;font-size:clamp(26px,2vw,36px);font-weight:600;line-height:1.05}.introduction-pane__body{scrollbar-color:#4e5359 rgba(30,33,38,.14)}.introduction-pane__body::-webkit-scrollbar-track{background:rgba(30,33,38,.14)}.introduction-pane__body::-webkit-scrollbar-thumb{background:#4e5359}.introduction-pane__body p{color:#202329;font-family:Manrope,sans-serif;font-size:clamp(11px,.75vw,12px);font-weight:500;line-height:1.65}.project-summary{border-left-color:#9a621b;background:rgba(255,196,107,.13)}.project-summary h3{color:#5f3c0d;font:600 12px DM Mono,monospace}.introduction-pane__body .introduction-signature{color:#111317;font:600 14px DM Mono,monospace}@media(max-width:700px){.introduction-pane__header span{font-size:8px}.introduction-pane__header h2{font-size:23px}.introduction-pane__body p{font-size:10px}.project-summary h3{font-size:10px}}
.introduction-pane__header span{font-size:11px;font-weight:700}.introduction-pane__header h2{font-size:clamp(30px,2.25vw,40px);font-weight:700}.introduction-pane__body p{font-size:clamp(14px,.92vw,16px);font-weight:600;line-height:1.7}.project-summary h3{font-size:14px;font-weight:700}.introduction-pane__body .introduction-signature{font-size:17px;font-weight:700}@media(max-width:700px){.introduction-pane__header span{font-size:9px}.introduction-pane__header h2{font-size:25px}.introduction-pane__body p{font-size:12px}.project-summary h3{font-size:12px}}
.intro-astronaut{position:absolute;z-index:6;left:5.5%;bottom:-9%;width:clamp(280px,30vw,500px);height:55vh;min-height:390px;pointer-events:none;transform-origin:52% 68%;transform-style:preserve-3d;animation:introAstronautFloat 8s ease-in-out infinite;filter:drop-shadow(28px 34px 25px rgba(0,0,0,.72)) drop-shadow(-10px -3px 12px rgba(255,119,35,.22)) drop-shadow(8px -5px 9px rgba(111,173,255,.13))}.intro-astronaut:before{content:"";position:absolute;z-index:3;inset:4% 2% 0;pointer-events:none;background:linear-gradient(112deg,rgba(255,172,89,.12),transparent 31% 68%,rgba(99,157,255,.08));mix-blend-mode:screen;-webkit-mask:url("assets/intro-astronaut-wave.png") center top/contain no-repeat;mask:url("assets/intro-astronaut-wave.png") center top/contain no-repeat}.intro-astronaut:after{content:"";position:absolute;z-index:0;left:22%;right:8%;bottom:4%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.52),transparent 68%);filter:blur(24px);transform:translate3d(18px,20px,-20px)}.intro-astronaut img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:contrast(1.06) saturate(1.03)}.intro-astronaut__glow{position:absolute;z-index:1;inset:8% 0 0;border-radius:50%;background:radial-gradient(ellipse at 25% 45%,rgba(255,128,34,.34),transparent 43%),radial-gradient(ellipse at 76% 38%,rgba(114,177,255,.2),transparent 48%),radial-gradient(ellipse at 50% 63%,rgba(255,225,180,.08),transparent 55%);filter:blur(28px);animation:introAstronautGlow 4.5s ease-in-out infinite}@keyframes introAstronautFloat{0%,100%{transform:perspective(900px) translate3d(-8px,8px,20px) rotateY(-2deg) rotateZ(-1.4deg)}50%{transform:perspective(900px) translate3d(11px,-12px,48px) rotateY(2.5deg) rotateZ(1.2deg)}}@keyframes introAstronautGlow{50%{opacity:.62;transform:scale(1.09)}}@media(max-width:950px){.intro-astronaut{left:2%;width:34vw;bottom:-7%}}@media(max-width:700px){.intro-astronaut{left:-7%;bottom:0;width:57vw;height:43vh;min-height:290px;opacity:.86}}@media(prefers-reduced-motion:reduce){.intro-astronaut,.intro-astronaut__glow{animation:none!important}}
.intro-astronaut:before{display:none}
.intro-astronaut{left:2%;bottom:0;width:clamp(390px,42vw,700px);height:57vh;min-height:410px;overflow:hidden}.intro-astronaut img{width:100%;height:auto;max-width:none;transform:translateY(-3%);object-fit:initial}.intro-astronaut__glow{inset:4% -3% -8%}@media(max-width:950px){.intro-astronaut{left:-3%;bottom:0;width:48vw;height:52vh}}@media(max-width:700px){.intro-astronaut{left:-14%;bottom:0;width:75vw;height:42vh;min-height:300px}.intro-astronaut img{transform:translateY(-1%)}}
.introduction-portrait{position:absolute;z-index:8;top:14%;right:calc(4.5vw + min(43vw,700px) + 20px);width:clamp(150px,15vw,250px);aspect-ratio:3/4;margin:0;padding:7px;overflow:hidden;border:1px solid rgba(228,228,224,.48);border-radius:18px;background:linear-gradient(145deg,rgba(190,190,186,.91),rgba(151,154,158,.88));box-shadow:inset 0 1px rgba(255,255,255,.4),0 24px 58px rgba(0,0,0,.52);backdrop-filter:blur(18px) saturate(.72);-webkit-backdrop-filter:blur(18px) saturate(.72)}.introduction-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:12px;filter:contrast(1.03) saturate(.92)}@media(max-width:950px){.introduction-portrait{right:calc(3vw + 48vw + 13px);width:16vw;top:14%;padding:5px;border-radius:13px}.introduction-portrait img{border-radius:9px}}@media(max-width:700px){.introduction-portrait{z-index:8;left:auto;right:22px;top:43%;width:105px;aspect-ratio:1/1;padding:4px;border-radius:50%}.introduction-portrait img{border-radius:50%;object-position:50% 24%}}
.introduction-portrait{overflow:visible}.introduction-portrait figcaption{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;gap:7px;padding:12px 14px;border:1px solid rgba(228,228,224,.42);border-radius:12px;background:linear-gradient(145deg,rgba(190,190,186,.94),rgba(151,154,158,.91));box-shadow:0 14px 30px rgba(0,0,0,.38);color:#17191d;font-family:Manrope,sans-serif}.introduction-portrait figcaption strong{padding-bottom:7px;border-bottom:1px solid rgba(15,18,23,.2);font:700 10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.introduction-portrait figcaption span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.introduction-portrait figcaption i{font-style:normal;font-size:16px;line-height:1}@media(max-width:950px){.introduction-portrait figcaption{gap:5px;padding:9px}.introduction-portrait figcaption strong{font-size:8px}.introduction-portrait figcaption span{gap:5px;font-size:9px}.introduction-portrait figcaption i{font-size:13px}}@media(max-width:700px){.introduction-portrait figcaption{left:auto;right:0;width:130px;top:calc(100% + 8px)}}
.employment-preferences{display:grid;gap:9px;margin-top:5px;padding-top:10px;border-top:1px solid rgba(15,18,23,.22)}.employment-preferences>strong{padding:0;border:0}.employment-preferences dl{display:grid;gap:9px;margin:0}.employment-preferences dl>div{display:grid;gap:3px}.employment-preferences dt{color:#4d4133;font:700 8px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.employment-preferences dd{margin:0;color:#17191d;font-size:10px;font-weight:700;line-height:1.45}@media(max-width:950px){.employment-preferences{gap:7px;padding-top:8px}.employment-preferences dl{gap:7px}.employment-preferences dt{font-size:7px}.employment-preferences dd{font-size:8px}}@media(max-width:700px){.introduction-portrait figcaption{width:175px}.employment-preferences dd{font-size:8px}}
.introduction-portrait figcaption strong{font-size:12px;font-weight:800}.introduction-portrait figcaption span{font-size:14px;font-weight:800}.introduction-portrait figcaption i{font-size:19px}.employment-preferences dt{font-size:10px;font-weight:800}.employment-preferences dd{font-size:12px;font-weight:800;line-height:1.55}@media(max-width:950px){.introduction-portrait figcaption strong{font-size:10px}.introduction-portrait figcaption span{font-size:11px}.introduction-portrait figcaption i{font-size:15px}.employment-preferences dt{font-size:8px}.employment-preferences dd{font-size:10px}}@media(max-width:700px){.introduction-portrait figcaption{width:190px}.introduction-portrait figcaption strong{font-size:10px}.introduction-portrait figcaption span{font-size:11px}.employment-preferences dt{font-size:8px}.employment-preferences dd{font-size:10px}}
.introduction-portrait{right:calc(4.5vw + min(43vw,700px) + 230px)}.introduction-portrait figcaption{left:calc(100% + 14px);right:auto;top:0;width:205px}@media(max-width:950px){.introduction-portrait{right:calc(3vw + 48vw + 175px)}.introduction-portrait figcaption{left:calc(100% + 10px);width:160px}}@media(max-width:700px){.introduction-portrait{left:18px;right:auto;top:28%;width:105px}.introduction-portrait figcaption{left:calc(100% + 10px);right:auto;top:0;width:185px}}
.introduction-portrait{width:clamp(180px,14vw,225px);aspect-ratio:3/4;right:calc(4.5vw + min(43vw,700px) + clamp(208px,16vw,253px))}.introduction-portrait figcaption{left:calc(100% + 14px);right:auto;top:0;width:100%;height:100%;overflow-y:auto;align-content:start;box-sizing:border-box}@media(max-width:950px){.introduction-portrait{width:150px;right:calc(3vw + 48vw + 170px)}.introduction-portrait figcaption{left:calc(100% + 10px);width:150px;height:100%}}@media(max-width:700px){.introduction-portrait{left:18px;right:auto;top:24%;width:140px;aspect-ratio:3/4;border-radius:13px}.introduction-portrait img{border-radius:9px}.introduction-portrait figcaption{left:calc(100% + 10px);right:auto;top:0;width:140px;height:100%;border-radius:13px}}
.introduction-portrait{width:clamp(190px,14vw,225px);height:410px;aspect-ratio:auto;right:calc(4.5vw + min(43vw,700px) + clamp(218px,16vw,253px))}.introduction-portrait figcaption{left:calc(100% + 14px);right:auto;top:0;width:100%;height:410px;overflow:visible;align-content:start;box-sizing:border-box}.introduction-portrait img{height:100%}@media(max-width:950px){.introduction-portrait{width:165px;height:390px;right:calc(3vw + 48vw + 185px)}.introduction-portrait figcaption{left:calc(100% + 10px);width:165px;height:390px}}@media(max-width:700px){.introduction-portrait{left:18px;right:auto;top:22%;width:145px;height:400px;aspect-ratio:auto;border-radius:13px}.introduction-portrait img{height:100%;border-radius:9px}.introduction-portrait figcaption{left:calc(100% + 10px);right:auto;top:0;width:145px;height:400px;overflow:visible;border-radius:13px}}
.introduction-portrait{z-index:auto}.introduction-portrait img{position:relative;z-index:5}.introduction-portrait figcaption{z-index:8}