.wl{display:none}
html[data-worklayout="grid"] .work__list,html[data-worklayout="tgrid"] .work__list,html[data-worklayout="scroll"] .work__list{display:none}
html[data-worklayout="grid"] .wl-grid,html[data-worklayout="tgrid"] .wl-tgrid,html[data-worklayout="scroll"] .wl-scroll{display:grid}
html[data-worklayout]:not([data-worklayout="list"]) .reveal-img{display:none!important}
.wl h3{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:-.03em;line-height:1;font-size:clamp(22px,2.1vw,32px);color:var(--ink);transition:color .4s var(--ease)}
.wl-n,.wl-m,.wl-v,.wl-count{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);line-height:1.5}
.wl-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.wl-img{position:relative;overflow:hidden;background:var(--bg-2)}
.wl-img i{position:absolute;inset:0;background-size:cover;transition:transform 1.1s var(--ease)}.wl-img i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wl-img--add{border:1.5px dashed var(--line);background:none;display:grid;place-items:center}
.wl-img--add span{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:-.03em;font-size:clamp(22px,2.2vw,32px);color:var(--mute);display:inline-flex;gap:.3em}
.wl .plus{color:var(--accent)}
.is-add h3{color:var(--mute)}
a.wl-tile:hover,a.wl-card:hover,a.wl-t:hover{color:inherit}
/* F — image grid */
.wl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,56px) clamp(14px,1.6vw,22px)}
.wl-tile{display:flex;flex-direction:column;gap:12px}
.wl-tile .wl-img{aspect-ratio:4/3}
.wl-grid .wl-n{display:none}
.wl-grid .wl-tile.is-add{display:none}
.wl-ov{display:none;position:absolute;left:0;right:0;bottom:0;z-index:2;padding:48px clamp(14px,1.4vw,22px) clamp(14px,1.3vw,20px);font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:-.03em;line-height:1;font-size:clamp(22px,2.1vw,32px);color:#f3f1ea;background:linear-gradient(to top,rgba(12,12,10,.62),rgba(12,12,10,0));text-wrap:balance}
html[data-gridname="over"] .wl-grid .wl-ov,html[data-gridname="corner"] .wl-grid .wl-ov{display:block}
html[data-gridname="over"] .wl-grid .wl-tile:not(.is-add) .wl-top,html[data-gridname="corner"] .wl-grid .wl-tile:not(.is-add) .wl-top{display:none}
html[data-gridname="over"] .wl-grid .wl-tile,html[data-gridname="corner"] .wl-grid .wl-tile{gap:10px}
html[data-gridname="corner"] .wl-grid .wl-ov{right:auto;max-width:88%;padding:.32em .5em 0 0;background:var(--bg);color:var(--ink);transition:color .3s}
@media (hover:hover){html[data-gridname="corner"] .wl-grid .wl-tile:hover .wl-ov{color:var(--accent)}}
html[data-gridname="bleed"] .wl-grid .wl-ov{display:block;right:auto;max-width:92%;padding:0;margin-left:-.04em;line-height:.86;background:none;color:#f3f1ea;text-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 22px rgba(0,0,0,.45);transition:color .3s}
html[data-gridname="bleed"] .wl-grid .wl-tile:not(.is-add) .wl-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(12,12,10,.55),rgba(12,12,10,.18) 55%,rgba(12,12,10,0))}
html[data-gridname="bleed"] .wl-grid .wl-tile:not(.is-add) .wl-top{display:none}
html[data-gridname="bleed"] .wl-grid .wl-tile{gap:10px}
@media (hover:hover){html[data-gridname="bleed"] .wl-grid .wl-tile:hover .wl-ov{color:var(--accent)}}
@media (hover:hover){.wl-tile:hover .wl-img i,.wl-card:hover .wl-img i{transform:scale(1.04)}.wl-tile:hover .wl-n,.wl-card:hover .wl-n{color:var(--accent)}}
.wl-img i.wl-alt{opacity:0;transform:scale(1.08);transition:opacity .55s var(--ease),transform 1.1s var(--ease)}
@media (hover:hover){html:not([data-gridhover="three"]) .wl-tile:hover .wl-img i.wl-alt:not(.wl-alt3){opacity:1;transform:scale(1)}}
html:not([data-gridhover="three"]) .wl-img i.wl-alt3{visibility:hidden}
@media (hover:none){.wl-tile.is-live .wl-img i.wl-alt:not(.wl-alt3){opacity:1;transform:scale(1)}html[data-gridname="bleed"] .wl-grid .wl-tile.is-live .wl-ov,html[data-gridname="corner"] .wl-grid .wl-tile.is-live .wl-ov{color:var(--accent)}}
html[data-gridhover="three"] .wl-img i.wl-alt{transition:opacity .28s ease-out,transform .9s cubic-bezier(.19,1,.22,1);will-change:opacity}
html[data-gridhover="three"] .wl-img.s-b i.wl-alt:not(.wl-alt3),html[data-gridhover="three"] .wl-img.s-c i.wl-alt3{opacity:1;transform:scale(1)}
html[data-gridshape="11"] .wl-grid .wl-tile .wl-img{aspect-ratio:1/1}
html[data-gridshape="45"] .wl-grid .wl-tile .wl-img{aspect-ratio:4/5}
@media (max-width:640px){html[data-gridcols="2"] .wl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}html[data-gridcols="2"] .wl-grid .wl-ov{font-size:16px;line-height:.95}html[data-gridcols="2"] .wl-grid .wl-m{font-size:10px;letter-spacing:.04em}}
/* G — text grid + full-bleed hover */
html[data-worklayout="tgrid"] #work{position:relative}
html[data-worklayout="tgrid"] #work>*:not(.work__bg){position:relative;z-index:1}
html[data-worklayout="tgrid"] #work.bg-active .work__bg{opacity:1}
html[data-worklayout="tgrid"] #work.bg-active{--ink:#f3f1ea;--ink-2:#f3f1ea;--mute:rgba(255,255,255,.6);--line:rgba(255,255,255,.2)}
html[data-worklayout="tgrid"] #work .sec__head h2{transition:color .45s var(--ease)}
html[data-worklayout="tgrid"] #work.bg-active .sec__head h2{color:#f3f1ea}
.wl-tgrid{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);transition:border-color .4s}
.wl-t{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(170px,15vw,220px);padding:clamp(18px,1.8vw,26px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:opacity .4s var(--ease),border-color .4s}
.wl-t h3{margin-bottom:10px;display:flex;align-items:center;gap:.3em;font-size:clamp(22px,2.3vw,34px)}
.wl-m{display:block}
.wl-t .wl-v{opacity:0;transition:opacity .3s,color .4s;color:var(--ink)}
@media (hover:hover){.wl-t:hover .wl-v{opacity:1}.wl-t:hover .wl-n{color:var(--accent)}}
#work.bg-active .wl-t:not(.is-bg){opacity:.4}
html[data-worklayout="tgrid"] .work__bg i{opacity:.34}
html[data-worklayout="tgrid"] #work.bg-active .work__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(12,13,12,0) 30%,rgba(12,13,12,.45))}
#work.bg-active .wl-t .wl-m{color:rgba(243,241,234,.88)}
#work.bg-active .wl-t h3,#work.bg-active .wl-t .wl-v,#work.bg-active .wl-t .wl-m{text-shadow:0 1px 16px rgba(0,0,0,.6)}
#work.bg-active .wl-t.is-bg .wl-n{color:var(--accent)}
/* Featured three + list */
html[data-worklayout="featured"] .wl-feat,html[data-worklayout="featured"] .wl-idx{display:grid}
html[data-worklayout="featured"] .work__list{display:none}
.wl-idx{gap:14px}
.wl-idx__h{display:flex;justify-content:space-between}
.wl-idx__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,44px);border-top:1px solid var(--line)}
.wl-i{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.wl-i__t{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:-.02em;font-size:clamp(17px,1.4vw,21px);line-height:1.15;color:var(--ink);transition:color .3s,transform .4s var(--ease);display:inline-flex;gap:.3em}
.wl-i.is-add .wl-i__t{color:var(--mute)}
@media (hover:hover){.wl-i:hover .wl-i__t{transform:translateX(4px)}.wl-i:hover .wl-n{color:var(--accent)}.wl-idx__g:hover .wl-i:not(:hover) .wl-i__t{color:var(--mute)}}
@media (max-width:1000px){.wl-idx__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wl-idx__g{grid-template-columns:minmax(0,1fr)}}
.wl-feat{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-bottom:clamp(56px,7vw,100px)}
.wl-feat .wl-img{aspect-ratio:4/5}
@media (max-width:760px){.wl-feat{grid-template-columns:minmax(0,1fr);gap:40px}.wl-feat .wl-img{aspect-ratio:4/3}}
/* D — horizontal scroll */
.wl-scroll{gap:26px}
.wl-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);scroll-padding:0 var(--pad);cursor:grab;overscroll-behavior-x:contain}
.wl-track::-webkit-scrollbar{display:none}
.wl-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.wl-track.is-drag a{pointer-events:none}
.wl-card{flex:0 0 clamp(270px,30vw,460px);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;user-select:none}
.wl-card .wl-img{aspect-ratio:4/5}
.wl-ctrl{display:flex;align-items:center;gap:14px}
.wl-ctrl .fc__btn:disabled{opacity:.35;cursor:default}
.wl-bar{flex:1;height:1.5px;background:var(--line);position:relative;overflow:hidden}
.wl-bar i{position:absolute;inset:0;background:var(--accent);transform-origin:left;transition:transform .2s}
@media (max-width:1000px){.wl-grid,.wl-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wl-grid,.wl-tgrid{grid-template-columns:minmax(0,1fr)}.wl-card{flex-basis:78vw}.wl-t{min-height:0;gap:22px}.wl-t .wl-v{opacity:1}}