.pansion-page { color: #171519; background: #fff; }
.pansion-page .pansion-container { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.pansion-page .pansion-header { display: grid; height: 88px; padding: 0 40px; border-bottom: 1px solid rgba(0,0,0,.12); grid-template-columns: 1fr auto 1fr; align-items: center; }
.pansion-page .brand__copy strong { color: #171519; }.pansion-page .brand__copy span { color: rgba(0,0,0,.45); }.pansion-page .search-link { justify-self: end; }.pansion-page .pansion-nav a.is-active { padding: 10px 4px 8px; border-bottom: 4px solid var(--yellow); }
.pansion-hero__intro { display: grid; min-height: 316px; padding: 60px 0 52px; grid-template-columns: 1fr 398px; gap: 80px; align-items: end; }.pansion-hero h1,.pansion-life h2,.pansion-living h2,.pansion-statement h2,.pansion-settlement h2,.pansion-resources h2,.pansion-faq h2 { font-family: Oswald,sans-serif; font-weight: 700; line-height: 1; text-transform: uppercase; }.pansion-hero h1 { font-size: clamp(58px,4.7vw,68px); }.pansion-hero__intro > div p { font-size: 16px; line-height: 1.5; }.pansion-hero__intro .button { margin-top: 26px; }.pansion-hero__image img { display:block; width:100%; height:400px; object-fit:cover; object-position:center 50%; }
.pansion-life { padding: 120px 0; background: #f7f6f5; }.pansion-life__grid,.pansion-split { display:grid; grid-template-columns:403px minmax(0,1fr); gap:92px; }.pansion-life h2,.pansion-living h2,.pansion-settlement h2,.pansion-faq h2 { font-size: 40px; }.pansion-life__copy p { margin-top:36px; font-size:16px; line-height:1.5; }.pansion-life__copy p + p { margin-top:20px; }.pansion-life__gallery { display:grid; height:490px; grid-template-columns:1fr 1fr; grid-template-rows:205px 275px; gap:10px; }.pansion-life__gallery img { width:100%; height:100%; object-fit:cover; }.pansion-life__gallery img:first-child { grid-row:1; }.pansion-life__gallery img:nth-child(2) { grid-row:1; }.pansion-life__gallery img:nth-child(3) { grid-column:1/-1; grid-row:2; object-position:center; }
.pansion-living { padding:100px 0 120px; }.pansion-living > .pansion-split > div > p,.pansion-settlement > .pansion-split > div > p { max-width:370px; margin-top:30px; font-size:16px; line-height:1.5; }.pansion-living dl { border-top:1px solid rgba(0,0,0,.16); }.pansion-living dl div { display:grid; min-height:94px; padding:28px 0; border-bottom:1px solid rgba(0,0,0,.16); grid-template-columns:220px 1fr; gap:20px; align-items:center; }.pansion-living dt { font-size:13px; font-weight:700; }.pansion-living dd { font-size:14px; line-height:1.45; }
.pansion-statement { padding:120px 0; border-top:3px solid var(--yellow); background:#f7f6f5; }.pansion-statement h2 { max-width:1000px; font-size:clamp(46px,5.25vw,72px); }.pansion-statement div > div { width:720px; margin-top:54px; }.pansion-statement p { font-size:16px; line-height:1.5; }.pansion-statement p + p { margin-top:18px; }
.pansion-settlement { padding:120px 0 90px; }.pansion-settlement ol { border-top:1px solid rgba(0,0,0,.16); list-style:none; }.pansion-settlement li { display:grid; min-height:130px; padding:25px 0; border-bottom:1px solid rgba(0,0,0,.16); grid-template-columns:66px 1fr; gap:0; align-items:center; }.pansion-settlement b { font-family:Oswald,sans-serif; font-size:25px; }.pansion-settlement strong { display:block; font-size:14px; }.pansion-settlement li p { margin-top:5px; color:rgba(0,0,0,.54); font-size:14px; }
.pansion-resources { padding:0 0 110px; }.pansion-resources > .pansion-container { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.pansion-resources article { min-height:462px; padding:70px 50px 36px; display:flex; flex-direction:column; align-items:flex-start; }.pansion-resources__documents { color:#fff; background:#e66799; }.pansion-resources__rules { border:2px solid #ff6d48; }.pansion-resources h2 { font-size:40px; }.pansion-resources p { max-width:490px; margin-top:28px; font-size:14px; line-height:1.5; }.pansion-resources button { min-height:30px; margin-top:auto; padding:0; border:0; background:transparent; color:inherit; font:inherit; font-size:12px; text-align:left; opacity:.82; }.pansion-resources__rules button { display:inline-block; margin-top:26px; margin-right:24px; color:#171519; }.pansion-resources__rules button + button { margin-top:12px; }
.pansion-faq { padding:0 0 90px; }.pansion-faq .accordion { border-top:1px solid rgba(0,0,0,.16); }.pansion-faq .faq-item { border-bottom:1px solid rgba(0,0,0,.16); }.pansion-faq button { display:flex; width:100%; min-height:76px; padding:20px 0; border:0; background:transparent; justify-content:space-between; align-items:center; font:inherit; font-size:14px; text-align:left; }.pansion-faq button img { transition:transform .2s ease; }.pansion-faq button[aria-expanded="true"] img { transform:rotate(45deg); }.pansion-faq .faq-answer { padding:0 42px 24px 0; font-size:14px; line-height:1.5; }
@media (max-width:960px) { .pansion-page .primary-nav { display:none; }.pansion-page .pansion-header { padding:0 24px; grid-template-columns:1fr auto; }.pansion-hero__intro { min-height:0; grid-template-columns:1fr; gap:28px; }.pansion-life__grid,.pansion-split { grid-template-columns:1fr; gap:48px; }.pansion-life__gallery { width:min(705px,100%); }.pansion-statement div > div { width:min(720px,100%); }.pansion-resources > .pansion-container { gap:14px; }.pansion-resources article { padding:50px 34px 30px; } }
@media (max-width:640px) { .pansion-page .pansion-container { width:calc(100% - 40px); }.pansion-page .pansion-header { height:76px; padding:0 20px; }.pansion-page .brand__copy { display:none; }.pansion-hero__intro { min-height:0; padding:58px 0 36px; grid-template-columns:1fr; gap:28px; }.pansion-hero h1 { font-size:54px; }.pansion-hero__image img { height:270px; }.pansion-life { padding:68px 0; }.pansion-life h2,.pansion-living h2,.pansion-settlement h2,.pansion-faq h2 { font-size:36px; }.pansion-life__copy p { margin-top:24px; }.pansion-life__gallery { height:360px; grid-template-rows:150px 200px; }.pansion-living,.pansion-settlement { padding:72px 0; }.pansion-living dl div { min-height:0; grid-template-columns:1fr; gap:8px; }.pansion-statement { padding:74px 0; }.pansion-statement h2 { font-size:43px; }.pansion-statement h2 br { display:none; }.pansion-statement div > div { margin-top:32px; }.pansion-resources { padding-bottom:72px; }.pansion-resources > .pansion-container { grid-template-columns:1fr; }.pansion-resources article { min-height:330px; padding:38px 28px 24px; }.pansion-resources h2 { font-size:36px; }.pansion-faq { padding-bottom:72px; }.pansion-faq .faq-answer { padding-right:0; } }
@media (max-width:960px) { .pansion-page .pansion-header.pansion-header { position:relative; height:132px; }.pansion-page .pansion-header .primary-nav { position:absolute; z-index:2; top:76px; right:0; left:0; display:flex; min-height:56px; padding:0 20px; overflow-x:auto; border-top:1px solid rgba(0,0,0,.12); background:#fff; align-items:center; gap:20px; white-space:nowrap; }.pansion-page .pansion-header .primary-nav a { flex:0 0 auto; }.pansion-page .pansion-header .primary-nav a.is-active { padding:8px 4px; } }
@media (max-width:640px) { .pansion-page .pansion-header.pansion-header { height:120px; }.pansion-page .pansion-header .primary-nav { top:76px; min-height:44px; padding:0 16px; gap:16px; font-size:13px; } }