:root{--ink:#171717;--muted:#939393;--bg:#fff;--line:#ededed;--brand-navy:#171717;--brand-blue:#666}
body{background:#fff;color:#171717;font-family:Arial,Helvetica,sans-serif}
.header{max-width:none;padding:22px 30px;height:78px;min-height:0;border:0;position:absolute;top:0;left:0;right:0;z-index:10}
.header .brand img{width:118px;mix-blend-mode:multiply}.landing-home .header nav{display:none!important}
.header .nav-cta{background:#f5f5f5;color:#555;border:0;border-radius:30px;padding:8px 17px;min-height:36px;box-shadow:none;font-size:13px;gap:8px}
.landing-home .header .login-user-icon{display:none}
.luma-landing{position:relative;min-height:950px;height:100svh;max-height:1250px;overflow:hidden;isolation:isolate;background:#fff;display:flex;align-items:center;justify-content:center}
.landing-copy{position:relative;z-index:2;text-align:center;max-width:650px;padding:90px 20px 40px;pointer-events:none}.landing-copy a{pointer-events:auto}
.landing-wordmark{font-size:34px;font-weight:650;letter-spacing:-2px;color:#aaa;margin-bottom:24px}.landing-wordmark>span{font-size:24px;vertical-align:top;margin-left:2px}
.landing-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,6.3vw,94px);font-weight:550;letter-spacing:-5px;line-height:1.02;margin:0 0 35px;color:#141414}
.landing-copy h1>span{display:block;white-space:nowrap;background:linear-gradient(95deg,#aa27d6 0%,#ec437c 37%,#f18d37 68%,#dcb52a 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:.84em;line-height:1.2;letter-spacing:-4px}
.landing-copy p{max-width:500px;font-size:21px;line-height:1.5;color:#aaa;margin:0 auto 34px;font-weight:400}.landing-copy p a:hover{color:#555;text-decoration:underline}
.landing-primary{display:table;margin:0 auto;background:#171717;color:white;border-radius:50px;padding:12px 23px;font-size:17px;font-weight:600;box-shadow:0 7px 15px #0000000b;transition:transform .2s,background .2s}.landing-primary:hover{background:#333;transform:translateY(-2px)}
.landing-discover{display:table;margin:20px auto 0;color:#888;font-size:15px}.landing-discover span{margin-left:6px}
.poster-orbit{position:absolute;inset:0;z-index:1;pointer-events:none}
.floating-poster{position:absolute;display:block;pointer-events:auto;width:165px;height:180px;padding:9px;background:linear-gradient(135deg,#fff,#ecebe9);border:1px solid #ddd;border-radius:19px;box-shadow:0 25px 35px #00000021,inset 0 0 0 2px #ffffffaa;transition:transform .35s}
.floating-poster:hover{transform:translateY(-8px) rotate(-4deg)}
.poster-face{position:relative;border-radius:10px;overflow:hidden;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9px 5px;color:#202020;text-align:center;isolation:isolate}
.poster-face small{font-size:6px;letter-spacing:.6px;z-index:2}.poster-face strong{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:27px;font-weight:800;line-height:.92;letter-spacing:-.7px;z-index:2;margin-top:auto}.poster-face b{font-weight:inherit}
.poster-symbol{font-family:Georgia,serif;font-size:76px;line-height:1;position:absolute;top:25px;left:0;right:0;z-index:1}
.p-book{top:-65px;left:43%;width:225px;height:220px;transform:rotate(1deg)}.p-book .poster-face{background:conic-gradient(from 20deg,#f8dc42,#ec81a4,#699bc7,#f28544,#f8dc42)}.p-book .poster-face strong{font-size:49px;background:#f7de39;transform:rotate(-10deg);padding:12px;margin:auto;clip-path:polygon(5% 0,90% 5%,100% 85%,5% 100%,0 15%)}.p-book .poster-symbol{color:#121212;font-size:155px}
.p-run{left:20%;top:16%;width:160px;height:175px}.p-run .poster-face{background:repeating-linear-gradient(165deg,#d7ee65 0,#d7ee65 26px,#598ca1 28px,#c0d632 58px)}.p-run strong{color:#fff;font-size:36px}.p-run .poster-symbol{color:#3b727c}
.p-robot{right:7%;top:7%;width:180px;height:180px}.p-robot .poster-face{background:#ebd973}.p-robot strong{font-size:26px;color:#6c6a40}.p-robot .poster-symbol{font-size:95px;color:#95703e;transform:rotate(20deg)}
.p-workshop{left:5%;top:38%;width:130px;height:140px}.p-workshop .poster-face{background:#b3a1e7}.p-workshop strong{font-size:22px}.p-workshop .poster-symbol{font-size:58px;color:#54418d}
.p-food{right:-35px;top:38%;width:165px;height:170px;transform:rotate(5deg)}.p-food .poster-face{background:repeating-conic-gradient(#f3af4c 0% 25%,#ffe5b5 0% 50%) 0 0/45px 45px}.p-food strong{background:#f4b828;border:2px solid white;border-radius:50%;padding:14px;color:white;font-size:24px}.p-food .poster-symbol{color:#d64b2a}
.p-breathe{left:12%;top:62%;width:195px;height:195px;transform:rotate(-2deg)}.p-breathe .poster-face{background:linear-gradient(140deg,#457558,#bb995d 50%,#b56e48);color:#fff2cf}.p-breathe strong{font-size:35px}.p-breathe .poster-symbol{font-size:125px;color:#e9c99d}
.p-earth{right:12%;top:63%;width:155px;height:160px;transform:rotate(2deg)}.p-earth .poster-face{background:repeating-conic-gradient(#26633f 0% 15%,#81a763 15% 30%,#184d3a 30% 50%);color:#fff5d9}.p-earth strong{font-family:Georgia,serif;font-size:26px;text-shadow:0 2px #294f35}.p-earth .poster-symbol{color:#b6c771;font-size:120px}
.p-night{right:1%;bottom:-50px;width:180px;height:190px;transform:rotate(-4deg)}.p-night .poster-face{background:linear-gradient(#375154,#101b24);color:#e5e3b5}.p-night strong{font-size:30px}.p-night .poster-symbol{color:#e8d6aa}
.landing-home .hero,.landing-home .ticker,.landing-dock{display:none}
.landing-home main{display:flex;flex-direction:column}.landing-home .luma-landing{order:0}.landing-home .spaces{order:1}.landing-home .recent-people{order:2}.landing-home .articles{order:3}.landing-home .connect{order:4}
.section{padding-top:65px;padding-bottom:65px}.section h2{font-family:Arial,Helvetica,sans-serif;color:#222;font-size:32px;letter-spacing:-1px;font-weight:600}.section .eyebrow{color:#aaa;letter-spacing:1.2px}.serif,.section .serif{font-family:inherit;font-style:normal;color:inherit}
.section-heading p,.small-note,.people-heading p{color:#999}
#space-grid .space-card,#space-grid .space-card:last-child{background:#fafafa;border:1px solid #eee;border-radius:18px;box-shadow:none;min-height:200px}#space-grid .space-card h3{color:#333;font-weight:600}#space-grid .space-card p,#space-grid .space-card:last-child p{color:#999}#space-grid .space-card::after{background:#f2f2f2;border:0;color:#999}.article-card{border-color:#eee;border-radius:18px;background:#fff}.article-card h3{color:#333}.article-excerpt{color:#999}
.filter.active,.dark{background:#222;color:white;border-color:#222}.filter{border-color:#e9e9e9;color:#999}.search{border-color:#e9e9e9}.button{border-radius:30px}.connect.section{background:linear-gradient(#fff,#f7f7f7);border-color:#eee}.connect-star{display:none}.connect .eyebrow,.connect p,.connect .email{color:#999}.connect h2{font-size:42px}
@media(max-width:1100px){.p-run{left:8%;width:140px;height:155px}.p-robot{right:3%;width:150px;height:160px}.p-workshop{left:-30px}.p-breathe{left:3%;width:150px;height:165px}.p-earth{right:3%;width:135px;height:145px}.landing-copy{max-width:600px}.landing-copy h1{font-size:80px}.landing-copy p{max-width:430px;font-size:19px}}
@media(max-width:650px){
 .header{padding:18px 20px;height:65px;flex-wrap:nowrap}.header .brand img{width:105px}.header .nav-cta{font-size:12px;padding:8px 13px;min-height:33px}
 .luma-landing{height:auto;min-height:850px;max-height:none;align-items:flex-start}
 .landing-copy{width:100%;padding:220px 25px 110px;max-width:450px}
 .landing-wordmark{font-size:27px;letter-spacing:-1.4px;margin-bottom:20px}.landing-wordmark>span{font-size:18px}
 .landing-copy h1{font-size:64px;letter-spacing:-3.4px;margin-bottom:25px}.landing-copy h1>span{font-size:.69em;letter-spacing:-2px;line-height:1.4}
 .landing-copy p{font-size:17px;line-height:1.5;max-width:320px;margin-bottom:26px}.landing-primary{font-size:15px;padding:12px 21px}.landing-discover{font-size:13px;margin-top:17px}
 .floating-poster{padding:5px;border-radius:12px}.poster-face{border-radius:7px;padding:5px}.poster-face small{font-size:4px}.poster-face strong{font-size:18px}.poster-symbol{font-size:45px;top:17px}
 .p-book{top:73px;left:40%;width:110px;height:110px;transform:rotate(7deg)}.p-book .poster-face strong{font-size:25px;padding:7px}.p-book .poster-symbol{font-size:70px}
 .p-run{left:6%;top:135px;width:82px;height:90px;transform:rotate(-8deg)}.p-run strong{font-size:22px}
 .p-robot{right:2%;top:142px;width:90px;height:94px;transform:rotate(8deg)}.p-robot strong{font-size:16px}.p-robot .poster-symbol{font-size:45px}
 .p-workshop,.p-food{display:none}
 .p-breathe{left:-15px;top:auto;bottom:20px;width:105px;height:110px;transform:rotate(-10deg)}.p-breathe strong{font-size:21px}.p-breathe .poster-symbol{font-size:60px}
 .p-earth{right:-5px;top:auto;bottom:32px;width:100px;height:105px;transform:rotate(9deg)}.p-earth strong{font-size:18px}.p-earth .poster-symbol{font-size:65px}
 .p-night{right:38%;bottom:-35px;width:90px;height:95px;transform:rotate(-5deg)}.p-night strong{font-size:19px}.p-night .poster-symbol{font-size:50px}
 .section h2{font-size:27px}.connect h2{font-size:31px}.landing-home .spaces{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){.floating-poster,.landing-primary{transition:none}}
/* Open service grid without card surfaces. */
#space-grid .space-card,#space-grid .space-card:last-child,#space-grid .space-card:hover{background:transparent;border:0;box-shadow:none;border-radius:0}
/* Black outlines with transparent service cards. */
#space-grid .space-card,#space-grid .space-card:last-child,#space-grid .space-card:hover{background:transparent;border:1px solid #000;border-radius:18px;box-shadow:none}
/* Subtle outlines and compact service icons. */
#space-grid .space-card,#space-grid .space-card:last-child,#space-grid .space-card:hover{border-color:#d1d5db}
#space-grid .space-card .space-top,#space-grid .space-card:last-child .space-top{width:46px;height:46px;border-radius:12px}
#space-grid .space-card .service-picture{width:36px;height:36px}
@media(max-width:650px){#space-grid .space-card .space-top,#space-grid .space-card:last-child .space-top{width:40px;height:40px;border-radius:10px}#space-grid .space-card .service-picture{width:30px;height:30px}}
/* Keep both hero actions inside the initial viewport. */
.luma-landing{height:100svh;min-height:650px}
.landing-copy{padding:75px 20px 30px}
.landing-wordmark{margin-bottom:18px}
.landing-copy h1{font-size:clamp(56px,min(6.3vw,9svh),94px);margin-bottom:24px}
.landing-copy p{font-size:clamp(16px,2.2svh,21px);margin-bottom:24px}
.landing-discover{margin-top:16px}
@media(min-width:651px) and (max-height:750px){
 .luma-landing{min-height:520px}
 .landing-copy{padding-top:65px;padding-bottom:20px}
 .landing-wordmark{font-size:27px;margin-bottom:12px}
 .landing-copy h1{font-size:clamp(45px,8svh,65px);margin-bottom:18px}
 .landing-copy p{font-size:16px;max-width:460px;margin-bottom:18px}
 .landing-primary{font-size:15px;padding:10px 21px}
 .landing-discover{margin-top:12px;font-size:13px}
}
@media(max-width:650px){
 .luma-landing{height:100svh;min-height:620px;align-items:center}
 .landing-copy{padding:105px 22px 65px}
 .landing-wordmark{font-size:25px;margin-bottom:14px}
 .landing-copy h1{font-size:clamp(43px,7.1svh,64px);margin-bottom:18px}
 .landing-copy p{font-size:clamp(14px,2svh,17px);line-height:1.45;max-width:320px;margin-bottom:21px}
 .landing-primary{font-size:14px;padding:11px 20px}
 .landing-discover{font-size:13px;margin-top:14px}
 .p-book{top:55px;width:82px;height:82px;left:40%}
 .p-book .poster-face strong{font-size:20px;padding:5px}
 .p-run{top:90px;width:65px;height:72px;left:5%}
 .p-run strong{font-size:18px}
 .p-robot{top:94px;width:70px;height:75px;right:4%}
 .p-robot strong{font-size:13px}
 .p-breathe{width:75px;height:80px;bottom:10px}
 .p-breathe strong{font-size:16px}
 .p-earth{width:75px;height:80px;bottom:15px}
 .p-earth strong{font-size:14px}
 .p-night{display:none}
}
@media(max-width:650px) and (max-height:650px){
 .luma-landing{min-height:520px}
 .landing-copy{padding-top:125px;padding-bottom:35px}
 .landing-wordmark{font-size:21px;margin-bottom:10px}
 .landing-copy h1{font-size:43px;margin-bottom:14px}
 .landing-copy p{font-size:14px;margin-bottom:16px}
}
/* Landscape CMS carousel between the landing and service directory. */
.landing-home .hero{display:block;order:1;width:100%;max-width:1280px;margin:28px auto 0;padding:0 34px 18px}
.landing-home .spaces{order:2}.landing-home .recent-people{order:3}.landing-home .articles{order:4}.landing-home .connect{order:5}
.landing-home .hero .cms-banner-card{aspect-ratio:3.2;border-radius:20px}
.landing-home .hero .cms-banner-caption{padding:30px 36px;background:linear-gradient(90deg,#12121bd9,#12121b66 60%,transparent)}
.landing-home .hero .cms-banner-caption h2{font-size:clamp(23px,2.7vw,36px);max-width:650px;color:white}
.landing-home .hero .cms-banner-caption .eyebrow{color:white}
.landing-home .hero .banner-summary{color:#e3e3e6}
.landing-home .hero .cms-banner-controls{margin-top:12px}
@media(max-width:650px){
 .landing-home .hero{margin:22px 0 0;padding:0 0 10px 20px}
 .landing-home .hero .cms-banner-card{aspect-ratio:16/9;height:auto;min-height:0;border-radius:14px}
 .landing-home .hero .cms-banner-caption{padding:16px 18px;justify-content:flex-end;background:linear-gradient(90deg,#12121bd9,#12121b66 85%)}
 .landing-home .hero .cms-banner-caption h2{font-size:18px;line-height:1.3;margin:10px 0;-webkit-line-clamp:2;letter-spacing:-.3px}
 .landing-home .hero .cms-banner-caption .eyebrow{font-size:7px;padding:4px 8px;margin-bottom:auto}
 .landing-home .hero .banner-read{font-size:10px;padding:6px 10px;min-height:30px}
 .landing-home .hero .cms-banner-controls{padding-right:20px}
}
/* Compact landscape banners. */
.landing-home .hero .cms-banner-card{aspect-ratio:4.5}
.landing-home .hero .cms-banner-caption{padding:22px 30px}
.landing-home .hero .cms-banner-caption h2{font-size:clamp(21px,2.3vw,30px);line-height:1.25;margin:10px 0 12px;-webkit-line-clamp:2}
.landing-home .hero .cms-banner-caption .eyebrow{margin-bottom:0}
.landing-home .hero .banner-summary{font-size:12px;line-height:1.6;margin-bottom:12px;-webkit-line-clamp:1}
@media(max-width:650px){.landing-home .hero .cms-banner-card{aspect-ratio:2.2}.landing-home .hero .cms-banner-caption{padding:13px 16px}.landing-home .hero .cms-banner-caption h2{font-size:16px;margin:7px 0 9px}.landing-home .hero .cms-banner-caption .eyebrow{font-size:7px}.landing-home .hero .banner-read{font-size:9px;padding:5px 9px;min-height:26px}}
/* Align the community and spaces widgets in one shared content column. */
.landing-home .recent-people{order:2}
.landing-home .spaces{order:3}
.landing-home .recent-people,.landing-home .spaces{width:calc(100% - 68px);max-width:1212px;margin-left:auto;margin-right:auto;align-self:center;min-width:0}
@media(max-width:650px){.landing-home .recent-people,.landing-home .spaces{width:calc(100% - 40px);margin-left:auto;margin-right:auto}}
/* Compact thumbnails only in the home community widget. */
.landing-home .recent-people-grid .person-avatar{width:96px;height:96px;aspect-ratio:1;border-radius:14px;font-size:36px}
.landing-home .recent-people-grid .person-avatar>img{border-radius:14px}
@media(max-width:650px){.landing-home .recent-people-grid .person-avatar{width:80px;height:80px;border-radius:12px}.landing-home .recent-people-grid .person-avatar>img{border-radius:12px}}
/* Five service cards per row on desktop. */
#space-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1050px){#space-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Article cards: padded landscape thumbnails in three columns. */
.landing-home .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.landing-home .article-card{padding:16px;border:1px solid #d1d5db;border-radius:18px;background:#fff;overflow:hidden}
.landing-home .article-card .article-cover{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.landing-home .article-card .article-cover img{width:100%;height:100%;object-fit:cover}
.landing-home .article-card .article-meta,.landing-home .article-card h3,.landing-home .article-card .article-excerpt,.landing-home .article-card .article-stats{margin-left:0;margin-right:0}
@media(max-width:950px){.landing-home .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.landing-home .article-grid{grid-template-columns:1fr;gap:18px}.landing-home .article-card{padding:14px}}
/* Overlay carousel navigation and tighten spacing to the community widget. */
.landing-home .hero{margin-top:16px;padding-bottom:0}
.landing-home .hero .hero-art.cms-hero{position:relative}
.landing-home .hero .carousel-viewport{padding-bottom:0}
.landing-home .hero .cms-banner-controls{position:absolute;left:18px;right:calc(6% + 16px);bottom:16px;z-index:5;margin:0;padding:0;gap:8px;pointer-events:none}
.landing-home .hero .cms-banner-controls>*{pointer-events:auto}
.landing-home .hero .banner-control{background:#ffffffeb;color:#222;border:1px solid #ffffffb3;box-shadow:0 2px 8px #0002;backdrop-filter:blur(8px)}
.landing-home .hero .carousel-dots{border-radius:24px;background:#1117;padding:0 8px;backdrop-filter:blur(8px)}
.landing-home .hero .carousel-dot::after{background:#ffffff80}
.landing-home .hero .carousel-dot[aria-current=true]::after{background:#fff}
.landing-home .hero .cms-banner-caption{padding-bottom:72px}
.landing-home .recent-people{padding-top:26px;padding-bottom:26px}
@media(max-width:650px){
 .landing-home .hero{margin-top:14px;padding-bottom:0}
 .landing-home .hero .cms-banner-controls{left:12px;right:calc(6% + 12px);bottom:10px;gap:6px}
 .landing-home .hero .banner-control{width:36px;height:36px;font-size:16px}
 .landing-home .hero .carousel-dot{height:36px;width:24px}
 .landing-home .hero .carousel-dot::after{inset:15px 9px}
 .landing-home .hero .carousel-dot[aria-current=true]::after{inset-inline:5px}
 .landing-home .hero .cms-banner-caption{padding-bottom:54px}
 .landing-home .hero .cms-banner-caption .eyebrow{display:none}
 .landing-home .hero .cms-banner-caption h2{margin:0 0 6px;font-size:15px}
 .landing-home .recent-people{padding-top:22px;padding-bottom:22px}
}
/* Horizontal article cards: text left, landscape thumbnail right. */
.landing-home .article-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;row-gap:8px;align-items:start;padding:16px;border:1px solid #d1d5db;border-radius:18px}
.landing-home .article-card .article-cover{grid-column:2;grid-row:1 / -1;align-self:center;aspect-ratio:16/9;width:100%;height:auto;border-radius:10px}
.landing-home .article-card .article-meta{grid-column:1;grid-row:1;margin:0;font-size:9px;line-height:1.6}
.landing-home .article-card h3{grid-column:1;grid-row:2;margin:0;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.landing-home .article-card .article-excerpt{grid-column:1;grid-row:3;margin:0;font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.landing-home .article-card .article-stats{grid-column:1;grid-row:4;margin:4px 0 0;font-size:11px}
@media(max-width:650px){.landing-home .article-card{padding:14px;column-gap:14px}.landing-home .article-card h3{font-size:16px}}
/* Tight spacing between community profiles and the spaces section. */
.landing-home .recent-people{padding-bottom:12px}
.landing-home .spaces{padding-top:18px}
@media(max-width:650px){.landing-home .recent-people{padding-bottom:10px}.landing-home .spaces{padding-top:16px}}
/* Logo-color checkerboard for the closing invitation. */
.landing-home .connect.section{align-self:stretch;width:100%;max-width:none;background-color:#fff;background-image:conic-gradient(from 90deg,#0964df12 25%,#00a87812 0 50%,#ff781f12 0 75%,#081f5510 0);background-size:112px 112px;border-block:1px solid #e2e7ed}
.landing-home .connect h2{color:#081f55;text-shadow:0 1px 8px #fff}
.landing-home .connect .eyebrow,.landing-home .connect p,.landing-home .connect .email{color:#52617a}
@media(max-width:650px){.landing-home .connect.section{background-size:80px 80px}}
/* Dotted closing invitation and compact footer, matching the landing reference. */
.landing-home .closing-invite.connect.section{padding:40px 24px 110px;margin:0;border:0;background-color:#fff;background-image:radial-gradient(circle,#dedee3 1px,transparent 1.2px);background-size:9px 9px;position:relative;isolation:isolate}
.closing-invite::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 17% 40%,#e440b51c,transparent 22%),radial-gradient(ellipse at 80% 60%,#f6ad311c,transparent 22%),linear-gradient(#fff 0%,#ffffff66 35%,#ffffff44)}
.landing-home .closing-invite h2{font-size:clamp(30px,3.4vw,48px);line-height:1.25;letter-spacing:-1.4px;font-weight:500;margin:0 auto 42px;max-width:850px;background:linear-gradient(100deg,#a83edc,#ee2789 37%,#fa783b 64%,#e3b51c);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.closing-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.closing-actions .button{min-height:42px;font-size:16px;padding:8px 18px;border-radius:40px;font-weight:400}
.closing-actions .closing-outline{border:1px solid #777;background:#ffffffb3;color:#333}
.closing-actions .closing-soft{border:1px solid transparent;background:#eeeeeea6;color:#777}
.landing-home .landing-footer{display:block;max-width:none;margin:0;padding:0 24px 28px;background-color:#fff;background-image:radial-gradient(circle,#dedee3 1px,transparent 1.2px);background-size:9px 9px}
.landing-footer .footer-main{display:flex;align-items:center;gap:24px;max-width:1040px;margin:0 auto;padding:28px 0 18px;border-top:1px solid #e9e9e9}
.landing-footer .footer-brand{font-size:23px;color:#777;letter-spacing:-1.2px;white-space:nowrap}.landing-footer .footer-brand span{font-size:14px;color:#999;margin-left:2px}
.landing-footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:#777}
.landing-footer .footer-mail{margin-left:auto;color:#777;display:grid;place-items:center;min-width:40px;min-height:40px}
.landing-footer .footer-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:20px;max-width:1040px;margin:0 auto;font-size:12px;color:#aaa}
.landing-footer .footer-secondary small{font-size:12px;color:#aaa;margin-left:auto}
@media(max-width:650px){.landing-home .closing-invite.connect.section{padding:32px 20px 75px;margin-top:0}.landing-home .closing-invite h2{font-size:30px;letter-spacing:-.8px;margin-bottom:30px}.closing-actions .button{font-size:14px}.landing-home .landing-footer{padding:0 20px 25px}.landing-footer .footer-main{gap:16px;flex-wrap:wrap;padding-top:22px}.landing-footer nav{order:3;width:100%;gap:16px;font-size:13px}.landing-footer .footer-secondary{gap:14px;font-size:11px}.landing-footer .footer-secondary small{width:100%;margin:0}}
/* Rainbow arcs in Kodalewo's blue, green and orange palette. */
.landing-home .closing-invite.connect.section,.landing-home .landing-footer{background-color:#fbfdff;background-image:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 46px,#0964df0b 47px 62px,#00a8780b 63px 78px,#ff781f0c 79px 94px,transparent 95px 145px);background-size:100% 100%}
.closing-invite::before{background:linear-gradient(180deg,#ffffffdd,#ffffff55 55%,#ffffff22)}
.landing-home .closing-invite h2{background-image:linear-gradient(105deg,#081f55 0%,#0964df 32%,#009b76 64%,#e96b16 100%);color:transparent}
.closing-actions .closing-outline{background:#0964df;color:#fff;border-color:#0964df}
.closing-actions .closing-outline:hover{background:#081f55;border-color:#081f55}
.closing-actions .closing-soft{background:#ffffffb8;color:#087559;border:1px solid #8bcdb6}
.closing-actions .closing-soft:hover{background:#e6f6ee}
.landing-footer .footer-brand{color:#081f55}.landing-footer .footer-brand span{color:#ff781f}
.landing-footer nav,.landing-footer .footer-mail{color:#365a7c}
.landing-footer .footer-secondary,.landing-footer .footer-secondary small{color:#647a90}
/* Carry the footer rainbow pattern through the opening header area. */
.landing-home .luma-landing{background-color:#fbfdff;background-image:linear-gradient(180deg,#ffffffbb,#ffffff33 65%,#ffffff88),repeating-radial-gradient(ellipse at 50% 120%,transparent 0 46px,#0964df0b 47px 62px,#00a8780b 63px 78px,#ff781f0c 79px 94px,transparent 95px 145px);background-size:100% 100%}
.landing-home .header{background:transparent}
/* Larger header branding and account action. */
.landing-home .header{height:96px;padding:22px 32px;align-items:center}
.landing-home .header .brand img{width:172px;height:auto}
.landing-home .header .nav-cta{min-height:48px;padding:12px 25px;font-size:16px;border-radius:32px}
@media(max-width:650px){.landing-home .header{height:80px;padding:16px 20px}.landing-home .header .brand img{width:138px}.landing-home .header .nav-cta{min-height:44px;padding:10px 18px;font-size:14px}}
/* Open theatre curtains in the existing soft logo palette. */
.landing-home .luma-landing{background:#fbfdff}
.landing-home .luma-landing::before,.landing-home .luma-landing::after{content:'';position:absolute;top:0;bottom:0;width:43%;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#0964df12,#00a87810 55%,#ff781f12),repeating-linear-gradient(90deg,#ffffff00 0px,#ffffff99 26px,#081f550a 45px,#ffffffbb 64px,#ffffff00 86px);box-shadow:inset 0 12px 35px #0964df05;clip-path:polygon(0 0,100% 0,96% 12%,87% 27%,72% 43%,54% 58%,37% 71%,29% 83%,26% 100%,0 100%)}
.landing-home .luma-landing::before{left:0}
.landing-home .luma-landing::after{right:0;transform:scaleX(-1)}
@media(max-width:650px){.landing-home .luma-landing::before,.landing-home .luma-landing::after{width:46%;background-size:auto,64px 100%}}
/* Black account button with visible user icon. */
.landing-home .header .login-cta{background:#171717;color:#fff}
.landing-home .header .login-cta:hover{background:#333}
.landing-home .header .login-cta .login-user-icon{display:block;flex-shrink:0;width:20px;height:20px;color:#fff}
.landing-home .header .login-cta{gap:10px;align-items:center}
/* Gentle independent floating, preserving each poster's original rotation. */
@keyframes poster-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
.landing-home .floating-poster{animation:poster-float 6s ease-in-out infinite}
.landing-home .floating-poster:nth-child(2n){animation-duration:7.5s;animation-delay:-2s}
.landing-home .floating-poster:nth-child(3n){animation-duration:8.5s;animation-delay:-4s}
.landing-home .floating-poster:nth-child(4n){animation-delay:-1s}
.landing-home .floating-poster:hover,.landing-home .floating-poster:focus-visible{animation-play-state:paused}
@media(max-width:650px){@keyframes poster-float{0%,100%{translate:0 0}50%{translate:0 -8px}}}
@media(prefers-reduced-motion:reduce){.landing-home .floating-poster{animation:none}}
/* Larger primary landing action. */
.landing-home .landing-primary{font-size:20px;padding:17px 34px;min-height:60px;line-height:1.3}
@media(max-width:650px){.landing-home .landing-primary{font-size:17px;padding:15px 25px;min-height:52px}}
/* Hero accent follows the Kodalewo logo palette. */
.landing-home .landing-copy h1>span{background-image:linear-gradient(100deg,#081f55 0%,#0964df 30%,#00a878 65%,#ff781f 100%)}
/* Lift the banner by half its image height into the opening section. */
.landing-home .hero{position:relative;z-index:3;margin-top:calc(-1 * min(134.67px,(100vw - 68px) / 9))}
@media(max-width:650px){.landing-home .hero{margin-top:calc(-1 * (100vw - 40px) / 4.4)}}
/* Separate the banner and mirror the flanking poster pairs. */
.landing-home .hero{margin-top:50px}
@media(min-width:651px){
 .landing-home .p-run,.landing-home .p-robot{top:16%;width:160px;height:175px}
 .landing-home .p-run{left:15%;right:auto}.landing-home .p-robot{right:15%;left:auto}
 .landing-home .p-workshop,.landing-home .p-food{top:38%;width:140px;height:150px}
 .landing-home .p-workshop{left:4%;right:auto}.landing-home .p-food{right:4%;left:auto}
 .landing-home .p-breathe,.landing-home .p-earth{top:65%;width:175px;height:180px}
 .landing-home .p-breathe{left:12%;right:auto}.landing-home .p-earth{right:12%;left:auto}
}
@media(min-width:651px) and (max-width:1100px){.landing-home .p-run{left:5%}.landing-home .p-robot{right:5%}.landing-home .p-workshop{left:-35px}.landing-home .p-food{right:-35px}.landing-home .p-breathe{left:3%}.landing-home .p-earth{right:3%}}
@media(max-width:650px){
 .landing-home .hero{margin-top:50px}
 .landing-home .p-run,.landing-home .p-robot{top:94px;width:70px;height:75px}
 .landing-home .p-run{left:4%}.landing-home .p-robot{right:4%}
 .landing-home .p-breathe,.landing-home .p-earth{bottom:12px;top:auto;width:75px;height:80px}
 .landing-home .p-breathe{left:0}.landing-home .p-earth{right:0}
}
/* Slight banner overlap at the bottom of the opening header. */
.landing-home .hero{margin-top:-30px}
@media(max-width:650px){.landing-home .hero{margin-top:-20px}}
/* Soft inset depth along the bottom of the opening header. */
.landing-home .luma-landing{box-shadow:inset 0 -30px 32px -25px #081f553d}
/* Taller inset shadow along the bottom of the opening header. */
.landing-home .luma-landing{box-shadow:inset 0 -75px 65px -35px #081f5547}
/* Compact transition from spaces to community articles. */
.landing-home .spaces{padding-bottom:22px}
.landing-home .articles{padding-top:24px;padding-bottom:32px}
@media(max-width:650px){.landing-home .spaces{padding-bottom:18px}.landing-home .articles{padding-top:20px}}
/* Black load-more article button. */
.landing-home #load-more{background:#171717;color:#fff;border-color:#171717}
.landing-home #load-more:hover{background:#333;border-color:#333}
/* Slightly larger home community thumbnails. */
.landing-home .recent-people-grid .person-avatar{width:120px;height:120px}
@media(max-width:650px){.landing-home .recent-people-grid .person-avatar{width:96px;height:96px}}
/* Edge-to-edge single-slide carousel on mobile. */
@media(max-width:650px){
 .landing-home .hero{width:100%;max-width:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
 .landing-home .hero .hero-art.cms-hero{width:100%;padding:0}
 .landing-home .hero .carousel-slide{flex-basis:100%;padding:0}
 .landing-home .hero .cms-banner-card{border-radius:0;width:100%}
 .landing-home .hero .cms-banner-controls{left:12px;right:12px}
}
/* Round floating bubbles with a soft glass rim and reflected highlights. */
.landing-home .floating-poster{height:auto;aspect-ratio:1;border-radius:50%;padding:7px;overflow:hidden;background:linear-gradient(145deg,#ffffffed,#ffffff42 55%,#ffffffc9);border:1px solid #ffffffd9;box-shadow:0 20px 38px #16395124,inset 0 2px 5px #fff,inset 0 -4px 9px #7a9ab52b;isolation:isolate}
.landing-home .floating-poster::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 28% 15%,#ffffffc9 0%,#ffffff44 12%,transparent 35%),linear-gradient(135deg,#ffffff35,transparent 48%,#ffffff20);box-shadow:inset 0 0 0 1px #ffffff70;z-index:3}
.landing-home .floating-poster .poster-face{width:100%;height:100%;aspect-ratio:1;border-radius:50%;padding:18% 8% 15%;justify-content:space-between}
.landing-home .floating-poster .poster-face small{font-size:5px;letter-spacing:.4px}
.landing-home .floating-poster .poster-face strong{font-size:clamp(18px,2vw,30px);position:relative}
.landing-home .floating-poster .poster-symbol{top:18%;font-size:75px}
.landing-home .p-book .poster-face strong{font-size:38px;padding:9px;margin:auto}
.landing-home .p-book .poster-symbol{font-size:130px}
.landing-home .p-run .poster-face strong{font-size:30px}
.landing-home .p-workshop .poster-face strong{font-size:20px}
.landing-home .p-food .poster-face strong{font-size:22px;padding:10px}
.landing-home .p-breathe .poster-symbol,.landing-home .p-earth .poster-symbol{font-size:100px}
.landing-home .p-earth .poster-face strong{font-size:25px}
.landing-home .floating-poster:focus-visible{outline:3px solid #0964df;outline-offset:4px}
@media(max-width:650px){
 .landing-home .floating-poster{padding:4px}
 .landing-home .floating-poster .poster-face{padding:17% 7% 14%}
 .landing-home .floating-poster .poster-face small{font-size:3px;letter-spacing:0}
 .landing-home .floating-poster .poster-face strong{font-size:12px;letter-spacing:-.3px}
 .landing-home .floating-poster .poster-symbol{font-size:38px;top:16%}
 .landing-home .p-book .poster-face strong{font-size:24px;padding:6px}
 .landing-home .p-book .poster-symbol{font-size:65px}
 .landing-home .p-run .poster-face strong{font-size:16px}
 .landing-home .p-earth .poster-face strong{font-size:13px}
}
/* Show all seven bubbles on mobile, framing the heading from the edges. */
@media(max-width:650px){
 .landing-home .p-workshop,.landing-home .p-food{display:block;top:34%;bottom:auto;width:clamp(46px,10vw,62px);height:auto;aspect-ratio:1}
 .landing-home .p-workshop{left:-8px;right:auto;transform:rotate(-10deg)}
 .landing-home .p-food{right:-8px;left:auto;transform:rotate(10deg)}
 .landing-home .p-workshop .poster-face strong{font-size:clamp(8px,1.8vw,11px)}
 .landing-home .p-food .poster-face strong{font-size:clamp(8px,1.8vw,11px);padding:4px;border-width:1px}
 .landing-home .p-workshop .poster-symbol,.landing-home .p-food .poster-symbol{font-size:26px}
}
.landing-home .people-search-link{background:#171717;border-color:#171717;color:#fff}
.landing-home .people-search-link:hover{background:#303030;border-color:#303030;color:#fff}
.landing-home #ruang .section-heading h2{font-size:26px}
.landing-home .recent-people .people-heading h2,.landing-home .home-auditions .section-heading h2{font-size:26px}
.landing-home #space-grid .space-card p,.landing-home #space-grid .space-card:last-child p{font-size:12px}