.case-hksa{background:#fff8f7;color:#202020;font-family:'PP Neue Montreal','Instrument Sans',sans-serif}.hksa-rail{position:fixed;inset:0 auto 0 0;width:16%;border-right:1px solid #eee6e5;z-index:21;pointer-events:none}.hksa-rail nav{display:flex;flex-direction:column;gap:22px;margin:140px 0 0 16.5%;font-size:14px;pointer-events:auto}.hksa-rail a{color:inherit;text-decoration:none}.hksa-rail a:hover{color:#bd5a5f}.hksa-main{width:71.2%;margin:0 6.4% 0 22.4%;padding-top:123px}.hksa-main section{scroll-margin-top:110px}.hksa-label{display:inline-block;background:#f2eae8;color:#8e7978;padding:5px 10px;border-radius:20px;font-size:12px}.hksa-main h1{font-size:clamp(26px,2.8vw,46px);line-height:1.15;letter-spacing:-.035em;font-weight:400;margin:22px 0}.hksa-identity{aspect-ratio:1.52;background-color:#cf8186;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:25% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff8eb;font-family:Georgia,serif;font-style:italic;gap:8px}.hksa-identity span:first-child{font-size:clamp(15px,2vw,30px)}.hksa-identity strong{font-size:clamp(58px,9vw,140px);font-weight:400;line-height:1;color:transparent;-webkit-text-stroke:1px #fff8eb;letter-spacing:-.045em}.hksa-identity span:last-child{font-size:clamp(14px,1.7vw,25px)}.hksa-meta{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:20px;margin:20px 0 0;font-size:12px;line-height:1.5}.hksa-meta dt{color:#a58e8c;margin-bottom:10px}.hksa-meta dd{margin:0}.hksa-gallery{display:grid;gap:20px;margin-top:100px;margin-bottom:120px}.hksa-gallery section{margin:0;overflow:hidden}.hksa-gallery img{display:block;width:100%;height:auto}.hksa-event{aspect-ratio:1784/1164;position:relative;background:#e35d5e}.hksa-event img{position:absolute;top:0;left:0;width:194.17%;max-width:none}.hksa-community{aspect-ratio:1784/1164}.hksa-community img{max-width:none}.case-page.case-hksa .case-next{box-sizing:border-box;width:71.2%;margin:80px 6.4% 0 22.4%;grid-template-columns:minmax(0,1fr) minmax(140px,32%);padding:32px 28px;min-height:240px;background:#f8eeeb}.case-hksa .case-footer{box-sizing:border-box;width:71.2%;margin:80px 6.4% 0 22.4%;padding:28px 0;background:transparent}.case-hksa .case-next h2{font-size:clamp(24px,3vw,44px)}
@media(max-width:809px){.hksa-rail{display:none}.hksa-main{width:auto;margin:0 20px;padding-top:120px}.hksa-main h1{font-size:30px}.hksa-meta{grid-template-columns:1fr 1fr;gap:24px}.hksa-gallery{margin-top:64px;gap:14px;margin-bottom:60px}.case-page.case-hksa .case-next,.case-hksa .case-footer{width:calc(100% - 40px);margin:50px 20px 0}.case-page.case-hksa .case-next{grid-template-columns:minmax(0,1fr) 100px;gap:14px;padding:24px;min-height:220px}}
.case-hksa .hksa-identity,.case-hksa .hksa-identity span,.case-hksa .hksa-identity strong{font-family:Georgia,'Times New Roman',serif!important}
.hksa-cover-video{display:block;width:100%;height:auto;aspect-ratio:1.52;object-fit:contain;background:#000}
.hksa-cover-image{display:block;width:100%;height:auto}

/* All frames share identical geometry; visibility changes without movement. */
.hksa-hero-loop{overflow:hidden;aspect-ratio:2327/1520;background:#481918}
.hksa-hero-strip{display:grid;width:100%}
.hksa-hero-strip .hksa-cover-image{grid-area:1/1;display:block;width:100%;height:auto;transition:none;animation:2.25s step-end infinite;visibility:hidden}
.hksa-hero-strip .hksa-cover-image:nth-child(1){animation-name:hksa-frame-0}
@keyframes hksa-frame-0{0%{visibility:visible}20%,100%{visibility:hidden}}
.hksa-hero-strip .hksa-cover-image:nth-child(2){animation-name:hksa-frame-1}
@keyframes hksa-frame-1{0%{visibility:hidden}20%{visibility:visible}40%,100%{visibility:hidden}}
.hksa-hero-strip .hksa-cover-image:nth-child(3){animation-name:hksa-frame-2}
@keyframes hksa-frame-2{0%{visibility:hidden}40%{visibility:visible}60%,100%{visibility:hidden}}
.hksa-hero-strip .hksa-cover-image:nth-child(4){animation-name:hksa-frame-3}
@keyframes hksa-frame-3{0%{visibility:hidden}60%{visibility:visible}80%,100%{visibility:hidden}}
.hksa-hero-strip .hksa-cover-image:nth-child(5){animation-name:hksa-frame-4}
@keyframes hksa-frame-4{0%{visibility:hidden}80%{visibility:visible}100%{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.hksa-hero-strip .hksa-cover-image{animation:none}.hksa-hero-strip .hksa-cover-image:first-child{visibility:visible}}

.hksa-gallery .hksa-type-pair{display:grid;grid-template-columns:943fr 2010fr;gap:20px;align-items:stretch}
.hksa-gallery .hksa-type-pair img{width:100%;height:100%;object-fit:contain;min-width:0}
@media(max-width:809px){.hksa-gallery .hksa-type-pair{gap:14px}}

.hksa-gallery .hksa-merch{display:grid;grid-template-columns:30fr 69fr;gap:20px;align-items:stretch}
.hksa-merch-left{display:flex;flex-direction:column;gap:20px;min-width:0}
.hksa-gallery .hksa-merch-left>img{width:100%;height:auto}
.hksa-merch-note{flex:1;min-height:120px;padding:14px;background:#efeaea;border-radius:16px;overflow:hidden}
.hksa-merch-note p{font:italic 700 clamp(9px,1.2vw,22px)/1.05 Georgia,'Times New Roman',serif!important;letter-spacing:-.04em;white-space:nowrap;color:#080808}
.hksa-gallery .hksa-merch-mockup{width:100%;height:100%;object-fit:cover}
@media(max-width:809px){.hksa-gallery .hksa-merch{gap:14px}.hksa-merch-left{gap:14px}.hksa-merch-note{padding:8px;border-radius:10px;min-height:75px}.hksa-merch-note p{font-size:clamp(5px,1.25vw,10px)!important}}
.case-hksa .hksa-merch-note p{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:700!important}

.hksa-gallery .hksa-type-video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#000;aspect-ratio:3/2}

.hksa-gallery .hksa-ferry-pair{display:grid;grid-template-columns:minmax(0,1664fr) minmax(0,1109fr);gap:20px;align-items:start}
.hksa-gallery .hksa-ferry-pair img{display:block;width:100%;height:auto;min-width:0}
@media(max-width:809px){.hksa-gallery .hksa-ferry-pair{gap:14px}}


.hksa-bio{padding:96px 0 124px}
.hksa-bio p{max-width:760px;margin:0 auto;font:400 30px/1.5 var(--portfolio-font-body);color:inherit;text-align:center}
@media(min-width:810px){.hksa-bio>p:first-child{width:calc(100% + 24px);max-width:none;margin-left:-12px;margin-right:-12px}}
.hksa-bio p.hksa-bio-description{margin-top:32px;font-size:20px}
@media(max-width:809px){.hksa-bio{padding:56px 0 80px}}

.hksa-gallery .hksa-social-pair{display:grid;grid-template-columns:minmax(0,1145fr) minmax(0,1588fr);gap:20px;align-items:start}
.hksa-gallery .hksa-social-pair img{width:100%;height:auto;min-width:0}
@media(max-width:809px){.hksa-gallery .hksa-social-pair{gap:14px}}

.hksa-gallery .hksa-primary-pair{display:grid;grid-template-columns:minmax(0,1145fr) minmax(0,1723fr);gap:20px;align-items:start}
.hksa-gallery .hksa-primary-pair img{width:100%;height:auto;min-width:0}
@media(max-width:809px){.hksa-gallery .hksa-primary-pair{gap:14px}}


.case-page.case-hksa .case-next.hksa-next-preview{display:block;border-radius:8px;padding:28px;overflow:hidden;background:#fff;min-height:0}
.hksa-next-heading{position:relative;margin-bottom:0}
.hksa-next-chip{display:inline-block;padding:5px 10px;border-radius:20px;background:#eee;color:#777;font-size:12px}
.case-hksa .hksa-next-preview h2{font-size:clamp(28px,3.8vw,52px);line-height:1.08;letter-spacing:-.04em;margin:22px 0 0;font-weight:500}
.hksa-next-cue{position:absolute;top:5px;right:0;font-size:12px;color:#777}
html[data-theme=dark] .hksa-next-chip{background:#333;color:#ddd}
@media(max-width:809px){.case-page.case-hksa .case-next.hksa-next-preview{padding:20px}.hksa-next-cue{position:static;display:block;margin-top:16px}}

/* Match the homepage thumbnail corners, including cropped media panels. */
.hksa-main img,.hksa-gallery video,.hksa-hero-loop,.hksa-gallery .hksa-event{border-radius:10px}

.hksa-gallery .hksa-identity-motion{display:block;width:100%;height:auto}

.hksa-class26-crop{overflow:hidden;border-radius:10px;min-width:0;aspect-ratio:2417/1577}.hksa-gallery .hksa-class26-crop img{width:calc(100% * 2421 / 2417);max-width:none;height:auto;margin-left:calc(-100% * 2 / 2417);margin-top:calc(-100% * 2 / 2417);border-radius:0}

@media(max-width:809px){.hksa-main .hksa-overview h1,.hksa-main .hksa-bio p{text-align:left}}