.studio-areas{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(60px,10vh,120px) 0;background:var(--paper)}.studio-areas .areas-head{position:relative;z-index:2;text-align:center;padding:0 24px;margin-bottom:clamp(30px,5vh,58px)}.studio-areas .areas-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gray-500);margin-bottom:14px}.studio-areas .areas-title{font-family:var(--font-impact);font-weight:600;text-transform:uppercase;font-size:clamp(28px,4.6vw,64px);line-height:.98;letter-spacing:-.01em;color:var(--ink)}.studio-areas .areas-title em{font-style:normal;font-weight:300;color:var(--pixel-green-dark)}.studio-areas .studio-lead{text-align:center;max-width:72ch;margin:16px auto 0;font-family:var(--font-body);font-size:clamp(14px,1.3vw,17px);line-height:1.65;color:var(--gray-700)}.studio-areas .areas-grid,.studio-areas .studio-lead{position:relative;z-index:2;padding:0 clamp(24px,5vw,60px)}.studio-areas .areas-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);width:100%;max-width:1280px;margin-top:clamp(30px,5vh,54px)}.studio-areas .area-card{position:relative;border:1px solid var(--gray-200);background:var(--white);padding:clamp(22px,3vh,36px) clamp(12px,1.4vw,20px) clamp(18px,2.4vh,28px);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;cursor:pointer;opacity:1;transform:none;transition:background .3s var(--ease),border-color .3s var(--ease)}.studio-areas .area-bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--pixel-green-neon);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.studio-areas .area-num{position:absolute;top:8px;left:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--gray-400);transition:color .3s var(--ease)}.studio-areas .area-ic{width:clamp(34px,3.4vw,46px);height:clamp(34px,3.4vw,46px);color:var(--ink);transition:color .3s var(--ease)}.studio-areas .area-ic img,.studio-areas .area-ic svg{width:100%;height:100%;display:block}.studio-areas .area-ic img{object-fit:contain;transition:filter .3s var(--ease)}.studio-areas .area-name{font-family:var(--font-display);font-weight:600;font-size:clamp(12px,1.15vw,16px);text-transform:uppercase;color:var(--ink)}.studio-areas .area-desc,.studio-areas .area-name{letter-spacing:.04em;transition:color .3s var(--ease)}.studio-areas .area-desc{font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--gray-500)}.studio-areas .area-media{position:relative;width:clamp(64px,11.5vw,180px);height:clamp(64px,11.5vw,180px)}.studio-areas .area-media-sketch{position:absolute;top:-4%;left:-4%;width:108%;height:108%;transform:rotate(-2deg);fill:none;stroke:var(--gray-300);stroke-width:1.5;transition:stroke .35s var(--ease)}.studio-areas .area-media-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:1;transition:opacity .35s var(--ease)}.studio-areas .area-media-video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.studio-areas .area-media-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s var(--ease)}@media (hover:hover) and (pointer:fine){.studio-areas .area-card:hover{background:var(--ink);border-color:var(--ink)}.studio-areas .area-card:hover .area-bar{transform:scaleX(1)}.studio-areas .area-card:hover .area-ic,.studio-areas .area-card:hover .area-num{color:var(--pixel-green-neon)}.studio-areas .area-card:hover .area-ic img{filter:invert(1)}.studio-areas .area-card:hover .area-media-poster{opacity:0}.studio-areas .area-card:hover .area-media-sketch{stroke:rgba(255,255,255,.55)}.studio-areas .area-card:hover .area-media-canvas{opacity:1}.studio-areas .area-card:hover .area-name{color:var(--white)}.studio-areas .area-card:hover .area-desc{color:rgba(255,255,255,.62)}}.studio-areas .area-card.is-active{background:var(--ink);border-color:var(--ink)}.studio-areas .area-card.is-active .area-bar{transform:scaleX(1)}.studio-areas .area-card.is-active .area-ic,.studio-areas .area-card.is-active .area-num{color:var(--pixel-green-neon)}.studio-areas .area-card.is-active .area-ic img{filter:invert(1)}.studio-areas .area-card.is-active .area-media-poster{opacity:0}.studio-areas .area-card.is-active .area-media-sketch{stroke:rgba(255,255,255,.55)}.studio-areas .area-card.is-active .area-media-canvas{opacity:1}.studio-areas .area-card.is-active .area-name{color:var(--white)}.studio-areas .area-card.is-active .area-desc{color:rgba(255,255,255,.62)}@media (max-width:900px){.studio-areas .areas-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.studio-areas .area-desc{display:none}}@media (max-width:520px){.studio-areas .areas-grid{max-width:none;gap:8px}.studio-areas .area-card{padding:10px 12px;gap:9px}.studio-areas .area-card:last-child{grid-column:1/-1}.studio-areas .area-ic{width:28px;height:28px}.studio-areas .area-media{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.studio-areas .area-card{opacity:1;transform:none}}