/* Grin / noir. A scene, a warm page and the occasional red interruption. */
:root{--paper:#e9e4da;--white:#fffaf1;--ink:#292724;--muted:#615b54;--wine:#782a3d;--line:#c3b7a9;--noir:#1e2020;--tobacco:#3a302a;--rust:#ef9275;--smoke:#c9c4b8}
.cover{background:var(--noir);border-radius:0 0 48px 48px}
.page-home .header:before{background:var(--noir)}
.page-home .header .header-contact,.page-home .header .menu-button{border-color:#73716c}
.cover .hero-title>.eyebrow{color:#c9c4b8}
.cover .hero h1{color:var(--white)}
.cover .hero h1 span{color:var(--rust)}
.hero-art{margin-right:16px}
.portrait-arch{border-radius:120px 28px 28px 28px;background:var(--noir)}
.portrait-arch img{filter:grayscale(1) contrast(1.12);object-position:27% center}
.hero-art:before{display:none}
.hero-photo-link{transform:rotate(0);border-radius:22px;box-shadow:none!important}
.cover .hero-photo-link{background:#ad4c36;color:#fffaf1}
.hero-photo-link:hover{transform:translateY(-4px)}
.hero-photo-link img{filter:grayscale(1);border-radius:15px}
.cover .hero-manifest strong{color:var(--white);text-decoration-color:var(--rust)}
.cover .hero-action{color:var(--white);border-color:#8b7970}
.cover .intro-lead{color:#f0ebe3}
.cover .why p{color:#c9c4bb}
.page-home .experience{background:var(--paper)}
.experience-photo{border-radius:28px!important;transform:rotate(0)}
.experience-photo img{filter:grayscale(1) contrast(1.06)}
.other-sides .text-link:hover{color:#572133}
.gatsby-wrap{background:var(--tobacco);color:var(--white);border-radius:46px 46px 0 0}
.gatsby{padding-top:95px;padding-bottom:95px}
.gatsby-quote .eyebrow,.quote-sign{color:#efb49d}
.film-link{display:flex;width:fit-content;color:var(--white);font-size:15px;margin-top:25px;border-color:#99786b}
.film-link:hover{color:#efb49d}
.gatsby-scene{transform:rotate(-3deg)}
.gatsby-scene img{border-radius:100px 25px 25px 25px;filter:saturate(.55)}
.gatsby-scene:before{border-color:#7c685b;border-radius:100px 25px 25px 25px}
.handwritten{background:#1e2020;border:1px solid #9d6b59;border-radius:22px;transform:rotate(3deg)}
.selected{background:#d1ccc2;border-radius:0;padding-top:90px}
.selected .section-heading{border-bottom:1px solid #aaa092;padding-bottom:38px}
.preview-grid .case-card:first-child .case-image{border-radius:60px 26px 26px 26px}
.case-image{border-radius:26px}
.case-image img{filter:saturate(.83)}
.all-stories{border-color:#a89b8c}
.all-stories>span{color:#62574b}
.offer-grid{gap:28px}
.offer{border-radius:28px;border-color:#bdb3a5;background:#e1ddcf}
.offer-2{background:#302f2b;border-color:#302f2b;color:var(--white)}
.offer-3{background:#6e283b;border-color:#6e283b;color:var(--white)}
.offer-4{background:#c6b49b;border-color:#c6b49b}
.offer-top{border-bottom:1px solid #b6aa97;padding-bottom:17px;margin-bottom:24px}
.offer-2 .offer-top,.offer-3 .offer-top{color:#efcbb7;border-color:#8b716a}
.offer-2 .offer-audience,.offer-3 .offer-audience{color:#e3d3c9}
.offer-audience{color:#493d32}
.offer-photo{border-radius:22px;height:235px;margin-top:20px}
.offer-photo img{filter:saturate(.82);object-position:50% 45%}
.offer-1 .offer-photo img{object-position:48% 42%}
.offer-2 .offer-photo img{object-position:50% 50%}
.offer-4 .offer-photo img{object-position:50% 50%;filter:grayscale(1) contrast(1.08)}
.offer-2 .offer-points li:before,.offer-3 .offer-points li:before{background:#edb49a}
.offer-2 .button,.offer-3 .button{background:var(--paper);color:#372728}
.offer-2 .button:hover,.offer-3 .button:hover{background:#f1c1a9}
.finale{background:#2e2727;border-radius:48px 48px 0 0}
.finale-portrait{height:670px;transform:rotate(0);border-radius:110px 26px 26px 26px}
.finale-portrait img{filter:grayscale(1) contrast(1.12);object-position:58% 65%;transform:scale(1.55);transform-origin:58% 50%}
.finale .eyebrow{color:#dca58f}
.finale h2 em{color:#efb49d}
.finale blockquote{color:#d3c6bc}
.finale .last-line{color:var(--white)}
.finale .button{background:var(--wine);color:var(--white)}
.finale .button:hover{background:#9a3c50}
.footer{background:var(--noir);color:#e8e2d8;border-top:1px solid #56423b}
.footer .brand-mark{color:var(--white)}
.footer-bottom,.footer nav{border-color:#5a5149}
.footer-bottom{color:#c4b9ac}
.footer a:hover{color:#f1b99e}
.cinema{background:#333330;color:var(--white);border-radius:36px}
.portrait-video{background:#4b3b36}
.cinema-title>span{color:#d2bfb0}
.next-case{background:#cfccbf;border-radius:40px 40px 0 0}
.photo-button{border-radius:18px}
.portfolio-grid .case-card:nth-child(4n+2) .case-image{border-radius:80px 25px 25px 25px}
.portfolio-grid .case-card:nth-child(4n+3) .case-image{border-radius:25px 25px 70px 25px}
body[data-version="grin-v3"] .hqhub-return{display:none!important}
@media(max-width:1100px){.finale-portrait{height:560px}.offer-photo{height:195px}}
@media(max-width:840px){.offer-photo{height:180px}.finale-portrait{height:480px}.gatsby{padding-top:80px;padding-bottom:80px}.portrait-arch{border-radius:90px 24px 24px 24px}}
@media(max-width:600px){
 .cover{border-radius:0 0 32px 32px}
 .hero-art{margin-right:0}
 .portrait-arch{border-radius:100px 24px 24px 24px}
 .hero-photo-link{right:-5px;width:235px}
 .experience-photo{border-radius:24px!important;transform:rotate(0)}
 .gatsby-wrap{border-radius:32px 32px 0 0}
 .gatsby{padding-top:65px;padding-bottom:75px}
 .gatsby-scene img,.gatsby-scene:before{border-radius:80px 22px 22px 22px}
 .selected{padding-top:60px}
 .selected .section-heading{padding-bottom:25px}
 .preview-grid .case-card:first-child .case-image{border-radius:65px 24px 24px 24px}
 .offer{border-radius:25px;padding:25px}
 .offer-top{padding-bottom:15px;margin-bottom:20px}
 .offer-photo{height:205px;border-radius:20px;margin-top:25px}
 .finale{border-radius:32px 32px 0 0}
 .finale-portrait{height:430px;width:88%;border-radius:90px 24px 24px 24px}
 .cinema{border-radius:26px}
 .next-case{border-radius:32px 32px 0 0}
 .next-photo{border-radius:70px 24px 24px 24px}
 .portfolio-grid .case-card:nth-child(4n+2) .case-image{border-radius:70px 24px 24px 24px}
 .portfolio-grid .case-card:nth-child(4n+3) .case-image{border-radius:24px 24px 60px 24px}
}