/* D3 homepage / library / event. Existing D2 art and colours; no application CSS. */
.site-d3{background:#080d1f;color:#f8fafb;font-family:Arial,Helvetica,sans-serif}
.site-d3 main{min-width:0}.site-d3 .wrap{max-width:1280px;padding-left:40px;padding-right:40px}
.site-d3 .hero-grid{grid-template-columns:.94fr 1.15fr;gap:32px;min-height:627px;padding-top:46px;padding-bottom:45px}
.site-d3 .hero h1{font-size:58px;line-height:1.075;letter-spacing:-.048em;margin-bottom:24px}
.site-d3 .hero .lead{font-size:18px;line-height:1.63;max-width:500px;margin-bottom:24px}
.site-d3 .hero .lead strong{font-weight:500;color:#f0eefb}.site-d3 .hero .eyebrow{color:#54ddce;letter-spacing:.15em;font-size:10px;margin-bottom:21px}
.site-d3 .hero-note{font-size:12px;margin-top:20px;color:#aeb9d0}.site-d3 .hero-purpose{display:block;margin-top:3px;color:#9daac3;font-size:11px}
.site-d3 .hero-art{margin-left:-13px!important;margin-right:-54px!important}
.site-d3 .hero-art picture{border:1px solid #7673b128;border-radius:26px;box-shadow:0 24px 75px #0004}
.site-d3 .trust{padding:18px 0}.site-d3 .trust-inner{font-size:12px;letter-spacing:.015em;color:#bac8da}
.site-d3 #historie{padding-top:72px;padding-bottom:72px}
.site-d3 .section-head{margin-bottom:32px}.site-d3 .section-head h2{max-width:none;font-size:40px}
.site-d3 .section-head .lead{font-size:17px;max-width:730px}
.story-grid{display:grid;gap:24px}.story-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid.library{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.story-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,#142033,#101829);border:1px solid #2a3850;border-radius:18px;overflow:hidden;color:#f8fafb;text-decoration:none;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.story-card:hover{border-color:#7087a2;transform:translateY(-4px);box-shadow:0 18px 42px #0004}
.story-card:focus-visible{outline:3px solid #54ddce;outline-offset:5px}
.story-card-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f2eee4;color:#183a35;border-bottom:1px solid #2a3850}
.story-card-visual>img{display:block;width:100%;height:100%;object-fit:contain}
.story-runtime{position:absolute;right:12px;bottom:12px;background:#0b1b2bdc;border:1px solid #d8fffa22;color:#eafbf8;border-radius:20px;padding:4px 10px;font-size:11px;line-height:1.4;backdrop-filter:blur(5px)}
.story-card-body{padding:23px 24px 26px;display:flex;flex-direction:column;flex:1}
.story-category{display:block;color:#a4d8d0;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.035em;margin-bottom:12px}
.story-card h3{font-size:23px;line-height:1.18;letter-spacing:-.03em;margin:0 0 13px;color:#f9fafb}
.story-card p{font-size:15px;line-height:1.65;margin:0 0 22px;color:#b9c7d9}
.story-card-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #a4c0d41a;margin-top:auto;color:#75e1d6;font-size:13px;font-weight:700}
.story-card-link>span{font-size:20px;line-height:1}
.story-editorial{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#dbe8dc,transparent 65%),#f4f1e8}
.cover-type{position:relative;padding:24px 23px;z-index:1;max-width:76%}
.cover-type .cover-eyebrow{font-size:8px;font-weight:700;letter-spacing:.13em;display:block;margin:0 0 16px;color:#47665e}
.cover-type>strong{font-size:30px;font-weight:700;line-height:1.04;letter-spacing:-.05em;display:block;color:#1a4239}
.cover-type .muted-time{color:#69857a;margin-top:3px}.cover-type p{font-size:12px;line-height:1.3;margin:12px 0 0;color:#2b584c;font-weight:500}
.story-editorial>img{position:absolute;right:0;bottom:-2%;width:42%;max-height:83%;object-fit:contain}
.training-cover .cover-type{max-width:81%}.training-cover .cover-type>strong{font-size:32px;line-height:1.05;letter-spacing:-.04em}
.training-cover>img{right:-2%;width:46%;max-height:83%}.training-cover{background:linear-gradient(120deg,#f4f1e8,#e1e8dd)}
.cover-label{position:absolute;right:9px;top:8px;color:#547067;background:#f4f3ebeb;font-size:8px;line-height:1.3;padding:3px 6px;border-radius:4px;letter-spacing:.02em}
.site-d3 .below-grid{text-align:center;margin-top:30px}.site-d3 .below-grid>p{margin:13px 0 0;color:#acbcd1;font-size:13px}.site-d3 .below-grid p a{text-decoration:underline;text-underline-offset:3px;color:#c9c1f6}
.site-d3 #jak-dziala{padding-top:70px;padding-bottom:72px}.site-d3 #jak-dziala h2{font-size:42px;margin-bottom:18px}.site-d3 .method-intro{max-width:700px;font-size:17px;margin-bottom:30px}
.site-d3 .product-tour{margin-top:28px;box-shadow:0 12px 35px #273d3210}
.site-d3 .tour-header h3{font-size:24px;max-width:650px}.site-d3 .tour-header p{max-width:300px;font-size:12px}.site-d3 .tour-tabs{padding-bottom:20px}
.tour-tab-num{display:inline-block;font-size:10px;font-weight:500;opacity:.8;letter-spacing:.05em;margin-right:5px}
.site-d3 .tour-panel{min-height:430px}.site-d3 .tour-copy h3{font-size:28px}.site-d3 .tour-copy .example-label{font-size:10px}.site-d3 .tour-tabs button{min-height:46px}
.site-d3 .film-row{grid-template-columns:1.2fr 1fr;gap:44px;margin-top:48px}.site-d3 .film-info h3{font-size:29px}.site-d3 .film-info .eyebrow{font-size:11px}
.film-transcript{border-top:1px solid #bbc8bf;margin-top:23px;padding-top:14px;font-size:13px;color:#405b54}.film-transcript summary{cursor:pointer;min-height:28px;font-weight:700}.film-transcript p{font-size:13px;line-height:1.7;margin-top:15px;color:#47635d}.film-transcript a{font-size:12px;text-decoration:underline}
.site-d3 .cta-panel{margin:28px 0;padding:32px;gap:24px}.site-d3 .cta-panel p{font-size:15px;max-width:570px}.site-d3 .cta-panel .actions{flex-direction:column;align-items:flex-start;flex-shrink:0;gap:13px}.site-d3 .cta-panel h3{font-size:25px}
.site-d3 .material{display:flex;flex-direction:column;background:linear-gradient(140deg,#112333,#12192b);padding:30px}
.site-d3 .material h3{font-size:28px}.site-d3 .material p{max-width:455px;font-size:16px}.site-d3 .material .eyebrow{font-size:10px}.site-d3 .material .link{margin-top:auto;align-self:flex-start}
.material-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.site-d3 .material .tag{margin:0;color:#c4d8d0;line-height:1.5}
.material-helper{margin:20px 0 0;font-size:12px;line-height:1.6;color:#a7b7d0}
.site-d3 #faq{padding-top:64px;padding-bottom:64px}.site-d3 #faq .lead{font-size:17px}.site-d3 .faq summary{min-height:30px;line-height:1.45}.site-d3 .faq details{padding:19px 0}
.site-d3 .endcta{padding:65px 0 76px;background:radial-gradient(ellipse at 50% 75%,#242047,transparent 70%)}
.site-d3 .endcta h2{font-size:38px;line-height:1.14}
.site-d3 .hub-intro{padding-top:58px;padding-bottom:30px;background:radial-gradient(ellipse at 85% 10%,#262040,transparent 75%)}
.site-d3 .hub-intro h1{font-size:55px;line-height:1.08;max-width:1000px}.site-d3 .hub-intro h1 span,.site-d3 .elevate-intro h1 span,.site-d3 .story01-top h1 span{color:#bcb0ff}
.site-d3 .hub-intro .lead{font-size:18px;max-width:730px;margin-bottom:26px}
.intro-facts{display:flex;flex-wrap:wrap;gap:10px 24px;color:#acc4d3;font-size:12px}.intro-facts span::before{content:'·';color:#54ddce;margin-right:9px}
.site-d3 .hub-stories{padding-top:22px;padding-bottom:60px}
.library .cover-type{padding:37px 36px}.library .cover-type .cover-eyebrow{font-size:10px;margin-bottom:23px}.library .cover-type>strong{font-size:46px}.library .cover-type p{font-size:17px;margin-top:20px}.library .training-cover .cover-type>strong{font-size:50px}.library .cover-label{font-size:9px;padding:5px 9px;top:12px;right:12px}
.library .story-card-body{padding:26px 28px}.library .story-card h3{font-size:29px;max-width:470px}.library .story-card p{max-width:470px;font-size:16px}.library .story-category{font-size:12px}
.library-note{margin:22px 0 0;color:#9fadc5;font-size:12px;line-height:1.6}.library-note a{text-decoration:underline;text-underline-offset:3px}
.site-d3 .hub-bottom{padding-top:60px;padding-bottom:62px}.hub-return{margin-left:24px;font-weight:400;color:#4b665e}
.site-d3 .elevate-intro{padding-top:40px;padding-bottom:38px;background:radial-gradient(ellipse at 85% 10%,#262040,transparent 70%)}
.event-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:24px;max-width:640px}.event-eyebrow>.eyebrow{margin:0;font-size:11px;color:#bcb0ff}.event-eyebrow>span:last-child{font-size:11px;color:#9eafc8}.event-rule{width:45px;height:1px;background:#606e82}
.site-d3 .elevate-intro h1{font-size:54px;margin-bottom:20px;line-height:1.08}.site-d3 .elevate-intro .lead{font-size:18px;max-width:690px;margin-bottom:24px}
.event-jump-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.site-d3 .event-stories{padding-top:37px;padding-bottom:58px}.site-d3 .event-stories h2{font-size:32px;margin-bottom:14px}.site-d3 .event-help{margin-top:0;margin-bottom:27px;font-size:14px}
.event-next{padding-top:58px;border-top:1px solid #ffffff18}.event-product{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;padding:32px;border:1px solid #354f62;border-radius:18px;background:linear-gradient(130deg,#162a37,#161d30);margin-top:32px;margin-bottom:42px}.event-product p{font-size:15px;color:#bbcad7;max-width:540px}.event-product aside{border-left:1px solid #516073;padding-left:32px}.event-product .eyebrow{font-size:10px}.event-material-title{font-size:23px;margin-bottom:24px}
.story01-top{padding-top:24px}.local-back{margin-bottom:35px;font-size:13px;color:#c4bdf2}.story01-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.story01-grid h1{font-size:57px}.story01-grid figure{margin:0}.story01-grid video{width:100%;aspect-ratio:16/9;border:1px solid #527b73;border-radius:17px;background:#101a27}.story01-grid figcaption{font-size:12px;color:#a4b7ca;margin-top:12px;text-align:center}.story01-grid .lead{font-size:20px}.story01-grid .small{max-width:440px;margin-bottom:28px}.merge-message .lead{max-width:850px}.merge-message p:not(.lead){color:#546e65;max-width:800px;font-size:16px}.merge-message .eyebrow{font-size:10px}
.review-content{max-width:1050px}.review-content h1{font-size:49px}.review-content h2{font-size:30px;margin-top:45px}.review-content>p{max-width:900px;color:#c2cee0}.review-table{font-size:13px}.review-table th,.review-table td{padding:14px 10px;color:#c5d3e2}.review-table thead th{color:#54ddce}.review-content .actions{margin-bottom:32px}.review-content h2:target{color:#54ddce}
#hero,#historie,#jak-dziala,#film,#demo,#materialy,#faq,#weekly,#jak-zaczac,#historie-event{scroll-margin-top:20px}
.site-d3 .zoom-trigger:focus-visible,.site-d3 .tour-tabs button:focus-visible,.site-d3 .faq summary:focus-visible,.site-d3 .quiet a:focus-visible{outline-color:#197368}
.site-d3 .zoom-scroll img{max-width:100%;width:auto;min-width:0}.site-d3 .zoom-scroll.is-natural img{max-width:none;width:auto;min-width:0}.zoom-controls{display:flex;gap:8px;flex-shrink:0}.zoom-controls button{font-size:12px}.zoom-scroll.is-natural{cursor:grab}
@media(min-width:1600px){.site-d3 .hero h1{font-size:60px}.site-d3 .hero-grid{min-height:670px}}
@media(max-width:1150px) and (min-width:761px){.site-d3 .hero h1{font-size:47px}.site-d3 .hero-art{margin-right:-20px!important}.site-d3 .hero-grid{gap:20px;min-height:565px}.site-d3 .hero .lead{font-size:16px}.site-d3 .hero .actions{gap:10px}.site-d3 .hero .btn{font-size:12px;padding:13px 16px}.cover-type{padding:20px 18px}.cover-type>strong{font-size:27px}.training-cover .cover-type>strong{font-size:28px}.cover-type .cover-eyebrow{font-size:7px}.story-card h3{font-size:21px}.story-card-body{padding:20px}.library .cover-type>strong{font-size:39px}.library .training-cover .cover-type>strong{font-size:41px}.library .cover-type p{font-size:14px}.library .cover-type{padding:28px}.site-d3 .tour-panel{min-height:350px}.site-d3 .tour-header{display:block}.site-d3 .tour-header p{max-width:none;margin-top:14px}.site-d3 .tour-copy h3{font-size:25px}.site-d3 .film-row{gap:28px}}
@media(max-width:900px){.site-d3 .hero .actions .btn{font-size:12px}.story-grid.featured{gap:17px}.story-card-body{padding:20px}.story-card p{font-size:14px}.cover-type{padding:17px}.cover-type>strong{font-size:24px}.training-cover .cover-type>strong{font-size:27px}.cover-type p{font-size:10px}.cover-label{font-size:7px}.cover-type .cover-eyebrow{margin-bottom:10px;font-size:6px}.site-d3 .hero .eyebrow{font-size:9px}.story-card h3{font-size:21px}.site-d3 .event-product{grid-template-columns:1fr;gap:25px}.event-product aside{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid #516073}}
@media(max-width:760px){
 .site-d3 .wrap{padding-left:24px;padding-right:24px}.site-d3 .hero-grid{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:30px;padding-bottom:23px}
 .site-d3 .hero h1{font-size:43px;line-height:1.075;margin-bottom:21px}.site-d3 .hero .eyebrow{font-size:9px;margin-bottom:17px}.site-d3 .hero .lead{font-size:16px;line-height:1.62;margin-bottom:24px;max-width:490px}
 .site-d3 .hero .actions{gap:8px}.site-d3 .hero .actions .btn{font-size:14px;min-height:50px}.site-d3 .hero .actions .secondary{border-color:transparent;background:transparent;min-height:38px;padding:7px 10px}
 .site-d3 .hero-note{margin-top:12px;font-size:11px;display:none}.site-d3 .hero-art{margin:0 -8px!important}.site-d3 .hero-art picture{border-radius:17px;border-color:#7673b110;box-shadow:none}.site-d3 .hero-art .image-caption{margin-top:6px;font-size:9px}
 .site-d3 .hero-image{aspect-ratio:780/708;object-fit:contain}.site-d3 .trust{padding:18px 0}.site-d3 .trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.site-d3 .trust-inner span::before{padding-right:7px}
 .site-d3 #historie{padding-top:45px;padding-bottom:44px}.site-d3 .section-head{margin-bottom:24px}.site-d3 .section-head h2{font-size:32px;line-height:1.14}.site-d3 .section-head .lead{font-size:16px;line-height:1.6}
 .story-grid.featured,.story-grid.library{grid-template-columns:minmax(0,1fr);gap:23px}.story-card-body,.library .story-card-body{padding:22px 22px 24px}.story-card h3,.library .story-card h3{font-size:25px;line-height:1.17}.story-card p,.library .story-card p{font-size:15px;margin-bottom:18px}.story-category,.library .story-category{font-size:11px}
 .story-card-link{padding-top:15px;font-size:13px}.cover-type,.library .cover-type{padding:23px 22px}.cover-type>strong,.library .cover-type>strong{font-size:29px}.training-cover .cover-type>strong,.library .training-cover .cover-type>strong{font-size:32px}.cover-type .cover-eyebrow,.library .cover-type .cover-eyebrow{font-size:8px;margin-bottom:17px}.cover-type p,.library .cover-type p{font-size:12px;margin-top:13px}.cover-label,.library .cover-label{font-size:8px;top:8px;right:9px;padding:3px 6px}.story-editorial>img{width:43%}
 .site-d3 .below-grid{margin-top:26px}.site-d3 .below-grid>p{font-size:12px;line-height:1.6;max-width:310px;margin-left:auto;margin-right:auto}
 .site-d3 #jak-dziala{padding-top:43px;padding-bottom:46px}.site-d3 #jak-dziala h2{font-size:32px;line-height:1.13}.site-d3 .method-intro{font-size:16px;line-height:1.6;margin-bottom:23px}.site-d3 .product-tour{border-radius:17px;margin-top:22px}
 .site-d3 .tour-header{padding:23px 20px 18px;display:block}.site-d3 .tour-header h3{font-size:23px;line-height:1.18}.site-d3 .tour-header p{font-size:12px;margin-top:13px;max-width:none}.site-d3 .tour-tabs{gap:6px;padding:0 18px 17px;flex-wrap:nowrap}.site-d3 .tour-tabs button{font-size:12px;min-height:44px;padding:9px 13px;white-space:nowrap}.tour-tab-num{display:none}
 .site-d3 .tour-panel{padding:18px;gap:22px;min-height:0}.site-d3 .tour-copy h3{font-size:25px}.site-d3 .tour-copy p{font-size:15px}.site-d3 .tour-copy .example-label{font-size:9px}.site-d3 .tour-copy .small{font-size:11px}.site-d3 .tour-copy .link{font-size:13px}
 .site-d3 .film-row{grid-template-columns:1fr;gap:25px;margin-top:33px}.site-d3 .film-info h3{font-size:27px}.film-transcript{margin-top:18px}.film-transcript summary{min-height:40px;padding-top:7px}
 .site-d3 #materialy{padding:46px 0}.site-d3 #materialy h2{font-size:32px;line-height:1.15}.site-d3 .cta-panel{padding:25px 22px;display:block;margin:24px 0}.site-d3 .cta-panel h3{font-size:24px}.site-d3 .cta-panel p{font-size:15px}.site-d3 .cta-panel .actions{margin-top:24px;gap:14px}.site-d3 .cta-panel .btn{width:100%}.site-d3 .material{padding:26px 23px}.site-d3 .material h3{font-size:27px}.site-d3 .materials-grid{gap:22px;grid-template-columns:1fr}.material-helper{font-size:11px;line-height:1.7;margin-top:17px}
 .site-d3 #faq{padding:43px 0}.site-d3 .faq-layout{grid-template-columns:1fr;gap:15px}.site-d3 #faq h2{font-size:32px}.site-d3 #faq .lead{font-size:16px}.site-d3 .faq p{font-size:15px}.site-d3 .faq summary{font-size:16px;min-height:30px}.site-d3 .faq details{padding:18px 0}
 .site-d3 .endcta{padding:44px 0 49px}.site-d3 .endcta h2{font-size:29px;line-height:1.16}
 .site-d3 .hub-intro{padding-top:37px;padding-bottom:28px}.site-d3 .hub-intro h1{font-size:39px;line-height:1.08}.site-d3 .hub-intro .lead{font-size:16px;line-height:1.65}.intro-facts{font-size:11px;gap:8px 20px}.site-d3 .hub-stories{padding-top:0;padding-bottom:40px}.library-note{font-size:11px;margin-top:20px}.site-d3 .hub-bottom{padding:43px 0}.site-d3 .hub-bottom h2{font-size:31px}.site-d3 .hub-bottom .lead{font-size:16px}.hub-return{display:block;margin:20px 0 0;font-size:13px}
 .site-d3 .elevate-intro{padding-top:29px;padding-bottom:30px}.event-eyebrow{margin-bottom:23px;gap:9px}.event-eyebrow>.eyebrow{font-size:10px}.event-eyebrow>span:last-child{font-size:9px}.event-rule{width:20px}.site-d3 .elevate-intro h1{font-size:42px;line-height:1.08;margin-bottom:19px}.site-d3 .elevate-intro .lead{font-size:16px;line-height:1.6;margin-bottom:24px}.event-jump-links{gap:15px}.event-jump-links .btn{width:100%}.event-jump-links .link{font-size:13px}.site-d3 .event-stories{padding:27px 0 40px}.site-d3 .event-stories h2{font-size:28px;line-height:1.15}.site-d3 .event-help{font-size:13px;margin-bottom:25px;line-height:1.65}.site-d3 .event-next{padding-top:39px;padding-bottom:43px}.event-next h2{font-size:31px}.event-product{padding:24px;gap:24px;margin:25px 0 30px}.event-product h3{font-size:24px}.event-product .actions{gap:16px}.event-product .btn{width:100%}.event-product .link{font-size:13px}
 .story01-grid{grid-template-columns:1fr;gap:27px}.story01-grid h1{font-size:43px}.story01-top{padding-bottom:35px}.local-back{margin-bottom:25px}.story01-grid .lead{font-size:19px}.story01-grid .eyebrow{font-size:10px}.merge-message h2{font-size:30px}.merge-message .lead{font-size:17px}.review-content h1{font-size:36px}.review-content h2{font-size:26px}.review-content .lead{font-size:17px}.review-table th,.review-table td{font-size:11px;padding:11px 6px;overflow-wrap:anywhere}.review-content .actions{gap:18px}.site-d3 .section:has(>.review-content){padding-top:36px}
 .zoom-controls{flex-direction:column;gap:6px}.site-d3 .dialog-toolbar p{font-size:11px}.site-d3 .zoom-scroll{padding:8px}
}
@media(max-width:370px){.site-d3 .wrap{padding-left:20px;padding-right:20px}.site-d3 .hero h1{font-size:37px}.site-d3 .hero .lead{font-size:15px}.site-d3 .hero .eyebrow{font-size:8px}.site-d3 .hero-grid{padding-top:25px}.site-d3 .trust-inner{font-size:10px;gap:10px}.site-d3 .tour-tabs{padding-left:14px;padding-right:14px;gap:5px}.site-d3 .tour-tabs button{font-size:11px;padding:9px 10px}.site-d3 .tour-panel{padding:14px}.cover-type,.library .cover-type{padding:21px 19px}.cover-type>strong,.library .cover-type>strong{font-size:25px}.training-cover .cover-type>strong,.library .training-cover .cover-type>strong{font-size:28px}.cover-type .cover-eyebrow,.library .cover-type .cover-eyebrow{font-size:7px;margin-bottom:14px}.cover-type p,.library .cover-type p{font-size:11px;margin-top:11px}.story-card-body,.library .story-card-body{padding:20px}.site-d3 .hub-intro h1{font-size:34px}.site-d3 .elevate-intro h1{font-size:36px}.event-eyebrow>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.story-card:hover{transform:none}.story-card{transition:none}}
@media print{.site-d3{background:white;color:black}.site-d3 .hero,.site-d3 .endcta{background:white;color:black}.story-card{break-inside:avoid}.story-grid{display:block}.story-card{margin-bottom:25px}.site-d3 video{display:none}}

/* D3.1: individual beta invitation; no new component or route. */
.site-d3 .cta-panel .beta-access-note{font-size:13px;line-height:1.55;margin:12px 0 0;color:#c4d8d0;max-width:570px}

/* Approved mobile homepage illustration; retain its complete 2:3 frame. */
@media(max-width:760px){.site-d3.index .hero-image{aspect-ratio:2/3;object-fit:contain}}