.suet-cake-work-case-page{--suet-bg:#f2f0e9;--suet-ink:#292929;--suet-muted:#707070;--suet-line:#29292933;--suet-accent:#555;background:var(--suet-bg);min-height:100vh;color:var(--suet-ink);padding:65px 0 0;font-family:Montserrat,sans-serif;overflow-x:clip}.suet-cake-work-case-page *,.suet-cake-work-case-page :before,.suet-cake-work-case-page :after{box-sizing:border-box;font-family:inherit}.suet-cake-work-case-page .suet-cake-work-case{width:min(100% - 48px,860px);max-width:none;margin:0 auto;padding:clamp(64px,9vw,124px) 0 120px}.suet-cake-work-case__intro{padding-bottom:clamp(72px,10vw,136px)}.suet-cake-work-case__opening{width:min(100% - 48px,860px);margin:clamp(32px,6vw,72px) auto 0}.suet-cake-work-case__opening-image{object-fit:cover;border-radius:clamp(18px,2.4vw,28px);width:100%;height:auto;display:block}.suet-cake-work-case__title{letter-spacing:-.02em;max-width:820px;margin:18px 0 0;font-size:clamp(52px,9vw,104px);font-weight:430;line-height:.92}.suet-cake-work-case__summary{max-width:720px;color:var(--suet-muted);letter-spacing:-.025em;margin:clamp(30px,5vw,52px) 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.48}.suet-editorial__case-study{border-top:1px solid var(--suet-line)}.suet-editorial__section{border-bottom:1px solid var(--suet-line);padding:clamp(64px,9vw,112px) 0;scroll-margin-top:112px}.suet-editorial__section>h2{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(30px,4.3vw,48px);font-weight:480;line-height:1.08}.suet-editorial__eyebrow{color:var(--suet-accent);letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(24px,3.3vw,36px);font-weight:520;line-height:1.18}.suet-editorial__lead{max-width:740px;color:var(--suet-muted);letter-spacing:-.012em;margin:24px 0 0;font-size:17px;line-height:1.75}.suet-editorial__subsection{max-width:740px;margin-top:clamp(44px,6vw,68px)}.suet-editorial__subsection h3{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(22px,2.6vw,30px);font-weight:560;line-height:1.24}.suet-editorial__subsection p,.suet-editorial__nested p{color:var(--suet-muted);letter-spacing:-.012em;margin:0;font-size:17px;line-height:1.75}.suet-editorial__subsection p+p{margin-top:18px}.suet-editorial__subsection strong,.suet-editorial__list strong{color:var(--suet-ink);font-weight:650}.suet-editorial__list{max-width:740px;color:var(--suet-muted);gap:12px;margin:28px 0 0;padding:0;font-size:17px;line-height:1.65;list-style:none;display:grid}.suet-editorial__list li{margin:0;padding-left:24px;position:relative}.suet-editorial__list:not(.suet-editorial__list--ordered) li:before{color:var(--suet-accent);content:"—";position:absolute;top:0;left:0}.suet-editorial__list--ordered{counter-reset:editorial-list}.suet-editorial__list--ordered li{counter-increment:editorial-list;padding-left:42px}.suet-editorial__list--ordered li:before{min-width:28px;color:var(--suet-accent);font-variant-numeric:tabular-nums;content:counter(editorial-list) ".";font-weight:650;position:absolute;top:0;left:0}.suet-editorial__metrics{margin-top:0}.suet-editorial__nested{margin-top:30px}.suet-editorial__nested h4{margin:0;font-size:18px;font-weight:650;line-height:1.4}.suet-editorial__nested .suet-editorial__list{margin-top:14px}.suet-editorial__screenshots{gap:clamp(34px,5vw,54px);width:100%;margin-top:clamp(28px,4vw,42px);display:grid}.suet-editorial__screenshot{min-width:0;margin:0}.suet-editorial__screenshot a{background:#f7f8f3;border-radius:14px;display:block;overflow:hidden}.suet-editorial__screenshot img{width:100%;height:auto;display:block}.suet-editorial__screenshot a:focus-visible{outline:2px solid var(--suet-ink);outline-offset:4px}.suet-editorial__screenshot figcaption{color:var(--suet-muted);margin-top:11px;font-size:14px;line-height:1.5}.suet-editorial__project-info{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(36px,7vw,88px);padding-top:0;display:grid}.suet-editorial__project-info>h2{grid-column:1/-1}.suet-editorial__project-summary{max-width:680px;color:var(--suet-muted);grid-column:1/-1;margin:18px 0 0;font-size:18px;line-height:1.7}.suet-editorial__project-info .suet-editorial__subsection{margin-top:38px}.suet-editorial__project-info>.suet-editorial__subsection:first-of-type .suet-editorial__list li{padding-left:0}.suet-editorial__project-info>.suet-editorial__subsection:first-of-type .suet-editorial__list li:before{content:none}.suet-case-navigation{z-index:12;background:color-mix(in srgb, var(--suet-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:14px 0;display:grid;position:sticky;top:65px}.suet-case-navigation__label{color:var(--suet-muted);letter-spacing:-.01em;font-size:13px;font-weight:600}.suet-case-navigation ol{scrollbar-width:none;gap:24px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.suet-case-navigation ol::-webkit-scrollbar{display:none}.suet-case-navigation__link{color:var(--suet-muted);white-space:nowrap;font-size:13px;font-weight:560;line-height:1.45;text-decoration:none}.suet-case-navigation__group,.suet-case-navigation__group-items{align-items:center;gap:24px;display:flex}.suet-case-navigation__group-label{color:var(--suet-ink);white-space:nowrap;font-size:13px;font-weight:700}.suet-case-navigation__link:hover,.suet-case-navigation__link--active{color:var(--suet-ink)}.suet-case-navigation__link:focus-visible{outline:2px solid var(--suet-accent);outline-offset:5px;border-radius:3px}.suet-case-navigation--sidebar{display:none}@media (width>=1200px){:where(html:not(.pdt-chat-docked)) .suet-cake-work-case-page{grid-template-columns:minmax(16px,1fr) minmax(200px,240px) clamp(36px,4vw,64px) minmax(0,860px) minmax(16px,1fr);align-items:start;display:grid}:where(html:not(.pdt-chat-docked)) .suet-cake-work-case-page .suet-cake-work-case{grid-area:2/4;width:100%;transform:translate(-20px)}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--inline{display:none}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar{z-index:12;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f8f3;border:0;border-radius:20px;grid-area:2/2;width:100%;max-height:calc(100vh - 112px);margin:64px 0 32px;padding:24px 22px 28px;display:block;position:sticky;top:88px;overflow-y:auto;transform:translate(-40px)}:where(html:not(.pdt-chat-docked)) .suet-cake-work-case__opening{grid-area:1/2/auto/5;width:100%;margin:32px 0 0;transform:translate(-20px)}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__label{color:var(--suet-ink);margin-bottom:20px;font-size:15px;display:block}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar ol{gap:10px;display:grid;overflow:visible}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__group{margin:8px 0 4px;display:block}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__group-label{margin-bottom:8px;font-size:14px;display:block}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__group-items{gap:6px;display:grid}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__group-items .suet-case-navigation__link{padding-left:28px}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__link{white-space:normal;padding:5px 0 5px 16px;font-size:13px;display:block;position:relative}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__link--active{color:var(--suet-ink);font-weight:750}:where(html:not(.pdt-chat-docked)) .suet-case-navigation--sidebar .suet-case-navigation__link--active:before{background:var(--suet-ink);content:"";border-radius:999px;width:4px;position:absolute;top:4px;bottom:4px;left:0}}@container pdt-app (width>=1200px){.suet-cake-work-case-page{grid-template-columns:minmax(16px,1fr) minmax(200px,240px) clamp(36px,4vw,64px) minmax(0,860px) minmax(16px,1fr);align-items:start;display:grid}.suet-cake-work-case-page .suet-cake-work-case{grid-area:2/4;width:100%;transform:translate(-20px)}.suet-case-navigation--inline{display:none}.suet-case-navigation--sidebar{z-index:12;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f8f3;border:0;border-radius:20px;grid-area:2/2;width:100%;max-height:calc(100vh - 112px);margin:64px 0 32px;padding:24px 22px 28px;display:block;position:sticky;top:88px;overflow-y:auto;transform:translate(-40px)}.suet-cake-work-case__opening{grid-area:1/2/auto/5;width:100%;margin:32px 0 0;transform:translate(-20px)}.suet-case-navigation--sidebar .suet-case-navigation__label{color:var(--suet-ink);margin-bottom:20px;font-size:15px;display:block}.suet-case-navigation--sidebar ol{gap:10px;display:grid;overflow:visible}.suet-case-navigation--sidebar .suet-case-navigation__group{margin:8px 0 4px;display:block}.suet-case-navigation--sidebar .suet-case-navigation__group-label{margin-bottom:8px;font-size:14px;display:block}.suet-case-navigation--sidebar .suet-case-navigation__group-items{gap:6px;display:grid}.suet-case-navigation--sidebar .suet-case-navigation__group-items .suet-case-navigation__link{padding-left:28px}.suet-case-navigation--sidebar .suet-case-navigation__link{white-space:normal;padding:5px 0 5px 16px;font-size:13px;display:block;position:relative}.suet-case-navigation--sidebar .suet-case-navigation__link--active{color:var(--suet-ink);font-weight:750}.suet-case-navigation--sidebar .suet-case-navigation__link--active:before{background:var(--suet-ink);content:"";border-radius:999px;width:4px;position:absolute;top:4px;bottom:4px;left:0}}@media (width<=768px){:where(html:not(.pdt-chat-docked)) .suet-cake-work-case-page{padding-top:55px}:where(html:not(.pdt-chat-docked)) .suet-cake-work-case-page .suet-cake-work-case{width:calc(100% - 32px);padding-top:52px;padding-bottom:72px}:where(html:not(.pdt-chat-docked)) .suet-cake-work-case__intro{padding-bottom:72px}:where(html:not(.pdt-chat-docked)) .suet-cake-work-case__title{font-size:clamp(46px,15vw,72px)}:where(html:not(.pdt-chat-docked)) .suet-case-navigation{grid-template-columns:1fr;margin-left:-16px;margin-right:-16px;padding:12px 16px;top:55px}:where(html:not(.pdt-chat-docked)) .suet-case-navigation__label{display:none}:where(html:not(.pdt-chat-docked)) .suet-editorial__section{scroll-margin-top:92px}:where(html:not(.pdt-chat-docked)) .suet-editorial__project-info{grid-template-columns:1fr}:where(html:not(.pdt-chat-docked)) .suet-editorial__project-info>h2{grid-column:1}:where(html:not(.pdt-chat-docked)) .suet-editorial__subsection p,:where(html:not(.pdt-chat-docked)) .suet-editorial__lead,:where(html:not(.pdt-chat-docked)) .suet-editorial__list{font-size:16px}}@container pdt-app (width<=768px){.suet-cake-work-case-page{padding-top:55px}.suet-cake-work-case-page .suet-cake-work-case{width:calc(100% - 32px);padding-top:52px;padding-bottom:72px}.suet-cake-work-case__intro{padding-bottom:72px}.suet-cake-work-case__title{font-size:clamp(46px,15vw,72px)}.suet-case-navigation{grid-template-columns:1fr;margin-left:-16px;margin-right:-16px;padding:12px 16px;top:55px}.suet-case-navigation__label{display:none}.suet-editorial__section{scroll-margin-top:92px}.suet-editorial__project-info{grid-template-columns:1fr}.suet-editorial__project-info>h2{grid-column:1}.suet-editorial__subsection p,.suet-editorial__lead,.suet-editorial__list{font-size:16px}}@media (width<=430px){:where(html:not(.pdt-chat-docked)) .suet-cake-work-case-page .suet-cake-work-case{width:calc(100% - 24px)}:where(html:not(.pdt-chat-docked)) .suet-case-navigation{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}@container pdt-app (width<=430px){.suet-cake-work-case-page .suet-cake-work-case{width:calc(100% - 24px)}.suet-case-navigation{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}