.studio-hero{background:radial-gradient(circle at 82% 22%,#297b8660,transparent 47%),linear-gradient(118deg,var(--dark),var(--dark-alt));color:#f6fdfb;padding:72px 0 76px}.studio-hero .eyebrow{color:var(--accent)}.studio-hero h1{font-size:var(--type-page-title);letter-spacing:-.02em;max-width:930px;margin:18px 0;line-height:1.23}.studio-hero h1 em{color:var(--accent);font-style:normal}.studio-hero p{color:#c6dddf;max-width:755px;font-size:var(--type-body);margin:0;line-height:1.95}.studio-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.studio-button{background:var(--accent);color:var(--dark);font-weight:800;font-size:var(--type-action);border-radius:6px;justify-content:space-between;align-items:center;gap:22px;padding:13px 18px;display:inline-flex}.studio-button:hover{background:#fff}.studio-button-outline{color:var(--dark);background:0 0;border:1px solid #7e9ba8}.studio-button-outline:hover{background:var(--accent-soft)}.studio-hero .studio-button-outline{color:#f0f9f8;border-color:#81adb3}.studio-hero .studio-button-outline:hover{color:var(--dark)}.studio-content{padding-top:65px}.studio-lead{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.studio-lead h2{font-size:var(--type-section-title);letter-spacing:-.02em;margin:8px 0 0;line-height:1.3}.studio-lead p{color:var(--muted);max-width:440px;font-size:var(--type-body);margin:0;line-height:1.8}.studio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.studio-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:start;min-height:300px;padding:29px;transition:transform .2s,border-color .2s;display:flex}.studio-card:hover{border-color:#84c9bc;transform:translateY(-3px)}.studio-card .tag{font:800 var(--type-label) "Noto Sans Thai",sans-serif;letter-spacing:.13em;color:#23746e}.studio-card h2,.studio-card h3{font-size:var(--type-card-title);letter-spacing:-.02em;margin:18px 0 10px;line-height:1.33}.studio-card p{color:var(--muted);line-height:1.9;font-size:var(--type-card-body);margin:0 0 20px}.studio-card .card-link{font-size:var(--type-action);color:var(--brand);margin-top:auto;font-weight:800}.studio-card .card-link span{margin-left:10px}.studio-section{margin-top:65px}.studio-section h2{font-size:var(--type-section-title);letter-spacing:-.02em;margin:0 0 21px;line-height:1.3}.studio-section p{color:var(--muted);font-size:var(--type-body);line-height:1.95}.studio-dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.studio-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:27px}.studio-panel h2{font-size:var(--type-card-title)}.studio-panel ul{margin:0;padding-left:22px}.studio-panel li{color:#405c68;font-size:var(--type-card-body);padding:8px 0;line-height:1.85}.studio-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio-step{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.studio-step span{color:#166d66;font:800 12px Noto Sans Thai,sans-serif}.studio-step h3{font-size:var(--type-card-title);margin:12px 0 6px;line-height:1.35}.studio-step p{font-size:var(--type-card-body);color:var(--muted);margin:0;line-height:1.85}.studio-note{background:var(--accent-soft);border-radius:13px;margin-top:60px;padding:34px}.studio-note h2{font-size:var(--type-section-title);letter-spacing:-.02em;margin:0 0 9px}.studio-note p{max-width:800px;font-size:var(--type-card-body);color:#365969;margin:0 0 18px;line-height:1.9}.studio-note .studio-button{background:var(--dark);color:#fff}.studio-note .studio-button:hover{background:#245a65}.studio-inline-links{flex-wrap:wrap;gap:9px 20px;margin-top:17px;display:flex}.studio-inline-links a{font-size:var(--type-action);color:var(--brand);text-underline-offset:3px;font-weight:800;text-decoration:underline}.studio-aside{color:#3b6266;background:#f0f7f7;border-left:3px solid #4dbba8;border-radius:0 8px 8px 0;padding:16px 20px;font-size:13px;line-height:1.85}@media (width<=800px){.studio-hero{padding:56px 0 61px}.studio-process{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-lead{display:block}.studio-lead p{margin-top:15px}}@media (width<=600px){.studio-hero{padding:44px 0 52px}.studio-hero h1{font-size:var(--type-page-title)}.studio-content{padding-top:47px}.studio-card-grid,.studio-dual,.studio-process{grid-template-columns:1fr}.studio-card{min-height:250px;padding:23px}.studio-note{padding:24px}.studio-section{margin-top:47px}}@media (prefers-reduced-motion:reduce){.studio-card{transition:none}}
