/* SONKE Design — portfolio and case-study system v11 */
:root{--case-ink:#211f1c;--case-paper:#f8f5f0;--case-soft:#eee8df;--case-line:rgba(33,31,28,.15);--case-accent:#9a7457}
.case-page{background:var(--case-paper);color:var(--case-ink)}
.case-v11-hero{position:relative;min-height:min(88svh,920px);display:grid;align-items:end;overflow:hidden;background:#181715;color:#fff}
.case-v11-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-v11-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,10,.24),rgba(12,11,10,.16) 40%,rgba(12,11,10,.76))}
.case-v11-hero__content{position:relative;z-index:1;width:100%;padding-top:160px;padding-bottom:clamp(44px,7vw,90px)}
.case-v11-hero__eyebrow{margin:0 0 14px;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.case-v11-hero h1{max-width:1100px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,10vw,150px);font-weight:400;line-height:.78;letter-spacing:-.055em;text-wrap:balance}
.case-v11-hero__scope{max-width:900px;margin-top:30px;font:500 clamp(12px,1.15vw,16px)/1.6 Inter,sans-serif;color:rgba(255,255,255,.88)}
.case-v11-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}
.case-v11-fact{padding:24px clamp(14px,2.2vw,32px);border-right:1px solid var(--case-line)}
.case-v11-fact:first-child{padding-left:0}.case-v11-fact:last-child{border-right:0}
.case-v11-fact small{display:block;margin-bottom:9px;font:600 10px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#847c73}
.case-v11-fact p{margin:0;font:500 13px/1.5 Inter,sans-serif;color:#3d3934}
.case-v11-subnav{position:sticky;top:78px;z-index:20;display:flex;gap:28px;overflow:auto;padding-top:17px;padding-bottom:17px;background:rgba(248,245,240,.93);border-bottom:1px solid var(--case-line);backdrop-filter:blur(14px);scrollbar-width:none}
.case-v11-subnav::-webkit-scrollbar{display:none}.case-v11-subnav a{flex:none;color:#635d56;font:600 10px/1 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}.case-v11-subnav a:hover{color:var(--case-ink)}
.case-v11-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(44px,8vw,120px);align-items:start}
.case-v11-story h2,.case-v11-head h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.case-v11-story h2{font-size:clamp(44px,6vw,84px);line-height:.95}
.case-v11-story__copy{padding-top:34px}.case-v11-story__copy p{margin:0 0 20px;font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#5f5952}
.case-v11-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.case-v11-tags span{padding:9px 12px;border:1px solid var(--case-line);border-radius:999px;font:600 9px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#615a53;background:rgba(255,255,255,.32)}
.case-v11-section{scroll-margin-top:150px}.case-v11-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:44px;align-items:end;margin-bottom:clamp(28px,4vw,54px)}
.case-v11-head h2{font-size:clamp(42px,5vw,72px);line-height:.94}.case-v11-head>p{margin:0;color:#716a62;font-size:14px;line-height:1.7}
.case-v11-kicker{margin:0 0 12px;color:var(--case-accent);font:600 10px/1 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.case-v11-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.case-v11-card{min-width:0;margin:0}.case-v11-card--lead{grid-column:1/-1}.case-v11-stage{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4/3;background:#e6e0d8}
.case-v11-card--lead .case-v11-stage{aspect-ratio:16/9}.case-v11-stage img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1);cursor:zoom-in}.case-v11-card:hover .case-v11-stage img{transform:scale(1.015)}
.case-v11-card figcaption{padding-top:10px;color:#6d665f;font:500 11px/1.45 Inter,sans-serif}
.case-v11-stage--brand,.case-v11-stage--plan,.case-v11-stage--document{background:#fff;border:1px solid rgba(33,31,28,.1)}
.case-v11-stage--brand img,.case-v11-stage--plan img,.case-v11-stage--document img{width:88%;height:88%;object-fit:contain;transform:none!important}
.case-v11-stage--brand img{width:76%;height:76%}
.case-v11-gallery[hidden]{display:none}.case-v11-gallery--more{margin-top:clamp(12px,2vw,28px)}
.case-v11-more{display:flex;align-items:center;gap:12px;margin:30px auto 0;padding:13px 18px;border:1px solid var(--case-line);background:transparent;color:var(--case-ink);font:600 10px/1 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.case-v11-more:hover{background:var(--case-ink);color:#fff}
.case-v11-note{margin-top:28px;padding:22px 24px;border-left:2px solid var(--case-accent);background:rgba(255,255,255,.5);color:#5d5750;font-size:14px;line-height:1.7}
.case-v11-material-board{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,76px);padding:clamp(28px,5vw,66px);background:#fff;border:1px solid var(--case-line)}
.case-v11-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.case-v11-swatch{aspect-ratio:1;border:1px solid rgba(33,31,28,.08)}
.case-v11-material-list{display:grid;align-content:center;gap:0}.case-v11-material-list div{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--case-line)}.case-v11-material-list div:last-child{border-bottom:0}.case-v11-material-list b{font:500 18px/1 "Cormorant Garamond",serif}.case-v11-material-list span{font-size:13px;line-height:1.5;color:#665f58}
.case-v11-panorama{position:relative;overflow:hidden;aspect-ratio:16/8.5;background:#171614;border:1px solid rgba(255,255,255,.12);color:#fff;touch-action:none}
.case-v11-panorama canvas{display:block;width:100%;height:100%;cursor:grab}.case-v11-panorama.is-dragging canvas{cursor:grabbing}
.case-v11-panorama__ui{position:absolute;inset:auto 18px 18px 18px;display:flex;align-items:end;justify-content:space-between;gap:16px;pointer-events:none}
.case-v11-panorama__title{padding:11px 14px;background:rgba(15,14,13,.72);backdrop-filter:blur(10px);font:600 10px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.case-v11-panorama__actions{display:flex;gap:8px;pointer-events:auto}.case-v11-panorama__actions button,.case-v11-scenes button{border:1px solid rgba(255,255,255,.28);background:rgba(15,14,13,.72);color:#fff;cursor:pointer;font:600 11px/1 Inter,sans-serif}.case-v11-panorama__actions button{width:40px;height:40px}.case-v11-panorama__actions button:hover,.case-v11-scenes button:hover,.case-v11-scenes button.is-active{background:#fff;color:#171614}
.case-v11-scenes{display:flex;gap:8px;overflow:auto;margin-top:12px;padding-bottom:4px;scrollbar-width:thin}.case-v11-scenes button{flex:none;padding:10px 13px;letter-spacing:.06em;text-transform:uppercase}
.case-v11-panorama__fallback{position:absolute;inset:0;display:none;place-items:center;padding:30px;text-align:center;background:#1a1917}.case-v11-panorama.is-fallback .case-v11-panorama__fallback{display:grid}
.case-v11-video-switcher{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:20px}.case-v11-video-main{margin:0}.case-v11-video-list{display:grid;align-content:start;gap:8px;max-height:640px;overflow:auto}.case-v11-video-thumb{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:8px;border:1px solid var(--case-line);background:transparent;text-align:left;cursor:pointer}.case-v11-video-thumb img{width:84px;aspect-ratio:16/9;object-fit:cover}.case-v11-video-thumb span{font:600 10px/1.35 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.case-v11-video-thumb.is-active{background:var(--case-ink);color:#fff}
.case-v11-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,38px);align-items:stretch}.case-v11-video-grid--single{grid-template-columns:1fr}.case-v11-video-grid--formats{grid-template-columns:minmax(0,1fr) minmax(260px,.62fr)}
.case-v11-video-grid--formats .project-v9-video-card:last-child{justify-self:center;width:min(100%,430px)}
.case-v11-video-grid--formats .project-v9-video-card:last-child .project-v9-video-stage{padding:8px;border-radius:30px;box-shadow:0 18px 45px rgba(20,18,16,.16)}
.case-v11-video-grid--formats .project-v9-video-card:last-child video{border-radius:22px}
.project-v9-video-card{margin:0}.project-v9-video-stage{position:relative;display:grid;place-items:center;height:min(58vw,650px);min-height:360px;overflow:hidden;background:#171614}.case-v11-video-grid--single .project-v9-video-stage{aspect-ratio:16/9;height:auto}.case-v11-video-grid--formats .project-v9-video-card:last-child .project-v9-video-stage{height:min(72svh,650px)}.project-v9-video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#171614}.project-v9-video-card figcaption{padding-top:10px;color:#6d665f;font:500 11px/1.45 Inter,sans-serif}
.case-v11-next{position:relative;display:grid;place-items:center;min-height:min(62svh,660px);overflow:hidden;color:#fff;text-decoration:none}.case-v11-next>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.case-v11-next:hover>img{transform:scale(1.025)}.case-v11-next:after{content:"";position:absolute;inset:0;background:rgba(15,14,13,.48)}.case-v11-next__copy{position:relative;z-index:1;text-align:center}.case-v11-next__copy small{font:600 10px/1 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}.case-v11-next__copy h2{margin:12px 0 0;font:400 clamp(50px,8vw,120px)/.85 "Cormorant Garamond",serif;letter-spacing:-.045em}
.lightbox.is-light-media{background:rgba(239,234,226,.985)}.lightbox.is-light-media img{box-sizing:border-box;max-width:min(1500px,92vw);max-height:86vh;padding:clamp(12px,1.8vw,28px);background:#fff;border:1px solid rgba(34,31,27,.1);box-shadow:0 22px 70px rgba(40,35,28,.14)}.lightbox.is-light-media button{color:#24211d}

/* Portfolio v11 */
.portfolio-v11-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,42px);margin-bottom:clamp(54px,8vw,110px)}
.portfolio-v11-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px) clamp(14px,2vw,26px)}
.portfolio-v11-card{min-width:0;transition:opacity .25s ease,transform .25s ease}.portfolio-v11-card.is-hidden{display:none}.portfolio-v11-card__image{display:block;overflow:hidden;aspect-ratio:16/10;background:#ddd5ca}.portfolio-v11-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.portfolio-v11-card:hover img{transform:scale(1.025)}.portfolio-v11-card__meta{display:flex;justify-content:space-between;gap:18px;padding-top:15px}.portfolio-v11-card h2{margin:0;font:400 clamp(27px,2.25vw,38px)/.95 "Cormorant Garamond",serif;letter-spacing:-.035em}.portfolio-v11-card h2 a{color:inherit;text-decoration:none}.portfolio-v11-card p{max-width:260px;margin:3px 0 0;color:#777067;font:500 10px/1.55 Inter,sans-serif;text-align:right}.portfolio-v11-featured .portfolio-v11-card h2{font-size:clamp(38px,4.5vw,66px)}
.filter-bar-v11{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(34px,5vw,66px)}.filter-bar-v11 .filter{padding:11px 14px;border:1px solid var(--case-line);background:transparent;color:#625c55;font:600 9px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.filter-bar-v11 .filter.is-active,.filter-bar-v11 .filter:hover{background:var(--case-ink);color:#fff}
.home-v11-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,72px) clamp(18px,3vw,42px)}.home-v11-projects .project-card{margin:0}.home-v11-projects .project-card__media{aspect-ratio:16/10}.home-v11-projects .project-card:nth-child(even){transform:translateY(clamp(24px,5vw,72px))}.home-v11-projects+.button-row{margin-top:110px}

@media(max-width:980px){.case-v11-facts{grid-template-columns:repeat(2,1fr)}.case-v11-fact:nth-child(2){border-right:0}.case-v11-fact:nth-child(-n+2){border-bottom:1px solid var(--case-line)}.case-v11-fact:nth-child(3){padding-left:0}.case-v11-story,.case-v11-head{grid-template-columns:1fr}.case-v11-story__copy{padding-top:0}.case-v11-head{gap:18px}.portfolio-v11-grid{grid-template-columns:repeat(2,1fr)}.case-v11-video-switcher{grid-template-columns:1fr}.case-v11-video-list{grid-template-columns:repeat(3,1fr);max-height:none}.case-v11-video-thumb{grid-template-columns:1fr}.case-v11-video-thumb img{width:100%}}
@media(max-width:720px){.case-v11-hero{min-height:78svh}.case-v11-hero__content{padding-bottom:40px}.case-v11-hero h1{font-size:clamp(54px,19vw,92px)}.case-v11-hero__scope{font-size:11px}.case-v11-subnav{top:64px;margin-inline:0;padding-inline:20px}.case-v11-gallery,.case-v11-video-grid,.case-v11-video-grid--formats{grid-template-columns:1fr}.case-v11-card--lead{grid-column:auto}.case-v11-card--lead .case-v11-stage,.case-v11-stage{aspect-ratio:4/3}.case-v11-stage--brand,.case-v11-stage--plan,.case-v11-stage--document{aspect-ratio:1/1}.case-v11-material-board{grid-template-columns:1fr}.case-v11-panorama{aspect-ratio:4/3}.case-v11-panorama__ui{inset:auto 10px 10px 10px}.case-v11-panorama__title{max-width:65%}.project-v9-video-stage{height:min(72svh,620px)}.portfolio-v11-featured,.portfolio-v11-grid,.home-v11-projects{grid-template-columns:1fr}.portfolio-v11-card__meta{display:block}.portfolio-v11-card p{text-align:left}.home-v11-projects .project-card:nth-child(even){transform:none}.case-v11-video-list{grid-template-columns:repeat(2,1fr)}.case-v11-fact{padding:18px 12px}.case-v11-fact p{font-size:11px}.case-v11-next{min-height:48svh}}
@media(prefers-reduced-motion:reduce){.case-v11-stage img,.portfolio-v11-card__image img,.case-v11-next>img{transition:none}}