.gallery-page{--accent:#345977;color:#203343;background:#fff;font-family:Anuphan,sans-serif}
.gallery-header{max-width:1440px;margin:auto;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e8ee}
.gallery-brand{font:600 1.55rem Manrope,sans-serif;letter-spacing:-.045em}
.gallery-brand span{font:500 .75rem Manrope,sans-serif;letter-spacing:.17em;display:block;margin-top:7px;color:#65798b}
.gallery-header>a:last-child{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}
.gallery-main{max-width:1440px;margin:auto;padding:55px 4% 65px}
.gallery-intro{max-width:850px;margin:0 auto 44px;text-align:center}
.gallery-intro h1{font-size:clamp(2rem,3vw,2.75rem);font-weight:400;line-height:1.6;margin:15px 0}
.gallery-intro>p{font-size:1.0625rem;line-height:1.9;color:#617386}
.collection-note{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}
.collection-note span{background:#f1f5f9;border-radius:25px;padding:5px 15px;color:#4d6378;font-size:.75rem}
.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.refined-spotlight{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f0f5fc;border:1px solid #dce6f2;border-radius:12px;padding:28px 32px;margin-bottom:36px}
.refined-spotlight h2{font-size:1.4rem;font-weight:500;margin:7px 0 10px}
.refined-spotlight p{margin:0;font-size:.9375rem;color:#5d7186}
.refined-spotlight .button{flex-shrink:0;border-radius:4px}
@media(max-width:800px){.refined-spotlight{flex-direction:column;align-items:flex-start;padding:25px;gap:22px}}
.concept-card{border:1px solid #dce4ec;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #1f3a5508;min-width:0;display:flex;flex-direction:column}
.mini-site{position:relative;display:block;overflow:hidden;background:#f1f5f9;border-bottom:1px solid #dce4ec}
.mini-browser{height:25px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#eef2f6}
.mini-browser>span{width:4px;height:4px;background:#b4c0ce;border-radius:50%}
.mini-browser small{font:500 7px Manrope,sans-serif;color:#6a7a8b;margin-left:auto}
.iframe-window{position:relative;aspect-ratio:1.35;overflow:hidden;background:#fff}
.iframe-window iframe{display:block;width:1280px;height:1000px;border:0;transform:scale(var(--frame-scale,.3));transform-origin:top left;pointer-events:none}
.preview-open{position:absolute;bottom:12px;right:12px;background:#203343;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;box-shadow:0 3px 12px #20334326}
.mini-site:hover .preview-open{background:#356183}
.concept-description{padding:26px 24px;display:flex;flex-direction:column;flex:1}
.concept-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.concept-label>span:first-child{font:600 1.2rem Manrope,sans-serif}
.recommend{background:#e5eef7;color:#345977;font-size:.75rem;padding:4px 10px;border-radius:20px}
.concept-hint{font-size:.75rem;color:#65768a}
.concept-description h2{font:600 clamp(1.2rem,1.6vw,1.5rem)/1.4 Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:7px}
.concept-thai{font-size:1rem;margin-bottom:16px;color:#314d66}
.concept-description>p:not(.concept-thai){font-size:1rem;line-height:1.85;color:#607184;margin-bottom:20px}
.swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;margin-bottom:23px}
.swatches i{display:block;width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid #2033431a}
.swatches span{font-size:.75rem;color:#637488;margin-left:5px}
.concept-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid #e1e7ee;padding-top:21px;font-size:.8125rem}
.concept-actions>a:first-child{font-weight:600}.concept-actions>a:last-child{text-decoration:underline;text-underline-offset:5px;color:#586d83}
.choice-note{max-width:800px;margin:62px auto 0;padding:30px 35px;background:#f1f5f9;border-left:3px solid #385f80}
.choice-note h2{font-size:1.4rem;font-weight:500;margin:10px 0 13px}
.choice-note p{font-size:1rem;line-height:1.9;color:#596d80;margin:0}
.gallery-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:55px;border-top:1px solid #e1e7ee;padding-top:30px}
.gallery-details h2{font-size:1rem;font-weight:600;margin-bottom:12px}
.gallery-details p{font-size:1rem;line-height:1.9;color:#5c7084}
.gallery-details a{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.reference-notes{margin-top:25px;font-size:.875rem;color:#5c7084}
.reference-notes summary{cursor:pointer;padding:10px 0}.reference-notes p{margin:10px 0}.reference-notes a{text-decoration:underline;text-underline-offset:4px}
.gallery-footer{max-width:1440px;margin:auto;padding:25px 4%;border-top:1px solid #e1e7ee;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#607488}
.credits-main{max-width:900px;padding:45px 25px;margin:auto}
.credits-main h1{font-size:2rem;font-weight:400;line-height:1.6;margin:25px 0 15px}
.credits-main>p{color:#617386;font-size:1rem;line-height:1.9}
.credit-entry{display:grid;grid-template-columns:240px 1fr;gap:28px;margin-top:35px;padding-top:30px;border-top:1px solid #dce4ec}
.credit-entry img{width:100%;height:160px;object-fit:cover;border-radius:6px}
.credit-entry h2{font-size:1.15rem;margin-bottom:12px}.credit-entry p{font-size:.875rem;color:#617386;margin-bottom:10px}.credit-entry a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.concept-grid{gap:16px}.concept-description{padding:24px 18px}.swatches span{display:block;width:100%;margin:5px 0 0}.concept-actions{font-size:.75rem;gap:8px}.concept-hint,.recommend{font-size:.75rem}.concept-description h2{font-size:1.22rem}}
@media(max-width:800px){.gallery-main{padding-top:35px}.concept-grid{grid-template-columns:1fr;max-width:590px;margin:auto;gap:35px}.concept-description{padding:26px}.concept-description h2{font-size:1.6rem}.swatches span{width:auto;margin:0 0 0 6px}.concept-actions{font-size:.875rem}.concept-hint,.recommend{font-size:.75rem}.iframe-window{aspect-ratio:1.55}.gallery-details{grid-template-columns:1fr;gap:20px}.choice-note{padding:25px}.gallery-intro>p br{display:none}.collection-note{gap:7px}.collection-note span{padding:5px 10px;font-size:.75rem}}
@media(max-width:560px){.gallery-header{padding:22px 5%}.gallery-brand{font-size:1.3rem}.gallery-header>a:last-child{font-size:.75rem;max-width:130px;text-align:right}.gallery-main{padding-inline:5%}.gallery-intro h1{font-size:1.9rem}.gallery-intro>p{font-size:1rem}.gallery-intro{margin-bottom:32px}.concept-description{padding:24px}.concept-description h2{font-size:1.45rem}.choice-note h2{font-size:1.25rem}.gallery-footer{flex-wrap:wrap;padding-inline:5%}.credit-entry{grid-template-columns:1fr;gap:22px}.credit-entry img{height:230px}.credits-main h1{font-size:1.8rem}}