:root{font-family:"Segoe UI",Arial,sans-serif;color:#17191a;background:#17191a;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:28px 14px 40px;background:#17191a}
img{display:block;width:100%}
figure,p,h1,h2,h3{margin:0}
.poster{width:min(680px,100%);margin:auto;overflow:hidden;background:#f7f8f6;border:1px solid #414547;box-shadow:0 28px 90px #0008}
.cover{background:#f7f8f6}
.brand-row{height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 27px;border-bottom:1px solid #d9ddda}
.brand{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.12;letter-spacing:.15em;font-weight:600}
.brand strong{font-weight:800}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:#17191a;color:#f7f8f6;font:25px/1 Georgia,serif;letter-spacing:-.12em;padding-right:3px}
.language-control{display:inline-flex;align-items:center;gap:8px;max-width:155px;min-height:38px;padding:3px 0 3px 8px;color:#333838;cursor:pointer}
.language-control select{appearance:none;-webkit-appearance:none;width:auto;max-width:135px;min-width:0;padding:4px 0;border:0;outline:0;background:transparent;color:inherit;font:600 13px/1.3 "Segoe UI",Arial,sans-serif;text-align:end;text-overflow:ellipsis;cursor:pointer}
.language-control select option{color:#17191a;background:#fff}
.language-chevron{flex:0 0 6px;width:6px;height:6px;margin:-3px 3px 0 0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
.language-control:hover{color:#17191a}
.language-control:focus-within{box-shadow:inset 0 -2px #17191a}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:326px}
.cover-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 22px 28px 27px;text-align:start}
.eyebrow{padding-bottom:9px;border-bottom:1px solid #a3acab;color:#626b6b;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.13em}
.cover h1{margin:23px 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.6vw,37px);line-height:1.02;letter-spacing:-.055em;font-weight:400;overflow-wrap:anywhere}
.cover h1 em{font-style:normal;color:#626d70}
.cover-heading>p:last-child{max-width:270px;color:#555d5e;font-size:15px;line-height:1.48}
.hero-image,.product-gallery figure{position:relative;overflow:hidden;background:#1c2225}
.hero-image img,.product-gallery img{height:100%;object-fit:cover}
.hero-image img{object-position:48% 50%}
.hero-image figcaption,.product-gallery figcaption{position:absolute;inset:auto 0 0;padding:25px 12px 10px;background:linear-gradient(180deg,transparent,#101517e8);color:#fff;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.22;letter-spacing:.01em;text-shadow:0 1px 3px #0009}
.product-gallery{height:218px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;padding-top:3px;background:#f7f8f6}
.product-gallery figure{min-width:0}
.product-gallery figcaption{font-size:12px}
.product-hologram{grid-row:span 2}
.product-hologram img{object-position:49% 50%}
.product-label img{object-position:50% 47%}
.product-card img{object-position:50% 42%}
.product-ticket img{object-position:50% 51%}
.product-paper img{object-position:50% 41%}
.cover-ribbon{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:27px;border-bottom:1px solid #d9ddda;background:#f7f8f6;color:#3f484a;font-size:12px;font-weight:600;letter-spacing:.03em}
.cover-ribbon a{align-self:stretch;min-width:145px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 18px;background:#17191a;color:#fff;text-decoration:none;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;white-space:nowrap}
.cover-ribbon a:hover,.poster-footer a:hover{background:#414b4c;color:#fff}
.technology{padding:19px 27px 17px;background:#e9edeb;border-bottom:1px solid #d0d6d2}
.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #c4ceca}
.section-label>span{color:#687470;font-size:10px;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.section-label h2{color:#242e2b;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.15;letter-spacing:-.025em;font-weight:400;text-align:end}
.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.tech-item{min-width:0;display:flex;flex-direction:column;gap:3px;padding:10px 0 9px;border-bottom:1px solid #c4ceca}
.tech-item:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
.tech-item strong{font-size:12px;line-height:1.2;font-weight:700;color:#25312d}
.tech-item span{color:#52615b;font-size:12px;line-height:1.33}
.summary{padding:26px 38px 21px;background:#fff}
.summary h2{margin:0 0 19px;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.07;letter-spacing:-.035em;font-weight:400;color:#17191a}
.summary h2>span:last-child{color:#5c6869}
.summary-row{display:grid;grid-template-columns:37px minmax(0,1fr);gap:9px;padding:13px 0 14px;border-top:1px solid #d9ddda}
.summary-number{padding-top:1px;color:#818b8c;font-size:12px;font-weight:700;letter-spacing:.04em}
.summary h3{font-size:14px;line-height:1.25;letter-spacing:.035em;font-weight:800;color:#17191a}
.summary-row p{margin-top:5px;font-size:15px;line-height:1.42;color:#535d5e}
.format-line{display:grid;grid-template-columns:150px 1fr;gap:9px;padding-top:14px;border-top:1px solid #d9ddda}
.format-line strong{font-size:11px;line-height:1.35;letter-spacing:.09em;color:#626d6e}
.format-line span{font-size:13px;line-height:1.4;font-weight:600;color:#333a3b}
.poster-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 27px;background:#17191a;color:#fff;font-size:11px;letter-spacing:.04em}
.poster-footer strong,.poster-footer span{display:block}
.poster-footer strong{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:600;letter-spacing:0}
.poster-footer span{margin-top:5px;color:#c7cecd;font-size:14px;line-height:1.4;letter-spacing:0}
.poster-footer a{display:inline-flex;align-items:center;gap:5px;padding:12px 14px;border:1px solid #a4aeae;color:#fff;text-decoration:none;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;white-space:nowrap}
.poster-footer a span{display:inline;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.inquiry-dialog{width:min(470px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #849091;border-radius:3px;overflow:auto;background:#f7f8f6;color:#17191a;box-shadow:0 25px 80px #0008}
.inquiry-dialog::backdrop{background:#101415d9}
.inquiry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 19px;background:#17191a;color:#fff}
.inquiry-kicker{margin:0 0 6px;color:#aebabb;font-size:11px;font-weight:800;letter-spacing:.12em}
.inquiry-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.13;font-weight:400;letter-spacing:-.03em}
.inquiry-heading p:last-child{margin-top:8px;color:#d4dada;font-size:14px;line-height:1.35}
.dialog-close{flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff68;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.dialog-close:hover{background:#ffffff2b}
#inquiry-form{padding:20px 22px 22px}
.field-grid{display:grid;grid-template-columns:1fr;gap:11px}
#inquiry-form label{display:block;font-size:14px;font-weight:700;line-height:1.3}
#inquiry-form label>span[aria-hidden]{color:#5c6869}
#inquiry-form input:not([type=checkbox]),#inquiry-form select,#inquiry-form textarea{display:block;width:100%;min-height:40px;margin-top:5px;padding:9px 11px;border:1px solid #b8c0c0;border-radius:1px;background:#fff;color:#17191a;font:400 15px/1.3 "Segoe UI",Arial,sans-serif}
#inquiry-form input[type=tel]{direction:ltr;text-align:left}
#inquiry-form textarea{resize:vertical;min-height:72px}
#inquiry-form input:focus-visible,#inquiry-form select:focus-visible,#inquiry-form textarea:focus-visible,.inquiry-submit:focus-visible,.dialog-close:focus-visible{outline:2px solid #617172;outline-offset:2px}
.remark-field{margin-top:11px}
#inquiry-form .consent-field{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:13px;font-weight:500;line-height:1.4}
.consent-field input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0;accent-color:#17191a}
.inquiry-submit{display:block;width:100%;min-height:44px;margin-top:16px;border:0;background:#17191a;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;cursor:pointer}
.inquiry-submit:hover{background:#414b4c}
.inquiry-note{margin-top:9px;color:#586263;font-size:12px;line-height:1.35;text-align:center}
html:not([lang="en"]) .cover h1,html:not([lang="en"]) .summary h2,html:not([lang="en"]) .inquiry-heading h2{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
html:not([lang="en"]) .cover h1{font-size:clamp(25px,4.7vw,34px);line-height:1.2;font-weight:700}
html:not([lang="en"]) .summary h2{font-size:clamp(25px,4.7vw,30px);line-height:1.2;font-weight:700}
html:not([lang="en"]) .inquiry-heading h2{font-weight:700}
html:not([lang="en"]) .section-label h2{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;letter-spacing:0;font-weight:600}
html[dir="rtl"] .poster,html[dir="rtl"] .inquiry-dialog{text-align:right}
html[dir="rtl"] .language-control{padding:3px 8px 3px 0}
html[dir="rtl"] .cover-ribbon{padding-left:0;padding-right:27px}
html[dir="rtl"] .cover-ribbon a,html[dir="rtl"] .poster-footer a{direction:rtl}
@media(max-width:570px){
  body{padding:0;background:#f7f8f6}
  .poster{width:100%;border:0;box-shadow:none}
  .brand-row{height:60px;padding:0 17px}
  .language-control{max-width:145px}
  .hero-grid{grid-template-columns:1fr}
  .cover-heading{padding:30px 21px 25px}
  .cover h1{max-width:470px;margin:18px 0 12px;font-size:clamp(33px,8vw,45px)}
  .cover-heading>p:last-child{max-width:490px}
  .hero-image{height:250px}
  .product-gallery{height:202px}
  .cover-ribbon{min-height:50px;padding-left:18px;font-size:11px}
  html[dir="rtl"] .cover-ribbon{padding-right:18px}
  .cover-ribbon a{min-width:120px;padding:0 12px;font-size:12px}
  .technology{padding-inline:18px}
  .section-label h2{font-size:17px}
  .tech-grid{column-gap:12px}
  .summary{padding:24px 22px 20px}
  .poster-footer{padding:16px 18px}
}
@media(max-width:400px){
  .brand-row{gap:7px;padding-inline:12px}
  .brand{font-size:9px}
  .language-control{max-width:125px;gap:5px}
  .hero-image{height:220px}
  .product-gallery{height:190px}
  .product-gallery figcaption{font-size:10px;padding:16px 5px 6px}
  .cover-ribbon{padding-left:12px;font-size:9px}
  html[dir="rtl"] .cover-ribbon{padding-right:12px}
  .cover-ribbon a{min-width:107px;padding:0 7px;font-size:11px}
  .technology{padding-inline:12px}
  .section-label{display:block}
  .section-label h2{margin-top:4px;text-align:start}
  .tech-item strong,.tech-item span{font-size:11px}
  .summary{padding-inline:17px}
  .format-line{grid-template-columns:105px 1fr}
}
@media(max-width:365px){.poster-footer{display:block}.poster-footer a{display:inline-block;margin-top:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}