.case-study{--case-accent:var(--pozan-lime);min-height:100vh;overflow:clip;background:var(--pozan-black);color:var(--pozan-white)}.case-u-life{--case-accent:#56d7d2}.case-beetools{--case-accent:#f9c62e}.case-study *,.case-study :after,.case-study :before{box-sizing:border-box}.case-study a{color:inherit;text-decoration:none}.case-reading-progress{--case-progress:0;position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;pointer-events:none;background:var(--case-accent);transform:scaleX(var(--case-progress));transform-origin:left}.case-hero{position:relative;min-height:100svh;padding:24px var(--page-gutter) 0}.case-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--case-accent) 14%,transparent),transparent 34%)}.case-hero-topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--pozan-gray-700);color:var(--pozan-gray-300);font:10px/1 var(--font-meta);letter-spacing:.1em}.case-hero-actions a,.case-hero-topline a,.case-next a,.case-outcome a{display:inline-flex;align-items:center;gap:9px}.case-hero-actions svg,.case-hero-topline svg,.case-next svg,.case-outcome svg{width:16px}.case-hero-copy{position:relative;z-index:2;padding:clamp(70px,11vw,150px) 0 clamp(42px,7vw,88px)}.case-evidence-label,.case-hero-copy>p:first-child,.case-next span,.case-outcome>span,.case-section-header>span{color:var(--case-accent);font:10px/1.3 var(--font-meta);letter-spacing:.12em}.case-hero h1{max-width:1100px;margin:20px 0;font-size:clamp(88px,18vw,270px);line-height:.76;letter-spacing:-.09em}.case-hero-summary{max-width:660px;margin:34px 0 0;color:var(--pozan-gray-300);font-size:clamp(18px,2vw,28px);line-height:1.5}.case-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.case-hero-actions a,.case-outcome a{min-height:48px;padding:0 18px;border:1px solid color-mix(in srgb,var(--case-accent) 55%,var(--pozan-gray-700));background:color-mix(in srgb,var(--case-accent) 10%,transparent);font:10px/1 var(--font-meta);letter-spacing:.08em;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.case-hero-actions a:focus-visible,.case-hero-actions a:hover,.case-outcome a:focus-visible,.case-outcome a:hover{background:var(--case-accent);color:var(--pozan-black);transform:translateY(-2px);outline:0}.case-hero-visual{position:relative;z-index:2;width:calc(100% + 2 * var(--page-gutter));aspect-ratio:16/8.4;margin:0 calc(-1 * var(--page-gutter));overflow:hidden;border-block:1px solid var(--pozan-gray-700);background:var(--pozan-surface)}.case-hero-visual img{object-fit:cover}.case-hero-visual figcaption,.case-screen-composition>p{position:absolute;z-index:2;left:var(--page-gutter);bottom:20px;margin:0;padding:8px 10px;background:rgba(5,5,7,.78);color:var(--pozan-white);font:9px/1 var(--font-meta);letter-spacing:.1em}.case-meta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-bottom:1px solid var(--pozan-gray-700)}.case-meta>div{min-height:125px;padding:26px 18px;border-right:1px solid var(--pozan-gray-700)}.case-meta>div:first-child{padding-left:0}.case-meta>div:last-child{border-right:0}.case-meta dt{color:var(--pozan-gray-500);font:9px/1 var(--font-meta);letter-spacing:.1em}.case-meta dd{margin:20px 0 0;max-width:260px;line-height:1.45}.case-section{width:min(calc(100% - 2 * var(--page-gutter)),var(--grid-max));margin:0 auto;padding:clamp(100px,13vw,190px) 0}.case-section-header{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(300px,1fr);gap:28px;margin-bottom:clamp(52px,8vw,100px)}.case-section-header h2{max-width:850px;margin:0;font-size:clamp(48px,7vw,100px);line-height:.95;letter-spacing:-.06em}.case-section-header p{grid-column:2;max-width:640px;margin:0;color:var(--pozan-gray-300);font-size:16px;line-height:1.75}.case-problem-grid{display:grid;grid-template-columns:.7fr 1.15fr 1.15fr;border-block:1px solid var(--pozan-gray-700)}.case-problem-grid article{min-height:300px;padding:28px;border-right:1px solid var(--pozan-gray-700)}.case-problem-grid article:first-child{padding-left:0}.case-problem-grid article:last-child{border-right:0}.case-insight-grid span,.case-interaction-grid>article>span,.case-problem-grid span{color:var(--case-accent);font:9px/1 var(--font-meta);letter-spacing:.1em}.case-problem-grid p{margin:120px 0 0;font-size:clamp(18px,2vw,27px);line-height:1.45;letter-spacing:-.02em}.case-evidence-label{margin:-48px 0 26px}.case-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--pozan-gray-700);background:var(--pozan-gray-700)}.case-insight-grid article{min-height:340px;padding:28px;background:var(--pozan-surface)}.case-insight-grid h3{margin:100px 0 16px;font-size:clamp(24px,2.4vw,36px);line-height:1.05}.case-insight-grid p,.case-interaction-grid p{color:var(--pozan-gray-300);line-height:1.7}.case-principle-list{border-top:1px solid var(--pozan-gray-700)}.case-principle-list article{display:grid;grid-template-columns:80px minmax(230px,.7fr) 1fr;align-items:center;gap:26px;padding:32px 0;border-bottom:1px solid var(--pozan-gray-700)}.case-principle-list span{color:var(--case-accent);font:10px/1 var(--font-meta)}.case-principle-list h3{margin:0;font-size:clamp(40px,6vw,82px);letter-spacing:-.06em}.case-principle-list p{max-width:520px;margin:0;color:var(--pozan-gray-300);line-height:1.7}.case-flow{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;list-style:none;border:1px solid var(--pozan-gray-700)}.case-flow li{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-right:1px solid var(--pozan-gray-700)}.case-flow li:last-child{border-right:0}.case-flow span{color:var(--pozan-gray-500);font:9px/1 var(--font-meta)}.case-flow b{max-width:150px;font-size:18px;line-height:1.35}.case-flow i{position:absolute;right:-13px;top:50%;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--case-accent);color:var(--pozan-black);font-style:normal}.case-flow li:last-child i{display:none}.case-architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-architecture article{min-height:290px;padding:24px;border:1px solid var(--pozan-gray-700);background:linear-gradient(180deg,color-mix(in srgb,var(--case-accent) 7%,transparent),transparent 70%)}.case-architecture h3{margin:0 0 80px;color:var(--case-accent);font:11px/1 var(--font-meta);letter-spacing:.1em}.case-architecture ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.case-architecture li{padding-top:10px;border-top:1px solid var(--pozan-gray-700);color:var(--pozan-gray-300)}.case-system-section{width:100%;padding-inline:var(--page-gutter);background:var(--pozan-surface)}.case-system-section .case-section-header{max-width:var(--grid-max);margin-inline:auto}.case-palette{max-width:var(--grid-max);display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto 70px}.case-palette article{min-height:250px;display:flex;flex-direction:column;padding:18px;border:1px solid var(--pozan-gray-700);margin-right:-1px}.case-palette i{flex:1 1;margin:-18px -18px 18px;background:var(--case-swatch)}.case-palette b{font:10px/1 var(--font-meta)}.case-palette span{margin-top:8px;color:var(--pozan-gray-500);font:9px/1 var(--font-meta)}.case-component-cloud{max-width:var(--grid-max);display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;border-top:1px solid var(--pozan-gray-700)}.case-component-cloud>span{min-height:92px;display:flex;align-items:center;gap:16px;padding:16px;border-right:1px solid var(--pozan-gray-700);border-bottom:1px solid var(--pozan-gray-700)}.case-component-cloud i{color:var(--case-accent);font:normal 9px/1 var(--font-meta)}.case-interaction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-interaction-grid article{min-height:390px;padding:28px;border:1px solid var(--pozan-gray-700);background:var(--pozan-surface)}.case-interaction-demo{height:120px;display:flex;align-items:center;gap:10px;margin:70px 0 32px;padding:18px;border:1px solid var(--pozan-gray-700);background:var(--pozan-black)}.case-interaction-demo i{height:12px;flex:1 1;background:var(--pozan-gray-700);transition:flex var(--motion-slow) var(--ease-out),background var(--motion-slow)}.case-interaction-grid article:hover .case-interaction-demo i:nth-child(2){flex:2.4 1;background:var(--case-accent)}.case-interaction-grid h3{margin:0 0 12px;font-size:28px}.case-screen-composition{position:relative;min-height:min(820px,68vw)}.case-screen-main{position:absolute;inset:0 10% 12% 0;margin:0;overflow:hidden;border:1px solid var(--pozan-gray-700);box-shadow:0 40px 100px rgba(0,0,0,.45)}.case-screen-main img{object-fit:cover}.case-screen-detail{position:absolute;right:0;bottom:0;width:38%;aspect-ratio:1/.82;overflow:hidden;border:10px solid var(--pozan-black);box-shadow:0 24px 70px rgba(0,0,0,.58)}.case-screen-detail img{object-fit:cover;object-position:right center;transform:scale(1.55)}.case-delivery ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--pozan-gray-700)}.case-delivery li{display:grid;grid-template-columns:80px minmax(150px,.5fr) 1fr;gap:26px;padding:28px 0;border-bottom:1px solid var(--pozan-gray-700)}.case-delivery li span{color:var(--case-accent);font:9px/1.5 var(--font-meta)}.case-delivery li b{font:11px/1.5 var(--font-meta);letter-spacing:.08em}.case-delivery li p{margin:0;color:var(--pozan-gray-300)}.case-outcome{min-height:80svh;display:flex;flex-direction:column;justify-content:center}.case-outcome h2{max-width:1100px;margin:28px 0 48px;font-size:clamp(42px,6vw,88px);line-height:1.02;letter-spacing:-.055em}.case-outcome a{align-self:flex-start}.case-next{padding:36px var(--page-gutter) 64px;border-top:1px solid var(--pozan-gray-700)}.case-next>div{display:flex;justify-content:space-between;margin-bottom:90px}.case-next>div a{color:var(--pozan-gray-300);font:10px/1 var(--font-meta)}.case-next>a{display:grid;grid-template-columns:1fr auto;align-items:end}.case-next>a span{grid-column:1/-1;margin-bottom:18px}.case-next strong{font-size:clamp(76px,16vw,230px);line-height:.75;letter-spacing:-.09em;transition:color var(--motion-base)}.case-next>a>svg{width:48px;height:48px}.case-next>a:hover strong,.case-next>a>svg{color:var(--case-accent)}@media (max-width:1024px){.case-meta{grid-template-columns:repeat(2,1fr)}.case-meta>div:nth-child(2){border-right:0}.case-meta>div:nth-child(-n+2){border-bottom:1px solid var(--pozan-gray-700)}.case-problem-grid{grid-template-columns:1fr}.case-problem-grid article,.case-problem-grid article:first-child{min-height:auto;padding:26px 0;border-right:0;border-bottom:1px solid var(--pozan-gray-700)}.case-problem-grid article:last-child{border-bottom:0}.case-problem-grid p{margin-top:46px}.case-flow{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x mandatory}.case-flow li{scroll-snap-align:start}.case-architecture,.case-component-cloud{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.case-hero{padding-inline:20px}.case-hero-topline>span{display:none}.case-hero-copy{padding-top:82px}.case-hero h1{font-size:clamp(76px,25vw,116px)}.case-hero-summary{font-size:17px}.case-hero-visual{width:calc(100% + 40px);aspect-ratio:4/3;margin-inline:-20px}.case-hero-visual figcaption{left:20px}.case-meta{grid-template-columns:1fr}.case-meta>div:nth-child(n){min-height:95px;padding:22px 0;border-right:0;border-bottom:1px solid var(--pozan-gray-700)}.case-section{width:calc(100% - 40px);padding-block:92px}.case-section-header{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.case-section-header h2{font-size:46px}.case-section-header p{grid-column:1}.case-evidence-label{margin-top:-22px;line-height:1.6}.case-insight-grid,.case-interaction-grid{grid-template-columns:1fr}.case-insight-grid article{min-height:290px}.case-insight-grid h3{margin-top:70px}.case-principle-list article{grid-template-columns:44px 1fr}.case-principle-list p{grid-column:2}.case-flow{margin-inline:-20px;padding-inline:20px;border-inline:0}.case-architecture{grid-template-columns:1fr}.case-architecture article{min-height:230px}.case-system-section{width:100%;padding-inline:20px}.case-palette{grid-template-columns:repeat(2,1fr)}.case-palette article{min-height:210px}.case-component-cloud{grid-template-columns:1fr}.case-component-cloud>span{border-right:0}.case-interaction-grid article{min-height:350px}.case-screen-composition{min-height:82vw}.case-screen-main{inset:0 0 16% 0}.case-screen-detail{width:48%;border-width:5px}.case-delivery li{grid-template-columns:44px 1fr}.case-delivery li p{grid-column:2}.case-outcome{min-height:70svh}.case-next{padding-inline:20px}.case-next>div{margin-bottom:70px}.case-next strong{font-size:22vw}.case-next>a>svg{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.case-study *,.case-study :after,.case-study :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}