/* One restrained accent runs through the navigation, rules and actions. */
.home.refined{--accent:#ae9e84;--accent-light:#cfbfaa}.refined .hero-description{max-width:620px;margin-left:auto;margin-right:auto}.refined .line-link,.refined .text-link,.refined .contact-link{border-color:#ae9e8470}.refined .line-link>span,.refined .text-link>span{color:var(--accent)}.refined .dark-chapter .line-link>span,.refined .dark-chapter .text-link>span,.refined .footer-contact .line-link>span{color:var(--accent-light)}.refined .footer-label,.refined .discipline-copy>.eyebrow,.film-project-category{color:var(--accent-light)}.refined .section-index>span:first-child,.intro-disciplines{color:#8c8170}.refined .dark-chapter .section-index>span:first-child{color:#c1b39c}.refined nav a:after{background:var(--accent)}.refined .contact-link:hover{border-color:var(--accent)}
/* The film is a project opening, with a consistent edge and a single reading baseline. */
.collection-scene .case-film-brand.film-editorial,.scroll-collection-ready .collection-scene .case-film-brand.film-editorial{position:absolute;inset:0;top:0;bottom:0;left:0;right:0;transform:none;pointer-events:none;text-align:left}
.film-project-topline{position:absolute;left:6%;right:6%;top:calc(35px + var(--feature-progress)*(40% - 35px));height:50px}.film-project-topline>.film-client-logo{position:absolute;left:calc(var(--feature-progress)*50%);top:0;transform:translateX(calc(var(--feature-progress)*-50%));width:calc(150px - var(--feature-progress)*45px);height:auto;max-width:75%;margin:0}.film-project-topline>span{position:absolute;right:0;top:2px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#f3eee5;line-height:1.7;text-align:right;opacity:calc(1 - var(--feature-progress)*2)}.film-project-topline>span>i{font-style:normal;font-size:8px;letter-spacing:.6px;display:block;color:#c9c8c6;margin-top:5px}
.film-project-editorial{position:absolute;left:6%;right:6%;bottom:55px;border-top:1px solid #cfbfaa66;padding-top:30px;display:grid;grid-template-columns:1.45fr 1fr;gap:10%;align-items:end;opacity:calc(1 - var(--feature-progress)*2);transform:translateY(calc(var(--feature-progress)*25px))}.film-project-category{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:24px;line-height:1.5}.film-project-title h2{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-weight:300;font-size:var(--display-heading);letter-spacing:-.035em;line-height:.94;margin:0;color:#f4f0e9}.film-project-title h2 em{letter-spacing:inherit}.film-project-summary{padding-bottom:4px}.film-project-summary>p{font-size:var(--body-size);line-height:var(--reading-leading);color:#e0e1e4;max-width:340px}.film-project-summary>.film-case-link{pointer-events:auto;border-color:#cfbfaa80;color:#f4f0e9;margin-top:24px;gap:28px}.film-project-summary>.film-case-link>span{color:#cfbfaa}
.film-editorial>.film-tile-link{position:absolute;bottom:49px;left:12%;right:12%;pointer-events:auto;text-align:center;font-size:9px;line-height:1.7;text-transform:uppercase;letter-spacing:.7px;opacity:calc(var(--feature-progress)*2 - 1);color:#f4f0e9}.film-tile-link>span{margin-left:10px;color:#cfbfaa}.film-tile-link:focus-visible{outline:1px solid white;outline-offset:5px}
.collection-scene .case-film-tint{background:linear-gradient(180deg,#0f152140 0%,#0f152100 35%,#0f15214d 60%,#0f1521d9 100%)}
/* Actual website details give the atmospheric film a tangible design counterpart. */
.case-design-details{display:grid;grid-template-columns:1.4fr 1fr;gap:5%;align-items:start;margin:15px 2% 65px}.case-design-details figure{margin:0}.design-detail-image{background:#edf0ed;overflow:hidden;padding:25px}.design-detail-image img{width:100%;height:330px;object-fit:cover;object-position:top;box-shadow:0 4px 24px #0f152112;transition:transform .7s}.case-design-details a:hover img{transform:scale(1.025)}.design-detail-secondary{padding-top:65px}.design-detail-secondary .design-detail-image{padding:20px}.design-detail-secondary img{height:250px;object-position:center}.case-design-details figcaption{display:flex;flex-direction:column;gap:7px;margin-top:19px;font-size:10px;line-height:1.7;color:#9298a1}.case-design-details figcaption>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#777b83}
.client-challenges{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;border-top:1px solid #3a4352;padding-top:55px;margin-top:65px}.client-challenges>.eyebrow,.client-challenges .eyebrow{font-size:9px;color:#bfb29c}.client-challenges h3{font-size:var(--secondary-heading);line-height:1;letter-spacing:-.03em;margin-top:23px;font-weight:300}.client-challenges>div>p{font-size:var(--body-size);line-height:var(--reading-leading);color:#aeb5c0;margin-top:25px;max-width:310px}.challenge-questions details{border-bottom:1px solid #3a4352}.challenge-questions details:first-child{border-top:1px solid #3a4352}.challenge-questions summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;font-size:var(--body-size);line-height:1.6;padding:23px 0;color:#e2e4e7}.challenge-questions summary::-webkit-details-marker{display:none}.challenge-questions summary>span{font-family:Arial,sans-serif;font-size:19px;color:#c1b39c;transition:transform .3s}.challenge-questions details[open] summary>span{transform:rotate(45deg)}.challenge-questions details>p{font-size:var(--body-size);line-height:var(--reading-leading);color:#aeb5c0;padding-bottom:25px;max-width:450px}
@media(max-width:1000px) and (min-width:761px){.film-project-editorial{gap:6%;grid-template-columns:1.2fr 1fr}.film-project-title h2{font-size:var(--display-heading)}.case-design-details{gap:4%}.design-detail-image img{height:280px}.design-detail-secondary img{height:210px}}
@media(max-width:760px){.collection-scene{padding-top:570px}.refined .collection-scene .case-film-stage{height:570px}.film-project-topline{top:30px;left:7%;right:7%}.film-project-topline>.film-client-logo{width:130px;left:0;transform:none}.film-project-topline>span{font-size:7px;max-width:105px;letter-spacing:.7px}.film-project-topline>span>i{font-size:6px;letter-spacing:.4px}.film-project-editorial{left:7%;right:7%;bottom:40px;grid-template-columns:1fr;gap:25px;padding-top:25px}.film-project-category{font-size:8px;margin-bottom:18px;letter-spacing:1px}.film-project-title h2{font-size:var(--display-heading);line-height:.95}.film-project-summary>p{max-width:320px}.film-project-summary>.film-case-link{margin-top:16px}.film-editorial>.film-tile-link{display:none}.collection-scene .case-film-controls{bottom:20px;right:6%}.case-design-details{grid-template-columns:1fr;gap:30px;margin:5px 6% 40px}.design-detail-image{padding:16px}.design-detail-image img{height:250px}.design-detail-secondary{padding-top:0;margin-left:12%!important}.design-detail-secondary .design-detail-image{padding:14px}.design-detail-secondary img{height:200px}.case-design-details figcaption{margin-top:14px;font-size:9px}.case-design-details figcaption>span:first-child{font-size:8px}.client-challenges{grid-template-columns:1fr;gap:30px;margin-top:45px;padding-top:35px}.client-challenges h3{margin-top:18px}.client-challenges>div>p{margin-top:20px;max-width:none}.challenge-questions summary{padding:20px 0;gap:20px}.challenge-questions details>p{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.design-detail-image img,.challenge-questions summary>span{transition:none}}

/* The client mark is revealed only as the film settles into its portrait tile. */
.film-project-topline>.film-portrait-logo{opacity:clamp(0,calc((var(--feature-progress) - .65) / .35),1);pointer-events:none}
@media(max-width:760px){.film-project-topline>.film-portrait-logo{display:none}}