@property --f{syntax:"<color>";inherits:false;initial-value:#f6b800}.dp-mark{--c:.45em;--f:#f6b800;white-space:nowrap;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;color:var(--ink,#0a1e3c);background:linear-gradient(to bottom left, transparent 50%, var(--f) 50%) right top / var(--c) var(--c) no-repeat, linear-gradient(var(--f), var(--f)) left top / calc(100% - var(--c)) 100% no-repeat, linear-gradient(var(--f), var(--f)) right bottom / var(--c) calc(100% - var(--c)) no-repeat;cursor:help;border:0;border-radius:0;margin:0 .05em;padding:.04em .4em .06em;font-weight:760;transition:--f .2s;display:inline-block}.dp-nb{white-space:nowrap}body[data-space=part] .dp-mark{color:var(--deep);box-shadow:none;clip-path:none;white-space:nowrap;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M16 6C50 1 80 9 112 5S166 1 184 6C196 9 199 16 199 21S195 33 184 35C150 40 118 31 86 35S34 39 16 35C6 33 1 27 1 20S6 8 16 6Z' fill='%23BDE7FA'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;border-radius:0;margin:-.1em .05em;padding:.24em .6em .28em .75em;font-weight:780}body[data-space=part] .dp-mark[aria-expanded=true]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M16 6C50 1 80 9 112 5S166 1 184 6C196 9 199 16 199 21S195 33 184 35C150 40 118 31 86 35S34 39 16 35C6 33 1 27 1 20S6 8 16 6Z' fill='%239FDCF7'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}@media (hover:hover){body[data-space=part] .dp-mark:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M16 6C50 1 80 9 112 5S166 1 184 6C196 9 199 16 199 21S195 33 184 35C150 40 118 31 86 35S34 39 16 35C6 33 1 27 1 20S6 8 16 6Z' fill='%239FDCF7'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}}body[data-space=part] .dp-i{background:var(--pool);color:#fff}.dp-mark[aria-expanded=true]{--f:#ffd24d}@media (hover:hover){.dp-mark:hover{--f:#ffd24d}}.dp-i{background:var(--ink,#0a1e3c);color:#f6b800;width:1.05em;height:1.05em;font:800 .62em/1 var(--font);vertical-align:.3em;border-radius:50%;place-items:center;margin-left:.3em;font-style:normal;display:inline-grid}.dp-mark:focus-visible{outline-offset:2px;outline:2px solid #fff}.dp-pop{z-index:95;color:#fff;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);opacity:0;width:min(640px,100vw - 24px);transform:translateY(var(--dy,8px)) scale(.97);transform-origin:var(--ox,50%) var(--oy,0%);transition:opacity .22s var(--ease), transform .32s var(--ease);background-color:#071833;background-image:linear-gradient(#78aaff0f 1px,#0000 1px),linear-gradient(90deg,#78aaff0f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:20px 22px 18px;position:fixed;top:0;left:0;box-shadow:0 30px 70px -20px #0009,0 0 0 1px #ffffff14}body[data-space=part] .dp-pop{clip-path:none;color:var(--deep);background:linear-gradient(170deg,#fff 0%,#f2fafe 62%,#ddf2fd 100%);border-radius:26px;padding:20px 20px 22px;overflow:hidden;box-shadow:0 34px 70px -24px #0b3d6e8c,0 0 0 2px #19a2e84d}body[data-space=part] .dp-pop:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12' viewBox='0 0 80 12'%3E%3Cpath d='M0 6c10 0 10-5 20-5s10 5 20 5 10-5 20-5 10 5 20 5v6H0z' fill='%2319A2E8'/%3E%3C/svg%3E") 0 100%/80px 12px repeat-x;height:12px;position:absolute;bottom:0;left:0;right:0}body[data-space=part] .dp-t{color:var(--deep)}body[data-space=part] .dp-intro{color:var(--ink-2)}body[data-space=part] .dp-points{border-top-color:#0b3d6e1f}body[data-space=part] .dp-ic{color:var(--pool-2);background:#ddf2fd;border-radius:12px}body[data-space=part] .dp-points strong{color:var(--deep)}body[data-space=part] .dp-points strong+span{color:var(--ink-2)}body[data-space=part] .dp-x{color:var(--deep)}body[data-space=part] .dp-pop-logo{filter:drop-shadow(0 6px 10px #0b3d6e4d)}.dp-pop.on{opacity:1;transform:none}.dp-pop[hidden]{display:none}.dp-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.dp-pop .dp-soreva{display:none}body[data-space=part] .dp-pop .dp-soreva{display:block}body[data-space=part] .dp-pop .dp-geko{display:none}.dp-pop-logo{filter:drop-shadow(0 6px 12px #00000073);width:52px;height:auto}.dp-pop.on .dp-pop-logo{animation:dp-in .6s var(--ease) both}@keyframes dp-in{0%{opacity:0;transform:rotate(-8deg)scale(.7)}to{opacity:1;transform:none}}.dp-t{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:1.1}.dp-tags{flex-wrap:wrap;gap:5px;margin:6px 0 0;display:flex}.dp-mg{color:var(--ink);letter-spacing:.01em;background:#fff;padding:3px 9px;font-size:12.5px;font-weight:800;display:inline-block}body[data-space=part] .dp-mg{background:var(--deep);color:#fff;border-radius:999px}.dp-ex{background:var(--sun);color:var(--ink);letter-spacing:.01em;padding:3px 9px;font-size:12.5px;font-weight:760;display:inline-block}body[data-space=part] .dp-ex{border-radius:999px}.dp-x{color:#bfd3ea;cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:start;place-items:center;width:44px;height:44px;margin:-10px -10px 0 0;display:grid}@media (hover:hover){.dp-x:hover{color:#fff;background:#ffffff14}body[data-space=part] .dp-x:hover{color:var(--pool-2);background:#ddf2fd}}.dp-x:focus-visible{outline:2px solid var(--sun);outline-offset:-2px}.dp-intro{color:#d3deec;margin:12px 0 0;font-size:15px;line-height:1.5}.dp-points{border-top:1px solid #ffffff1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:14px 0 0;padding:14px 0 0;list-style:none;display:grid}@media (width<=600px){.dp-points{grid-template-columns:minmax(0,1fr);gap:10px}}.dp-points li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;display:grid}.dp-pop.on .dp-points li{animation:dp-up .45s var(--ease) both;animation-delay:calc(80ms + var(--i) * 60ms)}@keyframes dp-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dp-ic{width:34px;height:34px;color:var(--sun);background:#f6b80024;place-items:center;display:grid}.dp-points strong{font-size:14.5px;font-weight:760;display:block}.dp-points strong+span{color:#b9c7db;margin-top:2px;font-size:13.5px;line-height:1.5;display:block}@media (prefers-reduced-motion:reduce){.dp-pop{transition:opacity .15s;transform:none}.dp-pop.on .dp-pop-logo,.dp-pop.on .dp-points li{animation:none}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-tap-highlight-color:transparent}html,body{overflow-x:clip}body[data-space]{--fab-space:220px}@media (width<=600px){body[data-space]{--fab-space:76px}}:root{color-scheme:light;--ink:#0a1e3c;--ink-2:#3d4f6b;--ink-3:#6a7890;--steel:#7d8792;--steel-2:#c3cbd4;--steel-3:#dde3ea;--mist:#eef2f6;--white:#fff;--azure:#0b6bd3;--azure-2:#0956ab;--lagoon:#3bb8f0;--sun:#f6b800;--sun-2:#e2a600;--line:#0a1e3c1f;--line-2:#0a1e3c33;--font:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--fs-body:clamp(16.5px, 1.05vw + 12px, 18px);--fs-lead:clamp(18px, 1.2vw + 12px, 21px);--fs-h3:clamp(21px, 1.1vw + 14px, 28px);--fs-h2:clamp(40px, 5vw + 10px, 100px);--fs-h1:clamp(46px, 7vw + 10px, 136px);--fs-display:clamp(52px, 10.5vw, 196px);--fs-sec:clamp(36px, 3vw + 16px, 76px);--deep:#062a57;--night:#071833;--stone:#e9e6e0;--cream:#f3f8fb;--cut-xs:5px;--cut-s:9px;--cut-m:16px;--cut-l:28px;--pad:clamp(20px, 5vw, 72px);--max:1280px;--sec:clamp(96px, 11vw, 168px);--nav-h:68px;--ease:cubic-bezier(.22, .8, .24, 1);--ease-io:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--white);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);font-variation-settings:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;margin:0;font-stretch:100%;line-height:1.6}img,svg,canvas{max-width:100%;display:block}p{margin:0}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:800;font-stretch:100%;line-height:.95}h1{font-size:var(--fs-h1);letter-spacing:-.05em;line-height:.9}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.018em;font-weight:680;line-height:1.15}a{color:var(--azure);text-underline-offset:.18em;text-decoration-thickness:1px}@media (hover:hover){a:hover{color:var(--azure-2)}}:focus-visible{outline:2px solid var(--azure);outline-offset:3px}::selection{background:var(--sun);color:var(--ink)}.hit{position:relative}.hit:after{content:"";position:absolute;inset:min(0px,50% - 22px) -4px}.todo{background:#f6b8004d;padding:0 .25em}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.wrap{max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.sec{padding-block:var(--sec)}.lead{font-size:var(--fs-lead);color:var(--ink-2);text-wrap:pretty;max-width:34em;line-height:1.55}.head{max-width:46rem}.head .lead{margin-top:20px}.num{font-variant-numeric:tabular-nums}.skip{z-index:100;background:var(--ink);color:#fff;transition:transform .2s var(--ease);padding:12px 18px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus-visible{color:#fff;transform:none}.grain{isolation:isolate;position:relative}.grain:after{content:"";z-index:5;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cut-s{clip-path:polygon(0 0, calc(100% - var(--cut-s)) 0, 100% var(--cut-s), 100% 100%, 0 100%)}.cut-m{clip-path:polygon(0 0, calc(100% - var(--cut-m)) 0, 100% var(--cut-m), 100% 100%, 0 100%)}.cut-l{clip-path:polygon(0 0, calc(100% - var(--cut-l)) 0, 100% var(--cut-l), 100% 100%, 0 100%)}.btn{--c:var(--cut-s);--bg:var(--ink);--bg-h:#14305a;--fg:#fff;isolation:isolate;min-height:52px;color:var(--fg);font:inherit;letter-spacing:-.005em;cursor:pointer;transition:transform .18s var(--ease), scale .18s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:0 26px 0 24px;font-size:16px;font-weight:640;font-stretch:96%;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";clip-path:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);transition:background-color .2s,opacity .2s;position:absolute}.btn:before{z-index:-1;background:var(--bg);inset:0}.btn:after{z-index:-2;background:var(--azure);opacity:0;--c:calc(var(--cut-s) + 4px);inset:-5px}.btn:focus-visible{outline:none}.btn:focus-visible:after{opacity:1}@media (hover:hover){.btn:hover{color:var(--fg)}.btn:hover:before{background:var(--bg-h)}}.btn:active{transform:translateY(1px)}.btn:active:before{box-shadow:inset 0 2px #0000001f}.btn .ico{transition:transform .25s var(--ease);flex:none}@media (hover:hover){.btn:hover .ico{transform:translate(3px)}}.btn-sun{--bg:var(--sun);--bg-h:#ffc72c;--fg:var(--ink)}.btn-azure{--bg:var(--azure);--bg-h:var(--azure-2);--fg:#fff}.btn-ink{--bg:var(--ink);--bg-h:#17325c;--fg:#fff}.btn-ghost{--bg:#0a1e3c12;--bg-h:#0a1e3c1f;--fg:var(--ink)}.btn-sm{min-height:44px;padding:0 18px;font-size:15px}.tlink{color:var(--ink);transition:background-size .3s var(--ease), color .2s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:2px;font-weight:620;text-decoration:none}@media (hover:hover){.tlink:hover{color:var(--azure);background-size:100% 1.5px}}.seg{isolation:isolate;background:var(--mist);clip-path:polygon(0 0, calc(100% - var(--cut-s)) 0, 100% var(--cut-s), 100% 100%, 0 100%);padding:4px;display:inline-flex;position:relative}.seg .ind{z-index:-1;background:var(--ink);clip-path:polygon(0 0, calc(100% - var(--cut-xs)) 0, 100% var(--cut-xs), 100% 100%, 0 100%);transition:transform .45s var(--ease), width .45s var(--ease);position:absolute;top:4px;left:0}.seg button{min-height:44px;color:var(--ink-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 18px;font-size:15px;font-weight:620;transition:color .3s}@media (hover:hover){.seg button:hover{color:var(--ink)}}.seg button[aria-pressed=true]{color:#fff}.seg button:focus-visible{outline-offset:-3px}.seg button:active{transform:translateY(1px)}.swap{animation:swap .5s var(--ease)}@keyframes swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-space=part]{--ink:#0b3d6e;--ink-2:#3c5a7a;--ink-3:#6a86a3;--deep:#0b3d6e;--mist:#e6f4fc;--cream:#f2fafe;--azure:#0a84d6;--pool:#19a2e8;--pool-2:#0b7fd0;--line:#0b3d6e1f;--line-2:#0b3d6e33;background:#fff}[data-space=part] .btn:before,[data-space=part] .btn:after{clip-path:none;border-radius:999px}[data-space=part] .btn-ink{--bg:var(--pool-2);--bg-h:#0a6db4}[data-space=part] .seg,[data-space=part] .seg .ind{clip-path:none;border-radius:999px}[data-space=part] .pm{clip-path:none;border-radius:50%}body[data-space=part] .btn:before,body[data-space=part] .btn:after,body[data-space=part] .seg,body[data-space=part] .seg .ind{clip-path:none;border-radius:999px}body[data-space=part] .pm,body[data-space=part] .tel-ico,body[data-space=part] .portrait{clip-path:none;border-radius:50%}body[data-space=part] .inst-fig{clip-path:none;margin-inline:var(--pad);border-radius:28px;overflow:hidden}body[data-space=part] .inst-copy{clip-path:none;border-radius:24px}body[data-space=part] .pin b,body[data-space=part] .dim-lab{clip-path:none;border-radius:999px}body[data-space=part] .pin:before{border-radius:50%}body[data-space=part] .modes button:after{border-radius:6px}body[data-space=part] .form{clip-path:none;border-radius:28px}body[data-space=part] .form-wrap{filter:drop-shadow(0 24px 40px #0a1e3c29);margin-right:0}body[data-space=part] .form input:not([type=hidden]):not([type=checkbox]),body[data-space=part] .form textarea{border-radius:12px 12px 0 0}body[data-space=part] .ctext{border-radius:14px}body[data-space=pro] .fab,body[data-space=pro] .switch,body[data-space=pro] .close{clip-path:polygon(0 0, calc(100% - var(--cut-s)) 0, 100% var(--cut-s), 100% 100%, 0 100%);border-radius:0}body[data-space=pro] .fab{box-shadow:none;filter:drop-shadow(0 10px 18px #0a1e3c59)}body[data-space=pro] .sw-dot{border-radius:0}body[data-space=pro] .grip{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:none;border-radius:0}body[data-space=pro] .schema,body[data-space=pro] .plan{clip-path:polygon(0 0, calc(100% - var(--cut-m)) 0, 100% var(--cut-m), 100% 100%, 0 100%);border-radius:0}body[data-space=pro] .qf input,body[data-space=pro] .qf textarea{border-radius:0!important}body[data-space=pro] .pin b,body[data-space=pro] .dim-lab{clip-path:polygon(0 0, calc(100% - var(--cut-xs)) 0, 100% var(--cut-xs), 100% 100%, 0 100%);border-radius:0}body[data-space=pro] .form-wrap{filter:drop-shadow(14px 14px 0 var(--ink));margin-right:14px}.space .contact-sec{padding-bottom:var(--sec)}.space .faq{padding-bottom:clamp(150px,15vw,220px)}main.space :is(.stage h2,.inst-head h2,.method h2,.c-title){font-size:var(--fs-sec)}main.space .stage h2{font-size:min(var(--fs-sec), 9vh)}main.space .c-title{letter-spacing:-.045em;max-width:11em;margin-bottom:clamp(32px,4vw,56px);font-stretch:100%;line-height:.95}main.space .contact-sec .tel{margin-top:32px;font-size:clamp(26px,1.2vw + 16px,34px)}main.space .contact-sec .tel-ico{width:46px;height:46px}main.space .modes button{-webkit-text-stroke-color:var(--ink-3)}@media (hover:hover){main.space .modes button:hover{-webkit-text-stroke-color:var(--ink)}}.in-pending [data-in]{opacity:0}.in-go [data-in]{animation:in-up 1s var(--ease) both;animation-delay:calc(var(--d0,0s) + var(--in,0) * 90ms)}.in-go [data-in=clip]{animation-name:in-clip;animation-duration:1.1s}.in-go [data-in=zoom]{animation-name:in-zoom;animation-duration:1.6s}@keyframes in-up{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@keyframes in-clip{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 .35em}30%{opacity:1}to{opacity:1;clip-path:inset(-20% -10% -30%);translate:0}}@keyframes in-zoom{0%{opacity:0;scale:1.08}to{opacity:1;scale:1}}main.space .rv,footer .rv{opacity:0;transition:opacity .8s var(--ease), translate 1s var(--ease), clip-path 1.1s var(--ease), scale 1.1s var(--ease), transform .6s var(--ease), background-color .3s, color .3s, border-color .3s;transition-delay:calc(var(--rv-i,0) * 70ms)}main.space .rv-up,footer .rv-up{translate:0 28px}main.space .rv-title{clip-path:inset(0 -10% 100%);translate:0 .35em}main.space .rv-media{translate:0 40px;scale:.97}main.space .rv.rv-in,footer .rv.rv-in{opacity:1;translate:0;scale:1}main.space .rv-title.rv-in{clip-path:inset(-25% -10% -35%)}.fab{transition:opacity .35s var(--ease), translate .5s var(--ease), scale .5s var(--ease), background-color .35s, color .35s, transform .25s var(--ease), box-shadow .25s}html.menu-open .fab,html.lb-open .fab,.fab.away{opacity:0;pointer-events:none;translate:0 24px;scale:.92}@media (hover:none){.btn:active,.fab:active,.chip:active,.filters button:active,.facts button:active,.qa button:active,.b-steps button:active,.menu-btn:active,.switch:active,.modes button:active{scale:.97}.uni .cards>li:active,.gal .item:active{scale:.985}.side:active .cta{scale:.97}:where(a[href],button,summary,[role=button]):where(:not(.btn,.fab,.switch,.menu-btn,.menu li a,.side,.chip *,.seg button,.modes button,.qa button,.facts button,.filters button,.b-steps button,.cards button,.dp-badge)):active{filter:opacity(.6)}}.soreva-logo[data-astro-cid-gbjaq6yn]{height:auto;display:block;overflow:visible}.s[data-astro-cid-gbjaq6yn]{width:164px}.m[data-astro-cid-gbjaq6yn]{width:190px}.l[data-astro-cid-gbjaq6yn]{width:clamp(240px,26vw,390px)}.xl[data-astro-cid-gbjaq6yn]{width:clamp(240px,44vw,660px);max-width:100%}