@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#151512;--paper:#f1efe8;--acid:#d7ff43;--coral:#ff6b4a;--muted:#716f68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}main{min-height:100vh;overflow:hidden}.nav{border-bottom:1px solid #15151229;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{color:inherit;letter-spacing:.08em;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--acid);border-radius:50%;place-items:center;font-family:Georgia,serif;display:grid}.nav-note{letter-spacing:.22em;color:var(--muted);font-size:12px}.hero{text-align:center;min-height:calc(100vh - 86px);padding:54px 24px 36px;position:relative}.eyebrow{letter-spacing:.28em;justify-content:center;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--ink);width:30px;height:1px}h1{letter-spacing:-.06em;margin:18px 0 14px;font-size:clamp(48px,6.3vw,96px);font-weight:800;line-height:.96}h1 em{color:var(--coral);font-family:Georgia,Songti SC,serif;font-weight:400}.intro{max-width:580px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.9}.constellation{width:min(900px,88vw);height:660px;margin:12px auto 0;position:relative}.orbit{pointer-events:none;border:1px solid #1515121f;border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbit-one{width:550px;height:550px}.orbit-two{border-style:dashed;width:400px;height:400px}.star-lines{pointer-events:none;opacity:.42;position:absolute;inset:0}.star-lines i{background:linear-gradient(90deg, transparent, var(--coral), transparent);transform-origin:0;width:410px;height:1px;position:absolute;top:50%;left:50%}.star-lines i:first-child{transform:rotate(-126deg)}.star-lines i:nth-child(2){transform:rotate(-54deg)}.star-lines i:nth-child(3){transform:rotate(18deg)}.star-lines i:nth-child(4){transform:rotate(90deg)}.star-lines i:nth-child(5){transform:rotate(162deg)}.center-piece{z-index:2;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-piece img,.center-piece video{object-fit:cover;filter:saturate(.8)contrast(1.03);border-radius:50%;width:100%;height:100%}.center-ring{border:2px solid var(--ink);border-radius:50%;position:absolute;inset:-12px}.center-ring:after{content:"";background:var(--acid);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:25px;right:16px}.center-label{background:var(--acid);border:1px solid var(--ink);letter-spacing:.12em;box-shadow:3px 3px 0 var(--ink);padding:7px 12px;font-size:9px;font-weight:900;line-height:1.25;position:absolute;bottom:20px;left:-28px;transform:rotate(-12deg)}.person{z-index:4;width:146px;height:146px;position:absolute}.person-1{top:2%;left:50%;transform:translate(-50%)}.person-2{top:26%;right:5%}.person-3{bottom:2%;right:18%}.person-4{bottom:2%;left:18%}.person-5{top:26%;left:5%}.portrait{cursor:pointer;background:var(--ink);width:100%;height:100%;box-shadow:0 0 0 7px var(--paper), 0 0 0 8px var(--ink);border:0;border-radius:50%;padding:0;transition:transform .3s,box-shadow .3s;display:block;position:relative}.portrait img{object-fit:cover;filter:grayscale();border-radius:50%;width:100%;height:100%;transition:filter .35s,transform .35s;display:block}.portrait:hover,.portrait:focus-visible,.is-active .portrait{box-shadow:0 0 0 7px var(--acid), 0 0 0 8px var(--ink), 0 16px 30px #1515122e;outline:none;transform:translateY(-6px)scale(1.04)}.portrait:hover img,.portrait:focus-visible img,.is-active .portrait img{filter:grayscale(0);transform:scale(1.04)}.number{width:34px;height:34px;color:var(--paper);background:var(--ink);border:2px solid var(--paper);border-radius:50%;place-items:center;font:700 11px Georgia,serif;display:grid;position:absolute;bottom:4px;right:-5px}.profile-card{text-align:left;background:var(--ink);width:226px;color:var(--paper);border:1px solid var(--paper);box-shadow:6px 6px 0 var(--coral);opacity:0;visibility:hidden;pointer-events:none;z-index:10;padding:18px;transition:opacity .2s,transform .25s,visibility .2s;position:absolute;top:52%;left:50%;transform:translate(-50%,2px)scale(.96)}.person:hover .profile-card,.person:focus-within .profile-card,.person.is-active .profile-card{opacity:1;visibility:visible;transform:translate(-50%,18px)scale(1)}.role{color:var(--acid);letter-spacing:.18em;font-size:9px}.profile-card h2{margin:5px 0 12px;font:400 30px Georgia,Songti SC,serif}dl{border-top:1px solid #f1efe83d;margin:0;padding-top:8px}dl div{justify-content:space-between;gap:12px;padding:5px 0;font-size:11px;display:flex}dt{color:#aaa89f}dd{margin:0}.hint{color:var(--muted);letter-spacing:.1em;margin:-8px auto 0;font-size:11px}.hint span{border:1px solid var(--ink);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;margin-right:7px;display:inline-grid}footer{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:24px;padding:32px clamp(24px,5vw,76px);font-size:12px;display:flex}footer p{color:var(--acid);margin:0;font:italic 20px Georgia,Songti SC,serif}footer span{letter-spacing:.16em;color:#9b9a94;font-size:9px}@media (max-width:760px){.nav{height:70px}.nav-note{display:none}.hero{padding-top:40px}h1{font-size:clamp(46px,15vw,66px)}.intro{max-width:92%}.constellation{grid-template-columns:repeat(2,1fr);gap:62px 26px;width:100%;height:auto;margin-top:48px;display:grid}.orbit,.star-lines{display:none}.center-piece{grid-column:1/-1;width:220px;height:220px;margin:0 auto 10px;position:relative;top:auto;left:auto;transform:none}.person{width:min(34vw,140px);height:min(34vw,140px);margin:auto;position:relative;inset:auto;transform:none}.person-5{grid-column:1/-1}.profile-card{width:min(210px,44vw)}.person:nth-of-type(2n) .profile-card{left:30%}.hint{margin-top:64px}footer{text-align:center;flex-direction:column;margin-top:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
