/* Cinema: atmospheric arrival, light and spacious project storytelling. */
.cinema-refined{background:#fafbf8;color:#203432}.cinema-refined .site-header{height:96px}.cinema-refined .cinema-hero{color:#f4f6f0}.cinema-refined .cinema-title{top:21%}.cinema-refined .cinema-hero .kicker{color:#f2f5ee}.cinema-refined .manifesto{background:#fafbf8;padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:.45fr 1fr;gap:30px 6%}.cinema-refined .manifesto .kicker{max-width:200px;padding-top:10px;color:#66716a}.cinema-refined .manifesto h2{font-size:clamp(38px,4.5vw,68px);margin-bottom:0}.cinema-refined .manifesto em{color:#496f5e}.cinema-refined .manifesto>p:last-child{grid-column:2;margin:0;max-width:630px;color:#536a60;font-size:17px}.cinema-refined .services{background:#edf1e9;color:#203432}.cinema-refined .services em,.cinema-refined .process em,.cinema-refined .faq em{color:#496f5e}.cinema-refined .process{background:#fafbf8}.cinema-refined .process p,.cinema-refined details p{color:#536a60}.cinema-refined .process-grid article,.cinema-refined details,.cinema-refined .faq{border-color:#d5dfd4}.cinema-refined .process-grid>article>span{color:#496f5e}.cinema-refined .contact{background:#183e39}.cinema-refined .contact em{color:#d2dcc1}.cinema-refined .contact-note a{border-bottom:1px solid #b1ccc5}.cinema-refined .tour-section{background:#e6ece3;padding-top:90px;padding-bottom:95px}.tour-heading,.projects-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}.tour-heading h2,.projects-heading h2{margin-bottom:0}.tour-heading>p,.projects-heading>p{max-width:360px;font-size:16px;color:#54685e;margin-bottom:4px}.tour-heading em,.projects-heading em{color:#496f5e}.tour-layout{display:grid;grid-template-columns:.7fr 1.4fr;background:#f9faf7}.tour-details{padding:38px 34px}.project-label{font-size:11px;letter-spacing:1.3px;line-height:1.65;color:#527261}.tour-details h3{font:36px/1.12 Georgia,serif;letter-spacing:-1.2px;margin:28px 0 24px}.tour-details>p{font-size:15px;color:#52695e}.tour-details ol{list-style:none;padding:0;margin:26px 0}.tour-details li{font-size:13px;padding:12px 0;border-top:1px solid #d8e0d4}.tour-details li span{font-size:11px;color:#7b8c7d;margin-right:12px}.tour-details .project-origin{font-size:12px;color:#71816f;margin-bottom:0}.tour-player{display:flex;flex-direction:column;min-width:0;background:#122d28}.tour-stage{position:relative;min-height:475px;flex:1}.tour-poster{position:absolute;inset:0;overflow:hidden}.tour-poster>img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.tour-poster-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#132c26d9,#132c260d)}.tour-start-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#fff}.tour-symbol{font:italic 76px/1 Georgia,serif;letter-spacing:-3px;margin-bottom:25px}.tour-start-panel button{font:15px Arial,sans-serif;background:#f2f5e9;color:#244138;border:0;padding:19px 27px;cursor:pointer}.tour-start-panel button span{margin-left:25px;font-size:22px}.tour-start-panel button:hover{background:#dce9c9}.tour-start-panel p{max-width:270px;font-size:12px;line-height:1.6;color:#f2f4ec;margin:20px 0 0}.tour-stage iframe{position:absolute;width:100%;height:100%;inset:0;border:0;background:#142923}.tour-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;color:#d3dfd6;padding:15px 20px;font-size:12px;min-height:62px}.tour-toolbar p{margin:0;flex:1;min-width:150px;font-size:12px}.tour-toolbar a{border-bottom:1px solid #8da294;white-space:nowrap}.tour-toolbar button{border:0;border-bottom:1px solid #8da294;background:none;color:inherit;font:12px Arial,sans-serif;padding:0;cursor:pointer}.tour-player button:focus-visible{outline:3px solid #dcb551;outline-offset:5px}.project-section{background:#fafbf8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.project-photo{display:block;aspect-ratio:1;position:relative;overflow:hidden;background:#e4eadf}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-photo:hover img{transform:scale(1.035)}.project-photo>span{position:absolute;right:18px;bottom:18px;background:#f9fbef;width:43px;height:43px;display:grid;place-items:center;font-size:25px;color:#254237}.project-card .project-label{margin:26px 0 13px}.project-card h3{font-size:26px;line-height:1.2;min-height:62px;margin-bottom:16px}.project-card>p:not(.project-label){font-size:15px;line-height:1.75;color:#586d61;margin-bottom:25px}.project-card{display:flex;flex-direction:column;min-width:0}.project-link{margin-top:auto;font-size:14px;border-bottom:1px solid #53785e;padding-bottom:7px;align-self:flex-start}.portfolio-note{font-size:12px;margin:38px 0 0;color:#748471}.portfolio-note a{border-bottom:1px solid #99aa95}
@media(max-width:1050px){.tour-layout{grid-template-columns:.8fr 1.2fr}.tour-details{padding:30px 24px}.tour-heading,.projects-heading{gap:30px}.tour-heading>p,.projects-heading>p{max-width:285px}.project-grid{gap:23px}.project-card h3{font-size:24px}.tour-stage{min-height:490px}.cinema-refined .manifesto{grid-template-columns:.35fr 1fr;gap:20px 4%}}
@media(max-width:700px){.cinema-refined .site-header{height:auto}.cinema-refined .manifesto{display:block;padding:60px 7%}.cinema-refined .manifesto .kicker{max-width:none;padding-top:0}.cinema-refined .manifesto h2{font-size:38px;margin-bottom:30px}.cinema-refined .manifesto>p:last-child{font-size:16px}.cinema-refined .tour-section{padding:55px 6%}.tour-heading,.projects-heading{display:block;margin-bottom:30px}.tour-heading>p,.projects-heading>p{max-width:none;margin-top:25px}.tour-heading h2,.projects-heading h2{font-size:39px}.tour-layout{display:flex;flex-direction:column}.tour-details{padding:27px 24px}.tour-details h3{font-size:32px;margin:20px 0}.tour-details ol{margin:22px 0}.tour-stage{min-height:440px}.tour-toolbar{padding:15px;gap:15px}.tour-toolbar p{width:100%;flex-basis:100%}.project-grid{grid-template-columns:1fr;gap:48px}.project-card h3{min-height:0;font-size:28px}.project-card .project-label{margin-top:22px}.project-card>p:not(.project-label){font-size:16px}.portfolio-note{font-size:12px}.cinema-refined .cinema-hero .kicker{font-size:10px}.cinema-refined .cinema-title{top:20%}}
