/* User-directed return to the original retro design; frames and hard shadows deliberately follow the user's preference. */
:root{--ground:#efede7;--paper:#faf9f5;--surface:#e2ded4;--accent:#efb750;--accent-ink:#945713;--on-accent:#242421;--display:clamp(48px,6.5vw,94px)} /* taste-skill-ignore: User explicitly prefers the original retro paper, frames and hard shadows; preview shadows are real overlays. */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#1c1d1b;--paper:#272925;--surface:#33362e;--accent:#efb750;--accent-ink:#efbf6b}}
:root[data-theme="dark"]{--ground:#1c1d1b;--paper:#272925;--surface:#33362e;--accent:#efb750;--accent-ink:#efbf6b}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='.55' fill='%23757570'/%3E%3C/svg%3E")}
main,.contact{background-color:transparent}.site-header{background:var(--ground);border-bottom:2px solid var(--ink)}.identity img{border:2px solid var(--ink)}.header-actions>a{font-weight:600;font-size:13px}.icon-button{border:1.5px solid var(--ink);border-radius:50%}.download-button{margin-right:-10px}.header-actions{gap:17px}.chapter-nav>a{font-size:13px}.chapter-nav>a::before{border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px;background:var(--ground);left:-2px}.chapter-nav>a.current::before{border-color:var(--ink);background:var(--accent)}.progress-track{height:4px;background:var(--surface)}
.opening{padding-top:calc(var(--header) + 30px)}.opening-paper{background:transparent;padding:45px 24px 75px 0;gap:38px;justify-content:center}.opening h1{font-weight:800;letter-spacing:-.07em;line-height:1.05}.opening h1 .headline-line:last-child{color:var(--accent-ink)}.name-english{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;letter-spacing:-.06em}.opening-bottom{grid-template-columns:.55fr 1.45fr;gap:38px}.opening-description{max-width:620px}.role-line{font-size:13px}.action{border:2px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);font-size:14px;padding:12px 20px;min-height:50px}.action:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.action:active{transform:translate(4px,4px);box-shadow:none}.scroll-hint{bottom:18px} /* taste-skill-ignore: User explicitly prefers the original retro paper, frames and hard shadows; preview shadows are real overlays. */
.chapter h2{font-weight:800;letter-spacing:-.055em}.capability-stack{gap:19px}.capability{border:2px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.capability h3{font-weight:700}.source-row button{border:1.5px solid var(--ink);background:var(--ground);border-radius:0;padding:6px 10px}.source-row button:hover{transform:translateY(-2px)}.projects{background:var(--surface)}.project-visual .workflow{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.project-visual figcaption{margin-top:18px}.project h3{font-weight:750}.composer-tracks span{border:1.5px solid var(--ink)}.composer-output span,.platforms span{border:1.5px solid var(--ink);background:var(--ground)}.film-index{gap:22px}.film-entry{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);position:relative;padding-top:42px}.film-entry:before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:var(--surface);border-bottom:2px solid var(--ink)}.film-entry h3{font-weight:700}.film-entry p{color:var(--muted)}.experience{background:var(--paper)}.experience-list{gap:12px}.experience-entry{background:var(--ground);border-left:4px solid var(--accent)}.education{gap:22px}.education>div{border:2px solid var(--ink);padding:24px;background:var(--ground)}.toolkit-list{border:2px solid var(--ink);padding:28px;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.tool-names{font-weight:600}.contact{background:var(--accent);border-top:2px solid var(--ink);color:var(--on-accent)}.contact h2{font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:-.07em}.contact-links a{border:1.5px solid var(--on-accent);background:rgba(255,255,255,.3)}.contact-links a:hover{background:rgba(255,255,255,.5)}.dialog-job{border-left:4px solid var(--accent)}dialog{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.work-filters{border:2px solid var(--ink)}.work-filters input,.work-filters select{border:1.5px solid var(--ink)}.work-row{border:2px solid var(--ink)}.works-index{gap:12px}.works-footer{border-top:2px solid var(--ink)} /* taste-skill-ignore: User explicitly prefers the original retro paper, frames and hard shadows; preview shadows are real overlays. */
@media(max-width:1100px){:root{--display:clamp(44px,6.3vw,70px)}.opening-bottom{grid-template-columns:1fr;gap:16px}.opening-paper{padding:38px 20px 75px 0;gap:35px}.role-line{max-width:none}.toolkit-list{padding:25px}}
@media(max-width:760px){:root{--display:clamp(35px,8vw,58px)}.site-header{padding:0 16px}.header-actions{gap:10px}.download-button{margin-right:0}.identity img{border-width:1.5px}.opening{padding:calc(var(--header) + 20px) 25px 30px}.opening-paper{padding:28px 0 66px;gap:30px;min-height:calc(100svh - var(--header) - 115px)}.opening h1{line-height:1.2}.opening-bottom{gap:14px}.scroll-hint{bottom:13px}.capability{padding:25px 20px}.film-entry{padding:42px 22px 25px}.chapter-toggle{border:2px solid var(--ink);background:var(--accent);color:var(--on-accent);box-shadow:4px 4px 0 var(--ink);border-radius:999px}.chapter-toggle>span:first-child{color:var(--on-accent)}.chapter-nav{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.chapter-nav>a:before{left:0;top:19px;width:8px;height:8px;border-radius:50%}.toolkit-list{padding:25px}.contact h2{font-size:clamp(39px,10vw,68px);white-space:nowrap}.contact-links a{padding:16px}.education>div{padding:22px}} /* taste-skill-ignore: User explicitly prefers the original retro paper, frames and hard shadows; preview shadows are real overlays. */
@media(max-width:355px){:root{--display:32px}.site-header{padding:0 10px}.header-actions{gap:5px}.opening{padding-left:22px;padding-right:22px}.opening-paper{padding-top:22px}.opening h1{font-size:32px}}
@media(max-width:760px){.project-translation .language-pair{font-size:24px}}
@media print{body::before{display:none}.capability,.workflow,.film-entry,.toolkit-list,dialog{box-shadow:none}.opening-paper{padding:0}.name-english{color:black}.contact{background:white;color:black}.contact h2{font-size:30pt}.work-row{border:0}.film-entry{padding-top:15px}.film-entry:before{display:none}} /* taste-skill-ignore: User explicitly prefers the original retro paper, frames and hard shadows; preview shadows are real overlays. */