/* V26: a disciplined 12-column editorial archive for selected work. */
.selected-work{background:#fbfaf7}.selected-work-head,.work-grid-chapter{width:min(1360px,calc(100% - 64px));margin:0 auto;box-sizing:border-box}.selected-work-head{padding:96px 0 55px}.selected-work-head>span{font-size:10px}.selected-work-head h2{margin-top:13px;font-size:clamp(38px,4vw,56px);line-height:1}.selected-work-head p{margin-top:16px;font-size:15px}.work-grid-chapter{position:relative;min-height:auto;padding:0 0 164px}.work-grid-chapter:last-child{padding-bottom:118px}.work-grid-chapter:before{position:absolute;z-index:0;right:1%;top:8px;color:rgba(37,52,47,.035);font:600 clamp(180px,20vw,300px)/.8 "Cormorant Garamond",serif;pointer-events:none}.work-grid-chapter:nth-of-type(1):before{content:"01"}.work-grid-chapter:nth-of-type(2):before{content:"02"}.work-grid-chapter:nth-of-type(3):before{content:"03"}.work-grid-chapter:nth-of-type(4):before{content:"04"}.work-grid-chapter:nth-of-type(5):before{content:"05"}.chapter-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;column-gap:20px;padding:0 0 22px;border-bottom:1px solid #cfc8bb}.chapter-head>span,.chapter-head>b{font:600 10px "Manrope",sans-serif;letter-spacing:.14em}.chapter-head>span{color:#8a4d39}.chapter-head>b{color:#7a8078;font-weight:500}.chapter-head h3{grid-column:1/-1;margin:23px 0 10px;color:#25342f;font:600 clamp(36px,3.2vw,42px)/1.1 "Noto Serif SC",serif;letter-spacing:-.06em}.chapter-head p{grid-column:1/-1;max-width:540px;margin:0;color:#65736b;font:15px/1.75 "Noto Serif SC",serif}.work-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:34px}.work-item{position:relative;min-width:0;margin:0;overflow:visible;opacity:.3;filter:blur(5px);transform:translateY(30px) scale(.97) translate(var(--depth-x,0),var(--depth-y,0));transition:opacity .78s cubic-bezier(.2,.7,.2,1),filter .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1)}.work-item.is-revealed{opacity:1;filter:none;transform:translateY(0) scale(1) translate(var(--depth-x,0),var(--depth-y,0))}.work-item:nth-child(2){transition-delay:80ms}.work-item:nth-child(3){transition-delay:160ms}.work-item:nth-child(4){transition-delay:240ms}.work-item:nth-child(5){transition-delay:320ms}.work-item:nth-child(6){transition-delay:400ms}.work-item img{display:block;width:100%;height:100%;box-sizing:border-box;object-fit:cover;border:1px solid rgba(37,52,47,.12);background:#f0f0ec;box-shadow:0 12px 26px rgba(37,52,47,.07);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate(var(--image-x,0),var(--image-y,0));transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,filter .35s ease}.work-item figcaption{position:absolute;z-index:2;left:12px;bottom:12px;opacity:0;transform:translateY(5px);padding:6px 8px;background:rgba(251,250,247,.84);color:#435149;font:600 9px/1.45 "Manrope",sans-serif;letter-spacing:.09em;transition:opacity .3s ease,transform .3s ease}.work-item figcaption small{font-size:8px;color:#8a4d39}.work-item:before{content:"● " attr(data-archive);position:absolute;z-index:3;top:-18px;left:2px;opacity:0;color:#8a4d39;font:600 9px "Manrope",sans-serif;letter-spacing:.11em;transition:opacity .25s ease,transform .25s ease}.work-grid:has(.work-item:hover) .work-item:not(:hover){opacity:.72}.work-item:hover:before{opacity:1;transform:translateY(-2px)}.work-item:hover figcaption{opacity:1;transform:none}.work-item:hover img{transform:perspective(900px) translateY(-4px) scale(1.015) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate(var(--image-x,0),var(--image-y,0));box-shadow:0 19px 36px rgba(37,52,47,.13)}
.social-grid .work-item{grid-column:span 4;height:430px}.event-grid .work-item:nth-child(-n+4){grid-column:span 3;height:330px}.event-grid .work-item:nth-child(n+5){grid-column:span 6;height:420px}.brand-grid .work-banner{grid-column:1/-1;height:365px}.brand-grid .work-item:not(.work-banner):not(.work-script){grid-column:span 4;height:410px}.brand-grid .work-script{grid-column:span 6;height:330px}.media-grid .work-item:not(.work-wide){grid-column:span 4;height:450px}.media-grid .work-wide{grid-column:1/-1;height:390px}.visual-grid .work-item:not(.work-ppt){grid-column:span 4;height:420px}.visual-grid .work-ppt{grid-column:span 6;height:340px}.event-grid .work-item:nth-child(-n+4) img,.visual-grid .work-item:not(.work-ppt) img{object-position:center}.work-banner img,.work-wide img,.work-ppt img{object-position:center}.work-grid-chapter.is-focused .work-item:not(.is-hovered){opacity:.72}
@media(max-width:850px){.selected-work-head,.work-grid-chapter{width:min(100% - 40px,720px)}.work-grid-chapter{padding-bottom:128px}.work-item{gap:14px}.social-grid .work-item{height:360px}.event-grid .work-item:nth-child(-n+4){grid-column:span 6;height:300px}.event-grid .work-item:nth-child(n+5){grid-column:span 6;height:340px}.brand-grid .work-banner,.media-grid .work-wide{height:290px}.brand-grid .work-item:not(.work-banner):not(.work-script),.media-grid .work-item:not(.work-wide),.visual-grid .work-item:not(.work-ppt){grid-column:span 6;height:360px}.brand-grid .work-script,.visual-grid .work-ppt{grid-column:span 6;height:270px}}@media(max-width:600px){.selected-work-head,.work-grid-chapter{width:calc(100% - 32px)}.selected-work-head{padding-top:72px;padding-bottom:40px}.selected-work-head h2{font-size:43px}.work-grid-chapter{padding-bottom:100px}.chapter-head{padding-bottom:17px}.chapter-head h3{margin-top:18px;font-size:35px}.chapter-head p{font-size:14px}.work-grid{gap:14px;margin-top:28px}.social-grid .work-item,.event-grid .work-item:nth-child(-n+4),.event-grid .work-item:nth-child(n+5),.brand-grid .work-item:not(.work-banner):not(.work-script),.brand-grid .work-script,.media-grid .work-item:not(.work-wide),.visual-grid .work-item:not(.work-ppt),.visual-grid .work-ppt{grid-column:span 12;height:360px}.brand-grid .work-banner,.media-grid .work-wide{grid-column:span 12;height:225px}.work-item figcaption,.work-item:before{opacity:1;transform:none}.work-grid:has(.work-item:hover) .work-item:not(:hover){opacity:1}.work-grid-chapter:before{font-size:160px;top:42px}.work-item img{transform:none!important}}@media(prefers-reduced-motion:reduce){.work-item,.work-item.is-revealed{opacity:1;filter:none;transform:none;transition:none}.work-item img{transform:none!important;transition:none}}