/* Nuvola's long-form project journal. */
.case-redesign{--navy:#0f1521;--ink:#ece7df;--paper:#0f1521;--muted:#aab2c0;--line:#354052;--accent:#c4b49a;--body-size:14px;--action-size:10px;--display:clamp(48px,5.7vw,91px);background:var(--navy);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:var(--body-size)}html:has(.case-redesign){scroll-padding-top:110px}.case-redesign p{font-size:var(--body-size);line-height:1.85;color:#b9c0ca}.case-redesign h1,.case-redesign h2{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-weight:300;font-size:var(--display);line-height:.98;letter-spacing:-.035em}.case-redesign em{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;letter-spacing:inherit}.case-redesign a:focus-visible,.case-redesign button:focus-visible{outline-color:var(--accent)}.case-redesign .case-container{margin-left:7%;margin-right:7%}.project-eyebrow{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);line-height:1.8}
.case-redesign .case-header{position:fixed;inset:0 0 auto;height:80px;padding:0 5%;z-index:10;background:#0f1521f2;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18;color:#ece7df}.case-redesign .case-header .logo{width:145px;z-index:3}.case-redesign .case-header .logo img{filter:none}.case-redesign .case-header nav{font-size:9px;gap:35px;letter-spacing:.4px}.case-redesign .contact-link{border:1px solid #c4b49a66;background:transparent;color:#ece7df;padding:12px 18px;font-size:var(--action-size);letter-spacing:.5px;z-index:3}.case-redesign .menu-toggle{z-index:3;color:#ece7df}
.project-opening{padding:125px 7% 80px;min-height:620px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.opening-index{position:absolute;left:0;right:0;top:115px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.4px;color:#929dad;padding:0 7%}.project-opening>.project-eyebrow{margin:65px 0 30px}.project-opening h1{font-size:clamp(70px,8vw,124px);line-height:.9}.project-opening>p{margin-top:30px;color:#b9c0ca}.underlined-link{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-bottom:1px solid #c4b49a80;padding:14px 0;font-family:'DM Sans',Arial,sans-serif;font-size:var(--action-size);line-height:1.5;letter-spacing:.7px;text-transform:uppercase;color:#ece7df;text-align:left}.underlined-link>span{font-size:17px;color:var(--accent)}.underlined-link:hover{border-color:#e6d8c1}.project-opening .underlined-link{margin-top:24px}
.project-cinema{position:relative;margin:0 4%;height:650px;border-radius:12px;overflow:hidden;background:#1b2637}.project-cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#0f1521b3)}.project-cinema .cinema-logo{position:absolute;width:185px;height:auto;left:50%;top:48%;transform:translate(-50%,-50%)}.project-cinema figcaption{position:absolute;bottom:35px;left:35px;right:100px;font-size:9px;line-height:1.7;color:#e6e5e3;letter-spacing:.4px}.project-cinema>button{position:absolute;right:35px;bottom:28px;border:1px solid #fff8;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:13px;color:#fff}
.project-brief{padding:105px 0;display:grid;grid-template-columns:1.7fr 1fr;gap:12%;align-items:start}.project-brief h2{margin:23px 0 30px}.project-brief p{margin-top:23px;max-width:650px}.project-brief .brief-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:300;line-height:1.22;color:#e1dfdb;letter-spacing:-.02em}.project-facts{padding:35px;border-radius:12px;background:#eeede7;color:#27303c}.project-facts dl{margin:0}.project-facts dl>div+div{border-top:1px solid #cfd1ce;padding-top:22px;margin-top:22px}.project-facts dt{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#7b807f;margin-bottom:10px}.project-facts dd{margin:0;font-size:13px;line-height:1.9}.project-facts a{border-bottom:1px solid #a89b85;padding-bottom:4px}.project-facts small{display:block;font-size:9px;color:#8a8e8a;margin-top:10px}.project-chapters{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px!important;position:static!important;padding:0!important;background:none!important}.project-chapters>a{font-size:9px;letter-spacing:.5px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid #596171;color:#bec5cf}
.screen-panorama{margin:0 4%;padding:65px 0 25px;background:#e9e7df;border-radius:12px;overflow:hidden}.panorama-track{display:flex;align-items:center;gap:25px;width:160%;margin-left:-30%}.case-redesign .case-screen{display:block;position:relative;width:100%;padding:0;border:0;overflow:hidden;border-radius:5px;background:#f5f5f1;cursor:zoom-in;text-align:left}.case-screen img{display:block;width:100%;height:auto;object-fit:cover}.screen-enlarge{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;border:1px solid #ffffff9c;background:#0f1521d9;border-radius:50%;width:31px;height:31px;color:#f4f1e9;font-size:16px;opacity:0;transition:opacity .25s}.case-screen:hover .screen-enlarge,.case-screen:focus-visible .screen-enlarge{opacity:1}.panorama-track .case-screen{flex:0 0 27%;box-shadow:0 12px 35px #0f152122}.panorama-track .panorama-main{flex-basis:46%}.panorama-track img{height:360px;object-fit:cover;object-position:top}.panorama-track .panorama-main img{height:430px}.visual-caption{display:flex;justify-content:space-between;gap:30px;margin:30px 4% 0;font-size:9px;letter-spacing:.3px;color:#797c78;line-height:1.7}
.project-story{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding:105px 0 60px;align-items:start}.project-story h2{margin-top:25px;font-size:clamp(44px,4.8vw,74px)}.project-story>div+div{padding-top:32px}.project-story p+p{margin-top:22px}.project-story .underlined-link{margin-top:20px}.identity-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.identity-pair figure{margin:0;position:relative;min-height:480px;border-radius:8px;overflow:hidden}.identity-signature{padding:65px;background:#1b293d;border:1px solid #ffffff10;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.identity-signature>img{width:78%;max-width:330px;height:auto}.identity-signature>p{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;line-height:1.05;color:#e1d9cd;margin-top:40px}.identity-pair figcaption{position:absolute;bottom:25px;left:30px;right:30px;color:#b1bbcb;font-size:9px;line-height:1.7}.identity-place>img{height:100%;width:100%;object-fit:cover}.identity-place:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0f1521aa)}.identity-place figcaption{z-index:1;color:#f4f1ea}
.full-screen-presentation{margin-top:0;margin-bottom:0;padding:45px;background:#e8e8e1;border-radius:12px}.full-screen-presentation .case-screen{box-shadow:0 9px 40px #0f15211c}.full-screen-presentation figcaption{font-size:9px;letter-spacing:.3px;line-height:1.7;color:#7e847e;margin-top:22px}.paired-screen-presentation{display:grid;grid-template-columns:1fr 1fr;gap:28px}.paired-screen-presentation>figure{margin:0;padding:25px;background:#e8e8e1;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.paired-screen-presentation .case-screen{box-shadow:0 6px 24px #0f152117}.paired-screen-presentation .case-screen img{aspect-ratio:1.4;object-fit:cover;object-position:top}.paired-screen-presentation figcaption{font-size:9px;line-height:1.8;color:#7e847e;margin-top:20px}.people-presentation{align-items:start}.people-presentation>figure+figure{margin-top:65px}
.project-tour{padding:100px 0}.tour-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:40px}.tour-heading h2{margin-top:24px;font-size:clamp(44px,4.8vw,74px)}.tour-heading>p{max-width:330px}.tour-heading>p>span{font-size:10px;color:#939dad}.tour-player{position:relative;border:1px solid #38445a;border-radius:10px;overflow:hidden;background:#111c2e}.tour-player video{display:block;width:100%;max-height:750px;background:#0f1521}.tour-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;background:#0f152155;color:#fff;font-size:var(--action-size);letter-spacing:.8px;text-transform:uppercase}.tour-start>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff8;border-radius:50%;font-size:24px}.tour-start[hidden]{display:none}
.project-print{padding:70px 0 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:12%;border-top:1px solid #354052}.project-print h2{margin-top:24px;font-size:clamp(44px,4.8vw,74px)}.project-print>div+div{padding-top:30px}.project-print p+p{margin-top:22px}.project-scope{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;border-top:1px solid #354052;padding-top:25px;margin-top:30px;font-size:10px;line-height:1.8;color:#c5b79f}.project-outcome{padding:70px 0 90px;text-align:center;border-top:1px solid #354052}.project-outcome h2{margin-top:25px;font-size:clamp(44px,4.8vw,74px)}.project-outcome p{max-width:560px;margin:30px auto}.project-next{border-top:1px solid #354052;padding:45px 0 70px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:35px}.project-back{grid-column:1/-1;font-size:10px;color:#a4adbc;margin-bottom:15px}.project-next h2{margin-top:25px;font-size:clamp(44px,4.8vw,74px)}
/* Shared footer proportions and reading/action sizes. */
.case-redesign .studio-footer{padding:85px 7% 35px;background:#0f1521;border-top:1px solid #354052;color:#ece7df}.studio-footer-grid{display:grid;grid-template-columns:1.1fr .85fr 1.3fr 1.4fr;gap:5%;padding-bottom:70px}.footer-brand .logo{display:block;width:145px}.footer-brand .logo img{filter:none;width:100%;height:auto}.footer-brand p{margin-top:30px}.footer-brand>span{display:block;font-size:var(--body-size);line-height:1.85;color:#9ca6b7;margin-top:20px}.case-redesign nav.footer-navigation{display:flex;position:static;z-index:auto;flex-direction:column;gap:0;align-items:flex-start;background:transparent;padding:0;transform:none;letter-spacing:0;text-transform:none}.footer-label{display:block;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#c4b49a;margin:5px 0 30px}.footer-navigation>a,.footer-capabilities>a{display:block;font-size:var(--body-size);line-height:1.85;padding:7px 0;color:#cbd0d9}.footer-contact>p{margin-bottom:22px}.footer-email{font-size:var(--body-size);display:inline-block;padding:5px 0}.footer-contact .line-link{display:inline-flex;gap:30px;align-items:center;margin-top:28px;border-bottom:1px solid #c4b49a80;padding:14px 0;font-size:var(--action-size);text-transform:uppercase;letter-spacing:.7px}.footer-contact .line-link>span{font-size:17px;color:#c4b49a}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px;border-top:1px solid #354052;font-size:8px;color:#8f99aa;line-height:1.8}.footer-bottom>a{white-space:nowrap}
.case-redesign #enquiry-dialog{--ink:#20232b;--paper:#fcfcfa;--line:#d8dadd;color:#20232b}.case-redesign .dialog-content h2{font-size:52px}.case-redesign .dialog-content p,.case-redesign .dialog-content label,.case-redesign .dialog-content input,.case-redesign .dialog-content select,.case-redesign .dialog-content textarea{font-size:var(--body-size);color:#5f6773}.case-redesign .dialog-content :is(.solid,.text-link){font-size:var(--action-size)}.case-image-dialog{max-width:94vw;width:1200px;max-height:92svh;background:#f5f5f0;border:0;border-radius:6px;padding:45px 25px 20px;overflow:auto;color:#27303c}.case-image-dialog::backdrop{background:#070c15db;backdrop-filter:blur(8px)}.case-image-dialog img{width:100%;height:auto}.case-image-dialog>p{font-size:11px;color:#69717c;padding:20px 5px 0}.case-image-dialog .close{position:absolute;right:15px;top:12px;color:#27303c;font-size:20px}
@media(min-width:651px) and (max-width:1000px){.case-redesign{--display:61px}.project-brief{gap:7%;grid-template-columns:1.4fr 1fr}.project-story,.project-print{gap:7%}.identity-signature{padding:40px}.identity-pair figure{min-height:410px}.identity-signature>p{font-size:30px}.studio-footer-grid{grid-template-columns:1fr 1fr;gap:45px 65px}.project-cinema{height:560px}}
@media(max-width:650px){.case-redesign{--body-size:12px;--action-size:9px;--display:49px}.case-redesign .case-container{margin-left:6%;margin-right:6%}.case-redesign .case-header{height:80px;padding:0 6%}.case-redesign .case-header .logo{width:118px}.case-redesign .contact-link{font-size:8px;padding:10px 12px;margin-right:15px}.case-redesign .case-header nav.open{background:#0f1521;color:#ece7df;padding:100px 6% 35px;z-index:2;gap:25px}.project-opening{min-height:600px;padding:145px 6% 65px}.opening-index{top:105px;padding:0 6%;font-size:8px}.project-opening>.project-eyebrow{font-size:8px;margin:35px 0 30px;letter-spacing:.8px}.project-opening h1{font-size:67px;line-height:.94;letter-spacing:-2px}.project-opening>p{margin-top:25px}.project-opening .underlined-link{margin-top:24px}.underlined-link{gap:25px;padding:12px 0}.project-cinema{margin:0 3%;height:500px;border-radius:8px}.project-cinema .cinema-logo{width:150px}.project-cinema figcaption{bottom:27px;left:22px;right:80px;font-size:7px;max-width:230px}.project-cinema>button{bottom:22px;right:20px;width:32px;height:32px;font-size:11px}.project-brief{grid-template-columns:1fr;gap:35px;padding:60px 0}.project-eyebrow{font-size:8px}.project-brief h2{margin:20px 0 25px}.project-brief .brief-lead{font-size:29px}.project-brief p{margin-top:20px}.project-facts{padding:28px;border-radius:8px}.project-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.project-facts dl>div+div{margin:0;padding:0;border:0}.project-facts dl>div:last-child{grid-column:1/-1;border-top:1px solid #cfd1ce;padding-top:22px}.project-facts dd{font-size:11px}.project-facts dt{font-size:7px;margin-bottom:8px}.project-chapters{gap:17px;margin-top:25px!important}.project-chapters>a{font-size:8px}.screen-panorama{margin:0 3%;padding:30px 0 20px;border-radius:8px}.panorama-track{gap:15px;width:225%;margin-left:-62.5%}.panorama-track .case-screen{flex-basis:27%}.panorama-track .panorama-main{flex-basis:46%}.panorama-track img{height:220px}.panorama-track .panorama-main img{height:280px}.visual-caption{font-size:7px;margin:20px 6% 0;gap:25px}.visual-caption>span+span{text-align:right;max-width:140px}.project-story{grid-template-columns:1fr;gap:25px;padding:60px 0 35px}.project-story h2,.project-print h2,.project-outcome h2,.project-next h2,.tour-heading h2{font-size:43px;line-height:1;letter-spacing:-1.2px}.project-story h2{margin-top:20px}.project-story>div+div{padding-top:0}.project-story p+p{margin-top:18px}.identity-pair{grid-template-columns:1fr;gap:18px}.identity-pair figure{min-height:370px}.identity-signature{padding:38px}.identity-signature>img{width:78%}.identity-signature>p{font-size:32px;margin-top:35px}.identity-pair figcaption{font-size:8px;left:25px;bottom:23px}.identity-place{height:400px}.full-screen-presentation{padding:17px;border-radius:8px}.full-screen-presentation figcaption{font-size:8px;margin-top:17px}.paired-screen-presentation{grid-template-columns:1fr;gap:20px}.paired-screen-presentation>figure{padding:18px;border-radius:8px}.paired-screen-presentation figcaption{font-size:8px;margin-top:17px}.people-presentation>figure+figure{margin-top:0}.screen-enlarge{opacity:1;width:27px;height:27px;font-size:14px;right:10px;bottom:10px}.project-tour{padding:60px 0}.tour-heading{display:block;margin-bottom:28px}.tour-heading>p{margin-top:25px;max-width:none}.tour-heading>p>span{font-size:9px}.tour-heading h2{margin-top:20px}.tour-start{font-size:8px;gap:15px}.tour-start>span{width:44px;height:44px;font-size:18px}.project-print{grid-template-columns:1fr;gap:25px;padding:40px 0 55px}.project-print>div+div{padding-top:0}.project-print h2{margin-top:20px}.project-scope{font-size:9px;margin-top:25px;padding-top:22px}.project-outcome{padding:50px 0 55px;text-align:left}.project-outcome h2{margin-top:20px}.project-outcome p{margin:25px 0}.project-next{grid-template-columns:1fr;padding:30px 0 50px;gap:25px}.project-back{font-size:9px;margin-bottom:8px}.project-next h2{margin-top:20px}.project-next>.underlined-link{justify-self:start}.case-redesign .studio-footer{padding:60px 6% 28px}.studio-footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-brand .logo{width:125px}.footer-brand p{margin-top:24px}.footer-brand>span{margin-top:16px}.footer-label{font-size:7px;margin-bottom:22px}.footer-contact{grid-column:1/-1;border-top:1px solid #354052;padding-top:25px}.footer-contact .line-link{display:table;margin-top:20px}.footer-bottom{font-size:7px;gap:15px;padding-top:23px}.footer-bottom>span:nth-child(2){display:none}.case-redesign .dialog-content h2{font-size:43px}.case-image-dialog{padding:45px 12px 15px;width:95vw;max-width:95vw}}
@media(prefers-reduced-motion:reduce){.screen-enlarge{transition:none}html:has(.case-redesign){scroll-behavior:auto}}
/* Four clean result cards, ready for verified post-launch figures. */
.project-metrics{padding:0 0 65px}.metrics-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #354052;padding-top:30px;margin-bottom:28px}.case-redesign .metrics-heading h2{font-size:38px;line-height:1.1;letter-spacing:-.02em;margin-top:14px}.metrics-status{font-size:9px;line-height:1.7;letter-spacing:.6px;text-transform:uppercase;color:#a69a85;margin-bottom:5px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}.metric-card{background:#f5f4ef;border:1px solid #ffffff14;border-radius:15px;padding:35px 25px 28px;min-height:225px;color:#26303d;display:flex;flex-direction:column;justify-content:flex-end;gap:17px}.metric-card dt{order:2;font-size:var(--body-size);line-height:1.6;min-height:45px}.metric-card dd{order:1;margin:0;font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:82px;font-weight:300;letter-spacing:-.055em;line-height:.9;color:#6f7782;font-variant-numeric:lining-nums tabular-nums}.metric-card dd>span{font-size:.7em;letter-spacing:-.02em;margin-left:2px}.case-redesign .metrics-note{font-size:9px;line-height:1.8;color:#8f99aa;margin-top:20px}
@media(min-width:651px) and (max-width:1000px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:205px}.metric-card dt{min-height:0}}
@media(max-width:650px){.project-metrics{padding-bottom:40px}.metrics-heading{display:block;padding-top:25px;margin-bottom:22px}.case-redesign .metrics-heading h2{font-size:32px;line-height:1.05}.metrics-status{display:block;font-size:8px;margin-top:16px;margin-bottom:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{border-radius:11px;min-height:175px;padding:25px 18px 20px;gap:15px}.metric-card dd{font-size:61px}.metric-card dt{min-height:38px;font-size:12px;line-height:1.6}.case-redesign .metrics-note{font-size:8px;margin-top:17px}}
/* Rolling digits preserve a fixed layout and an unchanged accessible value. */
.metric-card dd{display:flex;align-items:baseline;line-height:1;white-space:nowrap}
.metric-card dd>.metric-odometer{display:inline-flex;font-size:1em;letter-spacing:0;margin:0;line-height:1;vertical-align:baseline}
.metric-roll-window{display:block;width:.69em;height:1em;overflow:hidden;line-height:1}
.metric-roll-track{display:block;transform:translate3d(0,-20em,0);line-height:1}
.metric-roll-track>span{display:block;height:1em;line-height:1;text-align:center;white-space:nowrap}
.metric-card dd>.metric-suffix{display:inline-block;font-size:.7em;line-height:1;letter-spacing:-.02em;margin-left:2px}
@media(prefers-reduced-motion:reduce){.metric-roll-track{transform:translate3d(0,-20em,0)}}

/* Shared homepage type scale; screenshots always retain their original proportions. */
.case-redesign{--display-heading:clamp(48px,5.7vw,91px);--secondary-heading:clamp(36px,4.2vw,66px);--display:var(--display-heading)}
.case-redesign .project-opening h1{font-size:calc(var(--display-heading)*1.15);line-height:.98;max-width:1400px;text-wrap:balance}
.case-redesign .project-story h2,.case-redesign .project-print h2,.case-redesign .project-outcome h2,.case-redesign .project-next h2,.case-redesign .tour-heading h2,.case-redesign .dialog-content h2{font-size:var(--display-heading);line-height:.98;letter-spacing:-.035em}
.case-redesign .metrics-heading h2{font-size:var(--secondary-heading)}
.case-redesign .project-facts dd,.case-redesign .footer-brand p,.case-redesign .footer-brand>span,.case-redesign .footer-contact p,.case-redesign .footer-email,.case-redesign .footer-navigation>a,.case-redesign .footer-capabilities>a,.case-redesign .dialog-content label,.case-redesign .dialog-content input,.case-redesign .dialog-content select,.case-redesign .dialog-content textarea{font-size:var(--body-size);line-height:1.85}
.case-redesign .contact-link,.case-redesign .underlined-link,.case-redesign .line-link,.case-redesign .dialog-content .solid{font-size:var(--action-size);line-height:1.5;letter-spacing:.7px}
.panorama-track{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:25px;width:auto;margin:0 4%;align-items:center}
.case-redesign .case-screen img,.panorama-track .panorama-main img,.paired-screen-presentation .case-screen img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;width:100%}
.cinema-scroll-scene{--cinema-progress:0;--cinema-top:80px;--cinema-start:min(650px,calc(100svh - var(--cinema-top)));height:calc(100svh - var(--cinema-top) + 70vh);position:relative}
.cinema-scroll-scene .project-cinema{position:sticky;top:var(--cinema-top);margin:0 calc(4% * (1 - var(--cinema-progress)));height:calc(var(--cinema-start) + (100svh - var(--cinema-top) - var(--cinema-start)) * var(--cinema-progress));border-radius:calc(12px * (1 - var(--cinema-progress)));will-change:height,margin,border-radius}
@media(min-width:651px) and (max-width:1000px){.case-redesign{--display-heading:61px;--secondary-heading:46px}}
@media(max-width:650px){.case-redesign{--display-heading:49px;--secondary-heading:38px;--action-size:9px}.cinema-scroll-scene{--cinema-top:70px;--cinema-start:min(480px,calc(100svh - var(--cinema-top)))}.panorama-track{grid-template-columns:1fr;gap:22px;margin:0 6%}.panorama-side{display:block}.panorama-track .panorama-main{grid-row:1}.screen-panorama{padding-top:25px}.project-opening h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cinema-scroll-scene{height:auto}.cinema-scroll-scene .project-cinema{position:relative;top:0;height:var(--cinema-start);margin:0 4%;border-radius:12px;will-change:auto}}

/* A spacious, manually navigated desktop collection. */
.screen-panorama{padding:55px 0 40px;min-height:690px;display:flex;flex-direction:column;justify-content:center;background:#eeece5}
.showcase-heading,.showcase-bottom{margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#6e726f}
.showcase-heading{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:80px}
.panorama-track{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);gap:30px;margin:0 4%;width:auto;align-items:center}
.panorama-track .panorama-main,.panorama-preview{border-radius:7px;box-shadow:0 18px 35px #0f152121;border:1px solid #c9cbc7;overflow:hidden;background:#fcfcfa}
.panorama-preview{display:block;position:relative;width:100%;padding:0;cursor:pointer;text-align:left;transition:transform .4s,box-shadow .4s;opacity:.78}
.panorama-preview:hover{transform:translateY(-6px);box-shadow:0 24px 40px #0f15212b;opacity:1}
.panorama-preview img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.desktop-chrome{display:block;padding:5px 11px;background:#f8f8f5;color:#b9bdb7;letter-spacing:3px;font:10px Arial,sans-serif;line-height:12px;border-bottom:1px solid #e0e2dd}
.panorama-preview .desktop-chrome{font-size:7px;line-height:8px;padding:4px 7px}
.preview-direction{position:absolute;inset:auto 0 0;background:#0f1521d9;color:#f4f1eb;text-align:center;padding:10px;font-size:8px;letter-spacing:.5px;opacity:0;transition:opacity .3s}.panorama-preview:hover .preview-direction,.panorama-preview:focus-visible .preview-direction{opacity:1}
.showcase-bottom{margin-top:65px}.showcase-caption{display:flex;gap:30px;align-items:center}.showcase-count{font-size:9px;letter-spacing:1px;color:#8a8b82}.showcase-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;color:#38414a;font-weight:300}
.showcase-controls{display:flex;gap:12px}.showcase-controls button{border:1px solid #a9afa9;color:#4b555b;border-radius:50%;width:43px;height:43px;font-size:18px;display:grid;place-items:center;transition:background .25s}.showcase-controls button:hover{background:#dedfd7}
.case-redesign .showcase-hint{margin:16px 5% 0;font-size:9px;color:#8a8c83}
/* A client letter, rather than a conventional quote card. */
.case-testimonial{margin:100px 4%;padding:80px 6%;background:#eeece5;border-radius:10px;display:grid;grid-template-columns:1fr 2.4fr;gap:10%;color:#29323e}
.testimonial-note{display:flex;flex-direction:column;align-items:start;gap:35px;border-top:1px solid #bfc2ba;padding-top:24px;font-size:var(--body-size);line-height:1.85;color:#727970}
.testimonial-note .project-eyebrow{color:#84755f}.testimonial-placeholder{margin-top:auto;padding-top:40px;font-size:8px;letter-spacing:.7px;text-transform:uppercase;line-height:1.8;color:#96988b}
.testimonial-mark{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:100px;line-height:.7;color:#a89d88;height:65px}
.testimonial-letter blockquote{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-weight:300;font-size:clamp(32px,3.5vw,54px);line-height:1.12;letter-spacing:-.02em;margin:0;color:#29323e}
.testimonial-letter em{color:#88775f}.testimonial-signoff{display:flex;gap:22px;align-items:center;margin-top:38px;font-size:var(--body-size);line-height:1.8}.testimonial-signoff>div>span{display:block}.testimonial-signoff>div>span+span{font-size:10px;color:#8b8f83;margin-top:4px}.signoff-rule{width:35px;height:1px;background:#a79b85}.case-redesign .testimonial-draft-note{font-size:8px;color:#92978b;margin:22px 0 0 57px}
@media(max-width:1000px){.panorama-track{gap:18px}.screen-panorama{min-height:580px}.case-testimonial{gap:7%;padding:60px 5%}}
@media(max-width:650px){.screen-panorama{min-height:0;padding:30px 0}.showcase-heading{font-size:7px;gap:15px;margin:0 6% 40px}.panorama-track{grid-template-columns:minmax(0,1fr) minmax(0,5fr) minmax(0,1fr);gap:9px;margin:0 3%}.panorama-track .panorama-main{grid-row:auto;grid-column:2}.panorama-previous{grid-column:1;grid-row:1}.panorama-next{grid-column:3;grid-row:1}.panorama-preview .desktop-chrome{height:5px;padding:0;font-size:0;line-height:0}.desktop-chrome{font-size:7px;padding:3px 7px;line-height:9px}.preview-direction{display:none}.showcase-bottom{margin:35px 6% 0}.showcase-caption{gap:12px;align-items:start;flex-direction:column}.showcase-count{font-size:8px}.showcase-title{font-size:25px}.showcase-controls{gap:8px}.showcase-controls button{width:35px;height:35px;font-size:16px}.case-redesign .showcase-hint{font-size:8px;margin:20px 6% 0;max-width:220px}.case-testimonial{margin:60px 3%;padding:40px 7%;grid-template-columns:1fr;gap:40px}.testimonial-note{gap:15px;padding-top:20px}.testimonial-note>span:nth-child(2){display:none}.testimonial-placeholder{padding:0;margin:0;font-size:7px}.testimonial-mark{font-size:80px;height:48px}.testimonial-letter blockquote{font-size:34px;line-height:1.12}.testimonial-signoff{gap:15px;margin-top:28px}.testimonial-signoff>div>span+span{font-size:9px}.signoff-rule{width:25px}.case-redesign .testimonial-draft-note{margin-left:40px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.panorama-preview,.showcase-controls button,.preview-direction{transition:none}}