@font-face{font-family:'Klee One';src:url('KleeOne-Regular-oishikunaare.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3041,U+3044,U+304A,U+304F,U+3057,U+306A,U+308C}
:root{--body-size:1rem;--note-size:.875rem;--body-leading:1.9;--page-accent:#E6320A;--page-gutter:clamp(16px,5vw,80px);--section-space:clamp(80px,10vw,96px);color-scheme:light}
body{margin:0}
#tomato-page{--ink:#23352C;--muted:#405047;--secondary:#405047;--tint:#FDFBF7;--red:#E6320A;--decoration:#D4C5AD;font-family:var(--amano-font);font-size:1rem;line-height:1.9;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
#tomato-page *,#tomato-page *::before,#tomato-page *::after{box-sizing:border-box}
#tomato-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}
#tomato-page h2{font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.4;font-weight:700;word-break:auto-phrase;overflow-wrap:anywhere}
#tomato-page h3{font-size:clamp(1.5rem,2.6vw,1.875rem);line-height:1.5;font-weight:700;word-break:auto-phrase;overflow-wrap:anywhere}
#tomato-page p{overflow-wrap:anywhere;word-break:auto-phrase}
#tomato-page a{color:var(--ink);text-decoration:underline;text-underline-offset:.25em;overflow-wrap:anywhere}
#tomato-page a:hover{text-decoration-thickness:2px}
#tomato-page a:active{color:var(--secondary);text-decoration-thickness:3px}
#tomato-page :is(a,summary):focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:4px}
#tomato-page img{display:block;max-width:100%;height:auto}
#tomato-page .section{padding:var(--section-space) var(--page-gutter);scroll-margin-top:calc(var(--theme-header-h) + 24px)}
#tomato-page .tint{background:var(--tint)}
#tomato-page .container{max-width:1200px;margin-inline:auto}
#tomato-page .eyebrow{font-family:var(--mincho);font-size:.75rem;line-height:1.6;font-weight:600;letter-spacing:.12em;color:var(--ink)}
#tomato-page .number{font-family:var(--mincho);font-weight:600}
#tomato-page .section-heading{display:flex;flex-direction:column;gap:12px;max-width:680px}
#tomato-page .section-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
#tomato-page .section-copy>p{max-width:40em}
#tomato-page .note{font-size:.875rem;line-height:1.8;color:var(--muted)}
#tomato-page .photo{min-width:0}
#tomato-page .photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
#tomato-page .hero{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(64px,8vw,96px)}
#tomato-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
#tomato-page .hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
#tomato-page h1{font-size:1rem;line-height:1.6;letter-spacing:.08em;font-weight:700;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#tomato-page .brand-logo{width:320px;height:auto;max-width:100%;transform:none;filter:none}
#tomato-page .hero-title{font-size:clamp(3rem,7vw,6rem);line-height:1.2;font-weight:700;letter-spacing:.02em;word-break:normal;overflow-wrap:anywhere}
#tomato-page .hero-intro{font-size:1rem;line-height:1.9;color:var(--secondary);max-width:none}
#tomato-page .hero-photo img{aspect-ratio:3/2}
#tomato-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
#tomato-page .amano-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;padding:8px 24px;border-radius:9999px;background:var(--ink);color:#fff;font-size:1rem;font-weight:700;line-height:1.75;text-decoration:none;text-align:center}
#tomato-page .amano-button:hover{background:var(--secondary);box-shadow:none;text-decoration:underline}
#tomato-page .amano-button:active{background:var(--muted);color:#fff;transform:translateY(1px)}
#tomato-page .amano-button:focus-visible{border-radius:9999px;outline-offset:5px}
#tomato-page .hero-brix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 16px;min-height:44px;max-width:100%;border:1px solid var(--decoration);border-radius:24px;font-size:.875rem}
#tomato-page .hero-brix-value{color:var(--red);font-size:1.5rem;font-weight:700}
#tomato-page .statement{max-width:820px;margin-inline:auto}
#tomato-page #taste-title{font-size:clamp(1.875rem,4.4vw,3.75rem);line-height:1.5;letter-spacing:.02em}
#tomato-page .story-word{color:var(--ink);transition:color .2s linear}
#tomato-page .statement-copy{margin-top:32px;max-width:40em;color:var(--muted)}
#tomato-page .reasons{display:flex;flex-direction:column;gap:clamp(64px,8vw,96px)}
#tomato-page .reason{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px)}
#tomato-page .reason.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
#tomato-page .reason.reverse .photo{grid-column:2;grid-row:1}
#tomato-page .reason.reverse .reason-copy{grid-column:1;grid-row:1}
#tomato-page .reason-copy{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:40em}
#tomato-page .reason-heading{display:flex;flex-direction:column;gap:16px}
#tomato-page .reason-number{font-size:3rem;line-height:1;color:var(--red)}
#tomato-page .reason-label{font-size:.875rem;font-weight:700;color:var(--muted)}
#tomato-page .source-note{padding:12px 16px;border:1px solid #D4C5AD;border-radius:12px;font-size:.875rem;line-height:1.8;color:var(--secondary)}
#tomato-page .source-note a{display:inline}
#tomato-page .reason.text-only{display:block;max-width:820px;width:100%;margin-inline:auto}
#tomato-page .text-only .reason-copy{max-width:40em}
#tomato-page .sugar-grid{max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
#tomato-page .brix-card{display:flex;flex-direction:column;gap:24px;min-width:0;border-radius:24px;padding:40px;background:#fff}
#tomato-page .brix-card h3{font-size:1rem;line-height:1.9}
#tomato-page .brix-average{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:1.25rem;font-weight:700;line-height:1.6}
#tomato-page .brix-average .number{font-size:clamp(3.75rem,7vw,6rem);line-height:1;color:var(--red)}
#tomato-page .brix-facts{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:24px;border-top:1px solid #D4C5AD}
#tomato-page .brix-facts>div{display:flex;flex-direction:column;gap:4px}
#tomato-page .brix-facts dt{font-size:.875rem;color:var(--muted)}
#tomato-page .brix-facts dd{font-size:1rem;font-weight:700}
#tomato-page .sample-label{font-size:1rem;font-weight:700;border:2px solid var(--ink);padding:8px 12px;border-radius:12px}
#tomato-page .two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
#tomato-page #enjoy .photo img{aspect-ratio:3/2}
#tomato-page .enjoy-list{border-top:1px solid #D4C5AD}
#tomato-page .enjoy-list>div{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid #D4C5AD}
#tomato-page .enjoy-list dt{font-weight:700}
#tomato-page .enjoy-list dd{color:var(--secondary);font-size:1rem}
#tomato-page .grower-grid{max-width:1040px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,64px)}
#tomato-page .text-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#tomato-page .text-links a{padding-block:4px}
#tomato-page .where-inner{display:flex;flex-direction:column;gap:40px}
#tomato-page .store-card{max-width:720px;display:flex;flex-direction:column;gap:12px;padding:40px;border:1px solid var(--decoration);border-radius:24px}
#tomato-page .store-card h3{font-size:1rem;line-height:1.9;color:var(--muted)}
#tomato-page .store-name{font-size:1.125rem;font-weight:700}
#tomato-page .store-card a{align-self:flex-start}
#tomato-page .online{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #D4C5AD;max-width:720px}
#tomato-page .online h3{font-size:1rem;line-height:1.9}
#tomato-page .shop-links{display:flex;flex-wrap:wrap;gap:8px 24px}
#tomato-page .shop-links a{display:inline-flex;align-items:center;min-height:44px}
#tomato-page .faq-inner{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:32px}
#tomato-page .faq-list{border-top:1px solid var(--decoration)}
#tomato-page details{border-bottom:1px solid var(--decoration);padding:16px 0}
#tomato-page summary{cursor:pointer;display:flex;align-items:center;gap:16px;font-size:1rem;font-weight:700;min-height:44px;list-style:none;padding:4px 8px;line-height:1.9}
#tomato-page summary::-webkit-details-marker{display:none}
#tomato-page summary:hover{text-decoration:underline;text-underline-offset:.25em}
#tomato-page summary:active{background:#fff}
#tomato-page .faq-icon{width:20px;height:20px;position:relative;flex-shrink:0}
#tomato-page .faq-icon::before,#tomato-page .faq-icon::after{content:"";position:absolute;top:9px;left:2px;width:16px;height:2px;background:var(--ink)}
#tomato-page .faq-icon::after{transform:rotate(90deg)}
#tomato-page details[open] .faq-icon::after{transform:none}
#tomato-page details>p{padding:8px 8px 0 44px;color:var(--secondary)}
#tomato-page .closing{padding-top:clamp(96px,12vw,128px);text-align:center}
#tomato-page .closing-inner{max-width:680px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:24px}
#tomato-page .character{position:relative;flex-shrink:0;width:128.205px;max-width:50%;height:auto}
#tomato-page .character>img{width:100%;height:auto;transform-origin:50% 70%}
#tomato-page .sparkles{position:absolute;left:95%;top:13%;width:1px;height:1px;pointer-events:none}
#tomato-page .sparkles i{position:absolute;display:block;opacity:0;background:var(--ink);width:8px;height:8px;border-radius:50%}
#tomato-page .sparkles i.star{width:20px;height:20px;border-radius:0;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%)}
#tomato-page .sparkles i:nth-child(3){width:18px;height:18px}
#tomato-page .sparkles i:nth-child(6){width:7px;height:7px}
#tomato-page .spell{color:var(--red);font-size:clamp(2.25rem,4.8vw,3.75rem);line-height:1.3}
#tomato-page .closing-line{font-size:1.125rem;font-weight:700}
#tomato-page .closing-logo{margin-top:16px}
#tomato-page .next-section{border-top:1px solid #D4C5AD;padding-block:48px 64px}
#tomato-page .next-section .container{display:flex;flex-direction:column;gap:24px}
#tomato-page .next-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#tomato-page .next-cards a{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px solid var(--decoration);border-radius:16px;text-decoration:none;min-width:0}
#tomato-page .card-title{font-weight:700;text-decoration:underline;text-underline-offset:.25em}
#tomato-page .next-cards a:hover{background:var(--tint)}
#tomato-page .next-cards a:active{border-color:var(--ink)}
#tomato-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#tomato-page .reveal-wait{opacity:0;transform:translateY(16px)}
#tomato-page .reveal-ready{opacity:1;transform:translateY(0);transition:opacity 800ms cubic-bezier(.32,.72,0,1),transform 800ms cubic-bezier(.32,.72,0,1)}
@media(max-width:1000px){#tomato-page .hero-grid{grid-template-columns:minmax(0,1fr)}#tomato-page .hero-title{font-size:clamp(3rem,7vw,6rem)}#tomato-page .hero-intro{max-width:40em}#tomato-page .hero-photo{width:100%}#tomato-page .reason,#tomato-page .reason.reverse,#tomato-page .two-col,#tomato-page .sugar-grid,#tomato-page .grower-grid{grid-template-columns:minmax(0,1fr)}#tomato-page .reason.reverse .photo,#tomato-page .reason.reverse .reason-copy{grid-column:auto;grid-row:auto}#tomato-page .reason-copy{max-width:40em}#tomato-page .reason.text-only{margin-inline:0}#tomato-page .next-cards{grid-template-columns:1fr}}
@media(max-width:600px){#tomato-page .brand-logo{width:240px}#tomato-page .brix-card,#tomato-page .store-card{padding:24px}#tomato-page .hero-brix{border-radius:16px}#tomato-page details>p{padding-left:8px}#tomato-page .closing-inner>p{max-width:100%}}
@media(prefers-reduced-motion:reduce){#tomato-page .story-word{color:var(--ink)!important;transition:none!important}#tomato-page :is(.reveal-wait,.reveal-ready){opacity:1!important;transform:none!important;transition:none!important}#tomato-page .character>img{transform:none!important}#tomato-page .sparkles i{opacity:0!important}}
@media print{#tomato-page .reveal-wait{opacity:1;transform:none}#tomato-page .story-word{color:var(--ink)!important}#tomato-page details>p{display:block}#tomato-page .sparkles{display:none}}

#tomato-page :is(.heading-phrase,.intro-phrase,.story-word){display:inline-block;max-width:100%;word-break:normal;overflow-wrap:anywhere}

:root{--mincho:'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Noto Serif CJK JP',serif;--section-space:clamp(80px,10vw,128px);--amano-ink:#23352C;--amano-paper:#FDFBF7;--amano-tint:#FDFBF7;--page-accent:#E6320A}
body,#tomato-page{background:#FDFBF7;color:#23352C}
#tomato-page :is(h2,h3){font-family:var(--mincho);font-weight:600}
#tomato-page h2{font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.45}
#tomato-page h3{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}
#tomato-page .container{max-width:1120px}
#tomato-page .section-heading{max-width:none;gap:16px}
#tomato-page .section-heading::after{content:'';display:block;width:56px;height:3px;background:var(--red);margin-top:4px;flex-shrink:0}
#tomato-page .red-rule{display:block;width:72px;height:3px;background:var(--red);flex-shrink:0}
#tomato-page .pop-dots{display:flex;justify-content:center;gap:24px;flex-shrink:0}
#tomato-page .pop-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#CCAF82;flex-shrink:0}
#tomato-page .pop-dots i:first-child{background:#E6320A}
#tomato-page .pop-dots i:last-child{background:#3C9832}
#tomato-page .hero{padding:clamp(12px,3vw,40px)}
#tomato-page .pop-frame{border:1px solid #D4C5AD;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
#tomato-page .hero .pop-dots{padding-top:clamp(40px,6vw,72px)}
#tomato-page .hero-title{font-family:var(--mincho);font-size:clamp(3rem,7.4vw,6.5rem);font-weight:600;line-height:1.2;letter-spacing:.06em;margin:clamp(24px,4vw,40px) 16px 0;max-width:calc(100% - 32px)}
#tomato-page .hero-rule{margin-top:24px}
#tomato-page .hero-photo{position:relative;width:min(560px,86%);margin-top:clamp(32px,4vw,48px)}
#tomato-page .hero-photo::before{content:'';position:absolute;inset:-6%;border:1px solid #E6DCCB;border-radius:9999px;pointer-events:none}
#tomato-page .pack-crop{position:relative;aspect-ratio:1162/1200;overflow:hidden;border-radius:32px}
#tomato-page .hero-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 59%;transform:scale(1.65);transform-origin:50% 59%;border-radius:0}
#tomato-page .hero-intro{font-family:var(--mincho);font-size:clamp(1rem,1.5vw,1.1875rem);line-height:2.1;font-weight:600;max-width:min(36em,calc(100% - 32px));margin:clamp(40px,5vw,56px) 16px 0;color:var(--secondary)}
#tomato-page .hero-actions{margin:32px 16px 0;justify-content:center;max-width:calc(100% - 32px)}
#tomato-page .amano-button{padding-inline:32px;background:var(--ink);color:#fff}
#tomato-page .hero-brix-value{color:var(--ink)}
#tomato-page .brand-strip{width:100%;background:#F3EDE3;border-top:1px solid #D4C5AD;padding:clamp(24px,3vw,40px) 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
#tomato-page h1.brand-strip{margin-top:clamp(48px,6vw,72px);font-family:var(--amano-font);font-size:.875rem;font-weight:500;line-height:1.9;letter-spacing:.2em;color:var(--muted)}
#tomato-page .hero-logo{width:min(440px,80%)}
#tomato-page .statement{max-width:1120px;text-align:center}
#tomato-page #taste-title{font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.3;font-weight:600;letter-spacing:.08em;margin-top:32px}
#tomato-page #taste-story .red-rule{margin:24px auto 0}
#tomato-page .story-support{font-family:var(--mincho);font-size:clamp(1.5rem,2.2vw,1.75rem);font-weight:600;line-height:1.8;margin:32px auto 0}
#tomato-page .statement-copy{max-width:34em;margin:32px auto 0;text-align:left;color:var(--muted)}
#tomato-page :is(#reasons,#enjoy){background:#fff;border-top:1px solid #E6DCCB;border-bottom:1px solid #E6DCCB}
#tomato-page .reasons{gap:clamp(72px,9vw,112px)}
#tomato-page #reasons .section-heading{align-items:center;text-align:center}
#tomato-page #reasons-title{font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.4;letter-spacing:.06em}
#tomato-page :is(.reason,.reason.reverse){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,80px)}
#tomato-page .reason-heading{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:16px;align-items:baseline}
#tomato-page .reason-heading h3{grid-column:1/-1}
#tomato-page .number{font-family:var(--mincho);font-weight:600}
#tomato-page .reason-number{font-size:2.5rem;line-height:1}
#tomato-page .reason-label{letter-spacing:.2em}
#tomato-page .reason.text-only{max-width:680px}
#tomato-page .text-only .reason-copy{max-width:40em;align-items:center;margin:auto}
#tomato-page .text-only .reason-heading{grid-template-columns:auto auto;justify-content:center;text-align:center}
#tomato-page .text-only .reason-copy>p{text-align:left;width:100%}
#tomato-page .sugar-grid{max-width:1040px;gap:clamp(32px,6vw,80px)}
#tomato-page .brix-card{border:1px solid #D4C5AD;border-radius:0;padding:clamp(32px,4vw,48px);gap:16px;text-align:center;align-items:center}
#tomato-page .brix-card h3{font-family:var(--amano-font);font-size:1rem;font-weight:700;letter-spacing:.2em}
#tomato-page .brix-average{font-family:var(--mincho);font-weight:600;justify-content:center}
#tomato-page .brix-average .number{font-size:clamp(4rem,7vw,6rem)}
#tomato-page .brix-card>.note{text-align:left}
#tomato-page .brix-facts{justify-content:center;width:100%;font-family:var(--amano-font)}
#tomato-page .two-col{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,80px)}
#tomato-page .enjoy-list dt{font-family:var(--mincho);font-size:1.125rem;font-weight:600}
#tomato-page .grower-grid{max-width:760px;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
#tomato-page .grower-grid .section-heading{align-items:center}
#tomato-page .grower-grid .section-copy>p{text-align:left;max-width:40em}
#tomato-page .text-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 32px}
#tomato-page #where{background:#F3EDE3;border-top:1px solid #D4C5AD;border-bottom:1px solid #D4C5AD}
#tomato-page .where-inner{max-width:880px;align-items:center;gap:32px;text-align:center}
#tomato-page .where-inner .section-heading{align-items:center}
#tomato-page .store-card{width:100%;max-width:none;border:1px solid #D4C5AD;border-radius:0;background:#FDFBF7;padding:32px 24px;align-items:center;gap:8px}
#tomato-page .store-card h3{font-family:var(--amano-font);font-size:1rem;font-weight:700;letter-spacing:.2em}
#tomato-page .store-name{font-family:var(--mincho);font-size:1.375rem;font-weight:600}
#tomato-page .store-card a{align-self:center;padding-block:4px}
#tomato-page .online{width:100%;max-width:none;align-items:center;gap:12px;border-top:1px solid #D4C5AD}
#tomato-page .online h3{font-family:var(--amano-font);font-size:1rem;font-weight:700;letter-spacing:.2em}
#tomato-page .shop-links{justify-content:center}
#tomato-page .online-copy{max-width:40em}
#tomato-page .online>.note{max-width:34em}
#tomato-page .faq-inner .section-heading{align-items:center;text-align:center}
#tomato-page details{padding-block:12px}
#tomato-page .closing{padding:0 clamp(12px,3vw,40px) clamp(12px,3vw,40px)}
#tomato-page .closing-inner{max-width:640px;padding:clamp(64px,8vw,96px) 16px clamp(48px,6vw,72px);gap:20px;width:100%;margin:0}
#tomato-page .character{width:115.714px;max-width:50%}
#tomato-page .closing-inner>p:not(.note):not(.closing-line){text-align:left}
#tomato-page .spell{font-family:'Klee One',var(--mincho);font-size:1.5rem;font-weight:400;line-height:1.3;letter-spacing:.24em}
#tomato-page .closing-line{font-family:var(--mincho);font-size:1.25rem;font-weight:600;margin-top:28px}
#tomato-page .closing-logo{width:min(480px,84%);margin:0}
#tomato-page .sparkles i:nth-child(3n+1){background:#E6320A}
#tomato-page .sparkles i:nth-child(3n+2){background:#3C9832}
#tomato-page .sparkles i:nth-child(3n){background:#CCAF82}
#tomato-page .next-section{border:0;padding-block:40px 64px}
#tomato-page .next-label{font-family:var(--amano-font);font-size:1rem;font-weight:700}
#tomato-page .next-cards a{border-radius:0;background:#fff;border-color:#D4C5AD}
@media(max-width:1000px){#tomato-page :is(.reason,.reason.reverse,.two-col,.sugar-grid){grid-template-columns:minmax(0,1fr)}#tomato-page .reason.text-only{margin-inline:auto}}

#tomato-page .reason-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
#tomato-page .reason-kicker{display:flex;gap:16px;align-items:baseline}
#tomato-page .text-only .reason-heading{align-items:center}

#tomato-page #reason-2 .photo img{aspect-ratio:4/5;object-position:50% 20%}