:root{--paper:#f3eee5;--ink:#302b27;--muted:#7b7167;--line:#cfc4b5;--accent:#b8583d;--serif:Georgia,'Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1:focus{outline:none}::selection{background:#d4b095;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:14px 20px;z-index:30}.skip-link:focus{top:15px}
.masthead{position:fixed;inset:0 0 auto;padding:25px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:15;pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{font:italic 35px var(--serif);letter-spacing:-1.7px;display:flex;align-items:center;gap:9px}.wordmark>span{font:24px var(--sans);color:var(--accent);transition:transform .65s}.wordmark:hover>span{transform:rotate(90deg)}.masthead-note{font-size:9px;letter-spacing:2px;color:var(--muted);margin-left:-40px}.contact{font-size:12px;display:flex;gap:22px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ink)}.contact>span{font-size:22px}.contact:hover{color:var(--accent);border-color:var(--accent)}
#world{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.2s}#world canvas{width:100%;height:100%;display:block;touch-action:pan-y}body[data-ready="true"] #world{opacity:1}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.welcome{position:absolute;top:28%;left:7vw;z-index:3;width:36%;max-width:480px;transition:opacity .4s,transform .65s}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500;color:var(--muted);line-height:1.7}.tiny-star{color:var(--accent);font-size:17px;margin-right:9px;vertical-align:-1px}.welcome h1{font:400 clamp(35px,3.6vw,57px)/1.46 var(--serif);letter-spacing:-1.8px;margin:22px 0}.welcome h1>span{color:var(--accent)}.welcome-copy{font-size:12px;line-height:2.1;color:var(--muted);letter-spacing:.5px}.enter-button{display:flex;align-items:center;justify-content:space-between;width:196px;margin-top:32px;padding:8px 10px 8px 24px;border-radius:40px;background:var(--ink);color:var(--paper);font-size:12px;min-height:53px;transition:background .25s,transform .25s}.button-arrow{border:1px solid #f3eee540;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:20px;transition:transform .4s}.enter-button:hover{background:var(--accent);transform:translateY(-2px)}.enter-button:hover .button-arrow{transform:rotate(45deg)}.entry-note{font-size:10px;color:var(--muted);margin-top:15px;letter-spacing:1px}body:not([data-view="welcome"]) .welcome{opacity:0;transform:translateY(-20px);pointer-events:none}
.room-heading{position:absolute;top:17%;left:6vw;z-index:2;pointer-events:none;animation:rise-in .7s both}.room-heading h1{font:400 36px/1.4 var(--serif);margin:14px 0 8px;letter-spacing:-1px}.room-heading>p:last-child{font-size:11px;letter-spacing:.6px;color:var(--muted)}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:4}.hotspot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fbf8f1ed;border:1px solid #b6a693;border-radius:2px;box-shadow:3px 4px 0 #302b2714;font-size:12px;white-space:nowrap;pointer-events:auto;min-height:42px;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s}.hotspot:before{content:"";position:absolute;height:30px;width:1px;bottom:100%;background:#9f8b76;left:50%;transform:rotate(17deg);transform-origin:bottom}.hotspot-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.hotspot small{font:9px Georgia;color:var(--muted);margin-left:4px}.hotspot-arrow{font-size:18px;margin-left:4px}.hotspot:hover,.hotspot.is-hovered{background:var(--ink);color:var(--paper);box-shadow:4px 5px 0 #b8583d40}.hotspot:hover small,.hotspot.is-hovered small{color:#ded1c1}
.direct-navigation{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:32px;z-index:6;white-space:nowrap;transition:opacity .35s}.direct-navigation a{padding:12px 0;display:flex;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid transparent}.direct-navigation small{font:italic 11px var(--serif);color:var(--accent)}.direct-navigation a>span{font-size:16px;color:var(--muted)}.direct-navigation a:hover{border-bottom-color:var(--accent);color:var(--accent)}body[data-view="welcome"] .direct-navigation{left:auto;right:9vw;transform:none;bottom:15.5%;gap:28px}body[data-detail="true"] .direct-navigation{opacity:0;pointer-events:none;visibility:hidden}.concept-note{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);font-size:9px;color:#8c8072;letter-spacing:1px;z-index:2;white-space:nowrap}body[data-view="welcome"] .concept-note{left:auto;right:15vw;bottom:12.2%;transform:none}body[data-detail="true"] .concept-note{left:24%;bottom:100px}.load-status{position:absolute;top:65%;left:66%;transform:translateX(-50%);font-size:11px;color:var(--muted);letter-spacing:1px;z-index:5}.load-status>span{animation:pulse 1s infinite}body[data-ready="true"] .load-status{display:none}
.detail-sheet{position:absolute;top:16%;bottom:13.5%;right:6vw;width:41%;max-width:650px;z-index:7;display:flex;flex-direction:column;background:var(--paper);animation:sheet-in .8s cubic-bezier(.2,.7,.2,1) both}.sheet-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:11px;flex-shrink:0}.sheet-top>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.back-button{display:flex;align-items:center;gap:12px;font-size:11px;padding:8px 0;min-height:40px}.back-button>span:first-child{font-size:21px}.back-button:hover{color:var(--accent)}.sheet-content{overflow:auto;scrollbar-width:thin;scrollbar-color:#cabbab transparent;padding:20px 3px 20px 0;flex:1;overscroll-behavior:contain}.sheet-content h1{font:400 clamp(29px,2.7vw,43px)/1.45 var(--serif);letter-spacing:-1px}.sheet-content h1>em{font-family:Georgia;font-size:1.12em;color:var(--accent);font-weight:400}.name-pronounce{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin:0 0 .08em 10px;padding:5px 7px 5px 6px;border:1px solid var(--line);border-radius:2px;color:var(--muted);font:400 10px/1 var(--sans);letter-spacing:.45px;transition:color .2s,border-color .2s,background .2s}.name-pronounce svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.name-pronounce:hover,.name-pronounce[aria-pressed="true"]{color:var(--accent);border-color:#b8583d80;background:#fffaf3}.name-pronounce[aria-busy="true"] svg{animation:voice-pulse .8s ease-in-out infinite alternate}.pronunciation{font-size:11px;letter-spacing:1.2px;color:var(--muted);margin-top:9px}.pronunciation>span{margin:0 7px}.pronunciation .pronunciation-note{font-size:9px;letter-spacing:.2px;margin-left:13px}.identity-tags{margin:20px 0 26px}.identity-clouds{width:min(100%,430px)}.identity-cloud{--tail-left:28px;position:relative;margin:0 0 11px;padding:13px 16px 14px;background:#fffaf2;border:1px solid #d8c9b8;border-radius:20px 20px 20px 5px;box-shadow:0 12px 28px #4a3f3312;animation:identity-cloud-in .26s cubic-bezier(.2,.75,.3,1) both}.identity-cloud:after{content:"";position:absolute;left:calc(var(--tail-left) - 6px);bottom:-7px;width:12px;height:12px;background:#fffaf2;border-right:1px solid #d8c9b8;border-bottom:1px solid #d8c9b8;transform:rotate(45deg)}.identity-cloud-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.identity-cloud-heading strong{font:400 16px/1.2 var(--serif);color:var(--accent)}.identity-cloud-heading span{font:500 7px/1 var(--sans);letter-spacing:1.35px;color:#96887a}.identity-cloud p{font-size:10px;line-height:1.85;color:#675d54}.identity-tag-list{display:flex;align-items:center;gap:8px}.identity-tag{font-size:10px;line-height:1.2;letter-spacing:.4px;border:1px solid var(--line);border-radius:30px;padding:5px 11px;transition:color .2s,border-color .2s,background .2s,transform .2s}.identity-tag:hover{color:var(--accent);border-color:#b8583d80;transform:translateY(-1px)}.identity-tag[aria-expanded="true"]{color:var(--accent);border-color:#b8583d99;background:#fffaf3}.about-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px}.about-tabs button{font-size:11px;padding:0 0 12px;position:relative;color:var(--muted);min-height:34px}.about-tabs button[aria-selected="true"]{color:var(--accent)}.about-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tab-panel{animation:rise-in .4s both}.tab-panel h2{font:400 clamp(21px,1.9vw,29px)/1.6 var(--serif);margin-bottom:17px}.tab-panel p{font-size:12px;line-height:2.1;color:#685e54;margin:10px 0;max-width:450px}.career-path{list-style:none;padding:0;margin:20px 0 0}.career-path li{display:grid;grid-template-columns:68px 93px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--line);font-size:11px;align-items:baseline}.career-path small{font-size:9px;color:var(--muted)}.career-path strong{font-weight:500;color:var(--accent);font-size:12px}.career-path li>span{line-height:1.8;color:#685e54}.sheet-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;flex-shrink:0;gap:20px}.sheet-bottom>span:first-child{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.handwritten{font:italic 21px Georgia;color:var(--accent)}.section-lead{font-size:12px;line-height:2;color:#685e54;margin:24px 0}.feature-link{display:flex;align-items:center;padding:23px 0;border-top:1px solid var(--line);gap:17px}.feature-number{font:italic 19px Georgia;color:var(--accent);align-self:flex-start;padding-top:3px}.feature-link>span:nth-child(2){display:flex;flex-direction:column;gap:9px;flex:1}.feature-link small{font-size:9px;color:var(--muted)}.feature-link strong{font-size:17px;font-weight:400;font-family:var(--serif)}.feature-link span>span{font-size:10px;color:var(--muted)}.feature-link>b{font-size:20px;font-weight:400}.feature-link:hover strong,.text-link:hover{color:var(--accent)}.quiet-note{font-size:11px;line-height:2;color:var(--muted);margin:22px 0}.quiet-note a{color:var(--accent);border-bottom:1px solid var(--line)}.text-link{font-size:12px;display:inline-flex;gap:30px;padding:8px 0;border-bottom:1px solid var(--ink)}
.studio-footer{position:fixed;bottom:0;left:4.5vw;right:4.5vw;height:67px;border-top:1px solid #b5a69270;display:flex;align-items:center;gap:24px;z-index:15;font-size:9px;letter-spacing:.8px;color:var(--muted)}.audio-toggle{display:flex;align-items:center;gap:10px;padding:12px 0;min-height:44px;font-size:10px;letter-spacing:.3px;min-width:105px}.sound-bars{display:flex;gap:3px;height:16px;align-items:center}.sound-bars i{width:2px;height:3px;background:var(--ink);transition:height .3s}.sound-bars i:nth-child(2){height:9px}.sound-bars i:nth-child(3){height:14px}.sound-bars i:nth-child(4){height:7px}.audio-toggle[aria-pressed="true"]{color:var(--accent)}.audio-toggle[aria-pressed="true"] .sound-bars i{background:var(--accent);animation:wave .8s ease-in-out infinite alternate}.audio-toggle[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:-.2s}.audio-toggle[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:-.6s}.audio-toggle[aria-pressed="true"] .sound-bars i:nth-child(4){animation-delay:-.4s}.footer-center{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.6px}.footer-edition{margin-left:auto;font-size:8px;letter-spacing:1.2px}#motion-toggle{font-size:10px;padding:12px 0;min-height:44px}#motion-toggle[aria-pressed="true"]{color:var(--accent)}.fallback{position:absolute;top:40%;right:12%;width:35%;text-align:center;color:var(--muted);font-size:12px;line-height:2.2}.fallback>span{font:100px Georgia;color:var(--accent)}.noscript-links{position:fixed;inset:25% 10%;z-index:20;display:grid;place-content:center;gap:24px;background:var(--paper);text-align:center}.noscript-links a{border-bottom:1px solid var(--line);padding:10px}.scene-failed #world,.scene-failed .load-status{display:none}
@keyframes sheet-in{from{opacity:0;transform:translateX(45px) rotate(1deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes identity-cloud-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wave{to{height:4px}}@keyframes pulse{50%{opacity:.3}}@keyframes voice-pulse{to{transform:scale(1.08);opacity:.65}}
body[data-motion="reduced"] *,body[data-motion="reduced"] *:before,body[data-motion="reduced"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@media(min-width:1650px){.welcome{left:9vw}.direct-navigation{bottom:130px}.concept-note{bottom:105px}.detail-sheet{right:8vw}.sheet-content{padding-top:35px}.tab-panel p{font-size:14px}.identity-tags{margin-bottom:35px}}
@media(max-height:740px) and (min-width:761px){.welcome{top:24%}.welcome h1{font-size:40px;margin:17px 0}.enter-button{margin-top:23px}.detail-sheet{top:14%;bottom:13%}.sheet-content{padding-top:10px}.identity-tags{margin:14px 0 17px}.about-tabs{margin-bottom:17px}.tab-panel h2{font-size:24px;margin-bottom:10px}.tab-panel p{font-size:11px}.direct-navigation{bottom:91px}.concept-note{bottom:70px}.studio-footer{height:57px}}
@media(max-width:1000px) and (min-width:761px){.welcome{left:5vw;width:38%}.welcome h1{font-size:36px}.masthead-note{display:none}.room-heading{top:15%;left:5vw}.room-heading h1{font-size:28px}.detail-sheet{width:44%;right:4vw}.pronunciation-note{display:none}.career-path li{grid-template-columns:57px 75px 1fr;gap:5px}.footer-center{display:none}.direct-navigation{gap:22px}.hotspot{gap:7px;padding:7px 10px;font-size:11px}.hotspot small{display:none}}
@media(max-width:760px), (max-width:1000px) and (orientation:portrait){.masthead{padding:16px 23px}.wordmark{font-size:30px}.wordmark>span{font-size:20px}.masthead-note{display:none}.contact{font-size:11px;gap:18px;padding:7px 0}.contact>span{font-size:19px}.welcome{left:27px;top:13%;width:calc(100% - 54px);max-width:none}.eyebrow{font-size:8px;letter-spacing:1.6px}.welcome h1{font-size:33px;letter-spacing:-1.3px;line-height:1.42;margin:13px 0}.welcome-copy{font-size:10px;line-height:1.9}.enter-button{position:fixed;bottom:17.5%;left:50%;transform:translateX(-50%);margin:0;width:180px;min-height:48px;padding:6px 8px 6px 22px;font-size:11px}.enter-button:hover{transform:translateX(-50%) translateY(-2px)}.entry-note{display:none}#world{top:12%;bottom:9%}.room-heading{top:13%;left:27px}.room-heading h1{font-size:30px;margin:10px 0 5px}.room-heading>p:last-child{font-size:10px}.hotspot{font-size:10px;min-height:36px;padding:7px 9px;gap:6px;box-shadow:2px 3px 0 #302b2714}.hotspot:before{height:19px}.hotspot small,.hotspot-dot{display:none}.hotspot-arrow{font-size:15px;margin:0}.direct-navigation,body[data-view="welcome"] .direct-navigation{bottom:92px;left:50%;right:auto;transform:translateX(-50%);gap:22px}.direct-navigation a{font-size:10px;gap:5px;padding:10px 0}.direct-navigation small{font-size:9px}.direct-navigation a>span{font-size:13px}.concept-note,body[data-view="welcome"] .concept-note{bottom:73px;left:50%;right:auto;transform:translateX(-50%);font-size:8px;letter-spacing:.5px}body[data-detail="true"] #world{inset:7% 0 49%}body[data-detail="true"] .concept-note{top:36%;bottom:auto;left:auto;right:22px;font-size:7px;transform:none;max-width:160px}.detail-sheet{top:40%;bottom:9%;right:23px;left:23px;width:auto;max-width:none;animation-name:rise-in}.sheet-top{padding-top:4px}.sheet-top>span{font-size:8px;letter-spacing:.8px}.back-button{font-size:10px;min-height:35px;gap:9px}.sheet-content{padding-top:10px;padding-bottom:12px}.sheet-content h1{font-size:29px;line-height:1.3}.pronunciation{font-size:9px;letter-spacing:.6px;margin-top:7px}.pronunciation .pronunciation-note{font-size:8px;margin-left:8px}.pronunciation>span{margin:0 4px}.identity-tags{margin:13px 0 14px}.identity-tag-list{gap:6px}.identity-tag{font-size:8px;padding:4px 9px}.about-tabs{gap:24px;margin-bottom:14px}.about-tabs button{font-size:10px;padding-bottom:9px;min-height:28px}.tab-panel h2{font-size:21px;line-height:1.5;margin-bottom:9px}.tab-panel p{font-size:11px;line-height:1.95;margin:8px 0}.sheet-bottom{padding-top:9px}.sheet-bottom>span:first-child{font-size:7px;letter-spacing:1px}.handwritten{font-size:18px}.career-path{margin-top:10px}.career-path li{grid-template-columns:55px 76px 1fr;gap:6px;padding:10px 0;font-size:10px}.career-path strong{font-size:11px}.career-path small{font-size:8px}.studio-footer{left:23px;right:23px;height:61px;gap:21px}.footer-center{display:none}.footer-edition{font-size:7px;letter-spacing:.7px}.audio-toggle{font-size:9px;min-width:84px;gap:7px}#motion-toggle{font-size:9px}.sound-bars{height:13px;gap:2px}.section-lead{font-size:11px;margin:17px 0}.feature-link{padding:15px 0;gap:12px}.feature-link strong{font-size:16px}.feature-link small{font-size:8px}.feature-link span>span{font-size:9px}.quiet-note{font-size:10px;margin:15px 0}.load-status{top:56%;left:50%;font-size:10px}.fallback{top:46%;right:10%;width:80%}.fallback>span{font-size:65px}.fallback p{font-size:10px}body:not([data-view="welcome"]) .fallback{top:23%}}
@media(max-width:760px) and (max-height:720px){.welcome{top:12%}.welcome h1{font-size:27px;margin:9px 0}.welcome-copy{font-size:9px}.welcome .eyebrow{font-size:7px}.enter-button{bottom:20%;min-height:43px}.button-arrow{height:30px;width:30px}.direct-navigation,body[data-view="welcome"] .direct-navigation{bottom:80px}.concept-note,body[data-view="welcome"] .concept-note{bottom:65px}.studio-footer{height:54px}.room-heading h1{font-size:26px}.room-heading{top:12%}.detail-sheet{top:35%;bottom:10%;left:20px;right:20px}body[data-detail="true"] #world{bottom:56%}body[data-detail="true"] .concept-note{top:31%}.sheet-content h1{font-size:26px}.pronunciation-note{display:none}.sheet-bottom{display:none}.tab-panel h2{font-size:19px}.identity-tags{margin:10px 0}.about-tabs{margin-bottom:10px}.tab-panel p{font-size:10px}}
@media(prefers-reduced-motion:reduce){body:not([data-motion="full"]) *,body:not([data-motion="full"]) *:before,body:not([data-motion="full"]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(min-width:761px) and (orientation:landscape){body[data-detail="true"] #world{clip-path:inset(0 49% 0 0)}}
@media(max-height:500px) and (min-width:761px){.masthead{padding:10px 4.5vw}.wordmark{font-size:27px}.masthead-note{display:none}.contact{padding:5px 0;font-size:10px}.welcome{top:22%}.welcome h1{font-size:26px;margin:8px 0;line-height:1.4}.welcome-copy{font-size:9px;line-height:1.7}.welcome .eyebrow{font-size:7px}.enter-button{min-height:40px;width:157px;margin-top:14px;padding:4px 7px 4px 18px;font-size:10px}.button-arrow{width:29px;height:29px;font-size:17px}.entry-note,.concept-note{display:none}.direct-navigation,body[data-view="welcome"] .direct-navigation{bottom:54px;gap:17px}.direct-navigation a{font-size:9px;gap:7px}.room-heading{top:24%}.room-heading h1{font-size:25px;margin:10px 0 6px}.room-heading .eyebrow{font-size:7px}.room-heading>p:last-child{font-size:9px}.studio-footer{height:42px}.footer-center{display:none}.detail-sheet{top:21%;bottom:14%;width:47%;right:4.5vw}.sheet-top{padding-top:0}.back-button{font-size:9px;min-height:30px;padding:3px 0}.sheet-top>span{font-size:7px}.sheet-content{padding-top:8px}.sheet-content h1{font-size:25px}.pronunciation{font-size:9px}.identity-tags{margin:10px 0}.identity-tag{font-size:8px;padding:3px 8px}.about-tabs{margin-bottom:12px}.about-tabs button{font-size:9px;min-height:26px;padding-bottom:8px}.tab-panel h2{font-size:20px}.tab-panel p{font-size:10px}.sheet-bottom{display:none}.section-lead{font-size:10px;margin:13px 0}.feature-link{padding:13px 0}.feature-link strong{font-size:15px}}
@media(max-width:760px), (max-width:1000px) and (orientation:portrait){body[data-detail="true"] #world{clip-path:inset(0 0 25% 0)}.hotspot{min-height:44px}.direct-navigation a{min-height:44px}.contact{min-height:44px}.back-button{min-height:40px}.about-tabs button{min-height:36px}}

@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){.sheet-content{padding:22px 3px 25px 0}.sheet-content h1{font-size:37px}.pronunciation{font-size:12px}.identity-tags{margin:20px 0 25px}.identity-tag{font-size:11px}.about-tabs button{font-size:13px}.about-tabs{gap:36px;margin-bottom:23px}.tab-panel h2{font-size:27px}.tab-panel p{font-size:14px;max-width:650px}.career-path li{grid-template-columns:85px 118px 1fr;gap:14px;font-size:13px;padding:19px 0}.career-path strong{font-size:15px}.career-path small{font-size:11px}.back-button{font-size:12px}.section-lead{font-size:14px}.feature-link strong{font-size:21px}}

/* The contact view reads like a short letter, with explicit email actions. */
body[data-view="contact"] .concept-note{display:none}
.contact[aria-current="page"]{color:var(--accent);border-color:var(--accent)}
.contact-eyebrow{font-size:8px;letter-spacing:1.9px;color:var(--muted);margin:1px 0 16px}
.contact-intro{font-size:12px;line-height:2;color:#685e54;margin:17px 0 23px}
.email-card{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 28px 19px 0}
.email-label{font-size:8px;letter-spacing:1.6px;color:var(--muted)}
#contact-email{font:400 clamp(19px,2.15vw,32px)/1.5 Georgia,serif;letter-spacing:-.5px;margin-top:7px;user-select:all;overflow-wrap:anywhere;width:fit-content}
.email-card-mark{position:absolute;right:0;top:18px;color:var(--accent);font-size:22px}
.contact-actions{display:flex;align-items:center;gap:26px;margin-top:21px}
.copy-email{display:inline-flex;align-items:center;gap:23px;background:var(--ink);color:var(--paper);padding:14px 21px;border-radius:2px;font-size:11px;min-height:45px;transition:background .2s,transform .2s}
.copy-email:hover{background:var(--accent);transform:translateY(-2px)}
.write-email{display:inline-flex;gap:17px;align-items:center;font-size:11px;min-height:45px;border-bottom:1px solid var(--line)}
.write-email>span{font-size:21px}.write-email:hover{color:var(--accent);border-color:var(--accent)}
.copy-status{font-size:10px;line-height:1.7;min-height:29px;padding-top:9px;color:var(--accent)}
.contact-footnote{font-size:10px;line-height:1.9;color:var(--muted);margin-top:13px}
@media(max-width:760px), (max-width:1000px) and (orientation:portrait){
  body[data-view="contact"] #world{inset:8% 0 61%;clip-path:none}
  body[data-view="contact"] .detail-sheet{top:39%;bottom:9%}
  body[data-view="contact"] .sheet-bottom{display:none}
  #contact-content h1 br{display:none}
  .contact-eyebrow{margin:3px 0 9px;font-size:7px}
  .contact-intro{font-size:11px;margin:10px 0 13px}
  .email-card{padding:11px 25px 13px 0}
  #contact-email{font-size:25px;margin-top:4px}
  .contact-actions{margin-top:13px;gap:24px}
  .contact-footnote{margin-top:2px;font-size:9px}
}
@media(max-width:760px) and (max-height:740px){
  body[data-view="contact"] .detail-sheet{top:35%;bottom:10%}
  body[data-view="contact"] #world{bottom:66%}
  #contact-content h1{font-size:26px;line-height:1.3}
  .contact-eyebrow{margin-bottom:6px}.contact-intro{margin:9px 0}
  #contact-email{font-size:23px}.contact-footnote{display:none}
}
@media(min-width:761px) and (max-height:740px){
  .contact-eyebrow{margin-bottom:9px}.contact-intro{margin:12px 0 16px}
  .email-card{padding-top:13px;padding-bottom:14px}.contact-actions{margin-top:16px}
}
@media(max-width:760px){.name-pronounce{font-size:8px;padding:4px 5px 4px 4px;margin-left:7px;gap:4px}.name-pronounce svg{width:12px;height:12px}.identity-cloud{padding:11px 13px 12px;border-radius:17px 17px 17px 5px}.identity-cloud-heading{margin-bottom:5px}.identity-cloud-heading strong{font-size:14px}.identity-cloud p{font-size:9px;line-height:1.75}.identity-tag{font-size:8px;padding:4px 9px}}

/* Keep the studio navigation calm on touch devices. The previous Unicode
   arrow/star glyphs were inconsistently coloured by mobile font fallback. */
.wordmark > span,
.tiny-star,
.hotspot-arrow,
.button-arrow,
.contact > span[aria-hidden="true"],
.back-button > span[aria-hidden="true"],
.feature-link > b,
.text-link > span[aria-hidden="true"],
.write-email > span[aria-hidden="true"],
.direct-navigation a > span[aria-hidden="true"],
.email-card-mark { display: none !important; }
.back-button { gap: 0; }
.fallback > span,
.identity-art > i { display: none !important; }
.enter-button { justify-content: center; }