/* Editorial flow after the opening film. Real projects stay real photographs. */
.flow-home,.flow-projects,.flow-project-detail{--flow-paper:#f0f1ed;--flow-soft:#afbdc4;--flow-copper:#e0b88b;--flow-line:#61717c55;background:#090e14;color:var(--flow-paper)}
.flow-home h2,.flow-home h3,.flow-projects h1,.flow-projects h2,.flow-project-detail h1,.flow-project-detail h2{color:var(--flow-paper)}
.flow-home .eyebrow{font-size:9px;letter-spacing:.15em;color:#b0c9d4}
.flow-home .text-link{font-size:12px;border-color:#8399a16b}
.flow-home .text-link:hover{color:#c0f1ff}
.flow-home .trust-strip{background:#090e14;border-bottom:1px solid #566b7544}
.flow-home .trust-strip>.container{min-height:115px}
.flow-home .trust-strip .icon{color:#b3d1db;stroke-width:1.3}
.flow-home .trust-strip strong{color:#e7f0f4}
.flow-home .trust-strip span span{color:#b3c1c7}

.flow-introduction{padding:135px 0 0;background:radial-gradient(ellipse at 80% 55%,#18303827,transparent 60%),#090e14;overflow:hidden}
.flow-intro-layout{display:grid;grid-template-columns:1.55fr .7fr;gap:110px;align-items:end;padding-bottom:100px}
.flow-introduction h2{font-size:clamp(45px,5.5vw,81px);line-height:1.09;letter-spacing:-.063em;max-width:880px}
.flow-introduction h2 em{color:#b2ced8}
.flow-intro-aside{padding-bottom:6px;max-width:360px}
.flow-intro-aside p{font-size:14px;line-height:1.9;color:#b8c6cd;margin:0 0 19px}
.flow-intro-aside .text-link{margin-top:17px;gap:20px}
.flow-chapter-line{display:flex;justify-content:space-between;gap:30px;padding:23px 0;border-top:1px solid var(--flow-line);font-size:8px;line-height:1.7;letter-spacing:.14em;color:#a8bcc6}
.flow-chapter-line>span:last-child{display:flex;align-items:center;gap:23px}
.flow-chapter-line .icon{width:16px;height:16px;color:#c1dde7}

/* The existing accessible project theatre keeps its native scroll controls. */
.flow-theatre{background:#090e14;border:0;padding:100px 0 75px}
.flow-theatre .theatre-heading{margin-bottom:38px;align-items:end}
.flow-theatre .theatre-heading h2{font-size:clamp(48px,5.2vw,76px);line-height:1.05;letter-spacing:-.06em}
.flow-theatre .theatre-heading h2 em{color:#aac9d5}
.flow-theatre .theatre-heading .text-link{font-size:12px;margin-bottom:7px}
.flow-theatre .theatre-slide{grid-template-columns:1.7fr .8fr;gap:70px;align-items:center;margin-bottom:80px}
.flow-theatre .theatre-photo{aspect-ratio:1.43;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.flow-theatre .theatre-photo>img{object-fit:cover;filter:none}
.flow-theatre .theatre-photo-label{bottom:0;left:0;right:0;padding:28px 22px 17px;background:linear-gradient(0deg,#080d17b8,transparent);border:0;font-size:8px;letter-spacing:.12em;color:#edf3f2}
.flow-theatre .theatre-copy{padding-top:32px}
.flow-theatre .chapter-number{font-size:140px;font-weight:400;right:0;top:-65px;letter-spacing:-.08em;color:#47626b30}
.flow-theatre .project-stage{color:#dfbe98;letter-spacing:.1em;font-size:8px;line-height:1.8}
.flow-theatre .project-stage:before{background:#d1a67b;box-shadow:none;width:4px;height:4px}
.flow-theatre .theatre-copy h3{font-size:clamp(33px,3.4vw,50px);line-height:1.11;letter-spacing:-.045em;max-width:380px;margin-top:17px}
.flow-theatre .theatre-copy p{color:#adbfc7;font-size:13px;line-height:1.95;max-width:360px;margin-top:25px}
.flow-theatre .theatre-copy .text-link{font-size:11px;margin-top:27px}
.flow-theatre .theatre-controls{padding-top:25px;margin-top:0;border-top:1px solid #5b717c44}
.flow-theatre .theatre-status{font-size:9px;color:#bdcdd3;line-height:1.7}
.flow-theatre .theatre-hint{font-size:8px;letter-spacing:.12em;color:#a9bcc6}
.flow-theatre .theatre-controls button{width:44px;height:44px;border-radius:50%;background:transparent;border-color:#667e8a;color:#d7eaf2;font-size:20px}
.flow-theatre .theatre-controls button:hover{background:#d9eaf0;color:#0b1822;border-color:#d9eaf0}
.flow-theatre.theatre-enhanced{height:235vh;min-height:1500px;padding:0}
.flow-theatre.theatre-enhanced .theatre-pin{padding-top:34px;padding-bottom:25px;justify-content:center}
.flow-theatre.theatre-enhanced .theatre-heading{margin-bottom:28px}
.flow-theatre.theatre-enhanced .theatre-heading h2{font-size:clamp(40px,4vw,58px)}
.flow-theatre.theatre-enhanced:not(.theatre-manual) .theatre-stage{height:min(49vh,515px)}
.flow-theatre.theatre-enhanced .theatre-slide{margin:0}
.flow-theatre.theatre-enhanced .theatre-photo{height:100%;aspect-ratio:auto}
.flow-theatre.theatre-enhanced .theatre-copy h3{font-size:clamp(31px,3vw,45px)}
.flow-theatre.theatre-manual{height:auto;min-height:0;padding:80px 0 65px}
.flow-theatre.theatre-manual .theatre-pin{padding:0;min-height:0;height:auto}
.flow-theatre.theatre-manual .theatre-stage{height:auto}
.flow-theatre.theatre-manual .theatre-slide{position:relative;inset:auto}
.flow-theatre.theatre-manual .theatre-photo{height:auto;aspect-ratio:1.43}

/* Nine services, as a continuous directory rather than a grid of cards. */
.flow-home .flow-services{background:#0d141c;padding:132px 0 55px;border-top:1px solid #62768133;border-bottom:1px solid #62768133}
.flow-services .service-edit-layout{grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}
.flow-services .service-edit-intro{top:133px}
.flow-services .service-edit-intro h2{font-size:clamp(47px,5.2vw,77px);line-height:1.04;letter-spacing:-.064em}
.flow-services .service-edit-intro h2 em{color:#b0cdd8}
.flow-services .service-edit-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:330px;margin:32px 0;color:#b5c7cf}
.flow-service-context{display:flex;flex-direction:column;gap:15px;margin-bottom:28px}
.flow-service-context>a{display:flex;align-items:center;justify-content:space-between;gap:22px;width:fit-content;min-width:190px;font-size:12px;color:#edf3f2}
.flow-service-context .icon{width:17px;height:17px;color:#b8d7e2}
.flow-service-context>a:hover{color:#a4eaff}
.flow-home .flow-service-directory{border-top:1px solid #78909b55}
.flow-home .flow-service-directory>a{grid-template-columns:25px 1fr 30px;gap:24px;padding:30px 0;border-bottom:1px solid #78909b55;background:transparent;transition:padding .25s,color .25s}
.flow-home .flow-service-directory>a:hover{background:transparent;padding-left:10px;padding-right:0}
.flow-service-directory .directory-index{padding-top:8px;color:#b59471;font-size:10px}
.flow-home .flow-service-directory strong{font-size:clamp(22px,2.45vw,35px);line-height:1.2;letter-spacing:-.047em;color:#ecf3f4;font-weight:700}
.flow-home .flow-service-directory small{font-size:12px;line-height:1.9;max-width:470px;margin-top:13px;color:#a8bcc6}
.flow-home .flow-service-directory .icon{padding:0;width:23px;height:23px;border:0;border-radius:0;color:#bacfd9;transition:transform .2s,color .2s}
.flow-home .flow-service-directory>a:hover .icon{background:transparent;color:#a4eaff;transform:translate(3px,-3px)}
.flow-service-footnote{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:49px;margin-top:70px;border-top:1px solid #62768144}
.flow-service-footnote>span{font-size:8px;letter-spacing:.14em;line-height:1.8;color:#a4b9c4}
.flow-service-footnote>a{display:flex;align-items:center;gap:35px;font-size:13px;color:#d4e2e9}
.flow-service-footnote .icon{width:20px;height:20px;color:#b8dbe9}

/* A bright, genuine installation becomes the transition between chapters. */
.flow-lighting-moment{min-height:760px}
.flow-lighting-moment .lighting-moment-photo{inset:-45px 0}
.flow-lighting-moment .lighting-moment-photo img{object-position:center 55%;filter:none}
.flow-lighting-moment:after{background:linear-gradient(0deg,#080e17e6,transparent 75%),linear-gradient(90deg,#07101a44,transparent 60%)}
.flow-lighting-moment .lighting-moment-copy{min-height:760px;padding-top:270px;padding-bottom:105px;display:flex;flex-direction:column;justify-content:flex-end}
.flow-lighting-moment .lighting-moment-copy .eyebrow{color:#e9e9dd;font-size:9px}
.flow-lighting-moment .lighting-moment-copy h2{font-size:clamp(58px,7.4vw,108px);line-height:1.02;max-width:1000px;color:#f7f5ef;letter-spacing:-.062em}
.flow-lighting-moment .lighting-moment-copy h2 em{color:#ecddc5}
.flow-lighting-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:35px}
.flow-lighting-moment .flow-lighting-bottom p{font-size:14px;color:#e1e5df;line-height:1.8;margin:0}
.flow-lighting-bottom .text-link{color:#f5f2e9;border-color:#c7d4d277;padding-bottom:12px;font-size:12px;white-space:nowrap}
.flow-lighting-bottom .text-link>.icon{color:#e5d6ba}
.flow-lighting-moment .lighting-moment-credit{left:56px;bottom:27px;font-size:8px;letter-spacing:.12em;color:#d8e0dd}

.flow-home .flow-photo-quote{padding:145px 0;background:#090e14}
.flow-photo-quote .photo-quote-layout{grid-template-columns:1fr 1fr;gap:125px}
.flow-photo-quote .quote-visual{height:auto;position:relative}
.flow-photo-quote .quote-visual>img{width:100%;height:670px;object-fit:cover;object-position:center;filter:none}
.flow-photo-quote .quote-visual:after{content:'';position:absolute;top:28px;left:28px;right:-24px;bottom:57px;border:1px solid #ac907155;z-index:-1;pointer-events:none}
.flow-photo-quote .quote-visual figcaption{font-size:10px;line-height:1.8;color:#a9bcc7;margin-top:20px}
.flow-photo-quote .quote-visual figcaption>span{display:block;font-size:8px;letter-spacing:.15em;color:#d3b38d;margin-bottom:5px}
.flow-photo-quote .quote-intro h2{font-size:clamp(45px,5.1vw,73px);line-height:1.04;letter-spacing:-.06em}
.flow-photo-quote .quote-intro h2 em{color:#b3cfd9}
.flow-photo-quote .quote-intro>p{font-size:14px;line-height:1.9;color:#b4c5ce;max-width:440px;margin-top:29px}
.flow-photo-quote .mini-steps{margin-top:28px;margin-bottom:36px}
.flow-photo-quote .mini-steps li{padding:14px 0;border-color:#64798344;color:#ccdae1;font-size:12px}
.flow-photo-quote .mini-steps li>span{color:#c3a179;font-size:9px}
.flow-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}
.flow-photo-actions .button{background:#dce8e8;border-color:#dce8e8;color:#101b23;min-height:57px;font-size:12px;padding:18px 22px}
.flow-photo-actions .button:hover{background:#eff4ed;border-color:#eff4ed}
.flow-photo-actions .quick-text{font-size:11px;gap:10px;color:#c5dce6;margin:0}
.flow-photo-actions .quick-text .icon{width:18px;height:18px}
.flow-photo-quote .quote-intro .fine-print{font-size:10px;color:#99b1be;margin-top:22px;max-width:380px}

.flow-home .project-finder{padding-top:0;padding-bottom:130px}
.flow-home .finder-grid{gap:115px}
.flow-home .finder-grid>div>p:not(.eyebrow){color:#b4c5ce}
.flow-home .finder-grid select{background:transparent;border:0;border-bottom:1px solid #7d96a6;border-radius:0;padding-left:0;color:#e8f2f6;max-width:none}
.flow-home .finder-grid select option{background:#101a24;color:#e8f2f6}
.flow-home .finder-result{background:transparent;border:0;border-left:1px solid #64839255;padding:10px 0 10px 65px;min-height:340px}
.flow-home .finder-result article>.icon{color:#b7cfda;stroke-width:1.2}
.flow-home .finder-number{top:0;right:0;color:#829daa1a}
.flow-home .finder-result h3{font-size:35px;line-height:1.17;max-width:430px}
.flow-home .finder-result p{color:#b2c5cf;font-size:13px;max-width:460px}
.flow-home .finder-result .button{background:#dce8e8;border-color:#dce8e8;color:#111d25}
.flow-home .power-section{background:radial-gradient(ellipse at 15% 50%,#20384255,transparent 60%),#0d151e;border-block:1px solid #536f7e44;padding:100px 0}
.flow-home .power-section .eyebrow{color:#aac8d5}
.flow-home .power-section h2 em{color:#bdd3db}
.flow-home .power-section .house-stage{background:transparent;border:0;box-shadow:none}
.flow-home .power-section .scene-caption{font-size:10px;color:#b4cbd7}
.flow-home .power-section .scene-motion{background:transparent;border-color:#7690a0;color:#d0e4ef}
.flow-home .power-option{padding:26px 0}
.flow-home .power-section .power-option.active{background:transparent;border-top-color:#d5b28b}
.flow-home .power-option.active>button>.icon,.flow-home .power-option.active strong,.flow-home .power-section .power-option>a{color:#e0c5a5}
.flow-home .flow-film-band{min-height:540px}
.flow-film-band .film-copy{padding-top:135px;padding-bottom:120px}
.flow-film-band .film-copy h2{font-size:clamp(49px,6vw,89px);line-height:1.05;letter-spacing:-.06em}
.flow-film-band .film-copy h2 em{color:#e3e7db}
.flow-film-band .film-copy .caption{font-size:10px;max-width:440px;color:#c0d0d3}
.flow-film-band .film-overlay{background:linear-gradient(90deg,#06101bde,#07111b69)}

/* Planning reads like an open field journal. */
.flow-home .flow-planning{padding:130px 0;background:#090e14}
.flow-planning .section-heading{margin-bottom:65px}
.flow-planning .section-heading h2{font-size:clamp(46px,5.1vw,76px);line-height:1.08}
.flow-planning .section-heading h2 em{color:#b6d1dd}
.flow-planning .section-heading>p{font-size:14px;color:#b2c7d0;max-width:330px;line-height:1.9}
.flow-planning .planning-links{border:0;gap:44px;margin-bottom:90px}
.flow-planning .planning-links>a{background:transparent;border:0;border-top:1px solid #6d87965c;padding:25px 0 58px}
.flow-planning .planning-links>a:hover{background:transparent;border-color:#d5b18b}
.flow-planning .planning-links>a>span{font-size:8px;letter-spacing:.12em;color:#d0b08a}
.flow-planning .planning-links h3{font-size:28px;line-height:1.2;max-width:340px;margin-top:25px}
.flow-planning .planning-links .icon{right:0;bottom:13px;color:#b1d2e1;width:24px;height:24px}
.flow-guides-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #617a8a4d;padding-top:27px;margin-bottom:44px}
.flow-guides-heading>span{font-size:8px;letter-spacing:.13em;color:#a8bdc7}
.flow-guides-heading .text-link{font-size:11px}
.flow-planning .guide-grid{gap:42px}
.flow-planning .guide-card{background:transparent;border:0}
.flow-planning .guide-meta{color:#93afc0;border-color:#52708066;font-size:8px;padding-bottom:18px}
.flow-planning .guide-art{height:160px;background:transparent;border:0;margin:20px 0 26px;place-items:start;padding-top:40px}
.flow-planning .guide-art>.icon{color:#b8cfd9;transform:none;height:52px;width:52px;stroke-width:1}
.flow-planning .guide-art:before,.flow-planning .guide-art:after{display:none}
.flow-planning .guide-art>span{color:#9eb7c21c;bottom:0;right:0;font-size:113px;line-height:1;letter-spacing:-.06em;font-weight:400}
.flow-planning .guide-card h3{font-size:27px;line-height:1.2;color:#edf3f2}
.flow-planning .guide-card>p{color:#aabec9;font-size:13px;line-height:1.85}
.flow-planning .guide-card .text-link{font-size:11px}
.flow-home .local-section{background:#101a24;padding:130px 0;border-block:1px solid #60778344}
.flow-home .local-layout{gap:100px}
.flow-home .local-layout h2{font-size:clamp(46px,4.8vw,69px);line-height:1.06}
.flow-home .local-layout h2 em{color:#b9d0dc}
.flow-home .area-map{background:#15212c;border-color:#68849166;border-radius:0;box-shadow:none;height:480px}
.flow-home .coastline{background:#1c3443;border-color:#91becd}
.flow-home .map-grid{opacity:.5}
.flow-home .map-point>span{background:#d8b78e;box-shadow:0 0 0 9px #d8b78e16,0 0 0 20px #d8b78e08}
.flow-home .map-town:before{background:#c9dce5}
.flow-home .map-point strong{font-size:15px}
.flow-home .area-map>p{font-size:9px!important;line-height:1.7}
.flow-home .community-section{background:#090e14;padding:130px 0 80px}
.flow-home .community-grid{gap:60px}
.flow-home .social-card{background:transparent;border:0;border-top:1px solid #5f788955;border-radius:0;padding:38px 0 20px;min-height:330px}
.flow-home .social-mark{top:28px;right:0;color:#b7d6e0;opacity:.48;font-size:60px}
.flow-home .social-kicker{color:#aac2cf;font-size:8px;letter-spacing:.12em;margin-bottom:35px}
.flow-home .social-card h3{font-size:clamp(34px,3.8vw,55px);line-height:1.09;max-width:470px}
.flow-home .social-card p{color:#b1c7d0;font-size:14px;line-height:1.9;max-width:420px;margin:25px 0 32px}
.flow-home .social-action{color:#cedfe7;font-size:12px}
.flow-home .customer-shortcut{padding-top:24px;padding-bottom:24px;border-color:#6e8a9955}
.flow-home .customer-shortcut strong{color:#d6c0a3}
.flow-home .faq-section{background:#090e14;padding-top:45px;padding-bottom:140px;border:0}
.flow-home .faq-layout{gap:110px}
.flow-home .faq-layout h2{font-size:clamp(43px,4.6vw,65px);line-height:1.08}
.flow-home .faq-layout h2 em{color:#bdd4df}
.flow-home .faq-list details{padding:25px 0;border-color:#607d8e55}
.flow-home .faq-list summary{font-size:14px;line-height:1.6;font-weight:700}
.flow-home .faq-list summary>span{color:#b3cbd8}
.flow-home .faq-list p{font-size:13px;line-height:1.9;color:#abc1ce}

/* Every project remains a linked, filterable editorial entry, with real captions. */
.flow-project-entry{border:0;padding:0;min-width:0}
.flow-project-entry .project-card-meta{margin:0 0 17px;color:#a9bfcc;font-size:9px;line-height:1.6;gap:20px;padding-top:19px;border-top:1px solid #6b81914d}
.flow-project-entry .project-card-meta>span:last-child{color:#d0ae84;font-size:10px}
.flow-project-entry .project-image-link{border:0;border-radius:0;aspect-ratio:1.12;background:#101922}
.flow-project-entry .project-image-link>img{object-position:center 46%;filter:none}
.flow-project-entry .project-image-link>img[src$="guardian-chandelier.webp"]{object-position:center 15%}
.flow-project-entry .project-image-link>img[width="360"]{object-fit:contain;background:#101922}
.flow-project-entry .project-view{background:#0b121be0;border:0;border-radius:0;padding:11px 16px;color:#e8f2f6;font-size:10px;gap:24px}
.flow-project-entry .project-view .icon{color:#d1dde4}
.flow-project-entry h2{margin-top:24px;font-size:clamp(32px,3.45vw,49px);letter-spacing:-.055em;line-height:1.1;color:#eef2ef}
.flow-project-entry>p{font-size:13px;line-height:1.9;color:#b4c4ce;max-width:570px;margin-top:23px}
.flow-project-entry>.text-link{font-size:11px;color:#dbe8ef;border-color:#657f9166;margin-top:26px}
.flow-projects .work-intro{min-height:650px;padding:180px 0 85px;background:#0b121a;isolation:isolate}
.flow-projects .work-intro:before{inset:0;background:linear-gradient(90deg,#061019f5 12%,#061019a3 60%,#07121c33),url('/assets/guardian-pendants-angle.webp') center 50% / cover;mask-image:none;opacity:1}
.flow-projects .work-intro:after{display:none}
.flow-projects .work-intro h1{font-size:clamp(64px,8.5vw,127px);line-height:.99;max-width:1000px}
.flow-projects .work-intro h1 em{color:#c1d3d9}
.flow-projects .work-intro-bottom{margin-top:43px}
.flow-projects .work-intro-bottom p{color:#ccdade;font-size:14px;line-height:1.9;max-width:480px}
.flow-projects .work-intro-bottom>span{color:#dbb78e;font-size:9px;letter-spacing:.12em}
.flow-projects .project-collection{padding-top:72px;padding-bottom:130px}
.flow-projects .filter-bar{gap:22px;margin-bottom:60px}
.flow-projects .filter-bar button{background:transparent;color:#b2c7d4;border:0;border-bottom:1px solid transparent;border-radius:0;padding:10px 0;font-size:12px;min-height:44px;line-height:1.5}
.flow-projects .filter-bar button[aria-pressed=true]{background:transparent;color:#eef7fb;border-bottom-color:#d6b78e}
.flow-projects .filter-bar button:hover{color:#d5edf9;border-bottom-color:#789bab}
.flow-projects .real-project-grid{grid-template-columns:1.2fr 1fr;gap:90px 65px}
.flow-projects .real-project-card:nth-child(even){margin-top:110px}
.flow-project-detail .project-detail-hero{background:#0b131c;border-color:#536b7c55;padding-top:180px}
.flow-project-detail .project-detail-hero:before{display:none}
.flow-project-detail .project-detail-heading{grid-template-columns:1.35fr .8fr;gap:100px;margin-bottom:60px}
.flow-project-detail .project-detail-heading h1{font-size:clamp(54px,6.5vw,96px);line-height:1.025;letter-spacing:-.066em;max-width:830px}
.flow-project-detail .project-detail-heading p{font-size:14px;line-height:1.9;color:#bdcdd5}
.flow-project-detail .project-stage{color:#d3b18a}
.flow-project-detail .project-stage:before{background:#d3b18a;box-shadow:none}
.flow-project-detail .project-detail-main{max-width:1200px;border:0;background:#090f16}
.flow-project-detail .project-detail-main img{max-height:820px;background:#090f16;filter:none}
.flow-project-detail .project-detail-main figcaption{background:#0b131c;border:0;padding:20px 0 25px;font-size:11px;color:#b9cdd6;line-height:1.8}
.flow-project-detail .project-story{gap:115px;grid-template-columns:.8fr 1.2fr}
.flow-project-detail .project-story h2{font-size:clamp(45px,5vw,72px);line-height:1.06}
.flow-project-detail .project-story h2 em{color:#b9d0db}
.flow-project-detail .project-story>div>p{color:#b6c9d3;font-size:14px;line-height:1.9}
.flow-project-detail .project-story .check-list li{font-size:14px;line-height:1.85;border-color:#516c7b66;padding:17px 0}
.flow-project-detail .project-story .check-list .icon{color:#c9b08d}
.flow-project-detail .project-detail-gallery{gap:60px 45px;margin-top:95px}
.flow-project-detail .project-detail-gallery figure:nth-child(even){margin-top:100px}
.flow-project-detail .project-detail-gallery img{background:#111d28;border:0;height:630px;object-fit:contain}
.flow-project-detail .project-detail-gallery figcaption{color:#afc5d0;font-size:11px;line-height:1.8;margin-top:19px}
.flow-project-detail .more-projects{background:#101922;border-block:1px solid #536c7b44}
.flow-project-detail .more-projects h2 em{color:#b9d0db}
.flow-project-detail .real-project-grid{gap:60px}
.flow-project-detail .real-project-card:nth-child(even){margin-top:65px}

@media(min-width:761px) and (max-height:820px){
  .flow-services .service-edit-intro{position:static}
  .flow-theatre.theatre-enhanced:not(.theatre-manual) .theatre-stage{height:360px}
  .flow-theatre.theatre-enhanced .theatre-heading h2{font-size:43px}
  .flow-theatre.theatre-enhanced .theatre-copy h3{font-size:34px}
  .flow-theatre.theatre-enhanced .theatre-copy p{font-size:12px;line-height:1.8;margin-top:19px}
}
@media(max-width:1180px){
  .flow-intro-layout{gap:60px;grid-template-columns:1.4fr .8fr}
  .flow-introduction h2{font-size:61px}
  .flow-theatre .theatre-slide{gap:45px;grid-template-columns:1.55fr .8fr}
  .flow-services .service-edit-layout{gap:65px}
  .flow-photo-quote .photo-quote-layout{gap:70px}
  .flow-photo-quote .quote-visual>img{height:610px}
  .flow-home .finder-grid{gap:60px}
  .flow-home .finder-result{padding-left:45px}
  .flow-planning .planning-links{gap:30px}
  .flow-planning .planning-links h3{font-size:25px}
  .flow-home .local-layout,.flow-home .faq-layout{gap:60px}
  .flow-project-detail .project-detail-heading{gap:60px}
  .flow-project-detail .project-detail-heading h1{font-size:72px}
  .flow-project-detail .project-story{gap:70px}
  .flow-project-detail .project-detail-gallery img{height:560px}
}
@media(max-width:980px) and (min-width:761px){
  .flow-intro-layout{gap:38px;grid-template-columns:1.35fr .8fr}
  .flow-introduction h2{font-size:50px}
  .flow-intro-aside p{font-size:12px}
  .flow-theatre .theatre-slide{gap:35px;grid-template-columns:1.4fr .9fr}
  .flow-theatre.theatre-enhanced .theatre-copy h3{font-size:31px}
  .flow-theatre .theatre-copy p{font-size:12px}
  .flow-theatre .theatre-hint{display:none}
  .flow-services .service-edit-layout{gap:48px;grid-template-columns:.75fr 1.25fr}
  .flow-services .service-edit-intro h2{font-size:51px}
  .flow-home .flow-service-directory>a{gap:17px;grid-template-columns:20px 1fr 23px}
  .flow-home .flow-service-directory strong{font-size:25px}
  .flow-lighting-moment,.flow-lighting-moment .lighting-moment-copy{min-height:690px}
  .flow-photo-quote .photo-quote-layout{gap:45px}
  .flow-photo-quote .quote-visual>img{height:560px}
  .flow-photo-quote .quote-intro h2{font-size:47px}
  .flow-photo-actions{gap:22px}
  .flow-home .finder-result{padding-left:30px}
  .flow-home .finder-result h3{font-size:30px}
  .flow-planning .planning-links{gap:24px}
  .flow-planning .planning-links h3{font-size:23px}
  .flow-planning .guide-grid{gap:28px}
  .flow-planning .guide-card h3{font-size:24px}
  .flow-home .local-layout{gap:45px}
  .flow-home .local-layout h2{font-size:46px}
  .flow-home .area-map{height:450px}
  .flow-projects .real-project-grid{gap:70px 40px}
  .flow-project-detail .project-detail-heading{gap:40px}
  .flow-project-detail .project-detail-heading h1{font-size:62px}
  .flow-project-detail .project-story{gap:50px}
  .flow-project-detail .project-detail-gallery img{height:500px}
}
@media(max-width:760px){
  .flow-home .eyebrow{font-size:8px;letter-spacing:.1em;line-height:1.8}
  .flow-home .trust-strip>.container{min-height:0;padding:27px 0;gap:24px 14px}
  .flow-introduction{padding-top:72px}
  .flow-intro-layout{grid-template-columns:1fr;gap:33px;padding-bottom:57px}
  .flow-introduction h2{font-size:clamp(36px,9.15vw,59px);line-height:1.12;letter-spacing:-.059em}
  .flow-intro-aside{max-width:540px}
  .flow-intro-aside p{font-size:13px;line-height:1.9;max-width:500px}
  .flow-intro-aside .text-link{font-size:11px;margin-top:10px}
  .flow-chapter-line{padding:19px 0;gap:20px;font-size:7px;letter-spacing:.07em}
  .flow-chapter-line>span:first-child{max-width:145px}
  .flow-chapter-line>span:last-child{font-size:6px;gap:11px;max-width:125px;text-align:right}
  .flow-chapter-line .icon{width:14px;height:14px}
  .flow-theatre,.flow-theatre.theatre-enhanced,.flow-theatre.theatre-manual{height:auto;min-height:0;padding:61px 0 48px}
  .flow-theatre .theatre-heading,.flow-theatre.theatre-enhanced .theatre-heading{display:block;margin-bottom:30px}
  .flow-theatre .theatre-heading h2,.flow-theatre.theatre-enhanced .theatre-heading h2{font-size:clamp(40px,10vw,59px);line-height:1.08}
  .flow-theatre .theatre-heading .text-link{margin-top:25px;font-size:11px}
  .flow-theatre.theatre-enhanced .theatre-pin{position:relative;top:auto;padding:0;min-height:0;max-height:none;height:auto;overflow:visible}
  .flow-theatre .theatre-stage,.flow-theatre.theatre-enhanced .theatre-stage{height:auto}
  .flow-theatre .theatre-slide,.flow-theatre.theatre-enhanced .theatre-slide{grid-template-columns:1fr;grid-template-rows:auto auto;gap:29px;position:relative;inset:auto;transform:none;margin:0 0 60px}
  .flow-theatre.theatre-enhanced .theatre-slide{display:none;opacity:1}
  .flow-theatre.theatre-enhanced .theatre-slide.is-current{display:grid;margin-bottom:0}
  .flow-theatre .theatre-photo,.flow-theatre.theatre-enhanced .theatre-photo{aspect-ratio:1.18;height:auto;border-radius:0}
  .flow-theatre .theatre-photo>img{height:100%;width:100%}
  .flow-theatre .theatre-photo-label{font-size:7px;padding:30px 15px 14px;letter-spacing:.08em}
  .flow-theatre .theatre-copy{padding-top:0;padding-right:13px}
  .flow-theatre .chapter-number{font-size:108px;right:0;top:-11px;color:#819baa17}
  .flow-theatre .project-stage{font-size:8px}
  .flow-theatre .theatre-copy h3,.flow-theatre.theatre-enhanced .theatre-copy h3{font-size:35px;line-height:1.12;max-width:370px;margin-top:16px}
  .flow-theatre .theatre-copy p{font-size:13px;line-height:1.85;max-width:460px;margin-top:21px}
  .flow-theatre .theatre-copy .text-link{font-size:11px;margin-top:24px}
  .flow-theatre .theatre-controls{margin-top:31px;padding-top:18px;gap:16px;align-items:center}
  .flow-theatre .theatre-status{font-size:8px;max-width:230px}
  .flow-theatre .theatre-controls button{width:42px;height:42px}
  .flow-theatre .theatre-hint{display:none}
  .flow-home .flow-services{padding:75px 0 38px}
  .flow-services .service-edit-layout{grid-template-columns:1fr;gap:42px}
  .flow-services .service-edit-intro{position:static}
  .flow-services .service-edit-intro h2{font-size:clamp(42px,10.7vw,62px);line-height:1.055;max-width:580px}
  .flow-services .service-edit-intro h2 br{display:inline}
  .flow-services .service-edit-intro h2 em:before{content:none}
  .flow-services .service-edit-intro>p:not(.eyebrow){max-width:480px;font-size:13px;line-height:1.85;margin:26px 0}
  .flow-service-context{flex-direction:row;flex-wrap:wrap;gap:20px 28px;margin-bottom:25px}
  .flow-service-context>a{font-size:11px;min-width:0;gap:18px}
  .flow-home .flow-service-directory>a{padding:25px 0;grid-template-columns:19px 1fr 23px;gap:15px}
  .flow-home .flow-service-directory strong{font-size:26px;letter-spacing:-.045em;line-height:1.22}
  .flow-home .flow-service-directory small{font-size:12px;line-height:1.85;margin-top:10px;max-width:500px}
  .flow-service-directory .directory-index{font-size:8px;padding-top:7px}
  .flow-home .flow-service-directory .icon{width:20px;height:20px}
  .flow-service-footnote{align-items:flex-start;flex-direction:column;gap:17px;padding-top:27px;margin-top:35px}
  .flow-service-footnote>span{font-size:7px}
  .flow-service-footnote>a{font-size:12px;gap:25px;line-height:1.8;align-items:flex-start}
  .flow-service-footnote .icon{flex-shrink:0;margin-top:3px}
  .flow-lighting-moment,.flow-lighting-moment .lighting-moment-copy{min-height:650px}
  .flow-lighting-moment .lighting-moment-photo{inset:0}
  .flow-lighting-moment .lighting-moment-photo img{object-position:48% center}
  .flow-lighting-moment .lighting-moment-copy{padding-top:230px;padding-bottom:87px}
  .flow-lighting-moment:after{background:linear-gradient(0deg,#070e18eb,#07111b4d 88%)}
  .flow-lighting-moment .lighting-moment-copy .eyebrow{font-size:8px}
  .flow-lighting-moment .lighting-moment-copy h2{font-size:clamp(47px,12vw,70px);line-height:1.04;letter-spacing:-.058em}
  .flow-lighting-bottom{flex-direction:column;align-items:flex-start;gap:27px;margin-top:25px}
  .flow-lighting-moment .flow-lighting-bottom p{font-size:13px}
  .flow-lighting-bottom .text-link{font-size:11px;padding-bottom:9px}
  .flow-lighting-moment .lighting-moment-credit{left:20px;right:20px;bottom:25px;font-size:7px;line-height:1.8;letter-spacing:.06em}
  .flow-home .flow-photo-quote{padding:78px 0}
  .flow-photo-quote .photo-quote-layout{grid-template-columns:1fr;gap:43px}
  .flow-photo-quote .quote-visual{max-width:500px}
  .flow-photo-quote .quote-visual>img{height:430px;object-position:center 42%}
  .flow-photo-quote .quote-visual:after{display:none}
  .flow-photo-quote .quote-visual figcaption{font-size:10px;margin-top:17px}
  .flow-photo-quote .quote-visual figcaption>span{font-size:7px}
  .flow-photo-quote .quote-intro h2{font-size:clamp(44px,11vw,65px);line-height:1.04}
  .flow-photo-quote .quote-intro>p{font-size:13px;margin-top:26px;max-width:500px}
  .flow-photo-quote .mini-steps{margin-top:24px;margin-bottom:29px}
  .flow-photo-quote .mini-steps li{font-size:11px;padding:14px 0}
  .flow-photo-actions{gap:24px}
  .flow-photo-actions .button{font-size:11px;padding:16px 20px;min-height:54px}
  .flow-photo-actions .quick-text{font-size:11px}
  .flow-home .project-finder{padding-top:0;padding-bottom:78px}
  .flow-home .finder-grid{gap:34px}
  .flow-home .finder-grid select{font-size:16px}
  .flow-home .finder-result{min-height:0;padding:30px 0 0;border:0;border-top:1px solid #687f8d66}
  .flow-home .finder-result article>.icon{width:29px;height:29px;margin-bottom:23px}
  .flow-home .finder-result h3{font-size:32px}
  .flow-home .finder-result p{font-size:13px}
  .flow-home .finder-number{font-size:105px;top:20px}
  .flow-home .power-section{padding:70px 0}
  .flow-home .power-section .scene-caption{font-size:8px}
  .flow-home .power-section .house-stage{height:330px}
  .flow-home .power-option{padding:23px 0}
  .flow-home .flow-film-band{min-height:490px}
  .flow-film-band .film-copy{padding-top:105px;padding-bottom:92px}
  .flow-film-band .film-copy h2{font-size:clamp(47px,11.8vw,69px);line-height:1.08}
  .flow-film-band .film-copy .caption{font-size:9px;max-width:330px;line-height:1.8}
  .flow-home .flow-planning{padding:79px 0}
  .flow-planning .section-heading{margin-bottom:39px}
  .flow-planning .section-heading h2{font-size:clamp(41px,10.2vw,62px)}
  .flow-planning .section-heading>p{font-size:13px;max-width:500px}
  .flow-planning .planning-links{gap:0;margin-bottom:48px}
  .flow-planning .planning-links>a{padding:27px 36px 29px 0;border-bottom:0;border-top:1px solid #637b8d66}
  .flow-planning .planning-links h3{font-size:27px;max-width:100%;margin-top:18px}
  .flow-planning .planning-links .icon{right:0;bottom:34px;width:22px;height:22px}
  .flow-guides-heading{display:block;padding-top:24px;margin-bottom:39px}
  .flow-guides-heading>span{font-size:7px}
  .flow-guides-heading .text-link{display:flex;width:fit-content;margin-top:20px;font-size:11px}
  .flow-planning .guide-grid{gap:45px}
  .flow-planning .guide-meta{font-size:8px}
  .flow-planning .guide-art{height:98px;margin:16px 0 25px;padding-top:20px}
  .flow-planning .guide-art>.icon{width:42px;height:42px}
  .flow-planning .guide-art>span{font-size:84px}
  .flow-planning .guide-card h3{font-size:28px;max-width:500px}
  .flow-planning .guide-card>p{font-size:13px;max-width:500px}
  .flow-home .local-section{padding:76px 0}
  .flow-home .local-layout{gap:39px}
  .flow-home .local-layout h2{font-size:44px;line-height:1.08}
  .flow-home .area-map{height:420px}
  .flow-home .map-point strong{font-size:13px}
  .flow-home .area-map>p{font-size:8px!important}
  .flow-home .community-section{padding:76px 0 43px}
  .flow-home .community-grid{gap:34px}
  .flow-home .social-card{padding:30px 0 14px;min-height:0}
  .flow-home .social-kicker{font-size:8px;margin-bottom:28px;max-width:85%}
  .flow-home .social-mark{font-size:48px;top:25px}
  .flow-home .social-card h3{font-size:38px;max-width:480px;line-height:1.1}
  .flow-home .social-card p{font-size:13px;line-height:1.9;margin:24px 0 27px}
  .flow-home .social-action{font-size:12px}
  .flow-home .customer-shortcut{padding-top:17px;padding-bottom:24px}
  .flow-home .faq-section{padding-top:35px;padding-bottom:80px}
  .flow-home .faq-layout{gap:37px}
  .flow-home .faq-layout h2{font-size:43px;line-height:1.1}
  .flow-home .faq-list details{padding:23px 0}
  .flow-home .faq-list summary{font-size:13px;line-height:1.7}
  .flow-home .faq-list p{font-size:13px}
  .flow-project-entry .project-card-meta{font-size:8px;gap:15px;margin-bottom:15px;padding-top:16px}
  .flow-project-entry .project-image-link{aspect-ratio:1.13}
  .flow-project-entry h2{font-size:35px;margin-top:24px}
  .flow-project-entry>p{font-size:13px;line-height:1.9;margin-top:19px}
  .flow-project-entry>.text-link{font-size:11px;margin-top:21px}
  .flow-projects .work-intro{min-height:0;padding:148px 0 59px}
  .flow-projects .work-intro:before{background-position:center;background-image:linear-gradient(90deg,#071019e8,#07101991),url('/assets/guardian-pendants-angle.webp')}
  .flow-projects .work-intro h1{font-size:clamp(55px,14.2vw,84px);line-height:1.025}
  .flow-projects .work-intro-bottom{margin-top:31px}
  .flow-projects .work-intro-bottom p{font-size:13px;line-height:1.9}
  .flow-projects .work-intro-bottom>span{font-size:8px;margin-top:28px}
  .flow-projects .project-collection{padding-top:40px;padding-bottom:76px}
  .flow-projects .filter-bar{gap:9px 21px;margin-bottom:36px}
  .flow-projects .filter-bar button{font-size:11px;min-height:42px}
  .flow-projects .real-project-grid{grid-template-columns:1fr;gap:49px}
  .flow-projects .real-project-card:nth-child(even),.flow-project-detail .real-project-card:nth-child(even){margin-top:0}
  .flow-project-detail .project-detail-hero{padding-top:148px}
  .flow-project-detail .project-detail-heading{grid-template-columns:1fr;gap:27px;margin-bottom:34px}
  .flow-project-detail .project-detail-heading h1{font-size:clamp(44px,11.4vw,67px);line-height:1.065}
  .flow-project-detail .project-detail-heading p{font-size:13px;line-height:1.9}
  .flow-project-detail .project-detail-main figcaption{font-size:10px;line-height:1.8;padding:17px 0 22px}
  .flow-project-detail .project-story{grid-template-columns:1fr;gap:32px}
  .flow-project-detail .project-story h2{font-size:44px;line-height:1.08}
  .flow-project-detail .project-story>div>p,.flow-project-detail .project-story .check-list li{font-size:13px}
  .flow-project-detail .project-detail-gallery{grid-template-columns:1fr;gap:38px;margin-top:49px}
  .flow-project-detail .project-detail-gallery figure:nth-child(even){margin-top:0}
  .flow-project-detail .project-detail-gallery img{height:auto;max-height:620px}
  .flow-project-detail .project-detail-gallery figcaption{font-size:10px;margin-top:15px}
  .flow-project-detail .real-project-grid{gap:46px}
}
@media(max-width:365px){
  .flow-introduction h2{font-size:33px}
  .flow-chapter-line{font-size:6px;gap:14px}
  .flow-theatre .theatre-heading h2,.flow-theatre.theatre-enhanced .theatre-heading h2{font-size:37px}
  .flow-theatre .theatre-copy h3,.flow-theatre.theatre-enhanced .theatre-copy h3{font-size:32px}
  .flow-theatre .theatre-controls{gap:10px}
  .flow-theatre .theatre-status{max-width:175px;font-size:8px}
  .flow-theatre .theatre-controls button{width:38px;height:38px}
  .flow-services .service-edit-intro h2{font-size:39px}
  .flow-home .flow-service-directory strong{font-size:23px}
  .flow-home .flow-service-directory>a{gap:12px;grid-template-columns:17px 1fr 20px}
  .flow-lighting-moment .lighting-moment-copy h2{font-size:43px}
  .flow-lighting-moment,.flow-lighting-moment .lighting-moment-copy{min-height:610px}
  .flow-photo-quote .quote-visual>img{height:380px}
  .flow-photo-quote .quote-intro h2{font-size:40px}
  .flow-home .finder-result h3{font-size:30px}
  .flow-planning .section-heading h2{font-size:38px}
  .flow-planning .planning-links h3{font-size:25px}
  .flow-home .local-layout h2,.flow-home .faq-layout h2{font-size:39px}
  .flow-home .social-card h3{font-size:34px}
  .flow-project-entry h2{font-size:32px}
  .flow-projects .work-intro h1{font-size:50px}
  .flow-project-detail .project-detail-heading h1{font-size:41px}
}
@media(prefers-reduced-motion:reduce){
  .flow-home .flow-service-directory>a,.flow-home .flow-service-directory .icon{transition:none}
  .flow-home .flow-service-directory>a:hover{padding-left:0}
  .flow-home .flow-service-directory>a:hover .icon{transform:none}
}