.portfolio-case{--case-muted:#60605c;--case-accent:var(--portfolio-lime-dark);--case-line:rgba(22,22,22,.17);color:var(--portfolio-text);background:var(--portfolio-off-white)}.portfolio-case .portfolio-shell{width:min(calc(100% - 96px),1344px)}.portfolio-case .portfolio-header .portfolio-shell{width:min(calc(100% - 64px),var(--portfolio-max))}.portfolio-case .portfolio-eyebrow{margin:0 0 22px}.portfolio-case .portfolio-eyebrow:before{background:var(--portfolio-lime-dark)}.portfolio-case .case-display{margin:0;font-weight:650;letter-spacing:-.055em;line-height:1.06;text-wrap:balance}.portfolio-case .case-title{font-size:clamp(40px,4.1vw,64px)}.portfolio-case .case-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}.portfolio-case .case-lead{color:var(--portfolio-text);font-size:clamp(20px,1.8vw,26px);font-weight:550;line-height:1.5;letter-spacing:-.025em}.portfolio-case .case-prose{margin:0;color:var(--case-muted);font-size:17px;line-height:1.75}.portfolio-case .case-prose p{margin:0 0 20px}.portfolio-case .case-prose p:last-child{margin-bottom:0}.portfolio-case .case-dark{--case-muted:#b4b4ae;--case-line:rgba(255,255,255,.2);background:var(--portfolio-dark);color:var(--portfolio-off-white)}.portfolio-case .case-dark .portfolio-eyebrow,.portfolio-case .case-dark .case-kicker{color:var(--portfolio-lime)}.portfolio-case .case-dark .portfolio-eyebrow:before{background:var(--portfolio-lime)}.portfolio-case .case-section{padding-block:clamp(30px,2.65vw,40px);scroll-margin-top:80px}.portfolio-case .case-editorial{display:grid;grid-template-columns:1fr .83fr;gap:clamp(36px,5vw,72px)}.portfolio-case .case-editorial--end{align-items:end}.portfolio-case .case-editorial>.case-prose{max-width:500px}.portfolio-case .case-back,.portfolio-case .case-text-link{display:inline-flex;min-height:44px;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;font-size:13px;font-weight:750}.portfolio-case .case-text-link{border-bottom:1px solid currentColor}.portfolio-case .case-text-link span,.portfolio-case .case-back span{font-size:20px}.portfolio-case .case-text-link:hover,.portfolio-case .case-back:hover{color:var(--case-accent)}.portfolio-case .case-dark .case-text-link:hover{color:var(--portfolio-lime)}.portfolio-case .case-hero{padding-top:28px}.portfolio-case .case-hero__topline{display:flex;align-items:center;gap:24px;margin-bottom:30px}.portfolio-case .case-hero__topline .case-kicker{color:var(--case-muted)}.portfolio-case .case-hero__heading{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:center}.portfolio-case .case-hero h1{font-size:clamp(60px,6.35vw,98px);line-height:1.03;letter-spacing:-.065em}.portfolio-case .case-period{color:var(--portfolio-lime-dark)}.portfolio-case .case-hero__summary>p{margin:0 0 22px;color:var(--case-muted);font-size:18px;line-height:1.6}.portfolio-case .case-hero__summary>.case-lead{color:var(--portfolio-text);font-size:28px;font-weight:650;line-height:1.28}.portfolio-case .case-facts{display:grid;grid-template-columns:1.55fr .8fr .8fr 1fr;gap:24px;margin:30px 0 28px;padding-top:22px;border-top:1px solid var(--case-line)}.portfolio-case .case-facts dt{color:var(--case-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:750}.portfolio-case .case-facts dd{margin:0;font-size:15px;font-weight:650;line-height:1.55}.portfolio-case .case-showcase{background:#1b1c18;padding:24px clamp(24px,4.6vw,68px);border-radius:22px;color:#f5f4f0}.portfolio-case .case-showcase__label{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#b9bcb1}.portfolio-case .case-showcase__screens{position:relative;padding:24px 0 28px}.portfolio-case .case-showcase__desktop{width:89%;border:1px solid #686b61;border-radius:10px;padding:6px;background:#22231f;box-shadow:0 18px 40px #0005}.portfolio-case .case-showcase__desktop .case-screen--desktop{aspect-ratio:1917 / 1068}.portfolio-case .case-showcase__desktop .case-screen--desktop>img{width:calc(100% + 10px);max-width:none}.portfolio-case .case-showcase__mobile{position:absolute;right:0;bottom:10px;width:20%;padding:5px;background:#23251f;border:1px solid #777b6d;border-radius:20px;box-shadow:0 18px 40px #0005}.portfolio-case .case-showcase__mobile .case-zoom,.portfolio-case .case-showcase__mobile .case-screen{border-radius:15px}.portfolio-case .case-showcase__caption{color:#b9bcb1;margin:0;font-size:13px;line-height:1.55}.portfolio-case .case-index{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--case-line);padding:14px 0;gap:24px}.portfolio-case .case-index a{display:flex;min-height:50px;align-items:center;gap:14px;font-size:17px;font-weight:700;text-decoration:none}.portfolio-case .case-index a:hover{color:var(--case-accent)}.portfolio-case .case-index span{color:var(--portfolio-text);font-size:14px;border-bottom:2px solid var(--portfolio-lime-dark);line-height:1.5}.portfolio-case .case-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0 32px;padding:0;list-style:none}.portfolio-case .case-principles li{border-top:1px solid var(--case-line);padding-top:18px}.portfolio-case .case-principles h3{margin:16px 0 10px;font-size:22px;font-weight:650;letter-spacing:-.03em}.portfolio-case .case-principles p{margin:0;max-width:345px;font-size:15px;color:var(--case-muted);line-height:1.7}.portfolio-case .case-scope{border-top:1px solid var(--case-line);padding-top:24px;display:block;grid-template-columns:220px 1fr;gap:28px}.portfolio-case .case-figure{margin:0;min-width:0}.portfolio-case .case-zoom{display:block;position:relative;width:100%;padding:0;margin:0;border:0;border-radius:6px;color:#fff;background:transparent;text-align:left;font:inherit;cursor:zoom-in;overflow:hidden}.portfolio-case .case-screen{display:block;position:relative;overflow:hidden;background:#f5f1e8}.portfolio-case .case-screen img{display:block;width:100%;height:auto}.portfolio-case .case-screen--desktop:has(.case-screen__capture){aspect-ratio:1907 / 910}.portfolio-case .case-screen--desktop .case-screen__capture{position:absolute;top:0;right:0;bottom:0;left:0;width:100.5779%;transform:translateY(-10.11%)}.portfolio-case .case-screen--mobile:has(.case-screen__capture){aspect-ratio:946 / 1696}.portfolio-case .case-screen--mobile .case-screen__capture{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-5.566%)}.portfolio-case .case-zoom__label{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#111e;color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.portfolio-case .case-zoom:hover .case-zoom__label,.portfolio-case .case-zoom:focus-visible .case-zoom__label{opacity:1;transform:none}.portfolio-case button:focus-visible{outline:3px solid var(--portfolio-lime-dark);outline-offset:4px}.portfolio-case .case-figure--collection{margin-top:36px}.portfolio-case .case-figure--collection .case-image-stage{padding:0;overflow:hidden}.portfolio-case .case-figure--collection .case-zoom{border-radius:13px}.portfolio-case .case-image-stage{padding:clamp(16px,2.5vw,36px);border:1px solid #393b34;border-radius:14px;background:#24261f}.portfolio-case .case-figure figcaption{padding-top:16px}.portfolio-case .case-figure--collection figcaption{display:grid;grid-template-columns:1fr 1fr;gap:40px}.portfolio-case figcaption p{margin:0;max-width:560px;color:var(--case-muted);font-size:15px;line-height:1.7}.portfolio-case figcaption h3{margin:10px 0 12px;font-size:23px;font-weight:650;letter-spacing:-.03em}.portfolio-case .case-product{margin-top:52px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:44px}.portfolio-case .case-product h3,.portfolio-case .case-tony h3{font-size:clamp(30px,3vw,44px);margin:16px 0 18px}.portfolio-case .case-product__copy>p:not(.case-kicker),.portfolio-case .case-tony>div>p:not(.case-kicker){color:var(--case-muted);font-size:15px;line-height:1.75}.portfolio-case .case-product__note{margin-top:18px;padding-top:16px;border-top:1px solid var(--case-line);font-size:14px}.portfolio-case .case-small-caption{color:var(--case-muted);font-size:13px;line-height:1.6}.portfolio-case .case-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.portfolio-case .case-content-stage{display:block;align-items:center;aspect-ratio:auto;padding:6px;border-radius:12px;background:transparent;position:relative;border:1px solid var(--case-line);box-shadow:0 10px 24px #1616160b}.portfolio-case .case-tony{display:grid;grid-template-columns:1.45fr .65fr;align-items:center;gap:44px;margin-top:46px}.portfolio-case .case-result{background:#fff}.portfolio-case .case-results-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:36px 0 0}.portfolio-case .case-results{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}.portfolio-case .case-results>div{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:16px;padding:24px 0 20px;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line);position:relative;min-height:162px}.portfolio-case .case-results dd{margin:0;font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-.055em;line-height:1.15}.portfolio-case .case-results>div:nth-child(-n+2) dd{font-size:clamp(58px,5vw,72px)}.portfolio-case .case-results dd span{color:var(--portfolio-lime-dark)}.portfolio-case .case-results .case-result-mark{display:inline-block;margin-left:.14em;font-size:.78em;font-weight:800;vertical-align:.08em}.portfolio-case .case-results dt{color:var(--case-muted);font-size:13px;line-height:1.5}.portfolio-case .case-reference{display:block;grid-template-columns:.65fr 1.35fr;gap:clamp(45px,7vw,102px);align-items:center;margin:40px 0 0;padding-top:32px;border-top:1px solid var(--case-line)}.portfolio-case .case-reference__photo{aspect-ratio:1;border-radius:50%;overflow:hidden;width:72px;height:72px;flex-shrink:0}.portfolio-case .case-reference__photo img{height:100%;object-fit:cover;object-position:center 15%}.portfolio-case .case-reference blockquote{font-size:clamp(23px,2.15vw,31px);font-weight:550;letter-spacing:-.025em;line-height:1.5;margin:0 0 24px;padding:0;border:0;max-width:1090px}.portfolio-case .case-reference__author{display:grid;gap:4px;margin:0;font-size:15px}.portfolio-case .case-reference__author span{font-size:13px;color:var(--case-muted);line-height:1.5}.portfolio-case .case-final{padding:44px 0}.portfolio-case .case-final__inner{display:block}.portfolio-case .case-final__content{max-width:720px}.portfolio-case .case-final h2{font-size:clamp(40px,4.2vw,60px)}.portfolio-case .case-final__copy{color:var(--case-muted);max-width:470px;font-size:16px;margin:18px 0 0}.portfolio-case .case-final__actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.portfolio-case .case-final__actions .portfolio-button{min-height:54px;padding-inline:30px}.portfolio-case .case-final__actions .portfolio-button--secondary{min-height:48px;border-color:#ffffff70;background:transparent;color:var(--portfolio-off-white)}.portfolio-case .case-final__actions .portfolio-button--secondary:hover{border-color:var(--portfolio-lime);background:#ffffff14;color:var(--portfolio-white)}.portfolio-case .case-footer .portfolio-footer__grid{grid-template-columns:minmax(220px,1.15fr) minmax(130px,.65fr) minmax(170px,.8fr) minmax(240px,1fr)}.portfolio-case .portfolio-footer{border-top:1px solid #333}.portfolio-case .case-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:min(1500px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:18px;overflow:auto;border:1px solid #777;border-radius:12px;background:#171814;color:#fff}.portfolio-case .case-lightbox::backdrop{background:#000d}.portfolio-case .case-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.portfolio-case .case-lightbox__bar p{margin:0;font-size:14px}.portfolio-case .case-lightbox__bar button{display:flex;min-height:44px;align-items:center;gap:16px;padding:8px 16px;border:1px solid #777;border-radius:999px;background:transparent;color:#fff;font-size:12px;cursor:pointer}.portfolio-case .case-lightbox__bar button span{font-size:24px}.portfolio-case .case-lightbox__content:has(.case-screen--mobile){max-width:min(440px,40vh);margin:auto}@media(max-width:1100px){.portfolio-case .portfolio-shell{width:calc(100% - 64px)}.portfolio-case .case-hero__heading{grid-template-columns:1fr 330px;gap:28px;align-items:center}.portfolio-case .case-hero h1{font-size:clamp(52px,6.25vw,72px)}.portfolio-case .case-hero__summary>.case-lead{font-size:24px}.portfolio-case .case-editorial{gap:40px}.portfolio-case .case-product,.portfolio-case .case-tony{gap:36px}.portfolio-case .case-scope{grid-template-columns:170px 1fr;display:block;padding-top:24px;border-top:1px solid var(--case-line)}}@media(max-width:760px){.portfolio-case .portfolio-shell,.portfolio-case .portfolio-header .portfolio-shell{width:calc(100% - 40px)}.portfolio-case .case-hero{padding-top:16px}.portfolio-case .case-hero__topline{margin-bottom:25px;align-items:center;gap:14px}.portfolio-case .case-hero__topline .case-kicker{max-width:168px;font-size:10px;text-align:right}.portfolio-case .case-back{font-size:11px;gap:10px}.portfolio-case .case-hero__heading{grid-template-columns:1fr;gap:24px;align-items:start}.portfolio-case .case-hero h1{font-size:clamp(40px,9.25vw,68px)}.portfolio-case .case-hero__summary{max-width:480px}.portfolio-case .case-hero__summary>.case-lead br{display:none}.portfolio-case .case-hero__summary>.case-lead{font-size:22px;margin-bottom:10px}.portfolio-case .case-hero__summary>p{font-size:16px;margin-bottom:8px}.portfolio-case .case-facts{grid-template-columns:1.2fr 1fr;gap:20px;margin:28px 0;padding-top:22px}.portfolio-case .case-facts dd{font-size:15px;line-height:1.55}.portfolio-case .case-facts dt{font-size:12px;margin-bottom:6px;font-weight:750;letter-spacing:.08em}.portfolio-case .case-showcase{padding:16px 14px;border-radius:12px}.portfolio-case .case-showcase__label{font-size:10px;gap:12px;letter-spacing:.09em}.portfolio-case .case-showcase__screens{padding:22px 0 26px}.portfolio-case .case-showcase__desktop{padding:3px;border-radius:6px;width:91%}.portfolio-case .case-showcase__mobile{width:23%;border-radius:9px;padding:2px;bottom:6px}.portfolio-case .case-showcase__mobile .case-zoom,.portfolio-case .case-showcase__mobile .case-screen{border-radius:6px}.portfolio-case .case-showcase__caption{font-size:12px;line-height:1.55}.portfolio-case .case-index{grid-template-columns:1fr 1fr;gap:0 18px;padding-block:12px}.portfolio-case .case-index a{min-height:48px;font-size:16px;gap:10px}.portfolio-case .case-section{padding-block:32px}.portfolio-case .case-editorial{grid-template-columns:1fr;gap:24px}.portfolio-case .portfolio-eyebrow{margin:0 0 22px}.portfolio-case .case-title{font-size:clamp(34px,8.8vw,48px)}.portfolio-case .case-prose{font-size:15px}.portfolio-case .case-lead{font-size:20px}.portfolio-case .case-principles{grid-template-columns:1fr;gap:20px;margin:28px 0}.portfolio-case .case-principles li{display:grid;grid-template-columns:36px 1fr;gap:6px 16px;padding-top:20px}.portfolio-case .case-principles h3{margin:0;font-size:21px}.portfolio-case .case-principles p{grid-column:2;font-size:15px}.portfolio-case .case-scope{grid-template-columns:1fr;gap:18px;display:block;padding-top:24px;border-top:1px solid var(--case-line)}.portfolio-case .case-image-stage{padding:12px;border-radius:10px}.portfolio-case .case-figure--collection{margin-top:30px}.portfolio-case .case-figure--collection figcaption{grid-template-columns:1fr;gap:10px}.portfolio-case figcaption p{font-size:15px}.portfolio-case .case-product{grid-template-columns:1fr;gap:24px;margin-top:36px}.portfolio-case .case-product h3,.portfolio-case .case-tony h3{font-size:32px;margin:18px 0}.portfolio-case .case-product__note{font-size:14px;margin-top:18px;padding-top:16px}.portfolio-case .case-content-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.portfolio-case .case-content-stage{padding:6px;aspect-ratio:auto;border-radius:12px;position:relative;display:block;background:transparent;border:1px solid var(--case-line);box-shadow:0 10px 24px #1616160b}.portfolio-case .case-content-grid figcaption{padding-top:18px}.portfolio-case figcaption h3{font-size:22px;margin:8px 0 10px}.portfolio-case .case-tony{grid-template-columns:1fr;gap:20px;margin-top:32px}.portfolio-case .case-tony>div{grid-row:1}.portfolio-case .case-tony h3 br{display:none}.portfolio-case .case-results{grid-template-columns:1fr 1fr;gap:0 20px;margin:28px 0 0}.portfolio-case .case-results>div{padding:22px 0 18px;gap:14px;min-height:144px}.portfolio-case .case-results>div:nth-child(n+3){border-top:0}.portfolio-case .case-results dd{font-size:27px}.portfolio-case .case-results>div:nth-child(-n+2) dd{font-size:62px}.portfolio-case .case-results dt{font-size:13px;line-height:1.5}.portfolio-case .case-reference{grid-template-columns:1fr;gap:32px;display:block;margin:40px 0 0;padding-top:32px;border-top:1px solid var(--case-line)}.portfolio-case .case-reference__photo{width:72px;aspect-ratio:1;height:72px;border-radius:50%;flex-shrink:0}.portfolio-case .case-reference blockquote{font-size:clamp(23px,2.15vw,31px);max-width:1090px;margin:0 0 24px;line-height:1.5}.portfolio-case .case-final{padding:36px 0}.portfolio-case .case-final__inner{display:block}.portfolio-case .case-final h2{font-size:clamp(35px,9vw,48px)}.portfolio-case .case-final__copy{font-size:15px}.portfolio-case .case-final__actions{align-items:flex-start;gap:12px 20px}.portfolio-case .case-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px;border-radius:8px}.portfolio-case .case-lightbox__bar p{font-size:14px}.portfolio-case .case-lightbox__bar button{padding:6px 10px;gap:8px}.portfolio-case .case-lightbox__content{min-width:0;overflow-x:auto}.portfolio-case .case-lightbox__content:has(.case-screen--mobile){min-width:0;max-width:100%}.portfolio-case .case-lightbox__bar{position:sticky;left:0}}@media(hover:none){.portfolio-case .case-zoom__label{opacity:1;transform:none;padding:5px 8px;font-size:12px;bottom:6px;right:6px;gap:10px}.portfolio-case .case-showcase__mobile .case-zoom__label{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-case *,.portfolio-case *:before,.portfolio-case *:after{transition:none!important;animation:none!important}}@media print{.portfolio-case .portfolio-header,.portfolio-case .case-index,.portfolio-case .case-lightbox,.portfolio-case .case-zoom__label{display:none}.portfolio-case .case-section{padding-block:48px}.portfolio-case .case-figure{break-inside:avoid}}.portfolio-case .case-screen--collection:has(.case-screen__capture){aspect-ratio:1907 / 889}.portfolio-case .case-screen--cart:has(.case-screen__capture){aspect-ratio:1917 / 900}.portfolio-case .case-screen--cart .case-screen__capture{width:100%;transform:none}.portfolio-case .case-lightbox__hint{display:none}@media(max-width:760px){.portfolio-case .case-lightbox__content .case-screen:not(.case-screen--mobile){min-width:780px}.portfolio-case .case-lightbox:has(.case-screen:not(.case-screen--mobile)) .case-lightbox__hint{display:block;color:#b4b4ae;font-size:11px;margin:0 0 12px}}.portfolio-case .case-live-button{margin-top:8px;min-height:64px;padding-inline:24px;font-size:13px;gap:14px}.portfolio-case .case-brief .case-editorial{--case-brief-gap: clamp(36px, 5vw, 72px);gap:var(--case-brief-gap)}.portfolio-case .case-brief .case-editorial>div:first-child:after{display:block;width:calc(100% + var(--case-brief-gap));height:1px;margin-top:26px;background:linear-gradient(to right,var(--portfolio-lime-dark) 48px,var(--case-line) 48px);content:""}.portfolio-case .case-brief .case-prose{padding-left:24px;border-left:2px solid var(--portfolio-lime-dark)}.portfolio-case .case-goal-icon{--icon-stroke-width: 1.4;position:relative;display:block;width:34px;height:38px;color:var(--portfolio-text)}.portfolio-case .case-goal-icon svg{display:block;width:30px;height:30px}.portfolio-case .case-goal-icon:after{content:"";position:absolute;bottom:0;left:4px;width:16px;height:3px;background:var(--portfolio-lime-dark)}.portfolio-case .case-principles{margin-bottom:24px}.portfolio-case .case-scope{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;margin:0;padding:22px 26px;border:1px solid var(--case-line);background:#f5f4f0}.portfolio-case .case-scope .case-kicker{display:flex;align-items:center;gap:10px;margin:0}.portfolio-case .case-scope .case-kicker:before{width:22px;height:3px;background:var(--portfolio-lime-dark);content:""}.portfolio-case .case-scope__areas{display:flex;margin:0}.portfolio-case .case-scope__areas>div{flex:1 1 0;min-width:0;padding-left:22px;border-left:1px solid var(--case-line)}.portfolio-case .case-scope__areas h3{font-size:16px;font-weight:750;margin:0 0 8px;letter-spacing:-.02em}.portfolio-case .case-scope__areas p{font-size:13px;line-height:1.65;color:var(--case-muted);margin:0}.portfolio-case .case-content-stage:before{content:"";position:absolute;top:-2px;left:20px;width:32px;height:3px;background:var(--portfolio-lime-dark)}.portfolio-case .case-tony .case-figure>.case-zoom{border:1px solid var(--case-line);border-radius:12px;padding:6px;background:transparent;box-shadow:0 10px 24px #1616160b}.portfolio-case .case-tony .case-screen{border-radius:6px}.portfolio-case .case-screen--tony .case-screen__capture{position:static;transform:none;width:100%;height:auto;margin-top:-1px}.portfolio-case .case-results>div:before{display:none}.portfolio-case .case-live-result{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0;padding:24px 0 20px;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.portfolio-case .case-live-result p{font-size:17px;font-weight:650;letter-spacing:-.025em;margin:0}.portfolio-case .case-reference__person{display:flex;align-items:center;gap:16px}.portfolio-case .case-reference .portfolio-eyebrow{margin-bottom:6px}@media(min-width:761px)and (max-width:1000px){.portfolio-case .case-hero__heading{grid-template-columns:1fr 310px;gap:24px}.portfolio-case .case-hero h1{font-size:clamp(45px,5.75vw,58px)}.portfolio-case .case-hero__summary>.case-lead{font-size:22px}.portfolio-case .case-hero__summary>p{font-size:16px}.portfolio-case .case-live-button{padding-inline:16px;font-size:11px;gap:10px}.portfolio-case .case-facts{grid-template-columns:1.4fr .65fr .8fr 1fr;gap:18px}.portfolio-case .case-facts dd{font-size:14px}.portfolio-case .case-product,.portfolio-case .case-tony{gap:28px}.portfolio-case .case-product h3,.portfolio-case .case-tony h3{font-size:30px}}@media(max-width:1250px){.portfolio-case .case-results-row{grid-template-columns:1fr;gap:18px}.portfolio-case .case-live-result{min-height:0;padding:0;border-top:0;border-bottom:0}}@media(max-width:760px){.portfolio-case .case-live-button{margin-top:12px;max-width:100%}.portfolio-case .case-brief .case-editorial{gap:24px}.portfolio-case .case-brief .case-editorial>div:first-child:after{width:48px;background:var(--portfolio-lime-dark);height:3px;margin-top:22px}.portfolio-case .case-brief .case-prose{padding-left:0;border-left:0}.portfolio-case .case-goal-icon{grid-row:span 2}.portfolio-case .case-scope{display:block;padding:20px;border:1px solid var(--case-line)}.portfolio-case .case-scope .case-kicker{margin-bottom:18px}.portfolio-case .case-scope__areas{display:block;margin:0}.portfolio-case .case-scope__areas>div{padding:16px 0 0;border-left:0}.portfolio-case .case-scope__areas>div+div{margin-top:16px;border-top:1px solid var(--case-line)}.portfolio-case .case-scope__areas h3{margin-bottom:6px}.portfolio-case .case-content-grid{gap:28px}.portfolio-case .case-index a{font-size:16px}.portfolio-case .case-index span{font-size:14px}.portfolio-case .case-zoom__label{opacity:1;transform:none;font-size:11px;padding:6px 10px}.portfolio-case .case-showcase__mobile .case-zoom__label{display:none}.portfolio-case .case-live-result{gap:10px;padding:0}.portfolio-case .case-live-result p{font-size:17px}.portfolio-case .case-reference{margin-top:24px;padding-top:28px}.portfolio-case .case-reference blockquote{font-size:22px}.portfolio-case .case-reference__person{gap:12px}.portfolio-case .case-reference__author span{font-size:12px}.portfolio-case .case-final__copy{margin-top:16px}.portfolio-case .case-final__actions{align-items:stretch}.portfolio-case .case-final__actions .portfolio-button{width:100%}}@media(max-width:1250px){.portfolio-case .case-footer .portfolio-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-case .case-footer .portfolio-footer__col:nth-child(3){padding-left:0;border-left:0}}@media(max-width:760px){.portfolio-case .case-footer .portfolio-footer__grid{grid-template-columns:1fr}.portfolio-case .case-footer .portfolio-footer__col,.portfolio-case .case-footer .portfolio-footer__col:nth-child(3){padding:30px 0;border-top:1px solid rgba(255,255,255,.14);border-left:0}.portfolio-case .case-footer .portfolio-footer__col:first-child{padding-top:0;border-top:0}}.portfolio-case .case-content-stage{display:block;aspect-ratio:auto;padding:0;overflow:hidden}.portfolio-case .case-content-stage:before{display:none}.portfolio-case .case-content-grid figcaption .case-kicker,.portfolio-case .case-tony>div .case-kicker{display:flex;align-items:center;gap:10px}.portfolio-case .case-content-grid figcaption .case-kicker:before,.portfolio-case .case-tony>div .case-kicker:before{width:28px;height:3px;flex:0 0 auto;background:var(--portfolio-lime-dark);content:""}.portfolio-case .case-reference__photo img{transform:scale(1.6);transform-origin:50% 25%}.portfolio-case .case-reference{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:clamp(36px,5vw,80px);row-gap:6px;align-items:center;max-width:1280px;margin-inline:auto;border-top:0}.portfolio-case .case-reference .portfolio-eyebrow,.portfolio-case .case-reference blockquote{grid-column:1}.portfolio-case .case-reference blockquote{max-width:none;margin-bottom:0;font-size:clamp(20px,1.65vw,26px);line-height:1.42}.portfolio-case .case-reference__person{grid-column:2;grid-row:2;align-self:start;flex-direction:column;align-items:center;gap:12px;text-align:center}.portfolio-case .case-reference__photo{width:104px;height:104px}.portfolio-case .case-reference__author{gap:3px;font-size:15px}@media(max-width:760px){.portfolio-case .case-reference{display:block}.portfolio-case .case-reference blockquote{font-size:22px;margin-bottom:24px}.portfolio-case .case-reference__person{align-items:flex-start;text-align:left}.portfolio-case .case-reference__photo{width:72px;height:72px}}@media(max-width:760px){.portfolio-case .case-content-stage{aspect-ratio:auto}}.portfolio-case .case-brief .case-editorial{gap:clamp(48px,6vw,88px)}.portfolio-case .case-brief .case-editorial>div:first-child:after{display:none}.portfolio-case .case-brief .case-prose{padding-left:0;border-left:0}.portfolio-case .case-brief .case-principles{margin:70px 0 30px}.portfolio-case .case-brief .case-principles li{padding-top:0;border-top:0}.portfolio-case .case-brief .case-scope{display:block;margin:0;padding:0;border:0;background:transparent}.portfolio-case .case-brief .case-scope .case-kicker{margin:0 0 20px}.portfolio-case .case-brief .case-scope__areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.portfolio-case .case-brief .case-scope__areas>div{padding:0;border:0}.portfolio-case .case-brief .case-scope__areas h3{margin-bottom:8px;font-size:17px}.portfolio-case .case-brief .case-scope__areas p{font-size:14px;line-height:1.65}@media(max-width:760px){.portfolio-case .case-brief .case-editorial{gap:24px}.portfolio-case .case-brief .case-editorial>div:first-child:after{display:none}.portfolio-case .case-brief .case-principles{margin:48px 0 28px}.portfolio-case .case-brief .case-principles li{padding-top:0;border-top:0}.portfolio-case .case-brief .case-scope{padding:0;border:0;background:transparent}.portfolio-case .case-brief .case-scope__areas{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.portfolio-case .case-brief .case-scope__areas>div,.portfolio-case .case-brief .case-scope__areas>div+div{margin-top:0;padding:18px 0;border-top:1px solid var(--case-line);border-left:0}.portfolio-case .case-brief .case-scope__areas>div:last-child{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/portfolio-case-study.css.map */