.del-page-groups{--group-ink:#173a36;--group-muted:#5f746f;--group-paper:#f7f4ed;--group-line:#d8ded6;--group-mint:#70c7b4;--group-coral:#e99178;background:#ecefe9}
.del-page-groups .group-intro{min-height:clamp(520px,63vw,780px);display:flex;align-items:flex-end;padding:120px 0 84px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(15,37,38,.74),rgba(22,48,47,.22) 55%,rgba(14,34,35,.08)),url('groups-kit/bg-day.webp');background-size:cover;background-position:center;transition:background-image .45s ease}
.del-page-groups[data-group-sky="dawn"] .group-intro{background-image:linear-gradient(90deg,rgba(29,39,51,.68),rgba(57,63,75,.18) 58%,rgba(35,41,53,.08)),url('groups-kit/bg-dawn.webp')}
.del-page-groups[data-group-sky="night"] .group-intro{background-image:linear-gradient(90deg,rgba(4,24,55,.8),rgba(7,31,62,.28) 58%,rgba(5,20,48,.14)),url('groups-kit/bg-night.webp')}
.del-page-groups .group-intro:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#ecefe9)}
.del-page-groups .group-intro .wrap{position:relative;z-index:1;color:#fff;text-shadow:0 2px 18px rgba(7,29,31,.34)}
.del-page-groups .group-intro .eyebrow{color:#d5f4e9}.del-page-groups .group-intro h1{max-width:680px;font-size:clamp(44px,5.4vw,78px);line-height:1.08;letter-spacing:-.045em}.del-page-groups .group-intro h1 em{color:#f6d7ad;font-style:normal}.del-page-groups .group-intro>div>p{max-width:550px;color:#f7fbf8;font-size:18px;line-height:1.75}body.del-page-groups .group-intro a.button.primary{background:#74469a;color:#fff;border-color:#74469a;text-shadow:none}body.del-page-groups .group-intro a.button.primary:hover,body.del-page-groups .group-intro a.button.primary:focus-visible{background:#8758ab;color:#fff;border-color:#8758ab}.del-page-groups .group-intro-notes{border-color:rgba(255,255,255,.3)}
.del-group-map-widgets{position:absolute;z-index:2;right:max(36px,calc((100vw - 1240px)/2));top:145px;width:min(310px,27vw);color:#fff}.del-group-map-widgets>p{display:flex;justify-content:space-between;align-items:end;margin:0 0 10px;padding:0 4px;color:#fff;text-shadow:0 2px 12px #071f2b99}.del-group-map-widgets>p span{font-size:10px;letter-spacing:.16em}.del-group-map-widgets>p strong{font-size:12px}.del-group-map-widgets>div{display:grid;gap:9px}.del-group-map-widgets a{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:13px 15px;border:1px solid rgba(255,255,255,.48);border-left:4px solid hsl(calc(160 + var(--widget-index)*29) 52% 63%);border-radius:12px;background:rgba(20,48,51,.72);box-shadow:0 12px 30px rgba(7,28,35,.22);backdrop-filter:blur(11px);color:#fff;text-shadow:none;transition:transform .2s,background .2s}.del-group-map-widgets a:hover,.del-group-map-widgets a:focus-visible{transform:translateX(-5px);background:rgba(24,61,62,.9)}.del-group-map-widgets a small{grid-column:1/-1;color:#c9eee4;font-size:9px;letter-spacing:.13em}.del-group-map-widgets a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.del-group-map-widgets a span{font-size:11px;align-self:center}
.del-page-groups .page-main{width:min(1240px,calc(100% - 48px));margin-top:-48px;position:relative;z-index:3;background:#fbfaf6;border:1px solid rgba(122,145,137,.25);border-radius:28px;padding:34px clamp(22px,4vw,58px) 80px;box-shadow:0 32px 80px rgba(36,68,63,.12)}
.del-page-groups .page-heading{display:none}.del-page-groups #del-app{max-width:none}.del-page-groups .del-section-nav{margin-bottom:34px}
.del-group-campus-head,.del-group-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px}.del-group-campus-head h2,.del-group-section-head h2{margin:5px 0 8px;color:var(--group-ink);font-size:clamp(30px,4vw,50px);line-height:1.15;letter-spacing:-.035em}.del-group-campus-head>div>p:last-child,.del-group-section-head>p{color:var(--group-muted)}
.del-group-sky{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--group-line);border-radius:999px;background:#fff;box-shadow:0 9px 24px rgba(45,76,70,.08)}.del-group-sky>span{padding:0 10px;color:var(--group-muted);font-size:12px}.del-group-sky button{border:0;border-radius:999px;background:transparent;color:var(--group-muted);padding:9px 13px;cursor:pointer;font:var(--label)}.del-group-sky button:hover,.del-group-sky button:focus-visible,.del-group-sky button.is-active{background:var(--group-ink);color:#fff;outline:none}
.del-group-room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:32px 0 28px}.del-group-room-card{appearance:none;border:1px solid #d9e1dc;border-radius:18px;padding:0;background:#fff;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 12px 30px rgba(34,68,61,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.del-group-room-card:hover,.del-group-room-card:focus-visible,.del-group-room-card.is-active{transform:translateY(-5px);border-color:#62bba8;box-shadow:0 18px 36px rgba(34,68,61,.15);outline:none}.del-group-room-card img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.del-group-room-card>span{display:grid;gap:5px;padding:16px}.del-group-room-card small,.del-group-room-card em{font-size:10px;letter-spacing:.1em;color:#789089;font-style:normal}.del-group-room-card strong{font-size:17px;color:var(--group-ink);letter-spacing:-.02em}.del-group-room-card em{color:#317a6b;letter-spacing:0}
.del-group-room-detail,.del-group-detail-hero{min-height:520px;position:relative;overflow:hidden;border-radius:24px;background:#203e3a;color:#fff;box-shadow:0 24px 54px rgba(22,56,50,.18);scroll-margin-top:92px}.del-group-room-bg,.del-group-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.del-group-room-detail:after,.del-group-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,39,40,.82),rgba(10,39,40,.42) 52%,rgba(10,39,40,.08))}.del-group-room-copy,.del-group-detail-hero>div{position:relative;z-index:1;width:min(560px,70%);min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:56px}.del-group-room-copy>p,.del-group-detail-hero>div>p{margin:0 0 10px;color:#bceadf;font-size:12px;letter-spacing:.16em}.del-group-room-copy h2,.del-group-detail-hero h2{margin:0 0 16px;color:#fff;font-size:clamp(34px,4.5vw,58px);line-height:1.1;letter-spacing:-.04em}.del-group-room-copy>span,.del-group-detail-hero>div>span{font-size:17px;line-height:1.75;color:#f5f8f5}.del-group-room-links,.del-group-room-empty{display:grid;gap:9px;margin-top:28px}.del-group-room-links a,.del-group-room-empty{border:1px solid rgba(255,255,255,.26);border-radius:13px;padding:15px 17px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff}.del-group-room-links a{display:flex;justify-content:space-between;gap:18px}.del-group-room-links small{color:#c7efe4}.del-group-room-empty span{font-size:13px;color:#dceae5}.del-group-room-empty .text-link{width:max-content;color:#fff}
.del-group-live{padding:76px 0 28px}.del-group-live-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.del-group-live-list article{overflow:hidden;border:1px solid var(--group-line);border-radius:18px;background:#fff}.del-group-live-list img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}.del-group-live-list article>div{display:grid;gap:9px;padding:20px}.del-group-live-list p{margin:0;color:#6f8b83;font-size:10px;letter-spacing:.12em}.del-group-live-list h3{margin:0;color:var(--group-ink);font-size:21px}.del-group-live-list span{color:var(--group-muted);font-size:13px;line-height:1.6}.del-group-live-list .button{margin-top:5px}
.del-group-apply{margin-top:44px}.del-group-apply[open]{border-color:#8fc9bb;background:#f4fbf8}.del-group-apply .del-form label{margin-bottom:24px}.del-group-apply .del-form input,.del-group-apply .del-form textarea{margin-top:12px;margin-bottom:0;outline-offset:2px}.del-group-apply .del-form textarea{max-height:min(60vh,480px);overflow-y:auto}.del-group-detail-hero{margin-top:24px}.del-group-detail-hero .actions{margin-top:26px}.del-group-operations{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px}.del-group-operations>div:empty{display:none}.del-group-operations>div{min-width:0}.del-group-operations .del-row{background:#fff}
@media(max-width:980px){.del-group-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.del-group-live-list{grid-template-columns:repeat(2,minmax(0,1fr))}.del-group-operations{grid-template-columns:1fr}.del-group-campus-head{align-items:start;flex-direction:column}.del-group-sky{align-self:flex-start}}
@media(max-width:700px){.del-page-groups .group-intro{min-height:590px;padding:120px 0 190px;background-position:58% center}.del-page-groups .group-intro h1{font-size:45px;max-width:350px}.del-page-groups .group-intro>div>p{font-size:15px;max-width:330px}.del-page-groups .group-intro-notes{display:none}.del-group-map-widgets{left:20px;right:20px;top:auto;bottom:85px;width:auto}.del-group-map-widgets>p{margin-bottom:7px}.del-group-map-widgets>div{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;padding:2px 2px 10px}.del-group-map-widgets a{flex:0 0 75%;scroll-snap-align:start}.del-group-map-widgets a:hover,.del-group-map-widgets a:focus-visible{transform:none}.del-page-groups .page-main{width:calc(100% - 20px);margin-top:-62px;padding:24px 15px 60px;border-radius:22px}.del-group-room-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-15px;padding:4px 15px 20px 2px}.del-group-room-card{flex:0 0 76%;scroll-snap-align:center}.del-group-room-card img{aspect-ratio:1.55}.del-group-room-detail,.del-group-detail-hero{min-height:590px;border-radius:18px}.del-group-room-detail:after,.del-group-detail-hero:after{background:linear-gradient(0deg,rgba(10,39,40,.9),rgba(10,39,40,.18) 78%)}.del-group-room-copy,.del-group-detail-hero>div{width:100%;min-height:590px;justify-content:flex-end;padding:30px 22px}.del-group-room-copy h2,.del-group-detail-hero h2{font-size:38px}.del-group-room-copy>span,.del-group-detail-hero>div>span{font-size:15px}.del-group-live{padding-top:55px}.del-group-live-list{grid-template-columns:1fr}.del-group-section-head{align-items:start}.del-group-sky>span{display:none}.del-group-sky button{padding:9px 12px}}
@media(max-width:700px){.del-page-groups .group-intro{min-height:830px}.del-group-map-widgets{bottom:75px}}
body.del-page-groups .group-intro a.button.primary{display:inline-block;width:min(278px,100%);height:97px;min-height:0;padding:0;border:0;border-radius:999px;background-color:transparent;background-image:url('groups-kit/group-browse-button.png');background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent;font-size:0;line-height:0;letter-spacing:0;text-shadow:none;box-shadow:none;vertical-align:middle}
body.del-page-groups .group-intro a.button.primary:hover,body.del-page-groups .group-intro a.button.primary:focus-visible{background-color:transparent;background-image:url('groups-kit/group-browse-button.png');color:transparent;filter:brightness(1.08);transform:translateY(-2px)}
body.del-page-groups .group-intro a.button.primary:focus-visible{outline:3px solid #f6d7ad;outline-offset:2px}
body.del-page-groups .group-intro a.button.primary:active{filter:brightness(.97);transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.del-page-groups .group-intro,.del-group-room-card{transition:none}.del-group-room-card:hover,.del-group-room-card:focus-visible,.del-group-room-card.is-active{transform:none}}