.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px} .community-photo{display:block;height:320px;background-size:cover;background-position:center} .community-card h3{font-family:'Playfair Display',serif;font-size:28px;margin:16px 0 8px} .community-card div{display:flex;gap:18px} .community-card div a{font-size:12px;border-bottom:1px solid} .community-visual{min-height:570px;background-size:cover;background-position:center} .community-visual.tall{min-height:680px} @media(max-width:720px){.community-photo{height:280px}} @media (max-width: 720px){.community-visual{min-height: 380px;}} .community-grid--modern{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 48px 24px;} .community-card--modern{background: #fff;overflow: hidden;} .community-card--modern .community-photo{height: 410px;position: relative;background: linear-gradient(145deg, #29475a, #102b3e);transition: background-size 0.4s;} .community-card--modern .community-photo:after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, transparent 50%, rgba(5, 20, 29, 0.6));} .community-index{position: absolute;z-index: 2;top: 20px;left: 20px;color: #fff;font-size: 11px;letter-spacing: 0.18em;} .community-card-arrow{position: absolute;z-index: 3;right: 20px;bottom: 20px;width: 46px;height: 46px;border-radius: 50%;display: grid;place-items: center;background: #fff;color: var(--brand-navy);transition: transform 0.3s;} .community-card--modern:hover .community-card-arrow{transform: rotate(-35deg);} .community-card-copy{padding: 23px 25px 28px;} .community-card-copy > p{font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: #879198;} .community-card-copy h3{margin: 8px 0 20px;font-size: 31px;} .community-card-copy > div a{font-size: 12px;font-weight: 700;} .community-intro{position: relative;z-index: 3;margin-top: -54px;} .community-intro-card{display: grid;grid-template-columns: 0.85fr 1.15fr;gap: 8vw;padding: 55px 62px;background: #fff;box-shadow: 0 25px 65px rgba(12, 39, 55, 0.12);} .community-intro-card h2{font-size: clamp(38px, 4.5vw, 64px);} .community-visual-story{background: #f6f3ed;} .community-visual--framed{position: relative;min-height: 680px;box-shadow: 24px 24px 0 #d9cdb8;} .community-visual--framed span{position: absolute;left: 0;bottom: 0;padding: 17px 24px;background: #fff;font-family: var(--ff-heading-font);font-size: 22px;} .community-visual-story .split-content{align-items: start;} .community-visual-story h2{font-size: clamp(38px, 4.2vw, 62px);margin-bottom: 35px;} .community-highlights{display: grid;gap: 2px;background: #ddd;} .community-highlights article{display: grid;grid-template-columns: 46px 1fr;gap: 15px;padding: 22px;background: #fff;} .community-highlights article > span{width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;background: var(--brand-navy);color: #fff;} .community-highlights img{width: 42px;height: 42px;object-fit: cover;border-radius: 50%;} .community-highlights h3{margin: 0 0 5px;font-size: 18px;} .community-highlights p{margin: 0;color: #6f787d;font-size: 13px;} .community-gallery-section{background: #0a2638;color: #fff;} .community-gallery-section h2{color: #fff;} .community-gallery{display: grid;grid-template-columns: 1.4fr 0.8fr 0.8fr;grid-template-rows: 280px 280px;gap: 8px;} .community-gallery figure{margin: 0;background-size: cover;background-position: center;position: relative;} .community-gallery figure:first-child{grid-row: 1/3;} .community-gallery figcaption{position: absolute;left: 15px;bottom: 15px;padding: 8px 11px;background: rgba(7, 25, 35, 0.76);font-size: 11px;} @media (max-width: 1100px){.community-grid--modern{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 760px){.community-intro{margin-top: -28px;}.community-intro-card{grid-template-columns: 1fr;padding: 34px 25px;gap: 25px;}.community-visual--framed{min-height: 460px;box-shadow: 12px 12px 0 #d9cdb8;}.community-gallery{grid-template-columns: 1fr;grid-template-rows: none;}.community-gallery figure, .community-gallery figure:first-child{grid-row: auto;height: 310px;}} @media (max-width: 480px){.community-card--modern .community-photo{height: 340px;}} .community-archive-heading{display: grid;grid-template-columns: 1.15fr 0.85fr;gap: 80px;align-items: end;margin-bottom: 54px;} .community-archive-heading h2{max-width: 720px;font-size: clamp(43px, 5vw, 70px);line-height: 1.02;} .community-archive-heading > p{max-width: 510px;margin: 0 0 8px;color: #6f7a82;line-height: 1.8;} .community-grid--modern{align-items: stretch;} .community-card--modern{display: flex;flex-direction: column;min-height: 0;border: 1px solid #e6e2da;border-radius: 18px;box-shadow: 0 16px 45px rgba(12, 39, 55, 0.07);} .community-card--modern .community-photo{display: block;height: 330px;flex: none;border-radius: 0;box-shadow: none;transform: none !important;background: linear-gradient(145deg, #29475a, #102b3e);overflow: hidden;} .community-card--modern .community-photo img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);} .community-card--modern:hover .community-photo img{transform: scale(1.045);} .community-card--modern .community-card-copy{display: flex;flex: 1;flex-direction: column;align-items: flex-start;gap: 0;padding: 24px 26px 27px;} .community-card--modern .community-card-copy > p{margin: 0;} .community-card--modern .community-card-copy h3{width: 100%;margin: 9px 0 24px;font-size: clamp(25px, 2.25vw, 32px);line-height: 1.12;} .community-card--modern .community-card-copy h3 a{border: 0;} .community-card--modern .community-card-link{display: inline-flex;align-items: center;gap: 8px;margin-top: auto;border: 0;border-bottom: 1px solid #aeb4b7;padding-bottom: 5px;font-size: 11px;font-weight: 700;} @media (max-width: 1100px){.community-archive-heading{grid-template-columns: 1fr;gap: 18px;}} @media (max-width: 760px){.community-archive-heading{margin-bottom: 34px;}.community-card--modern .community-photo{height: 300px;}} .community-gallery-hint{color: rgba(255, 255, 255, 0.66);font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;} .community-gallery .community-gallery__item{display: block;position: relative;overflow: hidden;background-size: cover;background-position: center;cursor: zoom-in;} .community-gallery .community-gallery__item:first-child{grid-row: 1/3;} .community-gallery__item:after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, transparent 55%, rgba(5, 20, 29, 0.7));transition: background 0.3s;} .community-gallery__item:hover:after{background: linear-gradient( 180deg, rgba(5, 20, 29, 0.05), rgba(5, 20, 29, 0.56) );} .community-gallery__zoom{position: absolute;z-index: 3;top: 16px;right: 16px;width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;background: #fff;color: var(--brand-navy);font-size: 23px;transition: transform 0.3s;} .community-gallery__item:hover .community-gallery__zoom{transform: rotate(90deg);} .community-gallery__caption{position: absolute;z-index: 3;left: 16px;bottom: 16px;padding: 8px 11px;background: rgba(7, 25, 35, 0.76);color: #fff;font-size: 11px;} .community-lightbox[hidden]{display: none;} .community-lightbox{position: fixed;z-index: 10050;inset: 0;display: grid;grid-template-columns: 70px minmax(0, 1fr) 70px;place-items: center;padding: 36px;background: rgba(2, 13, 21, 0.94);backdrop-filter: blur(14px);} .community-lightbox figure{grid-column: 2;margin: 0;max-width: min(1180px, 82vw);max-height: 88vh;text-align: center;} .community-lightbox img{display: block;max-width: 100%;max-height: 80vh;margin: auto;object-fit: contain;box-shadow: 0 30px 100px rgba(0, 0, 0, 0.45);} .community-lightbox figcaption{min-height: 22px;margin-top: 13px;color: rgba(255, 255, 255, 0.78);font-size: 13px;} .community-lightbox__close, .community-lightbox__nav{border: 1px solid rgba(255, 255, 255, 0.28);border-radius: 50%;display: grid;place-items: center;background: rgba(255, 255, 255, 0.08);color: #fff;cursor: pointer;} .community-lightbox__close{position: absolute;right: 28px;top: 24px;width: 48px;height: 48px;font-size: 31px;} .community-lightbox__nav{width: 54px;height: 54px;font-size: 21px;} .community-lightbox__prev{grid-column: 1;} .community-lightbox__next{grid-column: 3;} .community-lightbox__count{position: absolute;left: 28px;bottom: 25px;color: rgba(255, 255, 255, 0.72);font-size: 12px;letter-spacing: 0.12em;} .community-lightbox-open{overflow: hidden;} @media (max-width: 760px){.community-gallery .community-gallery__item, .community-gallery .community-gallery__item:first-child{grid-row: auto;height: 310px;}.community-lightbox{grid-template-columns: 48px minmax(0, 1fr) 48px;padding: 18px 8px;}.community-lightbox figure{max-width: calc(100vw - 112px);}.community-lightbox__nav{width: 42px;height: 42px;}.community-lightbox__close{right: 12px;top: 12px;width: 42px;height: 42px;}.community-lightbox__count{left: 14px;bottom: 14px;}} body.ff-luxury .community-archive-heading{margin-bottom: 55px;} body.ff-luxury .community-card--modern{overflow: hidden;border: 1px solid var(--ff-border);border-radius: 12px;background: var(--ff-white);box-shadow: 0 12px 35px rgba(10,37,51,.06);} body.ff-luxury .community-card--modern .community-photo{height: 350px;border-radius: 0;filter: saturate(.9);} body.ff-luxury .community-card--modern .community-card-copy{padding: 24px;} body.ff-luxury .community-card--modern .community-card-copy h3{font-size: 30px;} body.ff-luxury .community-intro{position: relative;z-index: 4;margin-top: -38px;} body.ff-luxury .community-intro-card{padding: 52px;border: 1px solid var(--ff-border);border-radius: 12px;background: var(--ff-white);box-shadow: var(--ff-shadow);} body.ff-luxury .community-visual-story{background: var(--ff-ivory);} body.ff-luxury .community-visual--framed{min-height: 620px;border-radius: 12px;box-shadow: 18px 18px 0 #e6dfd3;filter: saturate(.9);} body.ff-luxury .community-gallery-section{background: var(--ff-navy);color: #fff;} body.ff-luxury .community-gallery-section h2{color: #fff;} body.ff-luxury .community-gallery{gap: 8px;} body.ff-luxury .community-gallery__item{border-radius: 8px;filter: saturate(.88);} @media (max-width: 760px){body.ff-luxury .community-intro-card{padding: 31px 21px;}body.ff-luxury .community-card--modern .community-photo{height: 320px;}body.ff-luxury .community-visual--framed{min-height: 450px;box-shadow: 10px 10px 0 #e6dfd3;}}