/* Personal web: white document, blue links, one compact instrument. */
:root{font-family:"Tinos", "Nanum Myeongjo", serif;color:#181818;background:#fff;font-synthesis:none;--blue:#0000b5;--rule:#aaa;--gray:#c6c6c6;--window-title:#62664f;--window-title-end:#777b62;--window-title-text:#fffef5;--note-title:#625b55;--pip-title:#806047;--pip-title-end:#926f54}
*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}a:visited{color:#551a8b}a:hover{color:#000;background:#e9eff9}button,input,select{font:12px "Arimo", "Nanum Gothic", sans-serif;color:#111}button{cursor:pointer;border:2px outset #eee;background:#d4d4d4;border-radius:0;padding:5px 10px}button:active{border-style:inset}button:hover{background:#e9e9e9}:focus-visible{outline:2px dotted #000080;outline-offset:4px}summary{cursor:pointer}summary:hover{color:var(--blue)}[id]{scroll-margin-top:24px}
header{max-width:1320px;margin:22px auto 0;padding:0 32px 14px;display:flex;align-items:center;gap:19px;border-bottom:1px solid #111}
.logo{font:bold italic 74px/.9 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-6px;color:#000080;text-decoration-thickness:2px;text-underline-offset:5px}.logo:visited{color:#000080}.logo:hover{background:transparent}
.profile-signature{width:51px;height:51px;display:block}.profile-signature img{display:block;width:100%;height:100%}.site-index{margin-left:auto;display:flex;gap:30px;font:13px "Tinos", "Nanum Myeongjo", serif}.site-index a{white-space:nowrap}.site-index small{font:9px "Cousine", "Nanum Gothic", monospace;vertical-align:super;color:#555;margin-right:5px}
main{max-width:1320px;margin:auto;padding:0 32px 24px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,660px) minmax(170px,1fr);gap:0 34px;align-items:start}
.cam-desk{grid-column:2;grid-row:1;min-width:0;width:var(--desk-width,100%);max-width:calc(100vw - 32px);justify-self:center;z-index:1}
.desk-heading{display:flex;align-items:center;justify-content:center;gap:25px;padding:14px 0 18px}
.desk-heading h1{font:bold italic 112px/.88 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-10px;margin:0;transform:scaleX(1.12);transform-origin:center}.desk-heading>span{font:11px/.95 "Cousine", "Nanum Gothic", monospace;color:#777;transform:none;margin-left:10px}
.left-column{grid-column:1;grid-row:1/3;padding-top:38px;min-width:0;font:12px/1.7 "Arimo", "Nanum Gothic", sans-serif}.right-column{grid-column:3;grid-row:1/3;padding-top:141px;min-width:0;font:12px/1.7 "Arimo", "Nanum Gothic", sans-serif}
.artist-note{font:15px/1.4 "Tinos", "Nanum Myeongjo", serif;padding:0 0 22px}.artist-note h2{font:bold 28px/1 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-1px;margin:0 0 18px}.artist-note h2 i{font-size:34px}.artist-note p{margin:0 0 16px}.artist-note a{font:12px "Tinos", "Nanum Myeongjo", serif}
.history-document{margin-top:24px;border-top:3px double #444}.history-document>summary{font:bold 15px/1.5 "Tinos", "Nanum Myeongjo", serif;padding:10px 0;list-style:none}.history-document>summary:after{content:' +';float:right;font:16px "Cousine", "Nanum Gothic", monospace}.history-document[open]>summary:after{content:' −'}.history-document>summary::-webkit-details-marker{display:none}.history-document>summary span,.tmi-document h2 span{font:10px "Cousine", "Nanum Gothic", monospace;color:#777;display:block;margin-bottom:5px}
.wiki-timeline{width:100%;border-collapse:collapse;font:11px/1.65 "Arimo", "Nanum Gothic", sans-serif}.wiki-timeline thead{border-block:1px solid #777;font-size:10px;color:#555}.wiki-timeline th,.wiki-timeline td{text-align:left;vertical-align:top;padding:7px 0;border-bottom:1px dotted #b5b5b5}.wiki-timeline th{padding-right:10px;font-weight:normal}.wiki-timeline tbody th{font:10px/1.8 "Cousine", "Nanum Gothic", monospace;white-space:nowrap}.wiki-continued{font:italic 13px "Tinos", "Nanum Myeongjo", serif;text-align:right;margin:10px 0}.wiki-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.project-note{font:14px/1.45 "Tinos", "Nanum Myeongjo", serif;border-left:1px solid #111;padding:0 0 0 14px;margin-bottom:34px}.project-note h2{font:italic 25px/1 "Tinos", "Nanum Myeongjo", serif;margin:0 0 15px;letter-spacing:-.8px}.project-note p{margin:0 0 15px}.project-note p:last-child{font:15px "Cousine", "Nanum Gothic", monospace;letter-spacing:1px;margin-bottom:0}
.tmi-document h2{font:bold 20px/1.3 "Tinos", "Nanum Myeongjo", serif;margin:0;padding:0 0 10px;border-bottom:1px solid #111}.wiki-facts details{border-bottom:1px dotted #aaa}.wiki-facts summary{font:12px/1.5 "Arimo", "Nanum Gothic", sans-serif;padding:9px 0;color:var(--blue);text-decoration:underline;text-underline-offset:2px;list-style:none;display:flex;gap:8px;align-items:baseline}.wiki-facts summary::-webkit-details-marker{display:none}.wiki-facts summary:after{content:'+';margin-left:auto;color:#555;text-decoration:none;font:12px "Cousine", "Nanum Gothic", monospace}.wiki-facts details[open]>summary:after{content:'−'}.wiki-facts summary span{font:9px "Cousine", "Nanum Gothic", monospace;color:#777;min-width:23px;text-decoration:none}.wiki-facts p{margin:0;padding:2px 0 14px 31px;font:12px/1.75 "Arimo", "Nanum Gothic", sans-serif}.wiki-facts details:target{background:#f0f3f8}
/* Camera and chat are one usable object, with stable transport controls. */
.window{min-width:0}.stage-window{position:relative;width:100%;max-width:calc(100vw - 32px);margin:0 auto;padding:4px;background:var(--gray);border:2px outset #eee;box-shadow:none}
.webcam-bar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin-bottom:4px;background:linear-gradient(90deg,var(--window-title),var(--window-title-end));border:1px solid #858873;color:var(--window-title-text)}.webcam-name{font:bold 14px "Arimo", "Nanum Gothic", sans-serif}.webcam-name small{font:10px "Arimo", "Nanum Gothic", sans-serif;margin-left:4px;color:var(--window-title-text)}.webcam-status{display:flex;align-items:center;gap:5px;font:10px "Cousine", "Nanum Gothic", monospace;color:var(--window-title-text)}.webcam-status:before{content:'';width:5px;height:5px;background:#c8cab9}.is-playing .webcam-status:before{background:#e5edab}
.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222;border:2px inset #e5e5e5;isolation:isolate}.stage video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.stage video.active{opacity:1}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.video-lens{pointer-events:none}.video-lens[hidden]{display:none}.stage>.video-lens{z-index:1}.stage>#wave{z-index:3}.stage>.track-labels,.stage>.webcam-mark{z-index:4}.webcam-mark{position:absolute;right:10px;bottom:7px;pointer-events:none;color:#fff9;font:bold italic 20px "Tinos", "Nanum Myeongjo", serif;letter-spacing:-1px;text-shadow:none}
.track-labels{position:absolute;top:50%;left:10px;height:calc(var(--track-height,70px)*4 + 9px);transform:translateY(-50%);display:grid;grid-template-rows:repeat(4,var(--track-height,70px));gap:3px;align-items:center;font:13px "Cousine", "Nanum Gothic", monospace;text-shadow:none}.track-labels span:nth-child(1){color:#dedede}.track-labels span:nth-child(2){color:#a18bdb}.track-labels span:nth-child(3){color:#a9d6ef}.track-labels span:nth-child(4){color:#efa45e}
.transport{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:34px;padding:6px 2px 1px;border-top:1px solid #eee}.transport button{font:10px "Arimo", "Nanum Gothic", sans-serif;min-height:24px;padding:4px 8px}.transport label{display:flex;align-items:center;gap:4px;font:10px "Arimo", "Nanum Gothic", sans-serif}.transport .sample-mode{margin-left:4px}.sample-mode select{font:10px "Arimo", "Nanum Gothic", sans-serif;border:2px inset #eee;border-radius:0;background:#fff;padding:2px}.transport .volume{margin-left:auto}#position{font:10px "Cousine", "Nanum Gothic", monospace;margin:0 4px}#volume{width:56px;height:14px;accent-color:#777;cursor:pointer}
.chat-window{margin:13px 0 0;border:1px solid #888;padding:0;background:#fff}.chat-window:before{content:'you ↔ b!ni';display:block;border-bottom:1px solid #aaa;padding:5px 9px;font:11px "Tinos", "Nanum Myeongjo", serif;color:#555;background:#f3f3f3}#history{font:12px "Tinos", "Nanum Myeongjo", serif;max-height:165px;overflow:auto;padding:0 10px}#history .chat-exchange{border-bottom:1px dotted #bbb;padding:4px 0}#history .message-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:6px 0;overflow-wrap:anywhere}#history .message-text{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}#history .message-sender{font:bold 12px "Tinos", "Nanum Myeongjo", serif}#history .message-row:last-child .message-sender{color:#000080}#history time{font:9px "Cousine", "Nanum Gothic", monospace;color:#777;font-variant-numeric:tabular-nums}#history .reply-sequence{display:block;margin:0;padding:0;overflow-wrap:anywhere;font:13px "Cousine", "Nanum Gothic", monospace}.reply-sequence .step{display:inline;margin:0;padding:0;font:inherit;background:transparent}.reply-sequence .step.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-skip-ink:none}#notice{font:11px "Arimo", "Nanum Gothic", sans-serif;overflow-wrap:anywhere;padding:6px 10px;color:#555}#notice:empty,#history:empty{display:none}#form{display:flex;gap:5px;margin:0;padding:9px;background:#e5e5e5}#message{min-width:0;width:100%;height:32px;padding:5px 7px;border:2px inset #eee;background:#fff;font-size:12px}#form button{flex-shrink:0;font-size:10px;padding:5px 9px}
#history .reply-sequence.is-typing{display:flex;gap:2px;min-height:21px;align-items:center;font:bold 18px "Cousine", "Nanum Gothic", monospace;color:#000080}.typing-dot{animation:reply-dot 1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes reply-dot{0%,70%,100%{opacity:.25}35%{opacity:1}}
.sample-pip{position:absolute;width:25%;z-index:2;padding:2px;background:#c5c5c5;border:2px outset #eee;box-shadow:none;pointer-events:none}.sample-pip[hidden]{display:none}.pip-title{height:14px;padding:1px 3px;background:linear-gradient(90deg,var(--pip-title),var(--pip-title-end));color:var(--window-title-text);font:10px/12px "Arimo", "Nanum Gothic", sans-serif}.pip-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222;border:1px inset #ddd}.pip-screen video{inset:0}.pip-screen canvas{position:absolute;inset:0;width:100%;height:100%}
.window-resize-handle{position:absolute;z-index:10;touch-action:none;user-select:none}.resize-n,.resize-s{left:10px;right:10px;height:10px;cursor:ns-resize}.resize-n{top:-5px}.resize-s{bottom:-5px}.resize-e,.resize-w{top:10px;bottom:10px;width:10px;cursor:ew-resize}.resize-e{right:-5px}.resize-w{left:-5px}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:16px;height:16px}.resize-ne,.resize-sw{cursor:nesw-resize}.resize-nw,.resize-se{cursor:nwse-resize}.resize-ne{right:-5px;top:-5px}.resize-nw{left:-5px;top:-5px}.resize-se{right:-5px;bottom:-5px}.resize-sw{left:-5px;bottom:-5px}body.resizing-window,body.resizing-window *{user-select:none!important;cursor:inherit!important}
/* A catalog, not a grid of promotional cards. */
.link-archive{grid-column:2;grid-row:2;width:100%;margin:38px 0 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;min-width:0}.music-index h2{font:italic bold 38px/1 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-2px;margin:0 0 15px;border-bottom:3px double #777;padding-bottom:8px}.music-index h2 span{font:16px "Tinos", "Nanum Myeongjo", serif;vertical-align:super;margin-left:14px}.music-index ol{list-style:none;padding:0;margin:0}.music-index li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:baseline;padding:8px 0;border-bottom:1px dotted #aaa;font:12px/1.4 "Tinos", "Nanum Myeongjo", serif}.catalog-number{font:9px "Cousine", "Nanum Gothic", monospace;color:#777}.music-index small{font:9px "Cousine", "Nanum Gothic", monospace;color:#777}.archive-side{font:12px/1.7 "Tinos", "Nanum Myeongjo", serif;padding-top:6px}.archive-side h3{font:11px "Cousine", "Nanum Gothic", monospace;letter-spacing:1px;border-bottom:1px solid #aaa;margin:0 0 7px;padding-bottom:5px}.archive-side ul{list-style:none;margin:0;padding:0}.archive-side li{margin:3px 0}.archive-side li:before{content:'↗ ';font-size:10px;color:#888}.listen-index{margin-top:20px}.listen-index>div{display:flex;flex-wrap:wrap;gap:3px 12px}.mini-index{margin-top:20px}.mini-index h3{letter-spacing:0}.mini-index h3 i{font-family:"Tinos", "Nanum Myeongjo", serif}footer{grid-column:1/-1;margin-top:45px;padding-top:12px;border-top:1px solid #111;display:flex;justify-content:space-between;font:12px "Tinos", "Nanum Myeongjo", serif}.personal-links{display:flex;gap:10px}.personal-links span{color:#aaa}
.entry-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#fff;transition:opacity .18s linear}.entry-card{width:min(260px,72vw);transform:translateY(-12px)}#entry-label{display:block;margin-bottom:15px;font:15px "Arimo", "Nanum Gothic", sans-serif}.entry-meter{height:17px;padding:2px;border:1px solid #8b8b8b;background:#f0f0f0}#entry-fill{width:0;height:100%;background:repeating-linear-gradient(90deg,#737373 0 8px,transparent 8px 10px);transition:width .12s linear}.entry-loader.ready #entry-fill{background:repeating-linear-gradient(90deg,#87bad8 0 8px,transparent 8px 10px)}.entry-loader.leaving{opacity:0}#entry-retry{margin-top:12px}
/* Expanded camera keeps documents out of its way. */
main.wide-camera .cam-desk{grid-column:1/-1;grid-row:1}main.wide-camera .left-column{grid-column:1;grid-row:2;padding-top:38px}main.wide-camera .right-column{grid-column:3;grid-row:2;padding-top:38px}
@media(max-width:1099px){header{padding-inline:22px}main{padding-inline:22px;column-gap:22px;grid-template-columns:minmax(145px,1fr) minmax(0,560px) minmax(145px,1fr)}.artist-note{font-size:14px}.project-note{font-size:13px}.music-index li{grid-template-columns:16px minmax(0,1fr)}.music-index small{grid-column:2}.transport .volume{flex:1;justify-content:flex-end}}
@media(max-width:859px){header{margin-top:20px}.site-index{gap:16px;font-size:12px}.site-index small{display:none}main{grid-template-columns:1fr 1fr;column-gap:35px}.cam-desk,main.wide-camera .cam-desk{grid-column:1/-1;grid-row:1;width:var(--desk-width,min(100%,620px))}.left-column,main.wide-camera .left-column{grid-column:1;grid-row:2;padding-top:36px}.right-column,main.wide-camera .right-column{grid-column:2;grid-row:2;padding-top:67px}.link-archive{grid-column:1/-1;grid-row:3;width:min(100%,620px);justify-self:center;margin-top:38px}.desk-heading h1{font-size:94px}.desk-heading{padding:20px 0}.music-index li{grid-template-columns:16px minmax(0,1fr) auto}.music-index small{grid-column:auto}}
@media(max-width:480px){header{margin-top:16px;padding:0 16px 13px;gap:14px;flex-wrap:wrap}.logo{font-size:58px;letter-spacing:-5px}.profile-signature{width:40px;height:40px}.site-index{width:100%;justify-content:space-between;margin-top:6px;font-size:12px}.site-index small{display:inline}main{padding:0 16px 22px;gap:0 20px}.desk-heading h1{font-size:82px}.desk-heading{padding:18px 0 20px}.webcam-bar{height:23px}.transport{gap:4px}.transport button{padding:4px 6px;font-size:9px}.transport .sample-mode{margin-left:0}.transport .volume{flex-basis:100%;justify-content:flex-start;padding-top:4px}#volume{width:80px}.track-labels{left:6px;font-size:11px}.left-column,.right-column,main.wide-camera .left-column,main.wide-camera .right-column{grid-column:1/-1;padding-top:32px}.right-column,main.wide-camera .right-column{grid-row:3}.link-archive{grid-row:4;grid-template-columns:1fr;gap:25px}.archive-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}.listen-index,.mini-index{margin:0}.mini-index{grid-column:1/-1}.artist-note{font-size:16px;max-width:280px}.project-note{font-size:16px}.history-document{margin-top:16px}.wiki-timeline{font-size:12px}.wiki-timeline tbody th{width:68px}.wiki-facts summary{padding-block:12px;font-size:13px}.wiki-facts p{font-size:13px}footer{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.typing-dot{animation:none;opacity:1}.entry-loader,#entry-fill{transition:none}}

/* Second direction: oversized masthead, a desktop object, and a personal index.
   Functional camera styles above stay shared with both responsive layouts. */
header{max-width:1440px;padding:18px 38px 0;margin:0 auto;border:0;align-items:end;gap:24px}
.logo{font-size:148px;line-height:.85;letter-spacing:-13px;text-decoration-thickness:3px;color:#0000a0}.logo:visited{color:#0000a0}
.profile-signature{width:66px;height:66px;margin-bottom:9px}
.site-index{display:grid;gap:4px;font:17px/1.2 "Tinos", "Nanum Myeongjo", serif;min-width:180px;margin-bottom:9px}.site-index small{font:10px "Cousine", "Nanum Gothic", monospace;display:inline;margin-right:12px;vertical-align:baseline}
main{max-width:1440px;padding:0 38px 28px;grid-template-columns:minmax(170px,1fr) minmax(0,610px) minmax(170px,1fr);column-gap:38px;row-gap:0}
.cam-desk{grid-column:2;grid-row:1;width:var(--desk-width,100%);position:relative}
.desk-heading{justify-content:center;padding:0;margin:14px -26px -30px;position:relative;z-index:-1;gap:0}
.desk-heading h1{font:bold italic clamp(140px,16vw,230px)/.86 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-22px;transform:none;color:#0000a0}
.desk-heading>span{display:none}
.left-column{grid-column:1;grid-row:1;padding-top:72px}.right-column{grid-column:3;grid-row:1;padding-top:210px}
.artist-note{padding:0;font:17px/1.3 "Tinos", "Nanum Myeongjo", serif;max-width:235px}.artist-note h2{font:italic 44px/.9 "Tinos", "Nanum Myeongjo", serif;margin:0 0 20px;letter-spacing:-2px}.artist-note h2 i{font-size:44px;font-weight:bold}.artist-note p{margin-bottom:20px}.artist-note a{font-size:14px}
.project-note{margin:72px 0 0 24px;padding:12px 0 0;border:0;border-top:1px solid #111;font:15px/1.4 "Tinos", "Nanum Myeongjo", serif;max-width:205px}.project-note h2{font:italic 32px/.95 "Tinos", "Nanum Myeongjo", serif;margin-bottom:20px}.project-note p:last-child{font:22px "Cousine", "Nanum Gothic", monospace;letter-spacing:-2px}
.tmi-document{background:#efefef;border:2px outset #e5e5e5;padding:3px;box-shadow:none;transform:none}
.tmi-document h2{font:12px "Cousine", "Nanum Gothic", monospace;color:var(--window-title-text);background:var(--note-title);padding:5px 7px;margin:0;border:0;display:flex;justify-content:space-between;gap:12px}.tmi-document h2 small{font:10px "Arimo", "Nanum Gothic", sans-serif}
.wiki-facts{background:#fff;border:2px inset #ddd;padding:13px 11px 18px;margin-top:3px;display:block}.wiki-facts details{border:0;margin:0 0 8px}.wiki-facts summary{display:block;font:italic 19px/1.35 "Tinos", "Nanum Myeongjo", serif;padding:0;letter-spacing:-.7px}.wiki-facts summary span{font:8px "Cousine", "Nanum Gothic", monospace;display:inline-block;min-width:20px;vertical-align:super}.wiki-facts summary:after{content:' ↗';font:12px "Cousine", "Nanum Gothic", monospace;vertical-align:super}.wiki-facts details[open]>summary:after{content:' −'}.wiki-facts details:nth-child(3n+2){margin-left:12px}.wiki-facts details:nth-child(3n){margin-left:27px}.wiki-facts details:nth-child(4n) summary{font-size:27px}.wiki-facts p{padding:8px 0 10px;font:12px/1.6 "Arimo", "Nanum Gothic", sans-serif;letter-spacing:0}.wiki-facts details:target{background:#e8edf7}
.stage-window{box-shadow:none}.chat-window{margin-top:11px;box-shadow:none}#history{max-height:180px}.chat-window:before{background:white;font:italic 14px "Tinos", "Nanum Myeongjo", serif;color:#111;padding:6px 10px}
.link-archive{grid-column:1/-1;grid-row:2;margin-top:66px;display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:60px;border-top:1px solid #111;padding-top:18px}
.music-index{display:grid;grid-template-columns:125px minmax(0,1fr);gap:24px;align-items:start}.music-index h2{font:bold italic 48px/.9 "Tinos", "Nanum Myeongjo", serif;margin:0;border:0;padding:0;letter-spacing:-3px}.music-index h2 span{display:block;font:60px/1 "Tinos", "Nanum Myeongjo", serif;margin:5px 0 0}
.music-index ol{display:block}.music-index li{display:inline-block;max-width:100%;line-height:1.85;padding:0;border:0;font-size:24px;letter-spacing:-.7px}.music-index li:not(:last-child):after{content:' / ';color:#777;font:20px "Tinos", "Nanum Myeongjo", serif;white-space:pre}.music-index li:nth-child(3n+2){font-style:italic;font-size:31px}.catalog-number{font:9px "Cousine", "Nanum Gothic", monospace;vertical-align:super;margin-right:4px}.music-index small{display:none}.music-index a:hover{background:#0000a0;color:#fff}
.archive-side{padding:0;font-size:13px}.archive-side h3{border:0;font:bold 10px "Cousine", "Nanum Gothic", monospace;margin-bottom:5px;letter-spacing:2px}.archive-side li{display:inline-block;margin:0 9px 0 0}.listen-index{margin-top:19px}.mini-index{margin-top:19px}
.chronology{grid-column:1/-1;grid-row:3;margin-top:48px;min-width:0}.history-document{border-top:3px double #111;margin:0}.history-document>summary{font:bold 32px/1.3 "Tinos", "Nanum Myeongjo", serif;padding:16px 0;letter-spacing:-1px}.history-document>summary span{font:12px "Cousine", "Nanum Gothic", monospace;margin:0 0 8px;letter-spacing:2px}.history-document>summary:after{font-size:24px}.wiki-timeline{display:block}.wiki-timeline thead{display:none}.wiki-timeline tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 26px}.wiki-timeline tr{display:flex;flex-direction:column;border-top:1px solid #aaa;padding:10px 0 15px}.wiki-timeline tbody th{font:italic 28px/1.2 "Tinos", "Nanum Myeongjo", serif;padding:0 0 8px;border:0;width:auto}.wiki-timeline td{font:12px/1.6 "Arimo", "Nanum Gothic", sans-serif;border:0;padding:0}.wiki-continued{font-size:19px;margin-top:20px}footer{margin-top:35px}
main.wide-camera .cam-desk{grid-column:1/-1;grid-row:1}main.wide-camera .left-column{grid-column:1;grid-row:2;padding-top:50px}main.wide-camera .right-column{grid-column:3;grid-row:2;padding-top:50px}main.wide-camera .link-archive{grid-row:3}main.wide-camera .chronology{grid-row:4}
@media(max-width:1099px){header{padding-inline:24px}.logo{font-size:122px}main{padding-inline:24px;column-gap:24px;grid-template-columns:minmax(145px,1fr) minmax(0,540px) minmax(145px,1fr)}.artist-note{font-size:15px}.artist-note h2,.artist-note h2 i{font-size:34px}.project-note{margin-left:0;font-size:14px}.tmi-document{transform:none}.wiki-facts{padding:10px 7px}.wiki-facts summary{font-size:16px}.wiki-facts details:nth-child(3n){margin-left:12px}.wiki-facts details:nth-child(4n) summary{font-size:23px}.link-archive{gap:30px}.music-index{grid-template-columns:95px 1fr;gap:15px}.music-index h2{font-size:39px}.music-index li{font-size:21px}.music-index li:nth-child(3n+2){font-size:25px}}
@media(max-width:859px){header{padding:18px 22px 0}.logo{font-size:106px;letter-spacing:-9px}.profile-signature{width:49px;height:49px}.site-index{font-size:14px;min-width:0;gap:6px}main{grid-template-columns:1fr 1fr;padding-inline:22px;gap:0 30px}.cam-desk,main.wide-camera .cam-desk{grid-column:1/-1;grid-row:1;width:var(--desk-width,min(100%,560px))}.desk-heading{margin-top:25px;margin-bottom:-23px}.desk-heading h1{font-size:180px;letter-spacing:-18px}.left-column,main.wide-camera .left-column{grid-column:1;grid-row:2;padding-top:38px}.right-column,main.wide-camera .right-column{grid-column:2;grid-row:2;padding-top:86px}.project-note{margin-top:35px}.artist-note{font-size:18px;max-width:none}.artist-note h2,.artist-note h2 i{font-size:42px}.tmi-document{transform:none}.link-archive,main.wide-camera .link-archive{grid-column:1/-1;grid-row:3;width:100%;grid-template-columns:1fr;margin-top:44px}.archive-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.listen-index,.mini-index{margin-top:0}.mini-index{grid-column:1/-1}.chronology,main.wide-camera .chronology{grid-row:4}.wiki-timeline tbody{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){header{padding:17px 16px 0;gap:15px}.logo{font-size:96px;letter-spacing:-8px}.profile-signature{width:47px;height:47px;margin-bottom:0}.site-index{width:100%;display:flex;justify-content:space-between;margin-top:14px;font-size:12px}.site-index small{display:none}main{padding-inline:16px;gap:0 18px}.desk-heading{margin:20px 0 -17px}.desk-heading h1{font-size:145px;letter-spacing:-14px}.left-column,main.wide-camera .left-column{grid-column:1/-1;grid-row:2;padding-top:39px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.artist-note{font-size:15px}.artist-note h2,.artist-note h2 i{font-size:31px}.project-note{margin:36px 0 0;font-size:13px}.project-note h2{font-size:25px}.right-column,main.wide-camera .right-column{grid-column:1/-1;grid-row:3;padding:32px 6px 0 24px}.tmi-document{transform:none}.wiki-facts{padding:14px}.wiki-facts summary{font-size:20px}.wiki-facts details:nth-child(4n) summary{font-size:27px}.link-archive,main.wide-camera .link-archive{grid-row:4;margin-top:45px}.music-index{display:block}.music-index h2{font-size:48px;margin-bottom:18px}.music-index h2 span{display:inline;font-size:36px;margin-left:12px}.music-index li{font-size:23px}.music-index li:nth-child(3n+2){font-size:29px}.chronology,main.wide-camera .chronology{grid-row:5}.history-document>summary{font-size:26px}.wiki-timeline tbody{grid-template-columns:1fr 1fr;gap:0 18px}.wiki-timeline tbody th{font-size:27px}.wiki-timeline td{font-size:12px}footer{grid-row:6}}

/* Raw personal homepage: native links and hard-edged, mismatched documents. */
:root{--window-title:#726582;--window-title-end:#726582;--note-title:#e9e78a;--pip-title:#526b60;--pip-title-end:#526b60;--gray:#c6c6c6}
header{border-bottom:1px solid #111;padding-bottom:18px}
.logo,.logo:visited{color:#0000b5;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.profile-signature{padding:0;border:1px solid #111;background:#fff;box-shadow:none;transform:none}
.site-index{border-left:1px solid #111;padding-left:15px;font:14px/1.4 "Cousine", "Nanum Gothic", monospace}
.desk-heading{margin-top:17px;margin-bottom:-26px;z-index:0;pointer-events:none}.desk-heading h1{color:#111;text-shadow:none;font-weight:bold;letter-spacing:-22px}.stage-window{z-index:1}
.artist-note h2{font:italic 43px/.9 "Tinos", "Nanum Myeongjo", serif;color:#111;letter-spacing:-2px}.artist-note h2 i{font-weight:bold;font-size:55px;display:block;margin:3px 0 18px}
.artist-note p{font-size:16px}.artist-note>p:nth-of-type(2){font:13px/1.5 "Cousine", "Nanum Gothic", monospace;border-left:3px solid #111;padding-left:9px}
.project-note{background:#fff;border:1px solid #111;border-top:5px solid #111;padding:12px;margin:50px 0 0;box-shadow:none;transform:none;max-width:none}.project-note h2{font:italic 30px/1 "Tinos", "Nanum Myeongjo", serif;color:#111;margin-bottom:15px}.project-note p:last-child{font:bold 21px "Cousine", "Nanum Gothic", monospace;letter-spacing:-2px}
.stage-window{border-color:#eee;box-shadow:none}.webcam-bar{background:var(--window-title);border-color:#999}.transport button{background:#d4d4d4;border-color:#eee}.transport button:hover{background:#eee}
.chat-window{border:1px solid #111;box-shadow:none}.chat-window:before{background:#fff;color:#111;border-bottom:1px solid #111;font:12px "Cousine", "Nanum Gothic", monospace}#form{background:#ddd}
.tmi-document{border:2px solid #111;background:#c6c6c6;padding:3px;box-shadow:none;transform:none}.tmi-document h2{background:var(--note-title);color:#111;border:1px solid #111;font:bold 12px "Cousine", "Nanum Gothic", monospace}.tmi-document h2 small{font:10px "Cousine", "Nanum Gothic", monospace}
.wiki-facts{background:#fff;border:1px solid #111;margin-top:3px;padding:10px 8px}.wiki-facts summary{background:none;word-break:keep-all;font:17px/1.35 "Tinos", "Nanum Myeongjo", serif;width:fit-content}.wiki-facts summary:after{content:' +';font:11px "Cousine", "Nanum Gothic", monospace;white-space:nowrap}.wiki-facts p{background:none;font:12px/1.6 "Arimo", "Nanum Gothic", sans-serif;border-bottom:1px dashed #888;margin-bottom:10px}.wiki-facts details:nth-child(4n) summary{font-size:25px;font-weight:bold;letter-spacing:-1px}.wiki-facts details:nth-child(3n) summary{font-style:italic}.wiki-facts details:nth-child(3n+2){margin-left:5px}.wiki-facts details:nth-child(3n){margin-left:12px}
.link-archive{border-top:3px solid #111}.music-index h2{color:#111;font-weight:bold}.music-index h2 span{color:#111}.music-index li:not(:last-child):after{content:' / ';color:#111}.music-index a:hover{background:#e9e78a;color:#0000b5}.archive-side h3{color:#111;border-bottom:1px solid #111;padding-bottom:4px}
.history-document{border-top:3px double #111}.history-document>summary{font-weight:bold;color:#111}.wiki-timeline tr{border-top:1px solid #111}.wiki-timeline tbody th{color:#111}.wiki-continued{color:#111}footer{border-top:1px solid #111}
@media(max-width:1099px){.artist-note h2{font-size:34px}.artist-note h2 i{font-size:46px}.artist-note p{font-size:14px}.project-note{padding:9px;font-size:13px}.project-note h2{font-size:25px}.wiki-facts details:nth-child(4n) summary{font-size:21px}}
@media(max-width:859px){.artist-note h2{font-size:42px}.artist-note p{font-size:16px}.project-note{max-width:250px}.desk-heading h1{letter-spacing:-18px}}
@media(max-width:480px){.site-index{border:0;padding:0;font:12px "Tinos", "Nanum Myeongjo", serif}.artist-note h2{font-size:30px}.artist-note h2 i{font-size:43px}.artist-note p{font-size:14px}.artist-note>p:nth-of-type(2){font-size:11px}.project-note{margin-top:32px;align-self:start}.project-note h2{font-size:23px}.desk-heading{margin-bottom:-17px}.desk-heading h1{letter-spacing:-14px}.wiki-facts{padding:14px}.wiki-facts summary{font-size:20px}.wiki-facts details:nth-child(4n) summary{font-size:26px}}

/* Upright windows, older system Korean fonts, horizontal title-bar gradients. */
:root{--window-title:#453953;--window-title-end:#74617e;--pip-title:#354e43;--pip-title-end:#5b7365}
.webcam-bar{background:linear-gradient(90deg,var(--window-title),var(--window-title-end))}
.tmi-document h2{background:linear-gradient(90deg,#d2cd65,#f3f1c3)}
.chat-window:before{background:linear-gradient(90deg,#d0d0d0,#f4f4f4)}
.tmi-document h2 small,.sample-mode select,#notice{font-family:"Arimo", "Nanum Gothic", sans-serif}
.wiki-facts summary,.history-document>summary,.wiki-timeline td{font-family:"Arimo", "Nanum Gothic", sans-serif}

/* Low-resolution homemade GIFs sit inside the document, not over the player. */
.web-sticker{display:inline-block;vertical-align:middle;margin:0 0 0 7px;width:32px;height:32px;line-height:0;pointer-events:none;user-select:none}
.web-sticker img{display:block;width:32px;height:32px;image-rendering:pixelated}
.artist-note p>.web-sticker{float:right;margin:3px 0 3px 7px}
.project-note h2>.web-sticker{vertical-align:baseline;margin-left:3px}
.wiki-facts summary>.web-sticker{width:24px;height:24px;margin-left:3px}.wiki-facts summary>.web-sticker img{width:24px;height:24px}
.music-index h2>.web-sticker{display:block;margin:13px 0 0 17px}
.wiki-continued>.web-sticker{margin-left:12px}
@media(max-width:480px){.artist-note p>.web-sticker{width:24px;height:24px}.artist-note p>.web-sticker img{width:24px;height:24px}.music-index h2>.web-sticker{display:inline-block;margin:0 0 0 12px}}
/* Denser scatter, with smaller icons inside the narrow text columns. */
.artist-note h2>.web-sticker{vertical-align:baseline;margin:0 0 0 9px}
.artist-note p:nth-of-type(2)>.web-sticker{float:none;margin:5px 0 0 8px}
.project-note p>.web-sticker{display:inline-block;margin-left:5px}
.music-index li>.web-sticker{width:24px;height:24px;margin-left:4px}.music-index li>.web-sticker img{width:24px;height:24px}
.wiki-timeline td>.web-sticker{float:right;margin:5px 0 0 6px}
/* Cutout clip art joins the pixel GIFs; each asset is still used only once. */
.web-sticker.generated-sticker,.web-sticker.generated-sticker img{width:48px;height:48px}
.web-sticker.generated-sticker img{object-fit:contain;image-rendering:auto}
.wiki-facts summary>.generated-sticker,.wiki-facts summary>.generated-sticker img{width:32px;height:32px}
.music-index li>.generated-sticker,.music-index li>.generated-sticker img{width:36px;height:36px}
@media(max-width:480px){.artist-note p>.generated-sticker,.artist-note p>.generated-sticker img{width:36px;height:36px}}

/* Almost-white page canvas. */
:root{background:#d4c3c8}
.entry-loader{background:#d4c3c8}

/* Faint gray-blue and sage title bars. */
:root{--window-title:#d2dce2;--window-title-end:#d8dfce;--window-title-text:#41464b;--pip-title:#d3dccb;--pip-title-end:#d4dde3}
.webcam-bar{background:linear-gradient(90deg,var(--window-title),var(--window-title-end));border-color:#bfc5ca;color:var(--window-title-text)}
.webcam-name,.webcam-name small,.webcam-status{color:var(--window-title-text)}
.webcam-status:before{background:#929da5}.is-playing .webcam-status:before{background:#617b6d}
.tmi-document h2{background:linear-gradient(90deg,#d3dccb,#d4dde3);color:#41464b;border-color:#bfc5ca}
.pip-title{background:linear-gradient(90deg,var(--pip-title),var(--pip-title-end));color:#41464b}
.chat-window:before{background:linear-gradient(90deg,#dce3e7,#e0e5d5);color:#41464b}

/* Uneven sticker scales and deliberately coarse browser-rendered cutouts. */
.web-sticker{position:relative;max-width:100%;flex-shrink:0}
.web-sticker .sticker-raster{position:static;display:block;width:100%;height:100%;image-rendering:pixelated}
.artist-note h2>.web-sticker{display:block;margin:10px 0 8px 13px}
.project-note h2>.web-sticker{display:block;margin:8px 0 0 3px}
.music-index h2>.web-sticker{margin-left:0}
.wiki-timeline td>.web-sticker{margin:4px 0 5px 10px}

/* Generated cutouts are the prominent images; tiny pixel GIFs remain accents. */
.web-sticker.generated-sticker img{max-width:100%}
.artist-note p>.generated-sticker{float:none;display:block;margin:12px 0 9px}
.music-index li>.generated-sticker{vertical-align:middle;margin:6px 6px 6px 8px}
.wiki-timeline td>.generated-sticker{float:none;display:block;margin:10px 0 3px}
@media(max-width:480px){.web-sticker.generated-sticker{max-width:100%}}
.web-sticker .sticker-mosaic{position:static;display:block;width:100%;height:100%;image-rendering:auto}

/* Keep the original typography and link behavior while text scrambles. */
bni-text{display:inline;overflow-wrap:anywhere}
bni-text[lang="ko"]{font-family:"Arimo", "Nanum Gothic", sans-serif}
bni-text>.scramble-visual{display:inline!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;padding:0!important;vertical-align:baseline!important;text-decoration:inherit!important}

/* Pixelated cutout edges may extend beyond the original image box. */
.web-sticker.generated-sticker{overflow:visible}
.web-sticker .sticker-mosaic{position:absolute;max-width:none;max-height:none}

/* A small rotating sleeve in the space underneath the chat. */
.album-display{--cover-size:210px;display:grid;place-items:center;min-height:320px;margin:24px 0 12px;perspective:850px;overflow:visible}
.album-case{position:relative;width:var(--cover-size);height:var(--cover-size);transform-style:preserve-3d;animation:album-turn 18s linear infinite}
.album-face,.album-edge{position:absolute;backface-visibility:hidden;border:1px solid #a9a9a9}
.album-face{inset:0;background:#d4d6d3}
.album-face img{display:block;width:100%;height:100%;object-fit:contain}
.album-front{transform:translateZ(5px)}
.album-back{transform:rotateY(180deg) translateZ(5px)}
.album-edge{background:repeating-linear-gradient(90deg,#b8bcba 0 2px,#e0e3df 2px 4px)}
.album-left,.album-right{width:10px;height:100%;left:calc(50% - 5px);top:0}
.album-left{transform:rotateY(-90deg) translateZ(calc(var(--cover-size)/2))}
.album-right{transform:rotateY(90deg) translateZ(calc(var(--cover-size)/2))}
.album-top,.album-bottom{height:10px;width:100%;top:calc(50% - 5px);left:0}
.album-top{transform:rotateX(90deg) translateZ(calc(var(--cover-size)/2))}
.album-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cover-size)/2))}
@keyframes album-turn{from{transform:rotateX(-12deg) rotateY(0deg)}to{transform:rotateX(-12deg) rotateY(360deg)}}
@media(max-width:480px){.album-display{--cover-size:160px;min-height:240px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.album-case{animation:none;transform:rotateX(-12deg) rotateY(-22deg)}}

/* A homemade page: one ordinary sans serif, blunt labels, pasted color blocks. */
:root{
 --web-ui:"Arimo", "Nanum Gothic", sans-serif;
 font-family:var(--web-ui);background:#fff;color:#111;--blue:#0000ee;
}
.entry-loader{background:#fff}
header{border:0;align-items:center;padding-bottom:30px}
.logo{font-size:100px;letter-spacing:-8px}
.site-index{border:0;padding:0;font:13px/1.65 var(--web-ui)}
.site-index small{font:10px var(--web-ui);margin-right:8px}
.desk-heading{justify-content:flex-start;margin:30px 0 10px}
.desk-heading h1{font:normal clamp(80px,10vw,138px)/.9 var(--web-ui);letter-spacing:-9px;color:#0000ee}
.left-column{padding-top:52px}.right-column{padding-top:190px}
.artist-note{max-width:235px}
.artist-note h2,.artist-note h2 i{display:inline;font:normal 23px/1.15 var(--web-ui);letter-spacing:0;margin:0;color:#0000ee}
.artist-note h2{display:block;margin-bottom:26px}
.artist-note h2>.web-sticker{margin:20px 0 30px 35px}
.artist-note p,.artist-note>p:nth-of-type(2){font:15px/1.4 var(--web-ui);border:0;padding:0}
.artist-note>a{font:13px var(--web-ui)}
.project-note{margin:65px 0 0 8px;padding:12px;background:#d8e77e;border:1px solid #111}
.project-note h2{font:normal 19px/1.2 var(--web-ui);letter-spacing:0;margin-bottom:22px}
.project-note p{font:14px/1.35 var(--web-ui)}
.project-note p:last-child{font:normal 19px var(--web-ui);letter-spacing:0}
.webcam-name{font:bold 12px var(--web-ui)}
.webcam-name small,.webcam-status{font:10px var(--web-ui)}
.webcam-bar,.pip-title,.chat-window:before{background:#c6c6c6;color:#111}
.transport button,.transport label,.sample-mode select,#form button{font:11px var(--web-ui)}
.pip-title{font-family:var(--web-ui)}
.chat-window:before{font:12px var(--web-ui)}
#message,#history{font:13px/1.4 var(--web-ui)}
#history .message-sender{font:bold 12px var(--web-ui)}
#notice{font-family:var(--web-ui)}
.tmi-document{background:#bdb9c7;border:0;padding:14px 12px 20px}
.tmi-document h2{font:normal 14px var(--web-ui);border:0;background:none;color:#0000ee;padding:0 0 24px}
.tmi-document h2 small{font:11px var(--web-ui)}
.wiki-facts{background:none;border:0;padding:0;margin:0}
.wiki-facts details,.wiki-facts details:nth-child(3n),.wiki-facts details:nth-child(3n+2){margin:0 0 13px}
.wiki-facts summary,.wiki-facts details:nth-child(3n) summary,.wiki-facts details:nth-child(4n) summary{
 font:normal 15px/1.35 var(--web-ui);letter-spacing:0;overflow-wrap:anywhere;
}
.wiki-facts summary span{font:9px var(--web-ui);vertical-align:baseline}
.wiki-facts p{font:14px/1.4 var(--web-ui);border:0;padding:12px 0 18px;margin:0}
.wiki-facts details:target{background:#d8e77e}
.link-archive{border:0;padding-top:0;margin-top:100px;gap:60px}
.music-index h2{font:normal 26px/1.1 var(--web-ui);letter-spacing:0}
.music-index h2 span{font:normal 30px var(--web-ui);margin-top:12px}
.music-index li,.music-index li:nth-child(3n+2){font:normal 17px/1.6 var(--web-ui);letter-spacing:0}
.music-index li{margin:0 12px 16px 0}
.catalog-number{font:9px var(--web-ui)}
.archive-side{font:13px/1.6 var(--web-ui)}
.archive-side h3{border:0;font:normal 14px var(--web-ui);letter-spacing:0;margin-bottom:10px}
.mini-index h3 i{font:inherit}
.chronology{margin-top:80px}
.history-document{border-top:1px solid #999}
.history-document>summary{font:normal 21px/1.4 var(--web-ui);letter-spacing:0}
.wiki-timeline tr{border:0;padding-top:20px}
.wiki-timeline tbody th{font:normal 18px/1.3 var(--web-ui)}
.wiki-continued{font:italic 14px var(--web-ui)}
footer{font:12px var(--web-ui);border:0;margin-top:65px}
@media(max-width:1099px){
 .artist-note p,.artist-note>p:nth-of-type(2){font-size:14px}
 .project-note{margin-left:0;padding:10px}.project-note p{font-size:13px}
 .wiki-facts summary,.wiki-facts details:nth-child(4n) summary{font-size:14px}
}
@media(max-width:859px){
 .left-column,main.wide-camera .left-column{padding-top:45px}
 .right-column,main.wide-camera .right-column{padding-top:100px}
 .desk-heading{margin-top:35px}.desk-heading h1{font-size:105px}
 .link-archive{margin-top:70px}
}
@media(max-width:480px){
 header{padding-bottom:12px}.logo{font-size:82px;letter-spacing:-6px}
 .site-index{font-size:11px;gap:8px}
 .desk-heading{margin:38px 0 12px}.desk-heading h1{font-size:88px;letter-spacing:-6px}
 .left-column,main.wide-camera .left-column{display:block}
 .artist-note{max-width:260px}
 .project-note{max-width:255px;margin:55px 0 0 32px}
 .right-column,main.wide-camera .right-column{padding:55px 0 0 20px}
 .transport button,.transport label,.sample-mode select{font-size:10px}
 .music-index li,.music-index li:nth-child(3n+2){font-size:16px}
 .music-index h2{font-size:26px}.music-index h2 span{font-size:28px}
 .history-document>summary{font-size:21px}
}

/* Profile table inside the existing left-hand introduction. */
.artist-note h2{font:bold 23px/1.3 var(--web-ui);color:#111;letter-spacing:0;border-bottom:1px solid #aaa;padding-bottom:8px;margin-bottom:22px}
.artist-infobox{width:100%;border:1px solid #aaa;border-collapse:separate;border-spacing:3px;background:#f3f3f3;font:12px/1.4 var(--web-ui);margin:0 0 20px}
.artist-infobox caption{background:#dedede;border:1px solid #aaa;border-bottom:0;padding:7px;font:bold 20px var(--web-ui)}
.artist-infobox th{text-align:left;vertical-align:top;background:#e2e2e2;padding:5px;width:34%;overflow-wrap:anywhere}
.artist-infobox td{padding:5px;overflow-wrap:anywhere}
.infobox-photo{text-align:center}.infobox-photo img{display:block;margin:12px auto;image-rendering:auto}
@media(min-width:860px) and (max-width:1099px){.artist-infobox{font-size:11px}.artist-infobox th,.artist-infobox td{padding:3px}}

/* Homemade homepage masthead. */
.logo,.logo:visited{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font:bold 32px/1.05 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-.5px;color:#111;text-decoration:none}
.logo:hover{color:#111;background:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.logo .home-name{font-size:64px;letter-spacing:-2px}
.logo .home-label{font-variant:small-caps}
@media(max-width:859px){.logo{font-size:25px;gap:4px 9px}.logo .home-name{font-size:48px}}
@media(max-width:480px){.logo{font-size:23px;gap:4px 8px}.logo .home-name{font-size:43px}}

/* Four unevenly pasted sevens. Keep the camera itself upright. */
.desk-heading{padding:15px 8px 18px}
.desk-heading h1{display:flex;align-items:baseline;gap:3px;letter-spacing:0}
.desk-heading h1>span{display:block;transform-origin:50% 80%}
.desk-heading h1>span:nth-child(1){transform:rotate(-12deg) translateY(5px);font-size:.9em}
.desk-heading h1>span:nth-child(2){transform:rotate(9deg) translateY(-9px);font-size:1.08em}
.desk-heading h1>span:nth-child(3){transform:rotate(-5deg) translateY(10px);font-size:.82em}
.desk-heading h1>span:nth-child(4){transform:rotate(14deg) translateY(-3px);font-size:1.02em}
@media(max-width:480px){.desk-heading{padding:12px 8px 16px}.desk-heading h1{gap:2px}}

.webcam-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}

.stage.awaiting-video #videos,.stage.awaiting-video>.video-lens{visibility:hidden}