/* Photographic template comparison within the existing Muyinza studio. */
.template-directions{border:0;gap:20px;margin-bottom:35px}.template-directions button{padding:0;border:1px solid #c9bdaf!important;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}.template-directions button>img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:top;transition:transform .5s}.template-directions button:hover>img{transform:scale(1.025)}.template-directions button>.template-card-copy{display:block;padding:24px 25px 27px;width:100%;text-align:left}.template-card-copy strong{font-family:Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.05em;display:flex;justify-content:space-between;margin:13px 0 10px}.template-card-copy strong i{font-size:24px;font-weight:400;font-style:normal}.template-card-copy>span{display:block;font-size:12px;line-height:1.6}.template-card-copy>em{display:block;margin-top:18px;font-size:9px;font-style:normal;opacity:.7}.template-core-grid>a>img{width:calc(100% + 52px);height:210px;object-fit:cover;object-position:top;margin:-30px -26px 25px;display:block}.template-core-grid>a:nth-child(2)>img{object-position:center 27%}.template-core-grid h3{margin-top:24px}.showroom-v5 .template-archive{padding-top:30px;padding-bottom:55px}.template-archive>details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.template-archive>details>summary{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none}.template-archive>details>summary::-webkit-details-marker{display:none}.template-archive>details>summary>span:first-child{font:400 33px/1.1 'Instrument Serif',serif}.template-archive>details>summary>span:last-child{font-size:11px;display:flex;align-items:center;gap:30px}.template-archive summary b{font-size:23px;font-weight:400}.template-archive details[open]>summary b{transform:rotate(45deg)}.archive-content{padding-top:30px;padding-bottom:35px}.template-archive .ms-section-heading{margin-bottom:35px}.template-archive .ms-section-heading h2{font-size:48px}.template-archive .ms-section-heading>p{font-size:13px;line-height:1.7}.template-archive .ms-eyebrow{font-size:9px}
@media(max-width:1050px){.template-directions{gap:12px}.template-directions button>.template-card-copy{padding:20px}.template-core-grid>a>img{height:250px}}
@media(max-width:760px){.template-directions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;margin-right:-18px;padding-right:18px;padding-bottom:8px}.template-directions button{flex:0 0 82%;scroll-snap-align:start}.template-directions button>img{aspect-ratio:1.5}.template-directions button>.template-card-copy{display:block;padding:21px 22px}.template-card-copy small{font-size:8px;letter-spacing:.1em}.template-card-copy strong{font-size:30px;margin:12px 0 10px}.template-card-copy>span{font-size:11px;display:block}.template-card-copy>em{font-size:8px;margin-top:14px}.template-core-grid>a>img{width:calc(100% + 24px);margin:-25px -12px 23px;height:180px}.template-core-grid>a:first-child>img{object-position:38% top}.template-core-grid h3{font-size:29px}.showroom-v5 .template-archive{padding-top:15px;padding-bottom:45px}.template-archive>details>summary{align-items:start;padding:23px 0}.template-archive>details>summary>span:first-child{font-size:27px;max-width:190px}.template-archive>details>summary>span:last-child{font-size:9px;gap:14px;text-align:right}.template-archive .ms-section-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.template-directions button>img{transition:none}.template-directions button:hover>img{transform:none}}

@media(min-width:761px){.studio-directions.template-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.template-directions button>img{aspect-ratio:1.65}.template-directions button>.template-card-copy{padding:24px 28px}.template-card-copy strong{font-size:36px}}

@media(min-width:761px){.template-directions button[data-direction="aurelea"]{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;align-items:center}.template-directions button[data-direction="aurelea"]>img{aspect-ratio:1.44;height:auto}.template-directions button[data-direction="aurelea"]>.template-card-copy{padding:30px 40px}.template-directions button[data-direction="aurelea"] strong{font-size:clamp(40px,4vw,66px)}.template-directions button[data-direction="aurelea"] .template-card-copy>span{font-size:14px;line-height:1.7}}