/* Cakeway uses the shared site shell; all new article styles are scoped here. */
.page-cakeway .cake-content{gap:80px;color:#5a5a5a;font-size:18px;line-height:1.4}
.page-cakeway .cake-section{display:flex;flex-direction:column;gap:40px;width:100%;min-width:0;scroll-margin-top:35px}
.page-cakeway .cake-heading{display:flex;flex-direction:column;gap:10px;width:100%}
.page-cakeway .cake-label{font-size:18px;font-weight:500;color:#a6a6a6;text-transform:uppercase}
.page-cakeway .cake-kicker{font-size:20px;line-height:1.3;color:#797979}
.page-cakeway .cake-content h1{font:500 clamp(32px,3.48vw,50px)/1.2 'Source Serif 4',Georgia,serif;color:#000}
.page-cakeway .cake-content h2{font:510 36px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#111}
.page-cakeway .cake-content h3{font:510 24px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#111}
.page-cakeway .cake-image{display:block;width:100%;height:auto;min-width:0}
.page-cakeway .cake-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.page-cakeway .cake-details dt{font-weight:500;color:#000;margin-bottom:10px}
.page-cakeway .cake-details dd{margin:0}
.page-cakeway .cake-overview{display:flex;flex-direction:column;gap:10px}
.page-cakeway .cake-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.page-cakeway .cake-two>div{display:flex;flex-direction:column;gap:10px}
.page-cakeway .cake-feature{display:flex;flex-direction:column;gap:20px}
.page-cakeway .cake-pair{display:grid;grid-template-columns:var(--pair-columns);gap:20px;align-items:start}
.page-cakeway .cake-store-crop{position:relative;aspect-ratio:386/462;overflow:hidden}
.page-cakeway .cake-store-crop img{position:absolute;top:-.11%;width:99.98%;height:101.58%}
.page-cakeway .cake-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-cakeway .cake-decisions{gap:10px;text-align:center}
.page-cakeway .cake-decisions>div{background:#ffebee;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:20px}
.page-cakeway .cake-decisions h3,.page-cakeway .cake-tests h3{font:600 18px/1.4 'Acumin Variable Concept',Arial,sans-serif}
.page-cakeway .cake-decisions p,.page-cakeway .cake-tests p{font-size:16px;line-height:1.6}
.page-cakeway .cake-tests{gap:10px;grid-template-rows:auto auto auto}
.page-cakeway .cake-tests>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:16px}
.page-cakeway #cakeway-design-system,.page-cakeway #cakeway-system-flow{gap:20px}
.page-cakeway .cake-lesson{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;color:#000}
.page-cakeway .cake-lesson>div{display:flex;gap:20px;align-items:flex-start}
.page-cakeway .cake-lesson img{width:30px;height:auto;flex:none}
.page-cakeway .cake-lesson h3{font:600 18px/1.4 'Acumin Variable Concept',Arial,sans-serif}
.page-cakeway .cake-lesson>p{font-size:16px;line-height:1.6}
.page-cakeway .cake-divider{width:100%;overflow:hidden}
.page-cakeway .cake-divider img{max-width:100%}
.page-cakeway .case-nav a{height:auto;min-height:23px;white-space:normal;overflow-wrap:normal}
.cakeway-thumb{position:relative;background:#232323;border-radius:15px;overflow:hidden}
.cakeway-thumb-art{position:absolute;top:0;left:50%;width:124.63%;height:100%;transform:translateX(-50%);overflow:hidden}
.cakeway-thumb-back{position:absolute;left:42.72%;top:-23.05%;width:44.51%;height:146.33%;max-width:none;opacity:.8}
.cakeway-thumb-front{position:absolute;left:12.67%;top:4.98%;width:45.45%;height:149.43%;max-width:none}
.page-home .cakeway-row{justify-content:flex-start}
.page-home .cakeway-card{flex:0 1 calc(50% - 20px);max-width:calc(50% - 20px)}
.page-home .cakeway-card .project-caption{gap:20px}
.page-home .cakeway-card [data-name="badge area"]{font-size:20px;line-height:1.3;color:#a6a6a6;white-space:normal}
@media(max-width:1000px){.page-cakeway .cake-details{grid-template-columns:repeat(2,minmax(0,1fr))}.page-cakeway .case-nav a{white-space:nowrap}.page-cakeway .cake-content h1{font-size:42px}}
@media(max-width:700px){.page-cakeway .cake-content{gap:60px;font-size:17px}.page-cakeway .cake-section{gap:28px}.page-cakeway .cake-content h1{font-size:32px!important}.page-cakeway .cake-content h2{font-size:28px}.page-cakeway .cake-content h3{font-size:22px}.page-cakeway .cake-kicker{font-size:15px}.page-cakeway .cake-label{font-size:15px}.page-cakeway .cake-two,.page-cakeway .cake-three{grid-template-columns:1fr;gap:24px}.page-cakeway .cake-tests>div{display:flex;flex-direction:column;gap:12px}.page-cakeway .cake-decisions h3,.page-cakeway .cake-tests h3,.page-cakeway .cake-lesson h3{font-size:18px}.page-cakeway .cake-pair{gap:8px}.page-cakeway .cake-lesson{grid-template-columns:1fr;gap:16px}.page-home .cakeway-card{flex-basis:100%;max-width:100%}.page-home .cakeway-card [data-name="badge area"]{font-size:14px}}
.page-home .cakeway-card{max-width:100%;--pressed-bg:#fff0fc;--pressed-title:#6c0360;--pressed-subtitle:#d039bc;--pressed-caption:#dd78cb}
.page-cakeway #cakeway-overview>.cake-image{aspect-ratio:1135/665;object-fit:cover}
.page-home .cakeway-card [data-name="Main"]>p{color:#797979}
/* Keep the Solution label, copy and complete video within the viewport. */
.page-cakeway .cake-solution{gap:20px}
.page-cakeway .cake-solution-copy{display:flex;flex-direction:column;gap:16px}
.page-cakeway .cake-solution-video{display:block;align-self:center;width:auto;max-width:100%;height:auto;max-height:var(--cake-video-height,50svh);aspect-ratio:1200/822;object-fit:contain;background:#ffebee;border-radius:12px}
.page-cakeway #cakeway-problem .cake-two h3{font:500 18px/1.4 'Acumin Variable Concept',Arial,sans-serif}
@media(max-width:700px){.page-cakeway .cake-solution{gap:16px}.page-cakeway .cake-solution-copy{gap:12px}.page-cakeway .cake-solution-copy h3{font-size:20px}.page-cakeway .cake-solution-copy>p{font-size:16px}}

/* Scale the desktop headline to its own content column. */
.page-cakeway #cakeway-overview>.cake-heading{container-type:inline-size}
@media(min-width:701px){.page-cakeway #cakeway-overview h1{font-size:min(50px,4.5cqw);white-space:nowrap;line-height:1.2}}
.page-cakeway .cake-solution-video{clip-path:inset(3px 0 0 0 round 12px)}

/* Match the Cakeway Figma pressed variant, including caption overrides. */
.page-home .cakeway-card:is(:hover,:focus-visible,:active) [data-name="badge area"]{color:var(--pressed-caption)}
.page-home .cakeway-card:is(:hover,:focus-visible,:active) [data-name="Main"]>p{color:var(--pressed-subtitle)}