html{scroll-padding-top:145px}body{background-image:url('/fondo.png')}.site-header-inner{min-height:104px;gap:18px}.brand-logo-wrap{width:215px;height:68px}.brand-title-group strong{font-size:23px}.main-nav{font-size:14px;gap:22px}select{border:1px solid #ceddec;border-radius:14px;padding:12px;background:#fff;color:#06172d;font:inherit;max-width:180px}main.container{width:min(1280px,calc(100% - 48px))}.opening{display:grid;grid-template-columns:1.03fr 1fr;border:1px solid #d5e4ef;border-radius:30px;overflow:hidden;margin:32px 0 0;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.opening-copy{padding:55px 45px;align-self:center}.opening h1{font-size:clamp(40px,4.1vw,62px);line-height:1.05;letter-spacing:-2.6px;margin:18px 0}.opening .lead{font-size:18px;margin:22px 0 28px}.opening figure{margin:0;background:white;position:relative;display:flex;flex-direction:column}.opening figure>.photo{flex:1;min-height:470px}.opening img{object-fit:contain!important;background:#f8fafb}.opening figcaption{background:#06172d;color:white;padding:14px 22px;font-size:13px;font-weight:700}.photo{display:block;width:100%;margin:0;padding:0;border:0;cursor:zoom-in;background:#f4f8fb;overflow:hidden;position:relative}.photo:after{content:'↗';position:absolute;right:12px;bottom:12px;background:#fffffff0;color:#065dab;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;box-shadow:0 3px 10px #0002}.photo img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}.photo:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #0972d6;outline-offset:3px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d5e4ef;border-radius:22px;margin-top:22px;background:#ffffffeb;overflow:hidden}.facts>div{padding:24px 32px}.facts>div+div{border-left:1px solid #dce6ef}.facts strong{color:#0066c5;font-size:43px;letter-spacing:-1.5px;line-height:1}.facts p{font-size:14px;margin:10px 0 0;color:#52677c;max-width:280px}.editorial{max-width:840px;padding:65px 0 34px}.editorial h2,.copy h2,.method h2,.contact h2{font-size:clamp(29px,3vw,44px);line-height:1.12;letter-spacing:-1.4px;margin:10px 0 20px}.editorial>p:last-child{font-size:18px;color:#334b62}.story{display:grid;grid-template-columns:.9fr 1.1fr;background:rgba(255,255,255,.95);border:1px solid #d8e6f0;border-radius:26px;overflow:hidden;margin:0 0 28px;box-shadow:0 12px 32px #163d5910;min-height:365px}.copy{padding:34px 38px;align-self:center}.chapter{color:#7991a6;font-size:12px;font-weight:800;letter-spacing:.1em;display:block;margin-bottom:18px}.copy .eyebrow{font-size:11px;margin-bottom:12px}.copy>p:not(.eyebrow){font-size:16px;color:#52677c;line-height:1.75}.text-link{display:flex;gap:16px;align-items:center;margin-top:24px;font-size:14px;font-weight:850;color:#0668c5}.text-link span{font-size:21px}.picture{min-height:365px;display:grid;grid-template-columns:1fr;background:#f5f8fb;align-items:stretch}.picture>.photo{max-height:500px;min-height:320px}.picture.pair{grid-template-columns:1fr 1fr;gap:5px;padding:5px}.picture.pair>.photo{min-height:360px}.reverse .copy{order:2}.reverse .picture{order:1}.reverse{grid-template-columns:1.1fr .9fr}.feature .picture>.photo{max-height:455px}.method{background:#fffffff0;border:1px solid #d8e6f0;padding:34px;border-radius:26px;margin-top:50px}.method-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:28px}.method-top .photo{height:220px;border-radius:18px}.method-top h2{font-size:40px}.steps{gap:10px}.steps article{padding:18px}.steps h3{font-size:18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:linear-gradient(120deg,#eef7ffed,#ffffffef);border:1px solid #c6ddf0;border-radius:26px;padding:40px;margin-top:32px;align-items:center}.contact p{color:#52677c;margin-top:0}.contact h2{margin:0}.archive-note{font-size:12px;color:#4b6379;max-width:950px;margin:24px 0 0}footer{margin-top:38px}.footer-grid{grid-template-columns:1fr 1.3fr .4fr}dialog{padding:25px 25px 16px;border:0;background:#fff;border-radius:22px;max-width:min(1100px,94vw);max-height:94vh;box-shadow:0 25px 80px #001a3577}dialog::backdrop{background:#021326d9;backdrop-filter:blur(5px)}dialog>img{display:block;max-width:100%;max-height:77vh;object-fit:contain;margin:auto}dialog p{margin:14px 0 0;color:#365168;font-size:14px}#close-dialog{position:absolute;top:8px;right:8px;font-size:30px;border:1px solid #c8d9e8;border-radius:50%;background:white;width:42px;height:42px;cursor:pointer;z-index:1}.button{gap:20px}html[lang=th] h1,html[lang=th] h2,html[lang=ja] h1,html[lang=ja] h2{letter-spacing:0;line-height:1.35}
@media(max-width:1080px){.site-header-inner{flex-direction:row;align-items:center;flex-wrap:wrap;padding:15px 0}.main-nav{width:auto;gap:14px}.brand-title-group{display:none}.opening-copy{padding:35px}.opening h1{font-size:44px}.copy{padding:26px}.facts>div{padding:24px}.picture.pair{grid-template-columns:1fr}.picture.pair>.photo{min-height:170px;max-height:230px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:165px}main.container{width:calc(100% - 24px)}.site-header-inner{gap:10px}.brand-title-group{display:block}.brand-title-group strong{font-size:18px}.brand-logo-wrap{width:155px;height:54px}.main-nav{width:100%;justify-content:space-between;gap:9px;font-size:12px}select{padding:9px;max-width:130px}.opening{grid-template-columns:1fr;margin-top:16px}.opening-copy{padding:28px 24px}.opening h1{font-size:39px;letter-spacing:-1.6px}.opening figure>.photo{min-height:250px;height:280px;max-height:280px}.opening .lead{font-size:16px}.facts{grid-template-columns:1fr}.facts>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:18px}.facts>div+div{border-left:0;border-top:1px solid #dce6ef}.facts strong{font-size:33px}.facts p{font-size:12px;margin:0}.editorial{padding:35px 8px 20px}.editorial>p:last-child{font-size:16px}.story,.reverse{grid-template-columns:1fr;min-height:0}.copy,.reverse .copy{order:0;padding:25px}.picture,.reverse .picture{order:1;min-height:0}.picture>.photo{min-height:240px;max-height:330px}.picture.pair{grid-template-columns:1fr 1fr}.picture.pair>.photo{min-height:220px;max-height:270px}.copy h2{font-size:30px}.copy>p:not(.eyebrow){font-size:15px}.method{padding:22px;margin-top:28px}.method-top,.contact{grid-template-columns:1fr;gap:22px}.method-top h2{font-size:32px}.method-top .photo{height:210px}.steps{grid-template-columns:1fr 1fr}.steps article{padding:12px}.steps h3{font-size:16px}.steps p{font-size:13px}.contact{padding:26px}.footer-grid{grid-template-columns:1fr;gap:20px}.chapter{margin-bottom:12px}.eyebrow{letter-spacing:.11em}dialog{padding:16px}.opening .eyebrow{font-size:10px}}
.facts strong.brand-quality{display:block;font-size:28px;line-height:1.1;letter-spacing:-.7px;max-width:290px}
@media(max-width:700px){.facts>div:has(.brand-quality){grid-template-columns:1fr}.facts strong.brand-quality{font-size:26px;max-width:none}.facts>div:has(.brand-quality) p{max-width:none}}