/* Curated rail and the editable category gallery. */
.ak-edit-tabs{display:flex;gap:24px;margin-bottom:18px}
.ak-site .ak-edit-tabs [role=tab]{position:relative;min-width:64px;min-height:44px;margin:0;padding:8px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ak-stone);font:inherit;cursor:pointer}
.ak-site .ak-edit-tabs [aria-selected=true]{color:var(--ak-bone)}
.ak-edit-tabs [role=tab]:after{content:"";position:absolute;left:2px;right:2px;bottom:3px;height:1px;background:currentColor;opacity:0}
.ak-edit-tabs [aria-selected=true]:after{opacity:1}
.ak-edit-tabs [role=tab]:focus-visible{outline:1px solid var(--ak-bone);outline-offset:4px}
.ak-edit-panel[hidden]{display:none!important}
.ak-edit-panel>.ak-collection{padding:0}
.ak-edit-panel>.ak-collection>.ak-seam,.ak-edit-panel>.ak-collection>.ak-section-head{display:none}
.ak-edit-footer{display:flex;justify-content:center;margin-top:30px}
.ak-edit-footer .ak-button{width:min(100%,320px)}
.ak-edit-empty{padding-block:32px;color:var(--ak-stone)}

/* One continuous photographic surface, joined by quiet fabric-like curves. */
.ak-category-gallery{margin-block:30px 26px}
.ak-site .ak-category-heading{font:400 clamp(28px,6.8vw,46px)/1.12 var(--ak-display);letter-spacing:-.025em;margin:0 0 24px;max-width:20ch}
.ak-category-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;isolation:isolate;border-radius:20px 3px 20px 3px;background:var(--ak-surface)}
.ak-category-tile{position:relative;display:block;min-width:0;width:102.05%;aspect-ratio:1/1;overflow:hidden;clip-path:var(--category-edge);z-index:2;color:var(--ak-bone);-webkit-tap-highlight-color:transparent}
.ak-category-tile:nth-of-type(2n){width:100%;clip-path:none;z-index:1;aspect-ratio:auto}
.ak-category-photo{position:absolute;inset:0;display:block;overflow:hidden;background:var(--ak-surface)}
.ak-site .ak-category-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--category-x) var(--category-y);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ak-category-tile:after{content:'';position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(16,16,15,.3) 42%,rgba(16,16,15,.82))}
.ak-category-caption{position:absolute;left:14px;right:14px;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;font:400 clamp(14px,3.6vw,18px)/1.35 var(--ak-sans);letter-spacing:.01em}
.ak-category-caption>span{max-width:18ch;text-wrap:balance}
.ak-category-caption .ak-icon{width:18px;height:18px;flex-shrink:0;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ak-category-thread{position:absolute;left:14px;bottom:8px;width:calc(100% - 28px);height:16px;z-index:2;fill:none;stroke:var(--ak-bone);stroke-width:1;pointer-events:none;opacity:.7}
.ak-category-thread path{stroke-dasharray:100;stroke-dashoffset:78;transition:stroke-dashoffset .75s cubic-bezier(.22,.65,.25,1)}
.ak-category-tile:focus-visible{outline:none}
.ak-category-tile:focus-visible:before{content:'';position:absolute;inset:8px;border:2px solid var(--ak-bone);border-radius:8px;z-index:3;pointer-events:none}
.ak-category-tile:focus-visible .ak-category-thread path{stroke-dashoffset:0}
.ak-category-tile:active .ak-category-photo img{transform:scale(1.015);transition-duration:.16s}
.ak-category-tile:active .ak-category-thread path{stroke-dashoffset:0;transition-duration:.2s}
.ak-category-tile:active .ak-category-caption .ak-icon{transform:translateX(3px)}
@media(hover:hover) and (pointer:fine){
 .ak-category-tile:hover .ak-category-photo img{transform:scale(1.025)}
 .ak-category-tile:hover .ak-category-thread path{stroke-dashoffset:0}
 .ak-category-tile:hover .ak-category-caption .ak-icon{transform:translateX(4px)}
}
@media(min-width:768px){
 .ak-category-gallery{margin-block:32px 26px}
 .ak-site .ak-category-heading{max-width:none;margin-bottom:20px}
 .ak-category-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:28px 4px 28px 4px}
 .ak-category-tile,.ak-category-tile:nth-of-type(2n){width:102.05%;aspect-ratio:1.2/1;clip-path:var(--category-edge);z-index:3}
 .ak-category-tile:nth-of-type(3n+2){z-index:2}
 .ak-category-tile:nth-of-type(3n){width:100%;clip-path:none;z-index:1;aspect-ratio:auto}
 .ak-category-caption{left:24px;right:24px;bottom:34px;font-size:clamp(16px,1.35vw,20px)}
 .ak-category-thread{left:24px;bottom:13px;width:calc(100% - 48px);height:20px}
}
/* Desktop photographs follow the page width, never the browser height. */
@media(min-width:1024px){
 .ak-category-gallery{max-width:var(--ak-max)}
 .ak-site .ak-category-heading{font-size:36px}
 .ak-category-caption{left:18px;right:20px;bottom:28px;font-size:18px}
 .ak-category-thread{left:18px;bottom:10px;width:calc(100% - 38px);height:16px}
}
@media(prefers-reduced-motion:reduce){.ak-category-photo img,.ak-category-caption .ak-icon,.ak-category-thread path{transition:none!important}.ak-category-tile:active .ak-category-photo img,.ak-category-tile:hover .ak-category-photo img{transform:none}}

/* Scale the original full-bleed frame as a unit on short screens. */
.ak-site .ak-edit{--ak-edit-card-width:clamp(215px,calc((100vh - 310px)*.58),330px);padding:30px 0 20px}
@supports(height:100svh){.ak-site .ak-edit{--ak-edit-card-width:clamp(215px,calc((100svh - 310px)*.58),330px)}}
.ak-site .ak-edit>.ak-seam{height:18px}
.ak-site .ak-edit>.ak-section-head{margin-bottom:12px}
.ak-site .ak-edit-tabs{margin-bottom:10px}
.ak-site .ak-edit .ak-rail-card{flex-basis:min(68vw,var(--ak-edit-card-width));transform:scale(.975);transition:opacity .42s var(--ak-ease),transform .58s cubic-bezier(.16,1,.3,1)}
.ak-site .ak-edit .ak-rail.is-stepping{scroll-snap-type:none;scroll-behavior:auto}
.ak-site .ak-edit .ak-rail-card.is-active{transform:scale(1)}
.ak-site .ak-edit-footer{margin-top:12px}

/* Keep the original cards; put mouse navigation beside the audience tabs. */
@media(min-width:768px){
 .ak-site .ak-edit-tabs{padding-right:175px}
 .ak-site .ak-edit .ak-rail-card{flex-basis:min(43vw,var(--ak-edit-card-width))}
 .ak-site .ak-edit .ak-rail{padding-right:7vw;scroll-padding-left:7vw}
 .ak-site .ak-edit .ak-rail-card{scroll-snap-align:start;scroll-snap-stop:always}
 .ak-site .ak-edit .ak-rail-controls{position:absolute;top:-59px;right:max(var(--ak-gutter),calc((100vw - var(--ak-max))/2));width:auto;margin:0;gap:12px}
 .ak-site .ak-edit .ak-rail-controls .ak-progress{display:none}
 .ak-site .ak-edit .ak-rail-controls .ak-icon-button{opacity:1}
 .ak-site .ak-edit .ak-rail-controls .ak-icon-button:disabled{opacity:.3}
}
@media(min-width:1024px){.ak-site .ak-edit .ak-rail-card{flex-basis:min(29vw,var(--ak-edit-card-width))}.ak-site .ak-edit .ak-rail{padding-right:max(60px,calc((100vw - 1240px)/2));scroll-padding-left:max(60px,calc((100vw - 1240px)/2))}}
.ak-site .ak-edit .ak-rail-card{opacity:1}
.ak-site .ak-edit .ak-rail-card:not(.is-active) .ak-card-photo{opacity:.78}
.ak-site .ak-edit .ak-rail-card .ak-card-info{color:var(--ak-bone);text-shadow:0 1px 6px rgba(0,0,0,.65)}