/* HELLAS CLEAN — premium visual finish */
:root{--hc-navy:#071d31;--hc-navy-2:#0b2b44;--hc-silver:#d5dbe0;--hc-ink:#10253b;--hc-muted:#6f7c86;--hc-green:#70b84b}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(112,184,75,.22);color:var(--hc-navy)}
.section{padding-top:clamp(76px,8vw,124px);padding-bottom:clamp(76px,8vw,124px)}
.eyebrow{letter-spacing:.19em!important;font-weight:750!important}
.display{max-width:15ch;line-height:.96!important;letter-spacing:-.025em}
.lead,.copy p,.statement p{max-width:68ch}
.button{min-height:52px;padding:0 25px!important;border-radius:0!important;letter-spacing:.115em!important;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}
.button:hover,.button:focus-visible{transform:translateY(-2px)}
.button.primary{box-shadow:0 9px 25px rgba(70,126,44,.13)}
.button.primary:hover,.button.primary:focus-visible{box-shadow:0 14px 32px rgba(70,126,44,.22)}
.card,.service,.space,.area,.special,.quality-card,.principle,.development-card,.case-study,.digital-service-card,.booklet-card,.limit,.scenario-card{
border-color:rgba(16,37,59,.14)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}
@media (hover:hover){
.card:hover,.service:hover,.space:hover,.area:hover,.special:hover,.quality-card:hover,.principle:hover,.development-card:hover,.case-study:hover,.digital-service-card:hover,.booklet-card:hover,.limit:hover,.scenario-card:hover{
transform:translateY(-4px);border-color:rgba(16,37,59,.25)!important;box-shadow:0 20px 48px rgba(7,29,49,.08)
}}
.gallery img,.shot img,.case-study-image img,.image-frame img{transition:transform .65s cubic-bezier(.2,.65,.25,1),filter .35s ease}
@media (hover:hover){.gallery img:hover,.shot img:hover,.case-study-image:hover img,.image-frame:hover img{transform:scale(1.018);filter:brightness(1.035)}}
footer{border-top:1px solid rgba(213,219,224,.3)}
.footer-grid{padding-top:clamp(56px,6vw,88px)!important;padding-bottom:clamp(42px,5vw,70px)!important}
.footer-title{letter-spacing:.15em!important}.footer-links a{transition:color .2s ease,opacity .2s ease}.footer-links a:hover{color:#fff!important;opacity:1}
@media(max-width:700px){
.section{padding-top:68px;padding-bottom:68px}
.display{font-size:clamp(42px,12vw,64px)!important;line-height:.98!important}
.eyebrow{font-size:10px!important;line-height:1.5}
.sub,.lead{line-height:1.62!important}
.actions,.hero-actions{gap:10px!important}
.button{width:100%;justify-content:center;min-height:50px}
.card,.service,.space,.area,.special,.quality-card,.principle,.development-card,.case-study,.digital-service-card{box-shadow:none}
.footer-grid{padding-top:54px!important;padding-bottom:42px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.card,.service,.space,.area,.special,.quality-card,.principle,.development-card,.case-study,.digital-service-card,.booklet-card,.limit,.scenario-card,.gallery img,.shot img,.case-study-image img,.image-frame img{transition:none!important;transform:none!important}}