.rooftop-case{--night:#0f1d3a;--blue:#2d77a7;--paper:#f7f8f9;color:var(--night);overflow:clip}.rooftop-case *,.rooftop-case *:before,.rooftop-case *:after{box-sizing:border-box}.rooftop-shell{width:min(100% - 36px,1240px);margin-inline:auto}.rooftop-case .project-breadcrumb{width:min(100% - 36px,1240px);margin:22px auto 18px}.rooftop-case a:focus-visible{outline:3px solid #62a7d1;outline-offset:5px}.rooftop-index{color:var(--blue);font:800 .75rem var(--font-primary);letter-spacing:.15em;direction:ltr}.rooftop-hero{position:relative;overflow:hidden;background:var(--night);color:#fff}.rooftop-hero__photo{position:absolute;inset:0;opacity:.39}.rooftop-hero__photo img{display:block;width:100%;height:100%;object-fit:cover}.rooftop-hero__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f1d3a80,#0f1d3ae8 72%)}.rooftop-hero__inner{position:relative;display:grid;align-items:center;gap:45px;padding-block:80px 105px;min-height:680px}.rooftop-hero .rooftop-index{color:#9ec6e4}.rooftop-kicker{margin:35px 0 15px;color:#b4d4e9;font-weight:800}.rooftop-hero h1{margin:0;color:#fff;font-size:clamp(3.6rem,7.3vw,6.8rem);line-height:1.02;letter-spacing:-.07em;font-weight:900}.rooftop-hero h1 em{color:#9dc9e7;font-style:normal}.rooftop-hero__statement{margin:30px 0 0;font-size:clamp(1.25rem,2vw,1.68rem);font-weight:850;color:#c3e2f4}.rooftop-hero__summary{max-width:51ch;color:#e7f0f6;font-size:1.05rem;line-height:1.85;text-wrap:pretty}.rooftop-hero__copy>a{display:inline-flex;gap:16px;margin-top:22px;padding-bottom:9px;border-bottom:1px solid #9dc9e7;color:#fff;text-decoration:none;font-weight:800}.rooftop-hero__mockup{background:#fff;padding:clamp(10px,1.5vw,20px);box-shadow:18px 18px #2d77a7}.rooftop-hero__mockup img{display:block;width:100%;height:auto}.rooftop-hero__vertical{display:none;position:absolute;left:35px;bottom:26px;font:700 .7rem var(--font-primary);letter-spacing:.2em;color:#c5dbe7;direction:ltr}.rooftop-story,.rooftop-venue,.rooftop-system,.rooftop-mobile,.rooftop-outro{padding-block:clamp(85px,10vw,150px)}.rooftop-story{background:#fff}.rooftop-story__grid{display:grid;gap:36px}.rooftop-case h2{margin:19px 0 0;color:var(--night);font-size:clamp(3rem,6vw,5.8rem);line-height:1.04;letter-spacing:-.065em;font-weight:900;text-wrap:balance}.rooftop-case h2 em{font-style:normal;color:var(--blue)}.rooftop-story__grid>div:nth-child(2)>p{max-width:57ch;margin:0;color:#4b596f;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.85;text-wrap:pretty}.rooftop-story dl{margin:39px 0 0}.rooftop-story dl div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #d6dce6}.rooftop-story dl div:last-child{border-bottom:1px solid #d6dce6}.rooftop-story dt{color:#738094;font-size:.85rem}.rooftop-story dd{margin:0;text-align:left;font-size:.9rem;font-weight:800}.rooftop-section-head{display:grid;align-items:end;gap:25px;margin-bottom:42px}.rooftop-section-head p{max-width:46ch;margin:0;color:#4d5f73;font-size:1.08rem;line-height:1.8}.rooftop-case figure{margin:0}.rooftop-case figure a{display:block;overflow:hidden}.rooftop-case figure img{display:block;width:100%;height:auto;transition:transform .2s ease}.rooftop-case figure a:hover img{transform:scale(1.012)}.rooftop-case figcaption{padding-top:14px;color:#7b8799;font-size:.78rem;font-weight:750}.rooftop-venue{background:#eef3f6}.rooftop-venue figure img{aspect-ratio:2.15;object-fit:cover}.rooftop-system{background:#fff}.rooftop-system__grid,.rooftop-mobile__grid{display:grid;gap:45px;align-items:center}.rooftop-system p,.rooftop-mobile p{max-width:48ch;color:#506176;font-size:1.07rem;line-height:1.83}.rooftop-system figure{background:#f7f8fa;padding:clamp(12px,2vw,26px)}.rooftop-mobile{background:#0f1d3a;color:#fff}.rooftop-mobile .rooftop-index{color:#a6c8e2}.rooftop-mobile h2{color:#fff}.rooftop-mobile h2 em{color:#92c7e9}.rooftop-mobile p{color:#d2e0ea}.rooftop-mobile figure{background:#fff;padding:clamp(9px,1.7vw,22px)}.rooftop-mobile figcaption{color:#b1c9da}.rooftop-outro{background:#eef3f6;text-align:center}.rooftop-outro p{margin:23px 0 28px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.13;letter-spacing:-.06em;font-weight:800}.rooftop-outro strong{color:var(--blue)}.rooftop-outro a{display:inline-flex;gap:17px;padding:14px 23px;border:1px solid var(--night);color:var(--night);text-decoration:none;font-weight:850;transition:background .2s,color .2s}.rooftop-outro a:hover{background:var(--night);color:#fff}@media(min-width:800px){.rooftop-hero__inner{grid-template-columns:.84fr 1.16fr;gap:7%}.rooftop-hero__vertical{display:block}.rooftop-story__grid{grid-template-columns:.9fr 1fr;gap:9%}.rooftop-section-head{grid-template-columns:1fr .65fr;gap:9%}.rooftop-system__grid,.rooftop-mobile__grid{grid-template-columns:.72fr 1fr;gap:8%}}@media(max-width:799px){.rooftop-case .project-breadcrumb{margin-block:15px}.rooftop-hero__inner{padding-block:40px 68px;min-height:0}.rooftop-hero__mockup{box-shadow:9px 9px #2d77a7}.rooftop-venue figure img{aspect-ratio:1.25}.rooftop-section-head{gap:10px}}@media(prefers-reduced-motion:reduce){.rooftop-case figure img,.rooftop-outro a{transition:none}.rooftop-case figure a:hover img{transform:none}}