/* Shared FigCraft showcase: real native frames, one design language across both routes. */
.design-studio{padding-block:80px 90px;border-top:1px solid var(--line)}.design-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:65px;align-items:end;margin-bottom:42px}.design-intro h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-2.7px}.design-intro>div{max-width:430px}.design-intro p{font-size:18px;line-height:1.55;color:var(--muted)}.design-intro .design-tool{font-size:13px;margin-top:22px}.design-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.design-tabs{display:flex;gap:30px}.design-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 0;min-height:48px;color:var(--muted);font-size:16px}.design-tabs [aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:700}.design-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.design-open{display:block;width:100%;position:relative;padding:0;border:1px solid var(--line);border-radius:0;background:var(--white);overflow:hidden;cursor:zoom-in}.design-open>img{width:100%;height:auto;aspect-ratio:1200/820;object-fit:contain}.design-open>span{position:absolute;right:20px;bottom:20px;border:1px solid var(--line);padding:12px 18px;background:var(--white);font-size:12px;display:flex;gap:25px;align-items:center}.design-caption{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:26px}.design-caption h3{font-size:26px;letter-spacing:-.8px}.design-caption p{max-width:600px;font-size:15px;color:var(--muted);margin-top:12px}.design-caption .text-link{flex-shrink:0;font-size:13px}.design-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px;margin-top:38px;border-top:1px solid var(--line);padding-top:25px}.design-principles p{max-width:500px;font-size:14px;color:var(--muted)}.design-principles strong{color:var(--ink)}#design-viewer{width:calc(100% - 40px);max-width:1400px;max-height:96dvh;border-radius:10px;padding:20px;background:var(--paper)}#design-viewer>img{width:100%;height:calc(90dvh - 130px);object-fit:contain;min-height:150px}.design-viewer-bar,.design-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.design-viewer-bar{padding-bottom:15px}.design-viewer-bottom{padding-top:15px;font-size:13px}.design-viewer-bar button,.design-viewer-bottom button{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:10px 15px;min-height:44px;font-size:13px}.design-viewer-bar>span{font-size:16px;font-weight:700}
@media(max-width:1000px){.design-intro,.design-principles{gap:35px}.design-caption{display:block}.design-caption .text-link{margin-top:15px}}
@media(max-width:760px){.design-studio{padding-block:45px}.design-intro{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.design-intro h2{font-size:38px;letter-spacing:-1.8px}.design-intro p{font-size:16px}.design-intro .design-tool{font-size:12px;margin-top:16px}.design-tabs{gap:22px}.design-tabs button{font-size:14px}.design-count{font-size:10px}.design-open>span{right:10px;bottom:10px;font-size:10px;padding:8px 10px;gap:12px}.design-caption h3{font-size:24px}.design-caption p{font-size:14px}.design-principles{grid-template-columns:1fr;gap:18px;margin-top:25px}.design-principles p{font-size:13px}#design-viewer{width:calc(100% - 16px);padding:14px}#design-viewer>img{height:calc(82dvh - 120px)}.design-viewer-bar>span{font-size:13px}.design-viewer-bar button,.design-viewer-bottom button{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.design-studio *,#design-viewer *{animation:none!important;transition:none!important}}
@media(max-width:760px){body:not(.corporate-page) .header nav a{display:none}body:not(.corporate-page) .header nav a[href="#design"]{display:block}}