/* Shared dimensions and film texture for all three service previews. */
.hero{height:clamp(680px,56.28vw,100svh);min-height:680px}
header{padding:34px 5%}header img{width:180px;height:auto}header>a:last-child{font-size:10px;letter-spacing:.12em}
.copy{left:5%;top:18%;max-width:34%}.copy>p{font-size:7px;letter-spacing:.15em;line-height:1.7;margin:0 0 25px;max-width:none}
h1{font-size:clamp(38px,3.7vw,64px);line-height:.91;letter-spacing:-.065em;font-weight:400;margin:0 0 30px}
.copy>a{font-size:10px;gap:45px;padding-bottom:13px}.copy>a span{font-size:26px}
.bottom{left:5%;right:5%;bottom:28px;font:7px monospace;letter-spacing:.06em}.bottom button{font:7px monospace}.timer,.action-time,#lab-time{font:7px monospace}
footer{padding:27px 5%;font-size:8px;letter-spacing:.08em}
#film-grain{display:none}
.site-grain{position:fixed;inset:-3%;width:106%;height:106%;z-index:100;pointer-events:none;opacity:.075;mix-blend-mode:soft-light;animation:grain-drift .65s steps(1,end) infinite;contain:strict}
@keyframes grain-drift{0%,100%{transform:translate(0,0)}20%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}60%{transform:translate(-1%,-1%)}80%{transform:translate(1%,1%)}}
@media(max-width:700px){.hero{height:780px;min-height:780px}header{padding:26px 6%}header img{width:145px}header>a:last-child{font-size:9px}.copy{left:6%;right:6%;top:145px;max-width:none}.copy>p{font-size:6px;letter-spacing:.1em;max-width:none;margin-bottom:25px}h1{font-size:11.6vw;margin-bottom:28px}.copy>a{font-size:10px}.bottom{left:6%;right:6%;bottom:24px;font-size:6px}footer{padding:25px 6%;font-size:7px}.site-grain{opacity:.06}}
@media(prefers-reduced-motion:reduce){.site-grain{animation:none}}

@media(max-width:700px){.art{left:0;right:0;top:355px;bottom:auto;aspect-ratio:1672/941}}