/* Alternative case compositions, scoped to the existing homepage. */
.hc-work{padding-top:105px;padding-bottom:110px;position:relative;overflow-anchor:none}
.hc-work [hidden]{display:none!important}
.hc-work button,.hc-work a{-webkit-tap-highlight-color:transparent}
.hc-work button{font:inherit;color:inherit}
.hc-work :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--emphasis);outline-offset:5px}
.hc-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.hc-heading h2{font-size:clamp(46px,5vw,76px);line-height:1.07}
.hc-heading p{font-size:13px;max-width:285px;color:var(--muted);padding-bottom:5px}
.hc-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:42px}
.hc-picker>span{font-size:12px;color:var(--muted)}
.hc-options{display:flex;gap:6px}
.hc-options button{font-size:12px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:40px;background:none;white-space:nowrap}
.hc-options button[aria-selected=true]{background:#fff0b5;color:var(--ink);border-color:#ae7822}
.hc-options button[aria-selected=false]{color:var(--muted);border-color:var(--border)}
.hc-variant{min-width:0}
.hc-screen{position:relative;display:block;width:100%;padding:0;background:var(--surface);border:1px solid var(--border);line-height:0;cursor:zoom-in;border-radius:10px;overflow:hidden;isolation:isolate}
.hc-screen img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none!important;translate:none!important;scale:none!important;border-radius:0;user-select:none}
.hc-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--control-border);border-radius:50%;color:var(--ink);background:var(--bg);font-size:22px;line-height:1;opacity:0;transition:opacity 160ms ease}
.hc-screen:focus-visible .hc-zoom{opacity:1}
.hc-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;font-size:12px;white-space:nowrap;color:var(--ink);flex-shrink:0}
.hc-link>span:last-child{font-size:25px;color:var(--emphasis);line-height:1;transition:transform 160ms ease}
.hc-focus{display:grid;grid-template-columns:minmax(230px,.37fr) minmax(0,1fr);gap:48px;align-items:start}
.hc-project-tabs{display:flex;flex-direction:column}
.hc-project-tab{position:relative;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);padding:21px 30px 21px 0;min-height:93px}
.hc-project-tab:first-child{padding-top:8px;min-height:80px}
.hc-project-name{display:block;font-weight:300;font-size:clamp(22px,2.15vw,34px);line-height:1.2;letter-spacing:-.05em;color:var(--muted)}
.hc-project-category{display:block;font-size:10px;line-height:1.45;color:var(--muted);margin-top:8px}
.hc-project-arrow{position:absolute;right:0;top:22px;font-size:22px;color:var(--emphasis);opacity:0}
.hc-project-tab:first-child .hc-project-arrow{top:10px}
.hc-project-tab[aria-selected=true] .hc-project-name{color:var(--ink)}
.hc-project-tab[aria-selected=true] .hc-project-category{color:var(--emphasis)}
.hc-project-tab[aria-selected=true] .hc-project-arrow{opacity:1}
.hc-stage{min-width:0}
.hc-project-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;min-height:87px;margin-bottom:22px}
.hc-project-intro h3{font-size:clamp(22px,2.3vw,35px);line-height:1.22;max-width:540px}
.hc-project .hc-screen{border:7px solid var(--surface);border-radius:14px;box-shadow:0 28px 65px #99621715}
.hc-ribbon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}
.hc-ribbon-toolbar p{font-size:12px;color:var(--muted)}
.hc-ribbon-controls{display:flex;gap:8px}
.hc-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--control-border);background:transparent;border-radius:50%;font-size:24px!important;line-height:1}
.hc-arrow:disabled{opacity:.3;cursor:default}
.hc-ribbon{display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:5px}
.hc-ribbon::-webkit-scrollbar{display:none}
.hc-ribbon.hc-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.hc-ribbon.hc-dragging .hc-screen{cursor:grabbing}
.hc-slide{min-width:0;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.hc-slide-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:25px}
.hc-slide-heading h3{font-size:clamp(38px,5.8vw,88px);line-height:1.12}
.hc-slide-heading>span{font-size:12px;color:var(--muted)}
.hc-slide-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:34px;align-items:stretch}
.hc-slide .hc-screen{align-self:start;border:0;border-radius:5px}
.hc-slide-copy{display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:24px;gap:22px}
.hc-slide-copy>p:first-child{font-size:clamp(21px,2.15vw,32px);font-weight:300;line-height:1.35;letter-spacing:-.04em}
.hc-slide-copy .hc-slide-detail{font-size:12px;line-height:1.7;color:var(--muted)}
.hc-slide-copy .hc-link{margin-top:auto;align-self:start}
.hc-ribbon-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.hc-ribbon-hint,.hc-current{font-size:11px;color:var(--muted)}
.hc-ribbon-hint{flex:1}
.hc-current{flex:1;text-align:right}
.hc-dots{display:flex;align-items:center;gap:1px}
.hc-dot{padding:0;display:grid;place-items:center;width:44px;height:44px;background:none;border:0}
.hc-dot span{display:block;width:6px;height:6px;border-radius:10px;background:var(--control-border)}
.hc-dot[aria-pressed=true] span{width:25px;background:var(--emphasis)}
.hc-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 40px;align-items:start}
.hc-gallery-item{min-width:0;grid-column:span 7}
.hc-gallery-item-2{grid-column:span 5;margin-top:150px}
.hc-gallery-item-3{grid-column:span 5;margin-top:0}
.hc-gallery-item-4{grid-column:span 7;margin-top:130px}
.hc-gallery-item-5{grid-column:3 / 11;margin-top:8px}
.hc-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.hc-category{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:11px}
.hc-gallery-heading h3{font-size:clamp(25px,3vw,46px);line-height:1.15}
.hc-gallery .hc-screen{border-radius:4px}
.hc-gallery-note{font-size:12px;color:var(--muted);max-width:400px;margin-top:16px}
.hc-footer{display:flex;justify-content:flex-end;align-items:center;gap:24px;border-top:1px solid var(--border);margin-top:50px;padding-top:19px}
.hc-footer p{font-size:12px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){
 .hc-link:hover>span:last-child{transform:translate(2px,-2px)}
 .hc-screen:hover .hc-zoom{opacity:1}
 .hc-project-tab:hover .hc-project-name{color:var(--emphasis)}
 .hc-options button[aria-selected=false]:hover,.hc-arrow:not(:disabled):hover{background:var(--surface);color:var(--ink)}
}
@media(max-width:1100px){
 .hc-focus{grid-template-columns:minmax(200px,.38fr) minmax(0,1fr);gap:30px}
 .hc-slide-body{grid-template-columns:minmax(0,2.5fr) minmax(180px,1fr);gap:25px}
 .hc-slide-copy{gap:16px;padding-top:16px}
 .hc-slide-copy .hc-slide-detail{font-size:11px}
 .hc-gallery{gap:50px 28px}
}
@media(max-width:800px){
 .hc-work{padding-top:65px;padding-bottom:75px}
 .hc-heading{display:block;margin-bottom:30px}
 .hc-heading h2{font-size:clamp(38px,7vw,58px)}
 .hc-heading p{margin-top:22px}
 .hc-picker{align-items:start;flex-direction:column;gap:12px;margin-bottom:30px}
 .hc-focus{grid-template-columns:1fr;gap:24px}
 .hc-project-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:22px;padding-bottom:10px}
 .hc-project-tabs::-webkit-scrollbar{display:none}
 .hc-project-tab,.hc-project-tab:first-child{flex:0 0 auto;min-height:74px;padding:5px 0 14px;border-bottom:2px solid transparent;max-width:230px}
 .hc-work .hc-project-tab:focus-visible{outline-offset:-2px}
 .hc-project-tab[aria-selected=true]{border-bottom-color:var(--emphasis)}
 .hc-project-name{font-size:25px}
 .hc-project-category{font-size:10px;white-space:normal}
 .hc-project-arrow{display:none}
 .hc-project-intro{min-height:74px;margin-bottom:18px}
 .hc-project-intro h3{font-size:27px}
 .hc-project .hc-screen{border-width:5px;border-radius:11px}
 .hc-slide-body{grid-template-columns:1fr;gap:23px}
 .hc-slide-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 30px;padding-top:20px}
 .hc-slide-copy>p:first-child{font-size:24px}
 .hc-slide-copy .hc-slide-detail{grid-column:1;font-size:12px}
 .hc-slide-copy .hc-link{grid-column:2;grid-row:1 / 3;align-self:start}
 .hc-slide-heading h3{font-size:48px}
 .hc-slide-heading>span{font-size:10px}
 .hc-gallery{gap:45px 22px}
 .hc-gallery-item-2{margin-top:100px}
 .hc-gallery-item-4{margin-top:90px}
 .hc-gallery-heading{align-items:start;gap:10px}
 .hc-gallery-heading h3{font-size:25px}
 .hc-gallery-heading .hc-link{gap:12px}
}
@media(max-width:540px){
 .hc-work{padding-top:50px;padding-bottom:60px}
 .hc-heading h2{font-size:clamp(33px,9.1vw,48px)}
 .hc-heading p{font-size:12px;line-height:1.65}
 .hc-picker{margin-bottom:24px}
 .hc-picker>span{font-size:11px}
 .hc-options{display:grid;grid-template-columns:1fr 1.35fr 1fr;width:100%;gap:5px}
 .hc-options button{font-size:10px;padding:10px 6px;min-width:0}
 .hc-project-tabs{gap:20px}
 .hc-project-tab,.hc-project-tab:first-child{max-width:195px}
 .hc-project-name{font-size:23px}
 .hc-project-intro{display:block;min-height:0}
 .hc-project-intro h3{font-size:26px;max-width:340px;min-height:3.66em}
 .hc-project-intro .hc-link{margin-top:10px}
 .hc-zoom{width:28px;height:28px;right:7px;bottom:7px;font-size:19px}
 .hc-ribbon-toolbar{align-items:center;gap:15px}
 .hc-ribbon-toolbar p{font-size:11px;max-width:155px}
 .hc-arrow{width:44px;height:44px}
 .hc-slide-heading{display:block;margin-bottom:20px}
 .hc-slide-heading h3{font-size:clamp(33px,9.5vw,48px);margin-bottom:10px;overflow-wrap:anywhere}
 .hc-slide-heading>span{font-size:11px}
 .hc-slide-copy{display:flex;gap:16px}
 .hc-slide-copy>p:first-child{font-size:25px}
 .hc-slide-copy .hc-slide-detail{font-size:12px}
 .hc-slide-copy .hc-link{align-self:flex-start}
 .hc-ribbon-bottom{flex-wrap:wrap;justify-content:center;gap:0;margin-top:10px}
 .hc-ribbon-hint{display:none}
 .hc-current{flex-basis:100%;text-align:center}
 .hc-gallery{display:flex;flex-direction:column;gap:45px}
 .hc-gallery-item{width:100%;margin-top:0}
 .hc-gallery-heading{align-items:end;margin-bottom:16px}
 .hc-gallery-heading h3{font-size:31px;overflow-wrap:anywhere}
 .hc-category{font-size:10px;margin-top:8px}
 .hc-gallery-heading .hc-link{font-size:11px;gap:10px}
 .hc-gallery-note{margin-top:14px;font-size:11px}
 .hc-footer{margin-top:35px;gap:18px}
 .hc-footer p{font-size:11px;max-width:150px}
 .hc-footer .hc-link{font-size:11px;gap:20px}
}
@media(prefers-reduced-motion:reduce){.hc-link>span:last-child,.hc-zoom{transition:none}.hc-link:hover>span:last-child{transform:none}}