/* HANGTAVI: warm editorial type, honest work, low-friction enquiry. */
:root{--ink:#282723;--muted:#69645f;--paper:#fffdf9;--line:#e8e3dc}
body{background:var(--paper)}header{background:#fffdf9f2}.wrap{max-width:1240px}section{padding:54px 0}h1,h2{letter-spacing:-.035em}html[lang=th] h1,html[lang=th] h2{letter-spacing:-.025em}h1{font-weight:500}h2{font-weight:500}h3{line-height:1.45}.eyebrow{font-weight:500;font-size:11px;letter-spacing:1.5px}.btn{min-height:48px;font-weight:500;font-size:16px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.nav{max-width:1240px;gap:16px}.nav nav{font-size:14px;gap:17px}.nav-contact{font-size:13px;padding:9px 15px;min-height:42px;white-space:nowrap}.logo{font-size:25px}.studio-hero{gap:54px;grid-template-columns:1fr 1.03fr;padding:68px 0 38px}.studio-hero h1{font-size:clamp(42px,4.65vw,66px);line-height:1.23;margin:20px 0 24px}.hero-copy .lead{font-size:19px;line-height:1.85;max-width:530px}.studio-hero .actions{align-items:center;gap:20px}.text-action{font-size:16px;text-underline-offset:5px}.hero-price{margin-top:22px}.studio-art{border:1px solid #ddd6ce;border-radius:20px;background:white;overflow:hidden;box-shadow:0 20px 50px #4c35220c;transform:rotate(1deg)}.site-chrome{padding:12px 18px;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1px;background:#f5f2ed;border-bottom:1px solid var(--line)}.chrome-dots{font-size:8px;color:#c0b7ac;letter-spacing:4px}.site-chrome a{margin-left:auto;font-size:20px;text-decoration:none}.studio-photo{position:relative;display:block;overflow:hidden}.studio-photo img{width:100%;height:385px;object-fit:cover;display:block}.studio-overlay{position:absolute;inset:0;background:linear-gradient(transparent 28%,#161b249e);display:flex;flex-direction:column;justify-content:end;padding:30px;color:white}.studio-overlay small{font-size:10px;letter-spacing:1.6px}.studio-overlay strong{font-size:29px;line-height:1.45;font-weight:500;margin-top:10px}.art-foot{padding:14px 18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.art-foot a{text-underline-offset:4px}.confidence-row{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}.confidence-row span{display:flex;gap:12px;align-items:center}.confidence-row i{font-style:normal;font-size:10px;color:var(--green)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}.section-head h2{margin-bottom:0}.section-head>p{max-width:350px;font-size:17px;color:var(--muted);margin:0}.studio-pain .choices{gap:0;border-top:1px solid var(--line)}.studio-pain .choice{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:17px 4px;gap:16px;font-size:18px;min-height:64px}.studio-pain .choice.active{background:transparent;color:var(--green);font-weight:600}.studio-pain .choice span{font-size:21px;flex-shrink:0}.studio-pain .answer{box-shadow:none;border:1px solid #f3dbce;background:#fff2e8;padding:30px 34px}.studio-pain .answer h3{font-size:25px;font-weight:500}.studio-pain .answer p{min-height:90px}.studio-pain .answer .btn{margin-top:12px}.compare-section{border-top:1px solid var(--line)}.compare-frame{box-shadow:none}.compare-next{display:none}.home-examples{padding-top:42px}.home-examples .casecard{border:0;background:transparent;border-radius:0}.home-examples .casecard img{height:210px;border-radius:16px}.home-examples .casebody{padding:18px 0}.home-examples .casebody .eyebrow{color:var(--muted)}.home-examples .casebody h3{font-size:20px;font-weight:500}.casecard>a:hover img{transform:none}.home-investment{border-top:1px solid var(--line)}.studio-offers{gap:18px}.studio-offers .card{padding:27px 25px;box-shadow:none;display:flex;flex-direction:column;position:relative}.studio-offers .featured{border:1.5px solid var(--green);background:#fff7f1}.studio-offers h3{font-size:21px}.studio-offers p{font-size:16px}.studio-offers .price{font-size:40px;font-weight:500;letter-spacing:-1.5px;margin:12px 0}.studio-offers .clean{font-size:16px}.studio-offers .btn{margin-top:auto;font-size:14px;padding:12px 14px}.studio-offers .badge{font-size:12px;top:-15px;left:22px}.studio-search{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;background:#f5f1eb;margin:0 0 24px;padding:32px}.studio-search h3{font-size:27px;margin:10px 0}.studio-search p{margin-top:0}.studio-search .small{margin-bottom:0}.endcta{background:#fff0e3;margin-top:20px;padding:42px 24px}.endcta h2{font-size:clamp(29px,3vw,40px)}.endcta p{font-size:18px}.pricing .card{box-shadow:none}.extra-pages{padding-top:18px}.pricing .card[id]{scroll-margin-top:120px}.foot{font-size:14px}
@media(max-width:1100px){.nav-contact{display:none}.studio-hero{gap:30px}.studio-photo img{height:340px}.nav nav{gap:13px;font-size:13px}}
@media(max-width:800px){section{padding:38px 0}.studio-hero{grid-template-columns:1fr;padding:34px 0 28px;gap:25px}.studio-hero h1{font-size:43px;line-height:1.3;max-width:580px}.hero-copy .lead{font-size:18px;line-height:1.85}.studio-art{transform:none;border-radius:17px}.studio-photo img{height:280px}.studio-overlay{padding:22px}.studio-overlay strong{font-size:26px}.site-chrome{padding:10px 15px}.art-foot{font-size:12px;flex-wrap:wrap}.confidence-row{flex-wrap:wrap;gap:9px 20px;font-size:14px;padding:17px 0}.confidence-row span{gap:7px}.section-head{display:block;margin-bottom:20px}.section-head>p{max-width:none;margin-top:14px;font-size:17px}.studio-pain .choice{font-size:18px;padding:15px 2px}.studio-pain .answer{padding:24px}.studio-pain .answer p{min-height:0;font-size:18px}.studio-pain .answer h3{font-size:25px}.studio-search{grid-template-columns:1fr;gap:12px;padding:25px}.studio-search h3{font-size:25px}.studio-offers{gap:27px}.studio-offers .price{font-size:42px}.home-examples .casegrid{display:grid;grid-template-columns:repeat(3,minmax(250px,82%));scroll-snap-type:x proximity}.home-examples .casecard{min-width:0}.home-examples .casecard img{height:210px}.new-layout h3{font-size:27px}.mobilecta{font-size:15px;max-width:calc(100vw - 36px)}.endcta{padding:32px 21px;margin-bottom:35px}.btn{max-width:100%;white-space:normal}.hero-copy .actions{gap:17px}.studio-hero .actions>.btn{font-size:17px}.nav-contact{display:none}}
@media(prefers-reduced-motion:reduce){.btn,.casecard img{transition:none}.btn:hover{transform:none}}
.field-help{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-top:8px}.audit-offer{margin:24px 0;padding:22px 24px;background:#fff2e8;border-radius:18px;border:1px solid #f1ddce}.audit-offer h3{font-size:23px;margin:0 0 12px}.audit-offer p{font-size:17px}.audit-offer ul{padding-left:22px;font-size:17px}.audit-offer li{margin:12px 0}.audit-offer .small{font-size:14px}.stock-note{font-size:14px!important}.rights-note{padding:10px 12px;background:#fff0d8;border-radius:10px;font-size:14px!important}.audit-explain{padding:25px;background:#f5f1eb;border-radius:18px;margin-bottom:28px}.audit-explain h3{font-size:24px}.casebody .small{line-height:1.65}@media(max-width:800px){.audit-offer{padding:21px}.audit-offer h3{font-size:23px}.field-help{font-size:15px}.audit-offer .small{font-size:15px}}

.home-enquiry{scroll-margin-top:110px;padding-top:64px}.home-enquiry .contact{align-items:start;gap:clamp(24px,5vw,72px)}.home-enquiry .form{padding:clamp(20px,3vw,32px);background:#fff;border:1px solid #eaded3;border-radius:20px}.home-enquiry .form input,.home-enquiry .form select,.home-enquiry .form textarea{font-size:1rem;min-height:48px}.home-enquiry .form button[type=submit]{width:100%}.casecard img[src$="auvessira-mask.jpg"]{object-position:50% 50%}

.portfolio-credits{margin:18px 0 0;border:0;color:#655f59;font-size:14px;line-height:1.65}.portfolio-credits summary{font-size:14px;font-weight:400;padding:8px 0;cursor:pointer}.portfolio-credits p{font-size:14px;max-width:760px;margin:10px 0}.portfolio-credits .credit-links a{color:#655f59;text-decoration:underline;text-underline-offset:3px}.casebody .small{font-size:14px;line-height:1.65}.casebody{display:flex;flex-direction:column}.casebody .caselink{margin-top:auto;padding-top:12px}
