#personal.wrap,#skills.wrap{width:100%;max-width:1664px;padding-left:64px;padding-right:64px}#personal #carousel{width:100%;max-width:none}.carousel-prev{left:16px}.carousel-next{right:16px}
.experience-sticky .ghost{font-size:clamp(90px,13.6vw,220px);letter-spacing:-.055em}.chapter{inset:48px 64px;gap:36px}.chapter-left{padding-right:30px}.chapter-right{padding-left:20px}
#skills{position:relative;overflow:visible;padding-top:130px}#skills .ghost{left:64px;right:64px;top:12px;font-size:clamp(70px,13vw,190px);line-height:1.08;white-space:nowrap}#skills.wrap{position:relative;z-index:1}#contact{padding-left:max(64px,calc((100vw - 1536px)/2));padding-right:max(64px,calc((100vw - 1536px)/2))}#contact h2{font-size:clamp(64px,9.4vw,150px)}
.project-visual{width:100%;max-width:900px}.project-title{font-size:clamp(60px,7vw,116px)}
.contract-case{width:100%;background:#14151a;border:1px solid #ffffff24;border-radius:18px;padding:28px;box-sizing:border-box}.case-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:#a9a3b6;padding-bottom:16px;border-bottom:1px solid #ffffff18}.contract-case h3{font-size:clamp(22px,2.1vw,32px);line-height:1.35;margin:24px 0;color:#faf8ff}.contract-intake{padding:14px 18px;background:#c4a7ff0c;border-left:2px solid #b598e5}.contract-intake span,.contract-output small,.contract-tools small{display:block;font-size:10px;color:#aaa0bc;margin-bottom:8px}.contract-intake strong{font-size:15px}.contract-arrow{text-align:center;color:#ac8fd1;padding:8px}.contract-main{display:grid;grid-template-columns:1fr auto 1.15fr;align-items:center;gap:16px;border:1px solid #a789d44d;padding:20px;border-radius:8px}.contract-main h4{font-size:16px;margin:0 0 9px}.contract-main p{font-size:11px;line-height:1.8;color:#b6aeca;margin:0}.contract-tools{display:grid;gap:8px}.contract-tools span{display:block;border-bottom:1px solid #ffffff16;padding-bottom:7px;font-size:11px}.contract-tools small{margin:0}.contract-output{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#ffffff05}.contract-output strong{font-size:12px}.contract-gate{border:1px solid #d9edaa70;color:#d9edaa;padding:8px 10px;font-size:10px;white-space:nowrap}.contract-evidence{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;gap:12px}.contract-evidence strong{display:block;font-size:27px;font-weight:500}.contract-evidence span{display:block;color:#a39baa;font-size:10px;margin-top:7px}.case-open{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0;border:0;border-top:1px solid #ffffff20;background:none;color:#eee6fa;text-align:left;cursor:pointer;font-size:12px}.case-disclosure{font-size:9px!important;line-height:1.6!important;color:#898390!important;margin:8px 0 0!important}
.stream-case{background:#121812;border-color:#bddf6533;padding:20px}.stream-case .case-top{color:#adbb9b}.stream-cover{display:block;position:relative;width:100%;padding:0;border:1px solid #d8edaa30;background:#101510;cursor:zoom-in;border-radius:8px;overflow:hidden;margin-top:18px}.stream-cover img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.stream-cover>span{position:absolute;bottom:12px;right:12px;background:#d5ecaa;color:#1b2514;padding:9px 13px;border-radius:20px;font-size:11px}.stream-path{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#b9c8a7;padding:17px 0}.stream-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stream-thumbs button{border:1px solid #ffffff20;background:#ffffff04;padding:5px;color:#c8d5ba;text-align:left;cursor:zoom-in;border-radius:5px}.stream-thumbs img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top}.stream-thumbs span{display:block;font-size:10px;padding:8px 3px}
#flow-dialog.case-dialog{width:min(1400px,94vw);max-width:94vw;max-height:92dvh;padding:32px;background:#111317;border:1px solid #ffffff30;border-radius:18px;overflow:auto;color:#f2eff8}#flow-dialog.case-dialog::backdrop{background:#090a10d9;backdrop-filter:blur(12px)}.case-dialog .dialog-close{position:sticky;top:0;float:right;z-index:5;width:44px;height:44px;border-radius:50%;background:#262830;color:#fff}.case-dialog #flow-title{font-size:clamp(24px,3vw,42px);margin:0 60px 24px 0}.case-tabs{display:flex;gap:24px;border-bottom:1px solid #ffffff22;margin-bottom:28px}.case-tabs button{min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:#a7a1b2;cursor:pointer;font-size:13px;padding:10px 0}.case-tabs button[aria-selected=true]{border-color:#d5ecaa;color:#f4f7ec}.case-reading{max-width:1100px;margin:auto}.case-reading h3{font-size:clamp(24px,3vw,42px);line-height:1.35;margin:20px 0 32px}.case-reading .contract-map{max-width:850px;margin:auto}.case-reading .contract-main p{font-size:14px}.case-reading .contract-tools span{font-size:13px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px 48px;margin-top:32px}.case-columns h4{font-size:17px;margin:0 0 10px}.case-columns p,.case-reading>p{font-size:14px;line-height:1.9;color:#aaa6b4}.case-source-note{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff1c;font-size:11px!important;line-height:1.8;color:#928b9f}.case-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.case-stat-row b{display:block;font-size:42px;color:#dac5ff}.case-stat-row span{display:block;font-size:12px;color:#aca4b8;margin-top:10px}.case-steps{font-size:14px;line-height:2.1;color:#bbb4c5;padding-left:20px}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.screen-toolbar p{font-size:14px;line-height:1.8;color:#b3bbae;margin:0}[data-screen-zoom]{flex-shrink:0;border:1px solid #ffffff33;border-radius:30px;min-height:44px;padding:10px 20px;background:transparent;color:#e6efd9;cursor:zoom-in}.screen-viewport{max-height:66dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff26;border-radius:8px;background:#111611}.screen-viewport img{display:block;width:100%;max-width:none}.screen-viewport.is-zoomed img{width:max(100%,2200px)}
@media(max-width:1023px){#personal.wrap,#skills.wrap{padding-left:32px;padding-right:32px}.chapter{inset:32px;gap:24px}.chapter-left,.chapter-right{padding:0}#skills .ghost{left:32px;right:32px}#contact{padding-left:32px;padding-right:32px}.contract-case{padding:20px}.contract-main{padding:14px;gap:12px}}
@media(max-width:639px){#personal.wrap,#skills.wrap{padding-left:24px;padding-right:24px}.chapter{inset:auto;padding-left:24px;padding-right:24px}#skills{padding-top:100px}#skills .ghost{left:24px;right:24px;font-size:16vw}#contact{padding-left:24px;padding-right:24px}#contact h2{font-size:14vw}html[lang=en] #contact h2{font-size:10vw}.contract-main{grid-template-columns:1fr}.contract-main>span{text-align:center}.contract-output{align-items:flex-start;flex-direction:column}.contract-evidence strong{font-size:23px}.case-top{font-size:8px;gap:10px}.stream-path{font-size:8px}.stream-thumbs span{font-size:9px}#flow-dialog.case-dialog{padding:20px}.case-tabs{gap:16px}.case-tabs button{font-size:11px}.case-columns,.case-stat-row{grid-template-columns:1fr;gap:20px}.screen-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.case-stat-row b{font-size:32px}}
.experience-sticky.wrap{max-width:1664px;width:100%}.project-visual>div{max-width:900px}.contract-main>div>span,.contract-output>div>span{display:block;font-size:10px;color:#b6a8c7;margin-bottom:8px}.contract-main>div>strong{font-size:17px}.contract-tools small{padding:6px 0;border-bottom:1px solid #ffffff16}.contract-evidence>span{font-size:10px;color:#aca4b8}.contract-evidence b{display:block;color:#f7f3ff;font-size:28px;margin-bottom:8px}.contract-intake p{font-size:11px;line-height:1.7;margin-top:8px;color:#aaa0bc}.contract-case h3{font-size:clamp(22px,2.1vw,32px)}.stream-case{border:1px solid #bddf6533;border-radius:18px}.artroom-wordmark span{font-family:inherit;font-weight:400;font-size:1.55cqw;line-height:1.7}
@media(min-width:1024px){.experience-sticky .ghost{left:0;width:100%;transform:none;font-size:clamp(90px,13.3vw,220px)}}
@media(max-width:639px){.artroom-wordmark span{font-size:3cqw}.experience-sticky.wrap{padding-inline:24px}.chapter{padding-left:20px;padding-right:0}.contract-main>div>strong{font-size:15px}}
/* Navigation sits outside the artwork; background typography spans the section. */
@media(min-width:640px){#personal.wrap{padding-inline:88px}#personal-panel:has(.ensemble-gallery){aspect-ratio:614/427}#personal .carousel-prev,#personal .carousel-next{width:48px;height:48px;top:calc(31.25cqw - 24px)}#personal .carousel-prev{left:-68px}#personal .carousel-next{right:-68px}#personal:has(.ensemble-gallery) .carousel-prev,#personal:has(.ensemble-gallery) .carousel-next{top:calc(34.772cqw - 24px)}}
#skills.wrap{isolation:isolate;overflow:hidden;padding-top:160px}#skills .ghost{left:20px;right:auto;top:35px;width:calc(100% - 40px);font-size:clamp(130px,21.5vw,355px);font-weight:900;letter-spacing:-.065em;line-height:.95;color:#ffffff0b;z-index:-1;text-align:center}#skills>.section-title,#toolkit,.extras{z-index:1}#toolkit article{background:#111317dd}.extras{position:relative}
@media(max-width:1023px) and (min-width:640px){#personal.wrap{padding-inline:76px}#personal .carousel-prev{left:-60px}#personal .carousel-next{right:-60px}}
@media(max-width:639px){#personal .carousel-prev,#personal .carousel-next{top:calc(133.333cqw + 12px);width:44px;height:44px}#personal .carousel-prev{left:0}#personal .carousel-next{right:0}#personal:has(.ensemble-gallery) .carousel-prev,#personal:has(.ensemble-gallery) .carousel-next{top:calc(max(480px,155cqw) + 12px)}#personal .carousel-tabs{margin-top:72px}#skills.wrap{padding-top:110px}#skills .ghost{left:8px;top:45px;width:calc(100% - 16px);font-size:22vw}}