/* BM Copy Print — modern public website v26 */
.gallery-site{--modern-blue:#0a68d8;--modern-navy:#092545;--modern-ink:#10243c;--modern-muted:#66798d;--modern-surface:#f4f8fc;--modern-line:#dde8f2;background:#fff;color:var(--modern-ink);font-family:BMThai,"Noto Sans Thai",Tahoma,sans-serif}
.gallery-site .container{width:min(1240px,calc(100% - 64px))}
.studio-header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(216,230,242,.85);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(13,47,80,.045)}
.studio-nav{height:82px}.studio-brand{gap:18px}.studio-brand img{width:126px;mix-blend-mode:normal}.studio-brand>span{color:#7990a5;border-color:#dce7ef;font-size:9px;font-weight:800}
.studio-links{gap:26px;font-size:13px;font-weight:750}.studio-links a{position:relative;padding:29px 0}.studio-links a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;border-radius:2px;background:var(--modern-blue);transition:right .2s ease}.studio-links a:hover:after,.studio-links a[aria-current]:after{right:0}
.studio-send{min-height:46px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#0b78e5,#075ab8);box-shadow:0 10px 22px rgba(8,102,205,.20);font-weight:800}.studio-send:hover{background:linear-gradient(135deg,#096fd3,#064f9f)}
.studio-hero{padding-top:44px}.studio-intro{align-items:center;margin-bottom:28px}.studio-eyebrow{color:var(--modern-blue);font-size:10px;font-weight:900;letter-spacing:.15em}.studio-intro h1{max-width:760px;margin-top:10px;color:var(--modern-navy);font-size:clamp(38px,4.8vw,66px);font-weight:750;line-height:1.12;letter-spacing:-.045em}.studio-dot{color:#20a4ff}
.studio-intro-aside{max-width:330px;padding-bottom:0}.studio-intro-aside p{color:var(--modern-muted);font-size:14px;line-height:1.75}.studio-text-link{gap:18px;border:0;padding:0;color:var(--modern-blue);font-weight:850}.studio-text-link span{transition:transform .18s}.studio-text-link:hover span{transform:translateY(3px)}
.studio-hero-image{aspect-ratio:2.15;border-radius:26px;box-shadow:0 24px 60px rgba(13,53,91,.16);background:#e9f0f5}.studio-hero-image>img{object-position:center 48%;filter:saturate(1.02) contrast(1.015)}
.studio-hero-caption{padding:86px 30px 26px;background:linear-gradient(180deg,transparent 20%,rgba(5,22,39,.88));}.studio-hero-caption small{font-weight:800;letter-spacing:.13em}.studio-hero-caption strong{font-size:22px;font-weight:700}.studio-image-arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.studio-hero-foot{padding-top:16px;color:#78899a}.studio-hero-foot a{color:var(--modern-blue);font-weight:800}
.studio-work-section{padding-top:90px;padding-bottom:64px}.studio-section-head{margin-bottom:30px}.studio-section-head h2,.studio-order h2{margin-top:7px;color:var(--modern-navy);font-size:34px;font-weight:750;letter-spacing:-.035em}.studio-section-head>p{color:var(--modern-muted)}
.studio-filters{gap:8px;margin-bottom:28px}.studio-filters button,.gallery-site .portfolio-filters a{min-height:40px;padding:8px 15px;border:1px solid #d7e4ef;border-radius:999px;background:#fff;color:#597087;font-weight:700}.studio-filters button[aria-pressed=true],.gallery-site .portfolio-filters a.active{background:var(--modern-navy);border-color:var(--modern-navy);box-shadow:0 8px 18px rgba(9,37,69,.12)}
.studio-work-grid{gap:34px 22px}.studio-work-photo{border-radius:18px;background:#edf3f7;box-shadow:0 12px 32px rgba(20,58,91,.08)}.studio-work:first-child .studio-work-photo{border-radius:22px}.studio-work-open{bottom:12px;right:12px;border-radius:10px;background:rgba(255,255,255,.93);box-shadow:0 8px 18px rgba(13,45,73,.10);font-weight:800}.studio-work-caption{color:#8190a0}.studio-work h3{color:#183651;font-size:19px;font-weight:750;line-height:1.4}.studio-work a:hover h3{color:var(--modern-blue)}
.studio-services{padding:76px 0;background:linear-gradient(180deg,#f6faff,#fff)}.studio-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}.studio-service-list a{min-height:138px;padding:24px 58px 24px 24px;border:1px solid var(--modern-line);border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(18,65,106,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.studio-service-list a:hover{transform:translateY(-3px);border-color:#b8d8ef;box-shadow:0 16px 34px rgba(18,65,106,.10)}.studio-service-list h3{color:#153553;font-size:21px;font-weight:800}.studio-service-list p{max-width:480px;color:var(--modern-muted);line-height:1.65}.studio-service-list a>span{top:22px;right:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef7ff;color:var(--modern-blue);font-size:18px}
.gallery-site .studio-order{margin-bottom:72px;padding:40px 42px;border-radius:24px;background:radial-gradient(circle at 88% 12%,rgba(55,174,255,.22),transparent 28%),linear-gradient(135deg,#0a3970,#0b61b8);color:#fff;box-shadow:0 22px 52px rgba(8,61,112,.18)}.gallery-site .studio-order h2{color:#fff}.studio-order p{color:#c9def2}.studio-order-actions .studio-send{background:#fff;color:#075fb7;box-shadow:none}.studio-order-actions>a:last-child{color:#d9e9f8;font-weight:700}
.gallery-site .contact-cta{padding:0 0 78px}.gallery-site .contact-panel{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:34px 36px;border:1px solid var(--modern-line);border-radius:22px;background:#f8fbfe;box-shadow:0 12px 32px rgba(18,65,106,.06)}.gallery-site .contact-panel h2{max-width:650px;color:var(--modern-navy);font-size:28px;font-weight:750}.gallery-site .contact-actions{display:grid;grid-template-columns:1fr;gap:9px}.gallery-site .contact-btn{min-height:48px;border-radius:12px;background:#fff;border-color:#d7e4ef;font-weight:800}.gallery-site .contact-btn.call{background:var(--modern-blue);border-color:var(--modern-blue);color:#fff}.gallery-site .contact-btn.line{color:#159653}.gallery-site .contact-btn.fb{color:#1465ba}
.gallery-site .bm-site-footer{border-radius:28px 28px 0 0;background:radial-gradient(circle at 8% 10%,rgba(55,150,235,.18),transparent 25%),linear-gradient(135deg,#0a2c52,#0b3c70 58%,#082744)}
@media(max-width:900px){.gallery-site .container{width:calc(100% - 40px)}.studio-nav{height:74px}.studio-intro{align-items:flex-start}.studio-intro h1{font-size:46px}.studio-hero-image{aspect-ratio:1.7}.studio-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-work:first-child{grid-column:auto}.studio-work:first-child .studio-work-photo{aspect-ratio:1.25}.studio-service-list{grid-template-columns:1fr}.gallery-site .studio-order{margin-bottom:54px}.gallery-site .contact-panel{grid-template-columns:1fr}.gallery-site .contact-actions{margin-top:4px}}
@media(max-width:600px){.gallery-site .container{width:calc(100% - 28px)}.studio-nav{height:68px}.studio-brand img{width:92px}.studio-nav .studio-send{min-height:40px;padding:9px 11px;border-radius:10px;font-size:11px}.studio-header .menu-toggle{width:38px;height:38px;border:1px solid #dce7ef;border-radius:10px}.studio-hero{padding-top:26px}.studio-intro{margin-bottom:20px}.studio-intro h1{font-size:35px;line-height:1.16}.studio-intro-aside{margin-top:14px}.studio-intro-aside p{display:block;font-size:12px;line-height:1.65}.studio-hero-image{aspect-ratio:.94;border-radius:19px}.studio-hero-caption{padding:58px 16px 16px}.studio-hero-caption strong{font-size:17px}.studio-image-arrow{width:38px;height:38px;font-size:22px}.studio-hero-foot{padding-top:11px;font-size:10px}.studio-work-section{padding-top:54px;padding-bottom:44px}.studio-section-head{display:block;margin-bottom:20px}.studio-section-head h2,.studio-order h2{font-size:27px}.studio-section-head>.studio-text-link{display:inline-flex;margin-top:10px}.studio-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.studio-filters button{flex:0 0 auto}.studio-work-grid{grid-template-columns:1fr;gap:30px}.studio-work-photo,.studio-work:first-child .studio-work-photo{aspect-ratio:1.18;border-radius:16px}.studio-work h3{font-size:18px}.studio-services{padding:48px 0}.studio-service-list a{min-height:0;padding:20px 54px 20px 18px;border-radius:15px}.studio-service-list h3{font-size:19px}.gallery-site .studio-order{margin:0 0 48px;padding:28px 20px;border-radius:19px}.studio-order-actions{text-align:left}.studio-order-actions .studio-send{width:100%}.gallery-site .contact-cta{padding-bottom:48px}.gallery-site .contact-panel{padding:24px 18px;border-radius:17px}.gallery-site .contact-panel h2{font-size:23px}.gallery-site .bm-site-footer{border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){.gallery-site *{transition:none!important}}