@charset "UTF-8";
:root{--ink:#171a17;--paper:#f1eee7;--sage:#c5d0b6;--muted:#a5aaa1;--line:#ffffff24;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p,figure{margin:0}ul{list-style:none;margin:0;padding:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.4}h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:.02em}::selection{background:var(--sage);color:var(--ink)}:focus-visible{outline:2px solid #b9cba6;outline-offset:5px}.section-light :focus-visible{outline-color:#416b46}.container{width:min(1180px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;line-height:1.7}.site-header{position:sticky;top:0;z-index:20;background:#171a17ee;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.4;letter-spacing:.08em}.brand-mark{font:26px var(--serif);border:1px solid #a8b59d66;width:42px;height:44px;display:grid;place-items:center;color:var(--sage);border-radius:21px 21px 2px 2px}.brand-sub{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:.06em;color:#a8afa3;margin-top:4px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a{color:#d1d2ca;transition:color .2s}nav a:hover{color:var(--sage)}.nav-contact{border:1px solid #afb9a455;padding:9px 17px;border-radius:2px;display:flex;gap:22px}.menu-toggle{display:none}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;column-gap:72px;padding-top:73px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;width:620px;max-width:100%;height:650px;right:0;top:20px;pointer-events:none;background:radial-gradient(ellipse,#66765a17 0,transparent 67%)}.hero-copy{padding-top:31px;animation:arrive .7s ease both}.hero .eyebrow{font-size:10px;color:#b7c4ac;display:flex;align-items:center;gap:10px}.status-dot{height:5px;width:5px;background:var(--sage);border-radius:50%}.hero-hello{font-size:17px;color:#d4d7cc;margin-top:31px;margin-bottom:14px}.hero h1{font-size:clamp(52px,5.7vw,78px);letter-spacing:.035em;line-height:1.34;position:relative;display:inline-block}.serif-accent{color:var(--sage)}.title-spark{position:absolute;font:48px Georgia,serif;color:var(--sage);right:-50px;top:7px;transform:rotate(15deg)}.hero-intro{max-width:435px;font-size:14px;line-height:2.1;color:#b2b6ac;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:36px;min-height:51px;padding:12px 23px;font-size:13px;letter-spacing:.05em;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--sage)}.text-link{display:inline-flex;align-items:center;gap:17px;background:none;padding:8px 0;font-size:13px;letter-spacing:.03em}.text-link:hover{color:var(--sage)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}.hero-tags li{border:1px solid #aeb4a62b;border-radius:40px;padding:3px 12px;font-size:10px;letter-spacing:.05em;color:#b6bdb0}.hero-visual{position:relative;margin-top:12px;align-self:start;max-width:420px;width:100%;animation:arrive .9s .1s ease both}.portrait-frame{background:var(--paper);padding:13px;transform:rotate(3deg);box-shadow:15px 20px 70px #0003;position:relative;z-index:1}.photo-button{display:block;padding:0;background:none;width:100%;text-align:left}.hero-photo{height:426px;overflow:hidden;background:#1a231c}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 33%;transition:transform .6s}.hero-photo:hover img{transform:scale(1.03)}.portrait-frame figcaption{display:flex;align-items:center;justify-content:space-between;color:var(--ink);padding:17px 10px 8px}.caption-small{display:block;font:9px/1.5 var(--sans);letter-spacing:.18em}.portrait-name{font:26px/1.6 var(--serif);letter-spacing:.09em}.photo-year{text-align:right;font:18px/1.3 Georgia,serif}.photo-year span{font:9px var(--sans);color:#72766b;letter-spacing:.1em}.orbit-label{position:absolute;top:-28px;left:5px;font:8px var(--sans);letter-spacing:.22em;color:#87927f;transform:rotate(3deg)}.little-note{position:absolute;bottom:-44px;left:-21px;z-index:2;background:var(--sage);color:#323a2b;font:12px var(--serif);padding:14px 20px;transform:rotate(-5deg);box-shadow:0 6px 22px #0002}.little-note span{font-size:22px;margin-right:10px}.visual-coordinates{display:flex;justify-content:space-between;margin-top:77px;color:#919a88;font-size:8px;letter-spacing:.15em}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#9ba491;letter-spacing:.06em;margin-top:49px;padding-block:24px;align-self:end}.hero-bottom a{display:flex;gap:24px;color:#d6dbc9}.section-light{background:var(--paper);color:var(--ink)}.about{padding-block:104px}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:104px}.section-light .eyebrow{color:#6d7565}.about h2{margin-top:22px;font-size:clamp(29px,3.1vw,42px)}.pride-line{display:flex;gap:3px;margin-top:30px;width:86px}.pride-line i{height:3px;flex:1;background:#bd7770}.pride-line i:nth-child(2){background:#c4a26f}.pride-line i:nth-child(3){background:#c7bc83}.pride-line i:nth-child(4){background:#839970}.pride-line i:nth-child(5){background:#7f9da2}.pride-line i:nth-child(6){background:#9f8ca5}.margin-note{font:italic 15px/1.5 Georgia,serif;color:#85867a;margin-top:15px}.about-body>p{color:#63685d;font-size:14px;line-height:2.15;margin-top:16px}.about-body>.lead{font:21px/1.8 var(--serif);color:#303b2b;margin-top:0}.facts{margin-top:30px;border-top:1px solid #1e291b29;margin-bottom:0}.facts>div{display:grid;grid-template-columns:108px 1fr;padding:13px 0;border-bottom:1px solid #1e291b18;gap:12px;font-size:12px}.facts dt{color:#7c8173}.facts dd{margin:0;color:#3a4534}.facts dd span{color:#7b8273;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{color:#a7b59b;margin-bottom:15px}.section-heading>p{font-size:12px;line-height:1.9;color:#9da591;max-width:280px}.interest-tabs{display:flex;gap:28px;margin-bottom:31px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#67765d transparent}.interest-tabs button{background:none;white-space:nowrap;flex-shrink:0;padding:13px 2px 17px;font-size:14px;color:#929a88;position:relative}.interest-tabs button span{font:9px Georgia,serif;margin-left:7px;vertical-align:super;color:#707d65}.interest-tabs button[aria-selected=true]{color:var(--paper)}.interest-tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--sage)}.interest-panel{min-height:330px;outline-offset:8px}.interest-panel[hidden]{display:none}.interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.interest-card{min-width:0;text-align:left;background:none;padding:0}.interest-image{aspect-ratio:4/4.6;overflow:hidden;position:relative;background:#263021;border-radius:2px}.interest-image:after{content:"↗";position:absolute;right:12px;bottom:12px;width:31px;height:31px;border:1px solid #fff5;border-radius:50%;display:grid;place-items:center;background:#171a1777;color:white;transition:background .2s}.interest-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.9}.interest-card:hover img{transform:scale(1.035);opacity:1}.interest-kind{display:block;color:#99a58c;font-size:9px;letter-spacing:.1em;margin-top:15px}.interest-title{font:18px/1.7 var(--serif);color:#e7e9de;margin-top:2px;overflow-wrap:anywhere}.interest-grid.games{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.games .interest-image{aspect-ratio:1.5}.games .interest-image img{object-position:50% 5%}.cp-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.cp-layout .interest-image{aspect-ratio:1.15}.cp-note{padding:24px}.cp-note h3{font:35px var(--serif);margin-bottom:16px}.cp-note p{color:#a9b39e;font-size:13px;line-height:2}.cp-note .caption-small{margin-bottom:15px}.section-footnote{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:34px;font-size:10px;color:#8e9982}.music-section{background:#222820;border-block:1px solid #a4b1961a;padding:94px 0}.music-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:104px;align-items:center}.music-art{display:flex;justify-content:center;padding:28px 15px}.record-sleeve{width:100%;max-width:410px;aspect-ratio:1;background:#bfc9aa;position:relative;color:#273322;padding:24px;transform:rotate(-5deg);box-shadow:15px 20px 50px #0003;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.record-overline,.sleeve-bottom{position:relative;z-index:2;font-size:7px;letter-spacing:.18em}.sleeve-bottom{font-size:6px}.vinyl{width:83%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#161c17 0 1px,#252d25 1.5px 2px,#141a15 3px 4px);box-shadow:2px 5px 18px #0004;position:absolute;left:8.5%;top:8.5%;display:grid;place-items:center;transform:rotate(15deg)}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 20deg,#ffffff1f 42deg,transparent 70deg,transparent 200deg,#ffffff14 222deg,transparent 253deg)}.record-label{width:43%;height:43%;border-radius:50%;background:#d6dcc7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#333d2b;text-align:center;z-index:1}.record-label span{font:6px/1 var(--sans);letter-spacing:.1em}.record-label strong{font:18px/1.3 var(--serif)}.record-label i{height:6px;width:6px;background:#161c17;border-radius:50%}.record-sticker{position:absolute;right:14px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--paper);font:25px Georgia,serif;display:grid;place-items:center;transform:rotate(15deg)}.music-copy .eyebrow{color:#a5b297;margin-bottom:14px}.music-copy>p:not(.eyebrow){font-size:12px;color:#b6bfab;line-height:2;margin-top:20px}.music-note{display:flex;align-items:center;gap:12px}.music-bars{display:flex;align-items:center;gap:3px;height:18px}.music-bars i{width:2px;height:8px;background:#b7c5a3}.music-bars i:nth-child(2),.music-bars i:nth-child(4){height:14px}.music-bars i:nth-child(3){height:18px}.playlist-list{margin-top:22px}.playlist-row{display:grid;grid-template-columns:24px 1fr 20px;gap:15px;align-items:center;border-top:1px solid #a8b49c30;padding:12px 0;transition:color .2s}.playlist-row:hover{color:var(--sage)}.playlist-number{font:11px Georgia,serif;color:#8b987d}.playlist-row strong{font-size:12px;font-weight:400;display:block}.playlist-row small{font-size:9px;color:#94a184;display:block;margin-top:1px}.playlist-arrow{font-size:17px;color:#a6b997}.more-playlists summary{font-size:11px;list-style:none;border-top:1px solid #a8b49c30;padding:14px 0;cursor:pointer;display:flex;justify-content:space-between;color:#b9c6a9}.more-playlists summary::-webkit-details-marker{display:none}.more-playlists[open] summary span{transform:rotate(45deg)}.more-playlists .playlist-list{margin-top:0}.music-copy .external-note{font-size:9px!important;margin-top:3px!important;color:#839076!important}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.moment{background:none;padding:0;text-align:left}.moment[hidden]{display:none}.moment-image{aspect-ratio:3/4;overflow:hidden;background:#293124;border-radius:2px}.moment img{height:100%;width:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.78);transition:filter .4s,transform .5s}.moment:hover img{filter:saturate(1);transform:scale(1.025)}.moment-caption{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:11px;color:#bac3b0}.moment-caption span:last-child{font-size:9px;color:#87967a}.album-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;border-top:1px solid var(--line);padding-top:21px}.album-bottom>span{font-size:8px;letter-spacing:.13em;color:#87957c}.contact{padding-block:90px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:130px;align-items:center}.contact h2{margin-top:20px}.contact-grid>div>p:last-child{color:#747d69;font-size:13px;line-height:2;max-width:420px;margin-top:23px}.contact-card{border:1px solid #53624a42;padding:30px 33px;position:relative}.contact-card:before{content:"✳";position:absolute;font-size:31px;right:29px;top:23px;color:#8a9d78}.contact-card>.caption-small{color:#7b896d}.contact-card>p{font:21px/1.7 var(--serif);margin-top:16px}.qq-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #53624a2b;margin-top:26px;padding:18px 0}.qq-line span{font-size:11px;color:#727f64}.qq-line strong{font:20px Georgia,serif;letter-spacing:.08em}.button-dark{background:var(--ink);color:var(--paper);width:100%}.button-dark:hover{background:#34412d}.contact-caption{display:block;font-size:10px;color:#87907b;text-align:center;margin-top:14px}.site-footer{min-height:114px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-signature{font:21px var(--serif);color:#d8dfcd}.footer-signature span{font-size:11px;margin-left:5px;color:#909e82}.site-footer>p{font-size:9px;color:#87957c}.back-top{font-size:10px;color:#b6c2a8;display:flex;gap:24px}.photo-dialog{background:#141812;color:var(--paper);border:1px solid #ffffff27;width:min(1050px,94vw);height:min(860px,94dvh);max-height:94dvh;padding:15px 22px;border-radius:6px;overflow:hidden}.photo-dialog[open]{display:flex;flex-direction:column;gap:8px}.photo-dialog::backdrop,.copy-dialog::backdrop{background:#050805df;backdrop-filter:blur(8px)}.lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;font-size:11px;color:#aab69d}.lightbox-tools{display:flex;align-items:center;gap:12px}.lightbox-view-button{min-height:40px;padding:6px 15px;border:1px solid #aab69d55;border-radius:24px;background:transparent;font-size:12px;white-space:nowrap}.lightbox-view-button:hover{background:#ffffff0b}.icon-button{background:none;color:var(--paper);font-size:26px;min-width:44px;min-height:44px}.icon-button:hover{color:var(--sage);background:#ffffff0b}.lightbox-image-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;flex:1;min-height:0;min-width:0}.lightbox-image-wrap>#previous-photo{grid-column:1;grid-row:1}.lightbox-image-wrap>#next-photo{grid-column:3;grid-row:1}.lightbox-viewport{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#77896a #ffffff08;outline-offset:-3px}.lightbox-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;margin-inline:auto}.photo-dialog[data-single=true] .lightbox-image-wrap{grid-template-columns:minmax(0,1fr);gap:0}.photo-dialog[data-single=true] .lightbox-viewport{grid-column:1}.photo-dialog[data-view=read] .lightbox-viewport img{width:min(100%,var(--photo-width,100%));height:auto;max-width:100%;object-fit:initial}.lightbox-status{position:absolute;inset:0;display:grid;place-content:center;padding:20px;text-align:center;font-size:13px;color:#aab69d}.lightbox-footer{flex:none;text-align:center;padding-top:4px}.lightbox-footer>#lightbox-caption{font-size:13px;color:#b5c0aa;overflow-wrap:anywhere}.lightbox-footer>#lightbox-hint{font-size:10px;color:#8f9c83;margin-top:3px}
.copy-dialog{width:min(420px,90vw);background:var(--paper);color:var(--ink);padding:30px;border:0;border-radius:4px}.copy-dialog h2{font-size:23px}.copy-dialog p{font-size:12px;color:#687360;margin-top:12px}.copy-dialog input{font:22px Georgia,serif;letter-spacing:.12em;padding:15px;width:100%;margin:20px 0;border:1px solid #849175;background:transparent;color:#25321e;text-align:center}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:var(--paper);color:var(--ink);padding:13px 25px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 5px 25px #0003;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-160%);background:var(--paper);color:var(--ink);padding:8px 15px}.skip-link:focus{transform:none}.noscript-note{text-align:center;padding:30px;background:var(--paper);color:var(--ink)}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.container{width:min(1240px,calc(100% - 160px))}.hero{column-gap:115px;min-height:790px}.hero h1{font-size:82px}.hero-visual{max-width:440px}.hero-photo{height:455px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}nav{gap:19px;font-size:12px}.hero{column-gap:38px;min-height:720px;padding-top:58px}.hero h1{font-size:63px}.hero-copy{padding-top:22px}.hero-photo{height:385px}.hero-intro{font-size:13px}.title-spark{right:-37px;font-size:35px}.about-grid{gap:65px}.music-grid{gap:60px}.contact-grid{gap:70px}.interest-grid{gap:16px}.hero-actions{gap:20px}.button{gap:25px;padding-inline:18px}.interest-title{font-size:16px}.section-space{padding-block:88px}}
@media(max-width:820px){.container{width:calc(100% - 48px)}.header-inner{height:76px}.wordmark{font-size:15px}nav{gap:15px}nav a:nth-child(3){display:none}.nav-contact{padding:7px 12px;gap:10px}.hero{padding-top:53px;min-height:650px;column-gap:28px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(43px,6.9vw,58px)}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero-hello{font-size:14px;margin-top:25px}.hero-intro{font-size:12px;line-height:2}.hero-photo{height:340px}.hero-visual{margin-top:28px}.portrait-frame{padding:9px}.portrait-name{font-size:22px}.caption-small{font-size:8px}.photo-year{font-size:16px}.hero-actions{gap:15px;flex-wrap:wrap;margin-top:25px}.button{min-height:46px;font-size:11px;padding-inline:16px;gap:20px}.text-link{font-size:11px}.hero-tags{gap:6px;margin-top:20px}.hero-tags li{font-size:9px;padding-inline:9px}.little-note{font-size:10px;padding:11px 12px;left:-8px;bottom:-39px}.little-note span{font-size:18px}.visual-coordinates{margin-top:65px;font-size:6px}.hero-bottom{margin-top:42px}.hero-bottom>span{font-size:9px}.about-grid{grid-template-columns:1fr 1.2fr;gap:40px}.about{padding-block:80px}.about-body>.lead{font-size:19px}.about-body>p{font-size:12px}.facts>div{grid-template-columns:80px 1fr;font-size:11px}.facts dd span{font-size:9px}.music-grid{gap:40px}.music-section{padding-block:70px}.record-sleeve{padding:18px}.record-label strong{font-size:14px}.music-art{padding:15px 0}.contact-grid{gap:45px}.contact-card{padding:23px}.contact-card>p{font-size:19px}.qq-line strong{font-size:18px}.site-footer{min-height:100px}.section-heading>p{font-size:11px}.interest-tabs{gap:24px}.interest-tabs button{font-size:13px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.interest-image{aspect-ratio:1.1}.interest-grid.games{grid-template-columns:repeat(3,minmax(0,1fr))}.games .interest-title{font-size:13px}.cp-layout{grid-template-columns:1fr 1fr;gap:20px}.cp-note{grid-column:1/-1;padding:10px 0}.cp-note h3{font-size:25px;margin-bottom:7px}.cp-note .caption-small{margin-bottom:8px}.photo-grid{gap:15px}.moment-caption{font-size:10px;align-items:flex-start;gap:4px}.moment-caption span:last-child{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:87px}.container{width:calc(100% - 40px)}.header-inner{height:75px}.brand-mark{height:37px;width:35px;font-size:23px}.brand-sub{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;font-size:11px;padding:10px 0 10px 12px}.menu-lines{width:19px;height:12px;border-block:1px solid var(--sage);position:relative}.menu-lines:after{content:"";position:absolute;height:1px;width:13px;right:0;top:4px;background:var(--sage)}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:17px 20px 24px;background:#171a17;box-shadow:0 12px 20px #0003;flex-direction:column;align-items:stretch;gap:0;font-size:13px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:11px 10px}nav a:nth-child(3){display:block}.nav-contact{border:0;padding:11px 10px;justify-content:space-between}.hero{display:flex;flex-direction:column;padding-top:35px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-hello{margin-top:25px;margin-bottom:12px;font-size:15px}.hero h1{font-size:clamp(46px,12.6vw,69px);line-height:1.38;letter-spacing:.04em}.title-spark{font-size:33px;right:-33px;top:4px}.hero-intro{font-size:13px;max-width:100%;line-height:2.05;margin-top:21px}.hero-actions{gap:25px;margin-top:25px}.button{font-size:12px;padding:13px 20px;min-height:49px;gap:25px}.text-link{font-size:12px}.hero-tags{margin-top:25px;gap:8px}.hero-tags li{font-size:9px;padding:4px 11px}.hero-visual{width:min(310px,85%);margin:59px auto 0;max-width:none}.hero-photo{height:330px}.portrait-frame{padding:10px;transform:rotate(3deg)}.portrait-frame figcaption{padding-top:14px}.portrait-name{font-size:25px}.photo-year{font-size:18px}.little-note{left:-17px;font-size:11px;bottom:-36px}.visual-coordinates{margin-top:69px;font-size:7px}.orbit-label{font-size:7px;top:-25px}.hero-bottom{margin-top:31px;width:100%;font-size:9px;padding-block:22px}.hero-bottom>span{max-width:225px;font-size:9px;line-height:1.7}.hero-bottom a{gap:10px;white-space:nowrap}.about{padding-block:64px}.about-grid{grid-template-columns:1fr;gap:34px}.eyebrow{font-size:10px}.about h2{font-size:34px;line-height:1.5;margin-top:20px}.pride-line{margin-top:21px}.margin-note{font-size:13px;margin-top:12px}.about-body>.lead{font-size:20px}.about-body>p{font-size:13px;margin-top:18px}.facts{margin-top:24px}.facts>div{font-size:12px;padding-block:14px;grid-template-columns:92px 1fr}.facts dd span{font-size:10px}.section-space{padding-block:66px}h2{font-size:32px}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;max-width:none;margin-top:17px}.section-heading>p br{display:none}.interest-tabs{gap:22px;margin-bottom:24px}.interest-tabs button{font-size:12px;padding-bottom:14px}.interest-tabs button span{font-size:8px;margin-left:5px}.interest-grid{gap:26px 15px}.interest-image{aspect-ratio:.83}.interest-image:after{height:26px;width:26px;right:8px;bottom:8px;font-size:14px}.interest-title{font-size:16px}.interest-kind{font-size:8px;margin-top:11px}.interest-grid.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.games .interest-image{aspect-ratio:1}.games .interest-title{font-size:14px}.cp-layout{gap:15px}.cp-layout .interest-image{aspect-ratio:.8}.cp-note{padding-top:14px}.cp-note p{font-size:12px}.section-footnote{display:block;line-height:1.9;margin-top:28px;padding-top:18px;font-size:9px}.section-footnote>span{display:block}.section-footnote>span:last-child{margin-top:7px;color:#a5b497}.music-section{padding-block:60px}.music-grid{grid-template-columns:1fr;gap:38px}.music-art{width:85%;max-width:340px;margin-inline:auto;padding:15px 0}.record-sleeve{padding:20px}.record-label strong{font-size:18px}.record-label span{font-size:6px}.record-overline{font-size:7px}.music-copy h2{font-size:34px}.music-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}.playlist-row{padding-block:14px}.playlist-row strong{font-size:13px}.playlist-row small{font-size:10px}.more-playlists summary{font-size:12px;padding-block:17px}.music-copy .external-note{font-size:10px!important}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.moment-caption{font-size:11px;margin-top:12px}.moment-caption span:last-child{font-size:9px}.album-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:27px}.album-bottom>span{font-size:7px}.album-bottom .text-link{padding-block:5px}.contact{padding-block:64px}.contact-grid{grid-template-columns:1fr;gap:33px}.contact h2{font-size:32px}.contact-grid>div>p:last-child{font-size:13px;margin-top:19px}.contact-card{padding:27px}.contact-card>.caption-small{font-size:9px}.contact-card>p{font-size:23px}.qq-line{margin-top:22px}.qq-line strong{font-size:23px}.contact-caption{font-size:10px}.site-footer{padding-block:29px;min-height:0;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-signature{font-size:20px}.footer-signature span{font-size:10px}.site-footer>p{font-size:9px;grid-column:1/-1;grid-row:2}.back-top{font-size:10px;gap:12px}.photo-dialog{padding:10px;width:96vw;height:94dvh}.lightbox-image-wrap{grid-template-columns:30px minmax(0,1fr) 30px;gap:3px}.lightbox-image-wrap .icon-button{min-width:30px;font-size:22px}.lightbox-view-button{font-size:11px;padding:6px 12px}.lightbox-tools{gap:5px}.lightbox-footer>#lightbox-caption{font-size:12px}.lightbox-footer>#lightbox-hint{font-size:10px}.toast{font-size:11px;padding:12px 20px;bottom:20px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
[hidden]{display:none!important}.visit-gate{min-height:100dvh;display:grid;place-items:center;padding:54px 24px;background:radial-gradient(ellipse at 25% 20%,#48583a35,transparent 60%),var(--ink)}.visit-card{width:min(560px,100%);position:relative}.visit-card>.brand-mark{margin-bottom:35px}.visit-card>.eyebrow{color:#a8b99a;font-size:9px;margin-bottom:18px}.visit-card h1{font-size:54px;line-height:1.35;letter-spacing:.04em}.visit-intro{color:#acb69f;font-size:13px;margin-top:20px}.visit-card form{margin-top:34px}.visit-card label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:12px;gap:18px}.visit-card label span{font-size:10px;color:#a8b99a}.visit-card input{width:100%;min-height:56px;padding:14px 16px;border:1px solid #93a18575;background:#f1eee7;color:#273322;border-radius:3px;font-size:14px;outline-offset:4px}.visit-card input::placeholder{color:#7a816e}.visit-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.visit-suggestions button{background:#b6c7a211;border:1px solid #b6c7a23d;padding:6px 12px;border-radius:30px;font-size:11px;color:#c1cdb5}.visit-suggestions button:hover{background:#b6c7a225}.visit-privacy{font-size:11px;color:#9ca890;line-height:1.9;margin-top:19px}.visit-error{font-size:12px;color:#edb9aa;min-height:24px;margin-top:10px;overflow-wrap:anywhere}.visit-card .button{width:100%;margin-top:6px}.visit-card .button:disabled{opacity:.55;transform:none}.visit-signature{display:block;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font:13px var(--serif);color:#85947b;letter-spacing:.15em}.about-body>.identity-note{border-left:2px solid #a7b095;padding-left:15px;margin-top:23px;color:#68725d;line-height:2}.identity-note small{font-size:12px}.gallery-count{position:absolute;left:10px;bottom:10px;border:1px solid #ffffff3b;border-radius:30px;background:#171a17c7;color:#eef0e8;font-size:10px;padding:2px 10px;backdrop-filter:blur(8px)}.cp-layout{grid-template-columns:1fr 1fr}.cp-note{grid-column:1/-1;padding:14px 0 0}.cp-note h3{font-size:28px;margin-bottom:10px}.cp-layout .interest-image{aspect-ratio:1.2}.album-meta{display:flex;justify-content:space-between;gap:20px;color:#99a88b;font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:27px}.owner-link{margin-left:10px;text-decoration:underline;text-underline-offset:3px}.admin-body{background:var(--paper);color:var(--ink)}.admin-shell{width:min(1020px,calc(100% - 64px));margin:60px auto}.admin-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.admin-heading h1{font-size:45px;margin:14px 0}.admin-heading .eyebrow{font-size:10px;color:#748366}.admin-heading>div>p:last-child{font-size:13px;color:#758169}.admin-body .text-link:hover{color:#557d3c}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.admin-stats section{background:#e4e8dc;border:1px solid #b9c6a866;border-radius:4px;padding:22px 26px}.admin-stats span{display:block;font-size:12px;color:#758169}.admin-stats strong{font:45px Georgia,serif;display:block;margin-top:8px;color:#35482a}.admin-panel{border:1px solid #a3b38d55;padding:30px;margin-top:28px;border-radius:4px;background:#f7f5ef}.admin-panel h2{font-size:24px;margin-bottom:20px}.source-bar{display:grid;grid-template-columns:85px 1fr 45px;align-items:center;gap:20px;font-size:12px;margin-top:16px}.source-bar>div{height:7px;background:#dee5d5;border-radius:8px;overflow:hidden}.source-bar i{display:block;height:100%;background:#879e70;border-radius:8px}.source-bar strong{text-align:right;font:17px Georgia,serif}.admin-table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-table-heading h2{margin-bottom:0}.admin-help{font-size:11px;line-height:1.9;color:#7b866f;margin-top:18px}.admin-table-wrap{overflow-x:auto;margin-top:22px}.admin-panel table{width:100%;border-collapse:collapse;min-width:540px;text-align:left;font-size:12px;table-layout:fixed}.admin-panel th{font-weight:400;color:#7b866f;padding:12px 14px;border-bottom:1px solid #acba9855}.admin-panel th:first-child{width:165px}.admin-panel th:nth-child(2){width:110px}.admin-panel td{padding:16px 14px;border-bottom:1px solid #acba982b;overflow-wrap:anywhere;vertical-align:top}.source-tag{color:#61794f;background:#e4ebda;padding:3px 9px;border-radius:24px;white-space:nowrap;font-size:11px}.admin-empty{font-size:13px;color:#7b866f;padding:24px 0}.admin-pagination{display:flex;position:static;background:transparent;border:0;box-shadow:none;padding:20px 0 0;justify-content:space-between;flex-direction:row;font-size:12px;gap:12px}.admin-pagination a{color:#435c32;padding:0}.admin-pagination span{color:#8f9a83}.admin-pagination a:nth-child(3){display:block}
@media(max-width:600px){.visit-gate{padding:38px 24px}.visit-card>.brand-mark{margin-bottom:26px}.visit-card h1{font-size:43px}.visit-intro{font-size:12px}.visit-card form{margin-top:29px}.visit-card label{font-size:13px}.visit-card input{font-size:13px}.visit-privacy{font-size:11px}.visit-suggestions{gap:7px}.visit-suggestions button{padding-inline:10px}.identity-note small{font-size:12px}.album-meta{flex-direction:column;gap:5px;font-size:10px}.cp-layout .interest-image{aspect-ratio:1}.admin-shell{width:calc(100% - 36px);margin:32px auto}.admin-heading{display:block}.admin-heading h1{font-size:34px}.admin-heading>.text-link{margin-top:15px}.admin-stats{gap:10px;margin-top:25px}.admin-stats section{padding:15px 12px}.admin-stats strong{font-size:32px}.admin-stats span{font-size:10px}.admin-panel{padding:21px 16px;margin-top:20px}.admin-panel h2{font-size:22px}.source-bar{grid-template-columns:72px 1fr 27px;gap:13px;font-size:11px}.admin-table-heading .text-link{font-size:10px}.admin-help{font-size:10px}.admin-pagination{padding-top:18px;font-size:11px}}
.music-dock{position:fixed;right:27px;bottom:calc(25px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:0;max-width:calc(100vw - 36px);padding:8px;border:1px solid #bfcca652;border-radius:50px;background:#182017f2;color:var(--paper);box-shadow:0 7px 30px #0004;backdrop-filter:blur(16px)}.music-dock-copy{width:0;max-height:0;opacity:0;overflow:hidden;transition:width .25s,opacity .2s,max-height .25s;line-height:1.5;min-width:0}.music-dock:hover .music-dock-copy,.music-dock:focus-within .music-dock-copy,.music-dock[data-state=blocked] .music-dock-copy,.music-dock[data-state=error] .music-dock-copy,.music-dock[data-state=loading] .music-dock-copy{width:184px;max-height:95px;opacity:1;padding-left:10px;padding-right:14px}.music-dock-overline{font-size:8px;letter-spacing:.12em;color:#a3b48e;display:block;margin-bottom:2px}.music-dock-copy strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.music-dock-copy>span:not(.music-dock-overline){font-size:9px;color:#b1bba6;display:block;white-space:nowrap}.music-dock-copy .music-status{font-size:9px!important;color:#93a77c!important;margin-top:4px}.music-dock[data-state=error] .music-status{color:#dfb6a5!important}.music-toggle{width:52px;height:52px;min-width:52px;position:relative;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:#273720;font:23px Georgia,serif;padding:0;touch-action:manipulation}.music-toggle:hover{background:var(--sage)}.music-play-icon{font-size:20px;transform:translateX(2px)}.music-pause-icon{display:none;font:25px Georgia,serif;font-weight:bold;letter-spacing:-2px;padding-right:2px}.music-dock[data-state=playing] .music-play-icon,.music-dock[data-state=loading] .music-play-icon{display:none}.music-dock[data-state=playing] .music-pause-icon,.music-dock[data-state=loading] .music-pause-icon{display:block}.music-orbit{position:absolute;inset:4px;border:1px solid #71806442;border-radius:50%;pointer-events:none}.music-dock[data-state=playing] .music-orbit{border-color:#71806499;border-right-color:transparent;animation:music-turn 5s linear infinite}.music-dock[data-state=loading] .music-orbit{border-color:#71806499;border-right-color:transparent;animation:music-turn 1s linear infinite}.gesture-layer{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.click-gesture{position:fixed;z-index:1000;font:32px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 5px #0003);will-change:transform,opacity;animation:gesture-pop .9s ease-out both}@keyframes gesture-pop{0%{opacity:0;transform:translate(-50%,-30%) rotate(var(--gesture-tilt)) scale(.4)}20%{opacity:1;transform:translate(-50%,-65%) rotate(var(--gesture-tilt)) scale(1.08)}65%{opacity:1}100%{opacity:0;transform:translate(-50%,-240%) rotate(var(--gesture-tilt)) scale(.8)}}@keyframes music-turn{to{transform:rotate(360deg)}}@media(max-width:600px){.music-dock{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));padding:7px}.music-toggle{width:48px;height:48px;min-width:48px}.music-dock-copy strong{font-size:11px}.music-dock:hover .music-dock-copy,.music-dock:focus-within .music-dock-copy,.music-dock[data-state=blocked] .music-dock-copy,.music-dock[data-state=error] .music-dock-copy,.music-dock[data-state=loading] .music-dock-copy{width:172px}.click-gesture{font-size:29px}}@media(prefers-reduced-motion:reduce){.music-orbit{animation:none!important}.music-dock-copy{transition:none!important}.click-gesture{animation:gesture-fade .4s linear both!important}}@keyframes gesture-fade{0%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-50%)}}