.pinatas-page{background:#fff;--pink:#f03e83;--case-text:#474747}.pinatas-page .header{z-index:3}.pinatas-page .case-nav{z-index:4}.pinatas-page .case-back{z-index:3}.pin-content{max-width:1440px;margin:auto;padding-top:196px}.pin-hero{max-width:1251px;width:calc(100% - 189px);margin:auto}.pin-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:215.48px;align-items:center}.pin-title-row h1{font-size:64px;line-height:1.25;font-weight:600;letter-spacing:-1.2074px;margin:0;max-width:518px}.pin-deck{font-size:20.433px;line-height:1.25}.pinatas-page .case-summary{gap:16.718px}.pinatas-page .case-summary .case-figma{margin-top:3.282px}.pin-tags{margin:15px 0 0 6.5px;gap:7px}.pin-tags span{border-color:#1e1e1e;border-radius:18px;padding:10px 20px;font-size:11px;line-height:1.25}.pin-hero .case-meta{margin:15px 24px 0 0;min-height:78.041px}.pin-hero .case-meta dt,.pin-hero .case-meta dd{line-height:1.25}.pin-preview{margin:66px auto 0;max-width:1200px;width:calc(100% - 240px)}.pin-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.pin-preview img{width:100%;height:auto;aspect-ratio:1440/5428}.pin-galleries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1341px;width:calc(100% - 99px);margin:123.667px auto 0}.pin-gallery{position:relative;min-width:0;background:#faf9f6;aspect-ratio:1;overflow:hidden}.pin-gallery-window{height:100%;overflow:hidden;touch-action:pan-y pinch-zoom}.pin-track{display:flex;height:100%;transition:transform 500ms cubic-bezier(.22,1,.36,1);will-change:transform}.pin-slide{flex:0 0 100%;min-width:0;height:100%;padding:14px 14px 58px}.pin-slide .pin-open{height:100%}.pin-slide img{height:100%;width:100%;object-fit:contain}.pin-gallery-controls{position:absolute;bottom:10px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pin-gallery-controls button,.pin-lightbox-controls button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #dddbd8;background:white;font-size:20px;transition:background .2s,color .2s}.pin-gallery-controls button:hover,.pin-lightbox-controls button:hover{background:var(--pink);color:white}.pin-counter,.pin-lightbox-counter{font-size:11px;font-variant-numeric:tabular-nums}.pin-inner{max-width:1200px;width:calc(100% - 240px);margin:auto}.pin-section-title{font-size:33.535px;font-weight:600;line-height:1.25;text-transform:uppercase;min-height:63.661px;padding-bottom:12px;border-bottom:.906px solid #1e1e1e}.pin-challenge{margin-top:124px;min-height:622px;padding-top:72px}.pin-challenge-copy{max-width:1047px;margin:62px auto 0;display:grid;gap:66px}.pin-challenge h3{font-size:23px;line-height:1.25;font-weight:600;color:var(--pink);margin:0 0 20px}.pin-challenge p{font-size:22px;font-weight:300;line-height:1.48;color:var(--case-text)}.pin-challenge-copy>div:last-child h3{margin-bottom:17px}.pin-challenge-copy>div:last-child p{font-size:21px}.pin-process{min-height:579px;padding-top:82px;margin-top:19px}.pin-phases{margin-top:65.339px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14.59px}.pin-phase{padding:19.15px 21.88px 32px;background:#ffedf4;color:var(--case-text);min-height:286.322px}.pin-phase b{display:block;font-size:38.298px;line-height:1.25;font-weight:600;color:var(--pink)}.pin-phase h3{font-size:20.973px;font-weight:500;line-height:1.25;margin-top:32.37px}.pin-phase p{font-size:15.502px;line-height:1.64;margin-top:17.15px}.pin-phase:nth-child(2){background:var(--pink);color:white}.pin-phase:nth-child(2) b{color:white}.pin-phase:nth-child(2) h3{font-weight:600}.pin-result{min-height:287px;padding-top:53px}.pin-result p{max-width:1047px;margin:35.339px 22px 0;font-size:22px;font-weight:300;line-height:1.48;color:var(--case-text)}
.pin-lightbox{position:fixed;inset:0;width:min(1600px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:14px;background:var(--paper);overflow:hidden}.pin-lightbox[open]{display:flex;flex-direction:column}.pin-lightbox::backdrop{background:#161419d9}.pin-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #dddbd8;flex:none}.pin-lightbox-toolbar h2{font-size:16px;font-weight:500}.pin-lightbox-toolbar>div{display:flex;gap:12px}.pin-lightbox-toolbar button{font-size:26px;width:36px;height:36px;border-radius:50%}.pin-lightbox-toolbar button:hover{background:#e9e5e2}.pin-lightbox-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;touch-action:pan-x pan-y pinch-zoom}.pin-lightbox-stage img{width:min(100%,1440px);height:auto;max-width:none;margin:0 auto;object-fit:contain}.pin-lightbox-stage.is-zoomed img{width:1440px;margin:0}.pin-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:30px;padding:10px;border-top:1px solid #dddbd8;flex:none}.pinatas-page:has(.pin-lightbox[open]){overflow:hidden}
@media(min-width:768px) and (max-width:1279px){.pin-content{padding-top:171px}.pin-hero{width:calc(100% - 112px)}.pin-title-row{gap:50px}.pin-title-row h1{font-size:clamp(44px,4.5vw,64px)}.pin-preview,.pin-inner{width:calc(100% - 112px)}.pin-galleries{width:calc(100% - 64px);gap:20px;margin-top:90px}.pin-hero .case-meta{margin-right:0}.pin-challenge{padding-top:50px;margin-top:80px;min-height:0;padding-bottom:80px}.pin-process{min-height:0;padding-bottom:80px;margin-top:0;padding-top:0}.pin-phases{margin-top:48px}.pin-phase{padding:20px 16px}.pin-phase h3{font-size:18px}.pin-phase p{font-size:14px}.pin-result{padding-top:0;padding-bottom:70px;min-height:0}}
@media(max-width:767px){.pin-content{padding-top:135px}.pin-hero,.pin-preview,.pin-inner{width:auto;margin-left:22px;margin-right:22px}.pin-title-row{display:flex;flex-direction:column;align-items:stretch;gap:28px}.pin-title-row h1{font-size:44px;letter-spacing:-1px;line-height:1.18;max-width:360px}.pin-deck{font-size:20px}.pinatas-page .case-summary{gap:16px}.pin-tags{margin:26px 0 0;gap:7px}.pin-tags span{font-size:9px;padding:9px 14px}.pin-hero .case-meta{margin:26px 0 0;gap:24px 14px}.pin-hero .case-meta dd{font-size:15px;line-height:1.5}.pin-hero .case-meta>div{padding:0;border:0}.pin-preview{margin-top:44px}.pin-galleries{width:auto;grid-template-columns:1fr;margin:40px 22px 0;gap:20px}.pin-challenge{margin-top:64px;padding-top:0;min-height:0}.pin-section-title{font-size:24px;min-height:0;padding-bottom:15px;line-height:1.3}.pin-challenge-copy{margin:30px 0 0;gap:32px}.pin-challenge h3{font-size:21px;margin-bottom:14px}.pin-challenge p,.pin-challenge-copy>div:last-child p{font-size:17px;line-height:1.6}.pin-challenge-copy>div:last-child h3{margin-bottom:14px}.pin-process{padding-top:0;min-height:0;margin-top:64px}.pin-phases{grid-template-columns:1fr;gap:16px;margin-top:30px}.pin-phase{min-height:250px;padding:24px}.pin-phase h3{font-size:21px;margin-top:24px}.pin-phase p{font-size:16px;margin-top:16px}.pin-result{margin-top:64px;padding:0 0 55px;min-height:0}.pin-result p{font-size:17px;line-height:1.6;margin:30px 0 0}.pin-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.pin-lightbox-toolbar{padding:10px 12px}.pin-lightbox-toolbar h2{font-size:14px;line-height:1.4}.pin-lightbox-stage{padding:12px}.pin-lightbox-controls button{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.pin-track{transition:none}.pin-gallery-controls button,.pin-lightbox-controls button{transition:none}}
@media(min-width:1280px){.pin-challenge{display:flex;align-items:center;padding-top:0}.pin-challenge>.pin-inner{transform:translateY(-.47px)}.pin-challenge h3{min-height:32.2px}}
/* Two requested gallery slots; all other case-study sections retain their styles. */
.pin-galleries{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1200px;width:calc(100% - 240px)}.pin-gallery-panel,.pin-before-panel{min-width:0}.pin-panel-title,.pin-panel-spacer{height:30px;margin:0 0 18px;font-size:22px;line-height:30px;font-weight:500}.pin-before{margin:0;aspect-ratio:1;background:#faf9f6;display:grid;place-items:center;padding:24px;text-align:center}.pin-before figcaption{font-size:22px;line-height:1.4;color:#797774;font-weight:400}
@media(min-width:768px) and (max-width:1279px){.pin-galleries{width:calc(100% - 112px)}}
@media(max-width:767px){.pin-galleries{width:auto;grid-template-columns:1fr;gap:24px}.pin-panel-spacer{display:none}.pin-panel-title{font-size:20px}.pin-before figcaption{font-size:20px}}

/* Fit the enlarged view to the image rather than filling the viewport height. */
.pin-lightbox{height:auto;max-height:calc(100dvh - 40px)}.pin-lightbox-stage{flex:0 1 auto}.pin-lightbox-toolbar h2{margin:0}.pin-track{will-change:auto}
@media(max-width:767px){.pin-lightbox{height:auto;max-height:calc(100dvh - 16px)}}
.pin-lightbox{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0}

/* Center without transforming the SVG-bearing modal layer. */
.pin-lightbox{inset:0;margin:auto;transform:none;height:fit-content}
@media(max-width:767px){.pin-lightbox{height:fit-content}}

/* Animate layout offset rather than a composited SVG surface. */
.pin-track{width:100%;transform:none;transition:margin-left 500ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.pin-track{transition:none}}

/* Original pre-redesign screenshots use the same gallery controls and full-image fit. */
.pin-before-gallery{border-radius:inherit}
.pin-lightbox-stage img{width:min(100%,var(--pin-image-width,1440px))}
.pin-lightbox-stage.is-zoomed img{width:var(--pin-image-width,1440px)}