.site-header{height:104px}
.brand{gap:14px}
.brand-mark{width:70px;height:70px;flex:none;background:#f6c9c4 url('mira-mirror-official-logo.jpg') center 29% / 245% auto no-repeat;border:3px solid #fff8f0;box-shadow:0 0 0 1px #d9a6a0,0 6px 18px rgba(57,41,34,.15)}
.brand-name{font-size:21px;letter-spacing:.13em}
.brand-name small{font-size:8px;letter-spacing:.4em;margin-top:9px}
.footer-brand .brand-mark{border-color:#f6c9c4}
.footer-brand .brand-name small{color:#f6c9c4}
.official-logo-card{display:flex;align-items:center;justify-content:center;margin-top:30px;width:min(100%,360px);background:#f6c9c4}
.official-logo-card img{display:block;width:100%;height:auto}

.hero{height:auto;min-height:0;background:linear-gradient(120deg,#35251f,#684638);overflow:visible}
.hero-content{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6%;align-items:center;padding-top:72px;padding-bottom:72px;color:#fff}
.hero-message{min-width:0}
.hero h1{font-size:clamp(54px,5.9vw,84px);line-height:1.02;margin-bottom:26px}
.hero-copy{max-width:485px}
.hero-work{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:215px 215px;gap:12px;min-width:0}
.hero-work-item{display:block;position:relative;overflow:hidden;background:#b9927b}
.hero-work-feature{grid-row:1 / 3}
.hero-work-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hero-work-feature img{object-position:center 38%}
.hero-work-item:hover img,.hero-work-item:focus-visible img{transform:scale(1.04)}
.hero-work-item:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(20,13,10,.7))}
.hero-work-item span{position:absolute;z-index:1;left:16px;right:10px;bottom:15px;color:#fff;font-family:Georgia,serif;font-size:20px;line-height:1.1}
.hero-work-feature span{font-size:25px}
.portfolio-section{padding-top:72px;padding-bottom:78px}

@media(max-width:900px){.site-header{height:86px}.brand-mark{width:58px;height:58px}.brand-name{font-size:18px}.hero-content{gap:4%;padding-top:55px;padding-bottom:55px}.hero-work{grid-template-rows:180px 180px}.hero h1{font-size:clamp(48px,6vw,68px)}}
@media(max-width:780px){.site-header{height:82px}.mobile-menu:not([hidden]){top:117px}.hero-content{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:32px;padding-bottom:55px}.hero-work{order:-1;grid-template-rows:145px 145px}.hero h1{font-size:clamp(48px,9vw,70px)}.hero-copy{margin-bottom:25px}.portfolio-section{padding-top:62px;padding-bottom:70px}}
@media(max-width:540px){.site-header{height:78px}.brand{gap:9px}.brand-mark{width:54px;height:54px}.brand-name{font-size:16px}.brand-name small{font-size:7px}.mobile-menu:not([hidden]){top:113px}.hero-content{gap:30px}.hero-work{grid-template-rows:120px 120px;gap:8px}.hero-work-item span{font-size:14px;left:10px;bottom:10px}.hero-work-feature span{font-size:18px}.hero h1{font-size:clamp(46px,10vw,58px)}.hero-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero-work-item img{transition:none}}