cv-component-gallery{display:block;isolation:isolate;background:#eceeeb;color:#222822;font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-size:16px;line-height:normal;text-align:left;letter-spacing:normal;-webkit-font-smoothing:antialiased}cv-component-gallery *{box-sizing:border-box}cv-component-gallery .cv-component-shell{padding:48px 36px 32px;max-width:1720px;margin:auto}cv-component-gallery h2,cv-component-gallery h3,cv-component-gallery p{margin:0;text-transform:none}cv-component-gallery .cv-component-card{content-visibility:visible}.cv-component-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 32px;gap:30px}.cv-component-heading span{font-size:10px;font-weight:600;letter-spacing:.17em;color:#77836f}.cv-component-heading h2{font-size:34px;font-weight:500;letter-spacing:-.05em;margin:13px 0 0;line-height:1.2}.cv-component-heading>p{font-size:13px;line-height:1.5;color:#7e867a;margin:0 0 3px}.cv-component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cv-component-card{height:clamp(310px,26vw,420px);position:relative;overflow:hidden;border-radius:16px;background:#232726;isolation:isolate}.cv-component-card.wide{grid-column:span 2}.cv-component-photo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cv-component-photo img{position:absolute;display:block;max-width:none;filter:saturate(.65) contrast(1.03);transition:filter .25s ease}.cv-component-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(13,20,17,.8),rgba(13,20,17,.12) 53%,transparent);pointer-events:none}.cv-component-copy{position:absolute;top:0;right:0;bottom:0;left:0;padding:31px 26px;color:#fff;z-index:2;pointer-events:none}.cv-component-copy h3{white-space:pre-line;font-size:clamp(21px,1.8vw,28px);font-weight:600;letter-spacing:-.04em;line-height:1.3;margin:0 0 12px;text-wrap:balance}.cv-component-copy p{font-size:clamp(14px,1.13vw,18px);line-height:1.65;margin:0;color:#e1e4df;text-wrap:pretty}.cv-component-card.wide .cv-component-copy{padding:40px 34px}.cv-component-card.wide .cv-component-copy h3{font-size:clamp(27px,2.2vw,36px)}.cv-component-card[data-style=dark_left] .cv-component-photo{left:20%}.cv-component-card[data-style=dark_left] .cv-component-copy{max-width:57%}.cv-component-card[data-style=dark_left] .cv-component-shade{background:linear-gradient(90deg,#232726 0%,#232726 21%,rgba(35,39,38,.35) 49%,transparent 78%)}.cv-component-card[data-style=cutout_bottom]{background:#1e2220}.cv-component-card[data-style=cutout_bottom] .cv-component-photo{left:23%}.cv-component-card[data-style=cutout_bottom] img,.cv-component-card[data-style=dark_top] img{mix-blend-mode:screen;filter:saturate(.5) contrast(1.06)}.cv-component-card[data-style=cutout_bottom] .cv-component-copy{top:auto;bottom:0;height:auto;max-width:60%}.cv-component-card[data-style=cutout_bottom] .cv-component-shade{background:linear-gradient(90deg,#1e2220 0%,#1e2220 24%,rgba(30,34,32,.35) 51%,transparent 80%)}.cv-component-card[data-style=photo_bottom] .cv-component-photo{left:13%}.cv-component-card[data-style=photo_bottom] .cv-component-copy{top:auto;bottom:0;height:auto;max-width:57%}.cv-component-card[data-style=photo_bottom] .cv-component-shade{background:linear-gradient(90deg,#232726 0%,#232726 14%,rgba(35,39,38,.75) 33%,rgba(35,39,38,.1) 74%,transparent)}.cv-component-card[data-style=photo_left] .cv-component-photo{left:17%}.cv-component-card[data-style=photo_left] .cv-component-shade{background:linear-gradient(90deg,#232726 0%,#232726 18%,rgba(35,39,38,.35) 52%,transparent 85%)}.cv-component-card[data-style=photo_left] .cv-component-copy{max-width:65%}.cv-component-card[data-style=light_top]{background:#cbd2cd}.cv-component-card[data-style=light_top] img{mix-blend-mode:multiply;filter:contrast(1.03)}.cv-component-card[data-style=light_top] .cv-component-shade{background:linear-gradient(180deg,#cbd2cd 0%,rgba(203,210,205,.98) 26%,rgba(203,210,205,.2) 49%,transparent 62%)}.cv-component-card[data-style=light_top] .cv-component-copy{color:#202921}.cv-component-card[data-style=light_top] .cv-component-copy p{color:#4a574b}.cv-component-card[data-style=dark_top]{background:#252926}.cv-component-card[data-style=dark_top] .cv-component-shade{background:linear-gradient(180deg,#252926 0%,rgba(37,41,38,.95) 22%,transparent 61%)}.cv-component-note{margin:19px 0 0;font-size:10px;line-height:1.6;color:#838b7e}@media(max-width:1100px)and (min-width:701px){cv-component-gallery .cv-component-shell{padding:34px 24px}.cv-component-grid{gap:14px}.cv-component-card{height:310px}.cv-component-copy{padding:24px 19px}.cv-component-copy h3{font-size:20px}.cv-component-copy p{font-size:13px}.cv-component-card.wide .cv-component-copy{padding:30px 24px}.cv-component-card.wide .cv-component-copy h3{font-size:27px}}@media(max-width:700px){cv-component-gallery .cv-component-shell{padding:31px 16px 24px}.cv-component-heading{display:block;margin-bottom:24px}.cv-component-heading h2{font-size:29px;margin-top:11px}.cv-component-heading>p{margin-top:13px;font-size:12px}.cv-component-grid{grid-template-columns:1fr;gap:16px}.cv-component-card,.cv-component-card.wide{grid-column:auto;height:auto;aspect-ratio:1/1.1}.cv-component-copy,.cv-component-card.wide .cv-component-copy{padding:27px 25px;max-width:100%}.cv-component-copy h3,.cv-component-card.wide .cv-component-copy h3{font-size:27px}.cv-component-copy p{font-size:15px}.cv-component-card[data-style=dark_left] .cv-component-photo,.cv-component-card[data-style=cutout_bottom] .cv-component-photo,.cv-component-card[data-style=photo_bottom] .cv-component-photo,.cv-component-card[data-style=photo_left] .cv-component-photo{left:0}.cv-component-card[data-style=dark_left] .cv-component-shade,.cv-component-card[data-style=photo_bottom] .cv-component-shade,.cv-component-card[data-style=photo_left] .cv-component-shade{background:linear-gradient(180deg,#1a221ded,#1a221d8c 30%,#1a221d08 66%)}.cv-component-card[data-style=dark_left] .cv-component-copy,.cv-component-card[data-style=photo_bottom] .cv-component-copy,.cv-component-card[data-style=photo_left] .cv-component-copy,.cv-component-card[data-style=cutout_bottom] .cv-component-copy{top:0;bottom:auto;max-width:100%}.cv-component-card[data-style=cutout_bottom] .cv-component-shade{background:linear-gradient(180deg,#1e2220 0%,rgba(30,34,32,.8) 24%,transparent 60%)}.cv-component-card[data-style=photo_bottom] .cv-component-copy h3{white-space:normal}.cv-component-note{font-size:10px;line-height:1.7}}@media(prefers-reduced-motion:reduce){cv-component-gallery *{scroll-behavior:auto}.cv-component-photo img{transition:none}}cv-component-gallery .cv-component-photo{left:var(--image-inset,0)}cv-component-gallery .cv-component-card[data-uploaded=true][data-custom-crop=false] .cv-component-photo{left:0}cv-component-gallery .cv-component-photo img{width:100%;height:100%;object-fit:cover}cv-component-gallery .cv-component-heading h2{font-size:34px;font-weight:500;letter-spacing:-.05em;margin:13px 0 0;line-height:1.2}cv-component-gallery .cv-component-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a2aca5;font-size:13px}@media(max-width:700px){cv-component-gallery .cv-component-photo{left:0}cv-component-gallery .cv-component-heading h2{font-size:29px}}cv-component-gallery h2,cv-component-gallery h3,cv-component-gallery p{font-family:inherit}cv-component-gallery .cv-component-photo{z-index:0}cv-component-gallery .cv-component-shade{z-index:1}cv-component-gallery .cv-component-copy{z-index:2;color:#fff}cv-component-gallery .cv-component-copy h3{color:inherit!important;white-space:normal!important;line-height:1.3!important;letter-spacing:-.035em!important}cv-component-gallery .cv-component-card[data-style=light_top] .cv-component-copy{color:#202921}@media(max-width:700px){cv-component-gallery .cv-component-shell{padding:34px 20px 28px}cv-component-gallery .cv-component-heading{text-align:center;margin-bottom:30px}cv-component-gallery .cv-component-heading h2{font-size:26px;line-height:1.35;margin:10px 0 0}cv-component-gallery .cv-component-heading>p{font-size:13px;line-height:1.6;margin:12px 0 0}cv-component-gallery .cv-component-heading span{font-size:9px}cv-component-gallery .cv-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}cv-component-gallery .cv-component-card{grid-column:span 1;height:auto;aspect-ratio:.8;border-radius:12px;min-width:0}cv-component-gallery .cv-component-card.wide{grid-column:span 2;aspect-ratio:1.94;height:auto}cv-component-gallery .cv-component-copy{padding:20px 14px;max-width:100%}cv-component-gallery .cv-component-copy h3{font-size:clamp(14px,4vw,17px);font-weight:650;margin:0 0 9px}cv-component-gallery .cv-component-copy p{font-size:clamp(11px,3vw,13px);line-height:1.5;margin:0}cv-component-gallery .cv-component-card.wide .cv-component-copy{padding:19px 17px;top:0;bottom:auto;max-width:60%;height:auto;display:flex;flex-direction:column;justify-content:center;min-height:100%}cv-component-gallery .cv-component-card.wide .cv-component-copy h3{font-size:clamp(18px,5vw,22px);margin-bottom:10px}cv-component-gallery .cv-component-card.wide .cv-component-copy p{font-size:clamp(12px,3.4vw,14px);line-height:1.5}cv-component-gallery .cv-component-card.wide .cv-component-photo{left:0}cv-component-gallery .cv-component-card.wide .cv-component-shade{background:linear-gradient(90deg,rgba(25,31,28,.98),rgba(25,31,28,.83) 30%,rgba(25,31,28,.3) 62%,transparent 90%)}cv-component-gallery .cv-component-card[data-style=light_top] .cv-component-shade{background:linear-gradient(180deg,#cbd2cd,rgba(203,210,205,.99) 33%,rgba(203,210,205,.28) 58%,transparent 74%)}cv-component-gallery .cv-component-card[data-style=natural_top] .cv-component-shade{background:linear-gradient(180deg,rgba(13,20,17,.91),rgba(13,20,17,.55) 37%,transparent 75%)}cv-component-gallery .cv-component-note{font-size:10px;line-height:1.6;margin-top:16px}}cv-component-gallery .cv-component-photo{background:inherit}@media(max-width:700px){cv-component-gallery .cv-component-card.wide .cv-component-photo{left:20%}cv-component-gallery .cv-component-card.wide .cv-component-copy{max-width:60%}}@media(max-width:700px){cv-component-gallery .cv-component-card.wide{background:#232726}cv-component-gallery .cv-component-card.wide .cv-component-shade{background:linear-gradient(90deg,#232726 0%,#232726 21%,rgba(35,39,38,.75) 44%,rgba(35,39,38,.16) 74%,transparent 96%)}}cv-component-gallery .cv-component-shade:empty{display:block}cv-component-gallery .cv-component-card[data-uploaded=true][data-style=light_top] img,cv-component-gallery .cv-component-card[data-uploaded=true][data-style=cutout_bottom] img{mix-blend-mode:normal}
/*# sourceMappingURL=/cdn/shop/t/10/assets/citivelos-component-gallery.css.map */