.nav-switch{font-size:12px;border-bottom:1px solid #d9dfc74d;padding-bottom:3px}.product-films{display:grid;grid-template-columns:.7fr 1fr;gap:6vw;max-width:1000px;margin:auto;align-items:start}.product-films .film-card:nth-child(2){padding-top:90px}.motion-room{background:#341044}.motion-films{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.motion-films .film-card:nth-child(2){padding-top:70px}.motion-films .film-card:nth-child(3){padding-top:140px}.motion-room .film-screen{background:#431653}.motion-room .film-brand,.motion-room figcaption p{color:#dfcce5}.room-index>div{gap:clamp(15px,2vw,35px)}
.static-room{background:#f8f9f5;color:#21382c}.static-room .film-nav{border-color:#cdd6c8}.static-room .film-nav img{filter:none}.static-room .nav-room{color:#52684e}.static-room .nav-contact,.static-room .nav-switch{border-color:#a7b49e}.static-intro{padding-top:55px}.static-intro .intro-top{color:#4e654a}.static-heading{display:grid;grid-template-columns:1.4fr .7fr;gap:70px;align-items:end;margin:35px 0 60px}.static-heading h1{font-size:clamp(75px,9vw,165px)}.static-heading h1 em{color:#bb5a27}.static-heading>div>p{font-size:clamp(18px,1.6vw,27px);line-height:1.4}.static-heading>div>span{display:block;font-size:13px;color:#5e6a58;margin:20px 0}.static-heading>div>a{font-size:13px;border-bottom:1px solid #84997b;padding-bottom:6px;display:inline-block}.art-roles{display:flex;justify-content:space-between;gap:25px;border-block:1px solid #bfcdb8;padding:22px 0;margin-bottom:65px}.art-roles span{font:600 clamp(16px,1.4vw,25px)/1.2 var(--display)}.art-roles b{font:500 10px var(--body);color:#a54f25;padding-right:14px;vertical-align:middle}.art-toolbar{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #c4d0bc}.art-filters{display:flex;gap:8px}.art-filters button{padding:13px 18px;border-radius:6px;color:#294a34;border:1px solid #b7c5ad;background:transparent;font-size:13px;min-height:46px;display:flex;gap:24px;align-items:center}.art-filters button[aria-pressed=true]{background:#254a35;color:#fff9df;border-color:#254a35}.art-filters button span{color:#b36a30;font-size:18px}.art-filters button[aria-pressed=true] span{color:#edc36e}.brand-control{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:11px}.brand-control select{border:0;border-bottom:1px solid #819576;background:transparent;color:#21382c;font:inherit;font-size:13px;padding:12px 25px 12px 2px;min-height:44px;border-radius:0}#art-count{font-size:11px;color:#5c6d55;min-width:95px}.art-instruction{font-size:11px;color:#68765e;margin:18px 0 35px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 28px;align-items:start}.art-card{min-width:0}.art-card[hidden]{display:none}.art-card:nth-child(3n+2){padding-top:55px}.art-open{border:0;padding:0;background:transparent;display:block;width:100%;text-align:left;color:#fff}.art-frame{position:relative;display:block;background:#e3e8dc;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px #172b1510}.art-frame img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.art-open:hover img{transform:scale(1.018)}.art-chip{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#172b20ee;color:#fffce8;border-radius:4px;font-size:10px;letter-spacing:.03em;box-shadow:0 2px 8px #0002}.art-caption{padding:20px 4px 0}.art-caption>span{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#5c7152;margin-bottom:11px}.art-caption h3{font:650 clamp(24px,2vw,35px)/1.08 var(--display);letter-spacing:-.025em}.art-caption p{font-size:13px;color:#5b6b54;margin-top:10px;max-width:350px;line-height:1.5}#art-empty{padding:45px 0;color:#5b6b54}.static-close{padding-block:110px 90px;border-top:1px solid #c3d0ba;margin-top:95px}.static-close .eyebrow{color:#a44e25;margin-bottom:25px}.static-close h2{font-size:clamp(45px,6vw,95px)}.static-close>p:not(.eyebrow){font-size:18px;max-width:500px;margin:30px 0}.static-close>a{font-size:17px;border-bottom:1px solid #4d7046;padding:12px 0;display:inline-block}.static-room footer{background:#21382c;color:#d1dfc8}.static-room footer>a{color:white}
#art-viewer{width:min(1250px,95vw);max-width:none;max-height:94svh;overflow:auto;border:1px solid #becbb4;padding:24px;border-radius:14px;background:#f8f9f5;color:#21382c}#art-viewer::backdrop{background:#07150ce3;backdrop-filter:blur(12px)}.art-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.art-viewer-bar button{border:1px solid #a9b99d;color:#21382c;background:transparent;border-radius:24px;padding:10px 15px;font-size:12px;min-height:44px}.art-viewer-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px}.art-canvas{min-width:0}.art-canvas>img{width:100%;height:min(70svh,780px);object-fit:contain}.slide-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px;border-top:1px solid #c4d0ba;padding-top:10px;font-size:12px}.slide-controls button{border:1px solid #9aad8e;background:transparent;color:#21382c;border-radius:50%;height:44px;width:44px;font-size:20px}.slide-controls button:disabled{opacity:.25}.art-notes h2{font-size:clamp(32px,4vw,57px);margin:20px 0}.art-notes>p:not(.eyebrow){font-size:16px;color:#56694f}.art-notes .eyebrow{color:#aa542b}.art-notes>span{display:block;font-size:10px;color:#60745b;margin-top:25px}#art-thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}#art-thumbs button{width:45px;height:56px;padding:0;border:2px solid transparent;background:#e0e6d8;opacity:.7;border-radius:3px;overflow:hidden}#art-thumbs button[aria-current=true]{border-color:#aa542b;opacity:1}#art-thumbs img{width:100%;height:100%;object-fit:contain}body.art-opened{overflow:hidden}
@media(max-width:1100px){.art-toolbar{gap:18px}.art-filters button{padding:10px 13px;gap:15px}.art-grid{gap:40px 20px}.static-heading{gap:40px}.motion-films{gap:22px}.motion-films .film-card:nth-child(2){padding-top:40px}.motion-films .film-card:nth-child(3){padding-top:80px}}
@media(max-width:760px){.nav-switch{font-size:10px;margin-left:auto}.static-room .nav-contact{display:none}.static-intro{padding-top:35px}.static-heading{grid-template-columns:1fr;gap:30px;margin:30px 0 40px}.static-heading h1{font-size:clamp(80px,16vw,120px)}.static-heading>div{max-width:420px}.static-heading>div>span{font-size:12px}.art-roles{gap:15px;padding-block:20px;margin-bottom:35px}.art-roles span{font-size:17px;max-width:130px}.art-roles b{display:block;margin-bottom:9px}.art-toolbar{gap:15px}.art-filters{width:100%;gap:6px}.art-filters button{flex:1;padding:12px 10px;justify-content:space-between;font-size:11px;gap:8px}.brand-control{margin-left:0}.art-toolbar #art-count{margin-left:auto;text-align:right}.art-instruction{margin-bottom:25px}.art-grid{grid-template-columns:1fr 1fr;gap:35px 17px}.art-card:nth-child(3n+2){padding-top:0}.art-card:nth-child(2n){padding-top:40px}.art-caption{padding-top:15px}.art-caption h3{font-size:24px}.art-caption>span{font-size:8px;line-height:1.5}.art-caption p{font-size:12px}.art-chip{right:8px;bottom:8px;padding:6px 8px;font-size:9px}.static-close{padding-block:60px;margin-top:55px}.static-close>p:not(.eyebrow){font-size:16px}.art-viewer-grid{grid-template-columns:1fr;gap:25px}#art-viewer{padding:16px}.art-canvas>img{height:61svh}.art-notes h2{font-size:35px}.art-notes>p:not(.eyebrow){font-size:15px}#art-thumbs{margin-top:20px}.product-films{gap:25px}.product-films .film-card:nth-child(2){padding-top:60px}.motion-films{grid-template-columns:1fr 1fr;gap:35px 20px}.motion-films .film-card:nth-child(2){padding-top:55px}.motion-films .film-card:nth-child(3){padding-top:0}.motion-films:after{content:'The visual is part of the explanation.';font:600 30px/1.05 var(--display);align-self:center;color:#edc36e;max-width:180px}}
@media(max-width:460px){.film-nav .nav-contact{display:none}.art-filters button{font-size:10px}.art-filters button span{font-size:15px}.art-grid{gap:30px 14px}.art-caption h3{font-size:21px}.art-caption p{font-size:11px}.art-roles span{font-size:15px}.static-heading h1{font-size:68px}.static-heading>div>p{font-size:18px}.art-canvas>img{height:57svh}.art-notes h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.art-frame img{transition:none}.art-open:hover img{transform:none}}
.art-viewer-bar{position:sticky;top:0;z-index:3;background:#f8f9f5;padding-block:8px;border-bottom:1px solid #d6dfce}.viewer-top{position:sticky;top:0;z-index:3;background:#10231a;padding-block:5px}