:root{--ink:#17181a;--paper:#f4f3ef;--panel:#fffffff0;--stub:#2d829e17;--index-surface:#e9e8e2;--line:#c7c6be;--muted:#53575a;--accent:#db493d;--accent-secondary:#2d829e;--accent-warm:#dda82c;--print-line:#17181a09;--scene-image:url(/images/mafuyu-room.webp);--shadow:0 28px 80px #17181a33;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Noto Sans TC,Noto Sans JP,Noto Sans KR,sans-serif}[data-theme=dark]{--ink:#ecebe7;--paper:#0d1015;--panel:#121415f7;--stub:#303942;--index-surface:#242a2f;--line:#414a52;--muted:#aeb5bb;--accent:#87939c;--accent-secondary:#b65350;--accent-warm:#c29a57;--print-line:#ecebe707;--scene-image:url(/images/ritsuka-room.webp);--shadow:0 32px 90px #0000008f}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;height:100%;overflow:hidden}body{background:linear-gradient(90deg,#0000 49.9%,#ffffff09 50%);grid-template-rows:72px minmax(0,1fr) 48px;height:100svh;margin:0;display:grid;overflow:hidden}a{color:inherit}button,select{font:inherit}.sr-only,.panel[hidden]{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.ambient{z-index:-2;background:linear-gradient(90deg, #17181a12, transparent 32%, transparent 72%, #17181a14), var(--scene-image) center 44% / cover no-repeat;filter:saturate(.72)contrast(.96);opacity:.3;position:fixed;inset:0}.ambient:after{content:"";background:repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), var(--line) 25%);opacity:.3;position:absolute;inset:0}[data-theme=dark] .ambient{opacity:.34;filter:saturate(.58)brightness(.46)contrast(1.12)hue-rotate(-6deg)}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:blur(16px);z-index:10;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:72px;padding:0 clamp(1rem,3vw,3rem);display:grid;position:relative}.wordmark{width:fit-content;color:var(--ink);letter-spacing:0;align-items:center;gap:.6rem;font:600 .78rem ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;transition:color .2s;display:flex}.wordmark:hover{color:var(--accent)}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wordmark-mark{flex-direction:column;gap:4px;width:21px;display:flex;transform:rotate(-8deg)}.wordmark-mark i{background:currentColor;width:100%;height:2px;display:block}.wordmark-mark i:nth-child(2){width:12px}.wordmark small{color:var(--muted);gap:.55rem;font:600 .55rem DM Mono,monospace;display:flex}.wordmark small i{color:var(--line);font-style:normal}.site-header>p{color:var(--muted);margin:0;font:400 .68rem DM Mono,monospace}.site-header>p i,.status i{background:#58a978;border-radius:50%;width:7px;height:7px;margin-right:.5rem;display:inline-block;box-shadow:0 0 0 4px #58a9782e}.header-tools{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent);justify-self:end;align-items:center;gap:.25rem;padding:3px;display:flex}.language-control select,.icon-button{height:36px;color:var(--ink)}.language-control select{cursor:pointer;background:0 0;border:0;min-width:78px;padding:0 1.8rem 0 .7rem;font:500 .65rem DM Mono,monospace}.icon-button{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:36px;font-size:1rem;display:grid}.icon-button:hover,.icon-button:focus-visible{color:var(--accent);border-color:var(--line);outline:none}.language-control select:focus-visible,.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.icon-button .moon,[data-theme=dark] .icon-button .sun{display:none}[data-theme=dark] .icon-button .moon{display:inline}.stage{grid-template-rows:auto minmax(0,1fr);gap:clamp(.5rem,1.3vh,1rem);width:min(1600px,100% - 2rem);height:100%;min-height:0;margin:0 auto;padding:clamp(.75rem,2vh,1.5rem) 0 .5rem;display:grid}.stage-meta{width:min(1240px,92%);color:var(--muted);justify-content:space-between;margin:0 auto;font:400 .62rem DM Mono,monospace;display:flex}.card-deck{--ticket-shape:polygon(0 0, 100% 0, 100% 43%, calc(100% - 13px) 46%, 100% 49%, 100% 100%, 0 100%, 0 49%, 13px 46%, 0 43%);perspective:1400px;isolation:isolate;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.ticket-frame{--ticket-angle:-1.15deg;--index-height:clamp(50px, 8cqh, 58px);aspect-ratio:16/9;border:1px solid var(--line);background:var(--panel);width:min(1240px,92cqw,168cqh);height:auto;min-height:0;box-shadow:var(--shadow);backdrop-filter:blur(20px);clip-path:var(--ticket-shape);transform:rotate(var(--ticket-angle));position:relative;overflow:hidden}.ticket-frame:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 38%);position:absolute;inset:0}[data-theme=dark] .ticket-frame:before{background:0 0}.ticket-topline{z-index:7;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:19% 13% 1fr;height:18px;display:grid;position:absolute;inset:0 0 auto}.ticket-topline i:first-child{background:var(--accent)}.ticket-topline i:nth-child(2){background:var(--accent-secondary)}.ticket-topline span{color:var(--muted);justify-content:flex-end;align-items:center;padding:0 .8rem;font:400 .47rem DM Mono,monospace;display:flex}.panel{--ticket-angle:0deg;z-index:2;inset:18px 0 var(--index-height);background-color:var(--panel);background-image:repeating-linear-gradient(0deg, transparent 0, transparent 39px, var(--print-line) 40px);border:0;width:100%;height:auto;min-height:0;animation:.42s cubic-bezier(.2,.8,.2,1) both card-in;position:absolute;overflow:clip}.panel>*{z-index:1;position:relative}.cover-panel{grid-template-columns:1.55fr .75fr;display:grid}.cover-copy{border-right:1px dashed var(--line);flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem);display:flex}.eyebrow,.info-panel header p{color:var(--accent);text-transform:uppercase;margin:0 0 1rem;font:500 .66rem DM Mono,monospace}.eyebrow:before{content:"";background:var(--accent-warm);width:7px;height:7px;margin-right:.55rem;display:inline-block}h1{letter-spacing:0;flex-wrap:wrap;margin:0;font-size:clamp(4rem,10vw,8.5rem);font-weight:900;line-height:.78;display:flex}h1 span:last-child{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.lead{max-width:620px;margin:2rem 0 0;font-size:clamp(1rem,2vw,1.35rem)}.cover-actions{align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.primary-action,.text-action{justify-content:space-between;align-items:center;gap:2rem;font:500 .75rem DM Mono,monospace;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--accent);min-width:180px;padding:.9rem 1rem}[data-theme=dark] .primary-action{color:#10151b}.text-action{border-bottom:1px solid var(--ink);padding:.85rem 0}.portrait-block{background:var(--stub);flex-direction:column;justify-content:center;padding:2rem;display:flex;position:relative}.portrait-block:before{content:"ADMIT ONE  ·  PERSONAL PASS  ·  0315";width:max-content;color:var(--muted);font:400 .5rem DM Mono,monospace;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.portrait-block:after{content:"";opacity:.52;background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px);width:92px;height:18px;position:absolute;bottom:3.1rem;right:2rem}.portrait-frame{aspect-ratio:1;background:0 0;width:min(100%,270px);margin:0 auto}.portrait-frame img{object-fit:contain;width:100%;height:100%}.portrait-block>p{justify-content:space-between;width:min(100%,270px);margin:1rem auto 0;font:400 .61rem DM Mono,monospace;display:flex}.cover-panel>footer{border-top:1px solid var(--line);justify-content:space-between;padding:.65rem 1rem;font:400 .56rem DM Mono,monospace;display:flex;position:absolute;inset:auto 0 0}.info-panel{padding:clamp(1.5rem,4vw,4rem)}.info-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:1.25rem;display:flex}.info-panel header p{margin:0}.info-panel h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.9}.profile-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;height:calc(100% - 95px);display:grid}.statement{max-width:620px;margin:0;font-size:clamp(1.4rem,3vw,2.65rem);font-weight:500;line-height:1.35}.status{color:var(--muted);margin-top:2rem;font:400 .65rem DM Mono,monospace}.skill-list,.journey-list,.project-list,.contact-list{margin:0;padding:0;list-style:none}.skill-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.skill-list li{border-bottom:1px solid var(--line);gap:1rem;padding:.85rem .5rem;font-size:.85rem;display:flex}.skill-list small,.journey-list small{color:var(--accent);font:400 .58rem DM Mono,monospace}.project-list{margin-top:1.25rem}.project-list>li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 140px;align-items:center;gap:1.5rem;padding:1.25rem 0;display:grid}.project-number{color:var(--accent);font:300 2rem DM Mono,monospace}.project-copy h3{margin:0;font-size:1.35rem}.project-copy p{color:var(--muted);margin:.35rem 0 .7rem;font-size:.82rem}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags span{border:1px solid var(--line);padding:.25rem .4rem;font:400 .56rem DM Mono,monospace}.project-links{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.project-links a{text-underline-offset:.25rem;font:500 .62rem DM Mono,monospace}.journey-list{border-left:1px solid var(--line);margin:1rem 0 0 15%}.journey-list li{grid-template-columns:40px 1fr;min-height:80px;padding:.8rem 0 .8rem 2rem;display:grid;position:relative}.journey-list li:before{content:"";background:var(--accent);width:7px;height:7px;position:absolute;top:1.1rem;left:-4px}.journey-list strong{font-size:1rem}.journey-list p{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.contact-layout{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;height:calc(100% - 100px);display:grid}.contact-callout{margin:0;font:500 clamp(2.2rem,5vw,5rem)/.95 DM Mono,monospace}.contact-callout i{color:var(--accent);font-style:normal}.contact-list{border-top:1px solid var(--line)}.contact-list a{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;display:grid}.contact-list small{color:var(--muted);font:400 .56rem DM Mono,monospace}.contact-list strong{overflow-wrap:anywhere;font-size:.78rem}.card-switcher{z-index:5;width:100%;height:var(--index-height);border-top:1px dashed var(--line);background:var(--index-surface);box-shadow:inset 0 3px 0 color-mix(in srgb, var(--line) 35%, transparent);position:absolute;inset:auto 0 0}.card-switcher>div{grid-template-columns:repeat(5,minmax(0,1fr));height:100%;display:grid}.card-switcher a{border-left:1px dashed var(--line);background:0 0;border-top:3px solid #0000;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding:.5rem .8rem .55rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:flex;position:relative}.card-switcher a:first-child{border-left:0}.card-switcher a:hover{color:var(--accent);background:color-mix(in srgb, var(--panel) 52%, transparent)}.card-switcher a:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-3px}.card-switcher a.is-active{color:var(--accent);border-top-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.card-switcher a.is-active:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}[data-theme=dark] .card-switcher a.is-active{color:var(--ink)}.card-switcher small{opacity:.72;font:400 .5rem DM Mono,monospace}.card-switcher span{font-size:.7rem;font-weight:700}.site-footer{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 clamp(1rem,3vw,3rem);font:400 .56rem DM Mono,monospace;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=761px) and (height<=820px){.stage{gap:.4rem;padding-top:.45rem}.cover-copy{padding:2rem 3.5rem}h1{font-size:clamp(4rem,8vw,6.5rem)}.lead{margin-top:1rem;font-size:1rem}.cover-actions{margin-top:1.2rem}.portrait-frame{width:min(76%,210px)}.info-panel{padding:1.35rem 2.5rem}.info-panel header{padding-bottom:.65rem}.info-panel h2{font-size:3rem}.profile-layout{height:calc(100% - 62px)}.statement{font-size:1.65rem}.skill-list li{padding:.5rem;font-size:.72rem}.project-list{margin-top:.45rem}.project-list>li{grid-template-columns:52px 1fr 125px;gap:1rem;padding:.58rem 0}.project-number{font-size:1.35rem}.project-copy h3{font-size:1.05rem}.project-copy p{margin:.15rem 0 .35rem;font-size:.7rem;line-height:1.35}.tags span{padding:.15rem .25rem;font-size:.48rem}.journey-list{margin-top:.4rem}.journey-list li{min-height:0;padding-top:.45rem;padding-bottom:.45rem}.journey-list strong{font-size:.82rem}.journey-list p{font-size:.66rem}.contact-layout{height:calc(100% - 65px)}.contact-callout{font-size:3.2rem}.contact-list a{padding:.65rem 0}}@media (width<=760px){body{grid-template-rows:60px minmax(0,1fr)}.ambient{opacity:.32;background-position:58%}[data-theme=dark] .ambient{opacity:.34}.site-header{grid-template-columns:minmax(0,1fr) auto;height:60px;padding:0 1rem}.site-header>p{display:none}.wordmark{gap:.5rem}.wordmark-mark{width:19px}.wordmark small{color:var(--ink);gap:.4rem;font-size:.5rem}.header-tools{padding:2px}.language-control select,.icon-button{height:34px}.stage{width:min(100% - 2rem,590px);height:100%;min-height:0;padding:1rem 0;display:block}.stage-meta{display:none}.card-deck{width:100%;height:100%;min-height:0;filter:drop-shadow(0 20px 32px color-mix(in srgb, var(--ink) 27%, transparent));place-items:center;display:grid}.ticket-frame{--ticket-angle:0deg;--index-height:60px;--ticket-shape:polygon(0 0, 100% 0, 100% 60%, calc(100% - 11px) 62.5%, 100% 65%, 100% 100%, 0 100%, 0 65%, 11px 62.5%, 0 60%);aspect-ratio:auto;border:1px solid var(--line);width:100%;height:min(100%,540px);max-height:100%;box-shadow:none;backdrop-filter:blur(16px);clip-path:var(--ticket-shape);transform:none}.ticket-frame:before{background:linear-gradient(145deg,#ffffff1a,#0000 36%);display:block}[data-theme=dark] .ticket-frame:before{display:none}.ticket-topline{grid-template-columns:21% 14% 1fr;height:18px}.ticket-topline span{padding-right:1rem;font-size:.44rem}.panel{inset:18px 0 var(--index-height);background-color:var(--panel);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow:hidden auto}.cover-panel{grid-template:"portrait"124px"copy"minmax(0,1fr)/1fr;overflow:hidden}.cover-copy{border-right:0;grid-area:copy;justify-content:flex-start;min-height:0;padding:2rem 1.25rem 2.6rem}.eyebrow{margin-bottom:.75rem;font-size:.58rem}h1{font-size:clamp(3.75rem,18vw,4.65rem);line-height:.82}.lead{margin-top:1rem;font-size:.92rem;line-height:1.45}.cover-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;width:100%;margin-top:1.25rem;display:grid}.primary-action,.text-action{gap:.75rem;min-width:0;min-height:46px;padding:.75rem .85rem;font-size:.68rem}.text-action{border:1px solid var(--line)}.portrait-block{border-bottom:1px dashed var(--line);flex-direction:row;grid-area:portrait;justify-content:center;align-items:center;padding:.8rem 1.25rem}.portrait-block:before{content:"PERSONAL PASS / KY-0315";font-size:.42rem;top:.65rem;left:auto;right:.8rem;transform:none}.portrait-block:after{display:none}.portrait-frame{width:88px;margin:0}.portrait-block>p{flex-direction:column;gap:.35rem;width:auto;margin:.9rem 0 0;font-size:.55rem;position:absolute;right:1.25rem}.cover-panel>footer{background:var(--panel);padding:.55rem 1.25rem;font-size:.46rem;bottom:0}.cover-panel>footer span:last-child{display:none}.info-panel{padding:1.2rem 1.25rem 1.75rem}.info-panel header{background:var(--panel);align-items:start;padding-bottom:.9rem}.info-panel header p{padding-top:.2rem;font-size:.54rem}.info-panel h2{text-align:right;max-width:62%;font-size:2.15rem;line-height:.95}.profile-layout,.contact-layout{height:auto;display:block}.profile-layout{padding-top:1.5rem}.statement{font-size:1.45rem;line-height:1.4}.status{margin-top:1.1rem;font-size:.58rem}.skill-list{grid-template-columns:1fr 1fr;margin-top:1.5rem}.skill-list li{gap:.65rem;min-width:0;padding:.7rem .35rem;font-size:.76rem}.project-list{margin-top:.3rem}.project-list>li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:.7rem;padding:1rem 0}.project-number{padding-top:.05rem;font-size:1.15rem}.project-copy h3{font-size:1.1rem}.project-copy p{margin:.35rem 0 .65rem;font-size:.74rem;line-height:1.5}.tags span{padding:.2rem .3rem;font-size:.48rem}.project-links{flex-direction:row;grid-column:2;align-items:center;gap:1rem;margin-top:.05rem}.project-links a{align-items:center;min-height:32px;font-size:.57rem;display:inline-flex}.journey-list{margin:.5rem 0 0 .25rem}.journey-list li{grid-template-columns:28px minmax(0,1fr);min-height:0;padding:.85rem 0 .85rem 1.25rem}.journey-list strong{font-size:.88rem;line-height:1.35}.journey-list p{font-size:.7rem;line-height:1.5}.contact-callout{margin:1.5rem 0 1.75rem;font-size:2.25rem}.contact-list a{grid-template-columns:64px minmax(0,1fr) auto;gap:.75rem;min-height:54px;padding:.75rem 0}.contact-list strong{font-size:.72rem}.card-switcher{height:var(--index-height);box-shadow:0 -8px 24px color-mix(in srgb, var(--ink) 8%, transparent);border-top-style:solid}.card-switcher>div{grid-template-rows:none;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:100%}.card-switcher a{border-top:3px solid #0000;border-left:0;justify-content:center;align-items:center;gap:.2rem;width:auto;min-width:0;height:60px;padding:.45rem .2rem .4rem}.card-switcher a.is-active:after{width:4px;height:4px;top:7px;right:50%;transform:translate(16px)}.card-switcher small{font-size:.46rem}.card-switcher span{font-size:.66rem}.card-switcher a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-footer{display:none}}@media (width<=760px) and (height<=740px){.cover-panel{grid-template-rows:108px minmax(0,1fr)}.cover-copy{padding:1.35rem 1.25rem 2.4rem}.portrait-frame{width:76px}.portrait-block>p{margin-top:.75rem}h1{font-size:3.65rem}.lead{margin-top:.65rem;font-size:.8rem}.cover-actions{margin-top:.8rem}.primary-action,.text-action{min-height:42px;padding:.6rem .7rem}}@media (width<=350px){.site-header{padding:0 .75rem}.wordmark{gap:.4rem}.wordmark small{gap:.3rem;font-size:.44rem}.header-tools{gap:0}.language-control select{min-width:68px;padding-left:.5rem}.icon-button{width:32px}.stage{width:calc(100% - 1rem);padding:.5rem 0}.cover-copy,.info-panel{padding-left:1rem;padding-right:1rem}h1{font-size:3.35rem}.primary-action,.text-action{padding-left:.55rem;padding-right:.55rem;font-size:.62rem}.card-switcher span{font-size:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}