.dev-showcase{border-top:1px solid var(--border);margin-top:88px;padding-top:48px}.development-section .dev-showcase{border-top:0;margin-top:0;padding-top:0}.dev-showcase-heading{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:32px;display:grid}.dev-showcase-heading h3{letter-spacing:-.025em;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.3}.dev-showcase-heading p,.dev-method-note{color:var(--text-secondary);margin:0}.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.dev-card{min-width:0}.dev-card-image{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--surface);display:block;overflow:hidden}.dev-card-image img{object-fit:cover;object-position:center 58%;width:100%;height:100%;display:block}.dev-card-copy{padding-top:24px}.dev-status{color:#92400e;background:#fef3c7;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.6;display:inline-flex}.dev-card h4{font-family:var(--font-latin), var(--font-thai);letter-spacing:-.025em;margin:12px 0 0;font-size:30px;font-weight:700;line-height:1.3}.dev-category{color:var(--brand-700);margin:8px 0 12px;font-size:14px;font-weight:600}.dev-card-copy>p:not(.dev-category):not(.dev-stage){color:var(--text-secondary);margin:0;line-height:1.85}.dev-readiness{margin-top:24px}.dev-readiness>div{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.dev-readiness label{color:var(--text-secondary);font-size:14px}.dev-readiness strong{font-family:var(--font-latin);font-variant-numeric:tabular-nums;color:var(--text);font-size:24px}.dev-readiness progress{appearance:none;background:var(--slate-200);width:100%;height:8px;color:var(--brand-600);border:0;border-radius:6px;display:block;overflow:hidden}.dev-readiness progress::-webkit-progress-bar{background:var(--slate-200);border-radius:6px}.dev-readiness progress::-webkit-progress-value{background:var(--brand-600);border-radius:6px}.dev-readiness progress::-moz-progress-bar{background:var(--brand-600);border-radius:6px}.dev-stage{color:var(--text-secondary);margin:12px 0 20px;font-size:13px;line-height:1.7}.dev-link{color:var(--brand-700);text-underline-offset:5px;padding-block:8px;font-weight:600;text-decoration:underline 1px;display:inline-block}.dev-link:hover{color:var(--navy-950)}.dev-method-note{max-width:90ch;margin-top:32px;font-size:13px;line-height:1.8}.dev-product-header,.dev-product-main,.dev-product-footer{width:min(1240px,100% - 64px);margin-inline:auto}.dev-product-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:94px;display:flex}.dev-product-header>a{flex-shrink:0;display:block}.dev-product-header img{width:190px;height:auto;display:block}.dev-product-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.dev-product-header nav a{padding-block:12px}.dev-product-main{padding-top:60px}.dev-product-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;display:grid}.dev-product-intro{min-width:0}.dev-product-intro h1{font-family:var(--font-latin), var(--font-thai);letter-spacing:-.035em;margin:24px 0 20px;font-size:clamp(42px,5vw,70px);font-weight:700;line-height:1.1}.dev-tagline{letter-spacing:-.02em;text-wrap:balance;margin:0 0 24px;font-size:clamp(23px,2.3vw,30px);font-weight:500;line-height:1.6}.dev-description{color:var(--text-secondary);max-width:60ch;margin:0;line-height:1.9}.dev-product-intro .dev-stage{margin-top:24px}.dev-product-figure{min-width:0;margin:0}.dev-product-figure>a{border-radius:var(--radius-md);background:var(--surface);display:block;overflow:hidden}.dev-product-figure img{object-fit:contain;width:100%;height:580px;padding:16px;display:block}.dev-product-figure figcaption,.dev-project-gallery figcaption{color:var(--text-secondary);margin-top:14px;font-size:12px;line-height:1.8}.dev-features{border-block:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px;margin-top:48px;padding:48px 0;display:grid}.dev-product-main h2{letter-spacing:-.025em;margin:0;font-size:clamp(25px,2.7vw,34px);font-weight:600;line-height:1.4}.dev-features ul{color:var(--text-secondary);margin:0;padding-left:24px}.dev-features li{margin-bottom:12px;padding-left:8px}.dev-features li:last-child{margin-bottom:0}.dev-production{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;padding:64px 0;scroll-margin-top:24px;display:grid}.dev-production-summary>p{color:var(--text-secondary);font-size:15px;line-height:1.9}.dev-assessment-date{margin:14px 0 24px;font-size:12px!important}.dev-motion{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:64px;padding:48px 0;scroll-margin-top:24px;display:grid}.dev-motion-copy p{color:var(--text-secondary);max-width:60ch;margin:24px 0;line-height:1.9}.dev-motion-copy button{font:inherit;min-height:48px;color:var(--white);background:var(--brand-600);cursor:pointer;border:0;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:600}.dev-motion-copy button:hover{background:var(--brand-700)}.dev-motion-image{background:var(--surface);border-radius:var(--radius-md);padding:16px}.dev-motion-image img{object-fit:contain;width:100%;height:420px;display:block}.dev-production .dev-readiness{margin-top:28px}.dev-production .dev-readiness strong{font-size:34px}.dev-rubric{border-top:1px solid var(--border);margin-top:28px}.dev-rubric>summary{cursor:pointer;color:var(--brand-700);padding-block:18px;font-weight:600}.dev-rubric>p{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.9}.dev-rubric ol{margin:0;padding:0;list-style:none}.dev-rubric li{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.dev-rubric li>div{justify-content:space-between;align-items:baseline;gap:24px;font-size:14px;display:flex}.dev-rubric li>div span{white-space:nowrap;font-variant-numeric:tabular-nums}.dev-rubric li p{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.8}.dev-remaining{padding-top:8px}.dev-remaining h3{margin:0 0 24px;font-size:23px;font-weight:600}.dev-remaining ul{margin:0;padding:0;list-style:none}.dev-remaining li{border-top:1px solid var(--border);color:var(--text-secondary);padding:20px 0;line-height:1.9}.dev-remaining>p{color:var(--text-secondary);margin-top:24px;font-size:13px}.dev-project-gallery{border-top:1px solid var(--border);padding:48px 0}.dev-project-gallery figure{max-width:600px;margin:32px 0 0}.dev-project-gallery img{object-fit:contain;background:var(--surface);border-radius:var(--radius-md);width:100%;max-height:640px;display:block}.dev-other-projects{border-top:1px solid var(--border);padding:48px 0}.dev-other-projects>div{flex-wrap:wrap;gap:16px 32px;margin-top:24px;display:flex}.dev-other-projects a{text-underline-offset:5px;color:var(--brand-700);font-family:var(--font-latin);padding-block:10px;text-decoration:underline}.dev-product-footer{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;gap:24px;padding-block:24px;font-size:12px;display:flex}.dev-skip{z-index:100;background:var(--navy-950);color:#fff;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.dev-skip:focus{transform:none}@media (width<=1000px){.dev-product-hero{gap:32px}.dev-product-figure img{height:510px}.dev-production{gap:40px}.dev-features{gap:32px}}@media (width<=680px){.dev-showcase{margin-top:56px;padding-top:32px}.dev-showcase-heading{display:block}.dev-showcase-heading p{margin-top:16px}.dev-grid{grid-template-columns:1fr;gap:44px}.dev-card-image{aspect-ratio:16/11}.dev-card-copy{padding-top:20px}.dev-card h4{font-size:28px}.dev-product-header,.dev-product-main,.dev-product-footer{width:calc(100% - 40px)}.dev-product-header{gap:16px;min-height:76px}.dev-product-header img{width:135px}.dev-product-header nav{gap:16px;font-size:12px}.dev-product-main{padding-top:32px}.dev-product-hero{grid-template-columns:1fr;gap:32px}.dev-product-intro h1{font-size:44px}.dev-tagline{font-size:24px}.dev-product-figure img{height:auto;max-height:540px;padding:10px}.dev-features{margin-top:32px;padding:32px 0;display:block}.dev-features ul{margin-top:24px}.dev-production{grid-template-columns:1fr;gap:32px;padding:40px 0}.dev-motion{grid-template-columns:1fr;gap:24px;padding:32px 0}.dev-motion-image img{height:auto;max-height:480px}.dev-remaining h3{margin-bottom:16px}.dev-project-gallery,.dev-other-projects{padding:32px 0}.dev-readiness label{font-size:13px}}
