
/* ERGIO — Serial & Multi-Unit Projects */
.serial-page .reveal{opacity:1;transform:none}.js .serial-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .serial-page .reveal.visible{opacity:1;transform:none}
.serial-hero .solution-hero-media{background-image:url("assets/images/sunlit-series-three-residences-hero.jpg");background-position:center 58%}.serial-hero .solution-hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.25) 78%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 52%)}
.serial-proofbar{background:var(--red);color:#fff}.serial-proofgrid{display:grid;grid-template-columns:repeat(4,1fr)}.serial-proofgrid article{min-height:168px;padding:31px 28px;border-right:1px solid rgba(255,255,255,.24);display:flex;flex-direction:column;justify-content:space-between}.serial-proofgrid article:first-child{border-left:1px solid rgba(255,255,255,.24)}.serial-proofgrid strong{font-size:clamp(27px,2.5vw,42px);font-weight:500;letter-spacing:-.045em}.serial-proofgrid span{max-width:260px;font-size:10px;font-weight:700;letter-spacing:.075em;line-height:1.5;text-transform:uppercase;color:rgba(255,255,255,.78)}
.serial-intro{background:#fff}.serial-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.serial-intro-copy h2{font-size:clamp(46px,5vw,80px)}.serial-intro-copy>p{color:#5e5850}.serial-intro-copy .serial-lead{color:var(--ink);font-size:clamp(19px,1.65vw,27px);line-height:1.5}.serial-value-list{margin-top:35px;border-top:1px solid var(--line)}.serial-value-list>div{display:grid;grid-template-columns:45px 1fr;gap:8px;padding:20px 0;border-bottom:1px solid var(--line)}.serial-value-list span{color:var(--red);font-size:9px;font-weight:700}.serial-value-list strong{font-size:14px}.serial-value-list p{margin:5px 0 0;color:#69625a;font-size:11px}.serial-intro-media{position:relative;min-height:690px}.serial-intro-media figure{position:absolute;margin:0;overflow:hidden}.serial-intro-media img{width:100%;height:100%;object-fit:cover}.serial-intro-main{inset:0 10% 10% 0}.serial-intro-small{right:0;bottom:0;width:43%;height:39%;border:10px solid #fff}.serial-intro-caption{position:absolute;left:32px;right:22%;bottom:35px;padding:23px;background:rgba(17,17,17,.9);color:#fff}.serial-intro-caption span{display:block;margin-bottom:8px;color:var(--cream);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.serial-intro-caption strong{font-size:16px}
.serial-models{background:var(--ink);color:#fff}.serial-section-heading{display:grid;grid-template-columns:1.08fr .65fr;gap:80px;align-items:end;margin-bottom:52px}.serial-section-heading p:not(.eyebrow){color:rgba(255,255,255,.65)}.variant-control .serial-section-heading p:not(.eyebrow){color:#615a52}.serial-tabs{border:1px solid rgba(255,255,255,.2)}.serial-tab-list{display:grid;grid-template-columns:repeat(4,1fr)}.serial-tab{min-height:108px;padding:20px;border:0;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);background:#171717;color:#fff;text-align:left;cursor:pointer}.serial-tab:last-child{border-right:0}.serial-tab span{display:block;margin-bottom:21px;color:var(--cream);font-size:9px}.serial-tab strong{font-size:13px}.serial-tab.active{background:var(--red)}.serial-panel{display:none;grid-template-columns:.9fr 1.1fr;min-height:600px}.serial-panel.active{display:grid}.serial-panel-copy{padding:58px;display:flex;flex-direction:column}.serial-panel-copy>span{color:var(--cream);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.serial-panel-copy h3{margin:95px 0 20px;font-size:clamp(35px,3.5vw,56px)}.serial-panel-copy p{color:rgba(255,255,255,.67)}.serial-panel-copy ul{margin:auto 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.serial-panel-copy li{padding:7px 0;color:rgba(255,255,255,.73);font-size:11px}.serial-panel figure{margin:0;overflow:hidden}.serial-panel img{width:100%;height:100%;object-fit:cover}
.serial-baseline{background:var(--cream)}.serial-baseline-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:center}.serial-baseline-copy>p:not(.eyebrow){color:#5f5951}.baseline-points{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid rgba(17,17,17,.18);border-left:1px solid rgba(17,17,17,.18)}.baseline-points>div{min-height:190px;padding:22px;border-right:1px solid rgba(17,17,17,.18);border-bottom:1px solid rgba(17,17,17,.18)}.baseline-points span{color:var(--red);font-size:9px}.baseline-points strong{display:block;margin:42px 0 8px;font-size:15px}.baseline-points p{margin:0;color:#655f57;font-size:10px}.baseline-visual{position:relative;min-height:720px}.baseline-core{position:absolute;left:50%;top:50%;width:310px;height:310px;transform:translate(-50%,-50%);border-radius:50%;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;z-index:2}.baseline-core span{color:var(--cream);font-size:9px;font-weight:700;letter-spacing:.13em}.baseline-core strong{margin:20px 0 10px;font-size:28px;line-height:1.15}.baseline-core small{color:rgba(255,255,255,.7)}.baseline-visual:before,.baseline-visual:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(17,17,17,.24);border-radius:50%}.baseline-visual:before{width:520px;height:520px}.baseline-visual:after{width:690px;height:690px}.baseline-orbit{position:absolute;width:138px;height:78px;background:#fff;border:1px solid rgba(17,17,17,.18);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;z-index:3}.orbit-a{left:4%;top:18%}.orbit-b{right:4%;top:18%}.orbit-c{left:0;top:48%}.orbit-d{right:0;top:48%}.orbit-e{left:12%;bottom:10%}.orbit-f{right:12%;bottom:10%}
.variant-control{background:#fff}.variant-matrix{border:1px solid var(--line)}.variant-head,.variant-row{display:grid;grid-template-columns:1.05fr repeat(3,1fr)}.variant-head{background:var(--ink);color:#fff}.variant-head span{padding:18px;border-right:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.variant-row{border-top:1px solid var(--line)}.variant-row strong,.variant-row p{margin:0;padding:20px 18px;border-right:1px solid var(--line)}.variant-row strong{font-size:12px}.variant-row p{color:#625c54;font-size:10px}.variant-row p:nth-child(3){background:rgba(231,218,191,.48);color:var(--ink)}.matrix-note{margin:15px 0 0;color:#756e64;font-size:10px}
.serial-flow{background:var(--soft)}.serial-flow .section-heading{max-width:1050px}.serial-flow-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.serial-flow-track article{min-height:315px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.serial-flow-track article:nth-child(4n+2){background:var(--cream)}.serial-flow-track article:nth-child(4n){background:var(--ink);color:#fff}.serial-flow-track span{color:var(--red);font-size:9px;font-weight:700}.serial-flow-track article:nth-child(4n) span{color:var(--cream)}.serial-flow-track h3{margin:auto 0 14px;font-size:25px}.serial-flow-track p{margin:0;color:#625d56;font-size:10px}.serial-flow-track article:nth-child(4n) p{color:rgba(255,255,255,.67)}.serial-flow-track small{margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:#837b70;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.serial-flow-track article:nth-child(4n) small{border-color:rgba(255,255,255,.2);color:var(--cream)}
.serial-capacity{background:var(--red);color:#fff}.serial-capacity-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:820px}.serial-capacity-image{margin:0;overflow:hidden}.serial-capacity-image img{width:100%;height:100%;object-fit:cover}.serial-capacity-copy{padding:100px clamp(48px,6vw,110px);display:flex;flex-direction:column;justify-content:center}.serial-capacity-copy h2{font-size:clamp(45px,4.8vw,78px)}.serial-capacity-copy>p:not(.eyebrow){color:rgba(255,255,255,.72)}.capacity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:40px 0;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.26)}.capacity-grid article{min-height:120px;padding:22px;background:var(--red)}.capacity-grid strong,.capacity-grid span{display:block}.capacity-grid strong{margin-bottom:8px}.capacity-grid span{color:rgba(255,255,255,.67);font-size:10px}
.batch-control{background:#fff}.batch-control-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:center}.batch-copy>p:not(.eyebrow){color:#5f5951}.batch-list{margin:35px 0;border-top:1px solid var(--line)}.batch-list>div{display:grid;grid-template-columns:43px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.batch-list span{color:var(--red);font-size:9px}.batch-list strong{font-size:13px}.batch-list p{grid-column:2;margin:4px 0 0;color:#6a635b;font-size:10px}.batch-visual{position:relative;min-height:650px;background:var(--soft);padding:60px}.batch-visual figure{position:absolute;inset:27% 0 0 22%;margin:0;overflow:hidden}.batch-visual img{width:100%;height:100%;object-fit:cover}.batch-label{position:relative;z-index:2;width:74%;padding:32px;background:var(--cream);box-shadow:0 25px 70px rgba(0,0,0,.12)}.batch-label span{display:block;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.12em}.batch-label strong{display:block;margin:36px 0 10px;font-size:24px}.batch-label small{color:#655f56}.barcode{display:flex;align-items:stretch;gap:4px;height:70px;margin-top:25px}.barcode i{display:block;background:var(--ink)}.barcode i:nth-child(3n+1){width:3px}.barcode i:nth-child(3n+2){width:8px}.barcode i:nth-child(3n){width:5px}
.phased-logistics{background:var(--soft)}.phased-logistics-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center}.phased-media{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;min-height:690px}.phased-media figure{margin:0;overflow:hidden}.phased-media img{width:100%;height:100%;object-fit:cover}.phased-copy>p:not(.eyebrow){color:#5e5850}.phased-steps{margin:34px 0;border-top:1px solid var(--line)}.phased-steps>div{display:grid;grid-template-columns:45px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.phased-steps span{color:var(--red);font-size:9px}.phased-steps strong{font-size:13px}.phased-steps p{margin:4px 0 0;color:#69625a;font-size:10px}
.serial-fit{background:var(--ink);color:#fff}.serial-fit-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.serial-fit-copy>p:not(.eyebrow){color:rgba(255,255,255,.66)}.serial-fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.serial-fit-columns article{min-height:500px;padding:35px;background:#191919}.serial-fit-columns article:last-child{background:#111}.serial-fit-columns span{color:var(--cream);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.serial-fit-columns ul{margin:90px 0 0;padding:0;list-style:none}.serial-fit-columns li{position:relative;padding:13px 0 13px 24px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.74);font-size:11px}.serial-fit-columns article:first-child li:before{content:"✓";position:absolute;left:0;color:var(--cream)}.serial-fit-columns article:last-child li:before{content:"—";position:absolute;left:0;color:var(--red)}
.serial-cases{background:#fff}.serial-case-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.serial-case-main,.serial-case-side article{position:relative;display:block;overflow:hidden;color:#fff;background-size:cover;background-position:center}.serial-case-main{min-height:660px;background-image:url("assets/images/sunlit-series-three-residences-hero.jpg")}.serial-case-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.serial-case-side article{min-height:324px}.serial-case-side a:first-child article{background-image:url("assets/images/italy-apartment-complex-facade.webp");background-position:center 56%}.serial-case-side a:last-child article{background-image:url("assets/images/galicia-kindergarten-wide.webp");background-position:center 50%}.serial-case-main:after,.serial-case-side article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.84) 100%)}.serial-case-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.serial-case-copy span{color:var(--cream);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.serial-case-copy h3{margin:13px 0 8px;font-size:clamp(29px,3vw,48px)}.serial-case-copy p{max-width:650px;margin:0;color:rgba(255,255,255,.74);font-size:10px}
.serial-resources{background:var(--soft)}.serial-contact{background:var(--red);color:#fff}.serial-contact-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}.serial-contact-copy>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.72);font-size:16px}.serial-contact-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.serial-contact-tags span{padding:10px 12px;border:1px solid rgba(255,255,255,.36);font-size:9px;font-weight:700;text-transform:uppercase}.serial-contact-card{padding:40px;background:var(--ink)}.serial-contact-card>span{color:var(--cream);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.serial-contact-card h3{margin:70px 0 18px;font-size:clamp(34px,3.2vw,52px)}.serial-contact-card p{color:rgba(255,255,255,.66)}.serial-contact-card>div:last-child{display:flex;flex-direction:column;gap:5px;margin-top:25px;font-size:12px}
@media(max-width:1150px){.serial-intro-grid,.serial-section-heading,.serial-baseline-grid,.batch-control-grid,.phased-logistics-grid,.serial-fit-grid,.serial-contact-grid{grid-template-columns:1fr;gap:55px}.serial-intro-media{min-height:650px;max-width:950px}.serial-panel{grid-template-columns:1fr}.serial-panel figure{min-height:470px;order:-1}.serial-panel-copy{min-height:520px}.baseline-visual{max-width:850px}.serial-flow-track{grid-template-columns:1fr 1fr}.serial-capacity-grid{grid-template-columns:1fr}.serial-capacity-image{min-height:620px}.phased-media{max-width:900px}.serial-fit-columns{max-width:900px}}
@media(max-width:760px){.serial-hero .solution-hero-media{background-position:62% center}.serial-proofgrid{grid-template-columns:1fr 1fr}.serial-proofgrid article{min-height:145px;padding:22px 18px}.serial-proofgrid article:first-child{border-left:0}.serial-intro-media{min-height:510px}.serial-intro-main{inset:0 7% 9% 0}.serial-intro-small{width:52%;height:36%;border-width:6px}.serial-intro-caption{left:15px;right:10%;bottom:20px}.serial-tab-list{grid-template-columns:1fr 1fr}.serial-tab:nth-child(2){border-right:0}.serial-panel figure{min-height:340px}.serial-panel-copy{padding:28px 23px;min-height:510px}.serial-panel-copy h3{margin-top:60px}.baseline-points{grid-template-columns:1fr}.baseline-visual{min-height:600px}.baseline-core{width:235px;height:235px}.baseline-core strong{font-size:21px}.baseline-visual:before{width:390px;height:390px}.baseline-visual:after{width:560px;height:560px}.baseline-orbit{width:108px;height:64px;font-size:8px}.orbit-a{left:0;top:14%}.orbit-b{right:0;top:14%}.orbit-c{left:0;top:47%}.orbit-d{right:0;top:47%}.orbit-e{left:5%;bottom:8%}.orbit-f{right:5%;bottom:8%}.variant-head{display:none}.variant-row{grid-template-columns:1fr}.variant-row strong,.variant-row p{border-right:0;border-bottom:1px solid var(--line)}.variant-row p:before{display:block;margin-bottom:5px;color:var(--red);font-size:8px;font-weight:700;text-transform:uppercase}.variant-row p:nth-child(2):before{content:"Repeatable baseline"}.variant-row p:nth-child(3):before{content:"Permitted option"}.variant-row p:nth-child(4):before{content:"Project exception"}.serial-flow-track{grid-template-columns:1fr}.serial-capacity-image{min-height:420px}.capacity-grid{grid-template-columns:1fr}.batch-visual{min-height:530px;padding:25px}.batch-label{width:92%}.batch-visual figure{inset:32% 0 0 12%}.phased-media{grid-template-columns:1fr;min-height:690px}.phased-media figure:first-child{min-height:390px}.phased-media figure:last-child{min-height:280px}.serial-fit-columns{grid-template-columns:1fr}.serial-case-grid{grid-template-columns:1fr}.serial-case-main{min-height:540px}.serial-case-side article{min-height:330px}.serial-contact-card{padding:28px}.serial-contact-card h3{margin-top:50px}}
