/* ANGIA service pages · local design review, 24 October 2026.
   Additive layout only: the selected identity, content and interactions stay intact. */
body.angia-luxury.angia-design-review { --hdr-h:80px; }
.angia-luxury.angia-design-review .hdr { height:var(--hdr-h); }
.angia-luxury.angia-design-review header img.angia-identity-logo { width:64px!important; height:64px!important; }
.angia-luxury.angia-design-review .hdr-in { gap:20px; }
.angia-luxury.angia-design-review .hdr-nav { gap:clamp(12px,1.2vw,20px); }
.angia-luxury.angia-design-review .hdr-nav a { display:inline-flex; align-items:center; min-height:44px; }
.angia-luxury.angia-design-review .ag-language a { min-width:44px; min-height:44px; }
.angia-luxury.angia-design-review :is(.hdr-menu,.scene-toggle) { min-width:44px; min-height:44px; }
.angia-luxury.angia-design-review :is(.hero-trio a,.scroll-cue,.text-link,.eco-sub) { min-height:44px; }
.angia-luxury.angia-design-review :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #78613F; outline-offset:4px; }
.angia-luxury.angia-design-review :is(.hero,.pg-hero) :is(a,button):focus-visible { outline-color:#F2EDE4; }
.angia-luxury.angia-design-review .hero .proof:focus-visible { outline-color:#78613F; }
.angia-luxury.angia-design-review .hero { padding-top:calc(var(--hdr-h) + 48px); min-height:min(100svh,820px); }
.angia-luxury.angia-design-review .hero-grid { gap:clamp(28px,4vw,56px); padding-bottom:36px; }
.angia-luxury.angia-design-review .hero #hero-title { font-size:clamp(40px,4.2vw,60px); line-height:1.15; }
.angia-luxury.angia-design-review .hero h1 em { padding-bottom:.08em; }
.angia-luxury.angia-design-review .hero-sub { margin-top:20px; font-size:17px; line-height:1.7; }
.angia-luxury.angia-design-review .hero-actions { gap:12px; margin-top:26px; }
.angia-luxury.angia-design-review .hero-trio { gap:8px; margin-top:20px; }
.angia-luxury.angia-design-review .hero-trio a { border-radius:2px; }
.angia-luxury.angia-design-review .hero-side { gap:12px; }
.angia-luxury.angia-design-review .feed { min-height:0; padding:12px; gap:8px; }
.angia-luxury.angia-design-review .feed-item { padding:10px; gap:10px; }
.angia-luxury.angia-design-review .feed-note { margin-top:0; text-align:left; line-height:1.6; }
.angia-luxury.angia-design-review .hero-foot { padding-block:14px 20px; }
.angia-luxury.angia-design-review .pg-hero { padding-block:calc(var(--hdr-h) + 42px) 64px; }
.angia-luxury.angia-design-review .pg-hero h1 { line-height:1.18; }
.angia-luxury.angia-design-review .pg-hero h1>em { padding-bottom:.08em; }
.angia-luxury.angia-design-review .pg-crumb { margin-bottom:16px; }
.angia-luxury.angia-design-review .pg-crumb a { display:inline-flex; align-items:center; min-height:44px; }
.angia-luxury.angia-design-review .pg-crumb span { align-self:center; }

/* Collapse earlier so the full English navigation and language controls fit. */
@media(max-width:1180px) {
  .angia-luxury.angia-design-review .hdr-in { gap:12px!important; }
  .angia-luxury.angia-design-review .hdr-in>.ag-language { margin-left:auto; }
  .angia-luxury.angia-design-review .hdr #menu-toggle.hdr-menu { display:block!important; visibility:visible!important; opacity:1!important; width:44px; height:44px; margin-left:0; flex:0 0 44px; }
  .angia-luxury.angia-design-review .hdr-cta { display:none; }
  .angia-luxury.angia-design-review .hdr-nav {
    position:fixed; inset:calc(var(--hdr-h) + env(safe-area-inset-top,0px)) 0 auto;
    display:grid; gap:0!important; margin:0; padding:8px var(--gut) 16px;
    max-height:calc(100dvh - var(--hdr-h) - env(safe-area-inset-top,0px)); overflow-y:auto;
    background:var(--cream); color:var(--ink); font-size:15px;
    box-shadow:0 16px 28px -24px #211C1966;
    transform:translateY(-8px); opacity:0; visibility:hidden;
    transition:opacity .2s,transform .2s,visibility .2s;
  }
  .angia-luxury.angia-design-review .hdr-nav.is-open { opacity:1; visibility:visible; transform:none; }
  .angia-luxury.angia-design-review .hdr-nav a { padding-block:12px; border-bottom:1px solid var(--line); }
}
@media(max-width:960px) {
  body.angia-luxury.angia-design-review { --hdr-h:72px; }
  .angia-luxury.angia-design-review header img.angia-identity-logo { width:56px!important; height:56px!important; }
  .angia-luxury.angia-design-review .hero { min-height:0; padding-top:calc(var(--hdr-h) + 32px); }
  .angia-luxury.angia-design-review .hero-grid { gap:32px; }
  .angia-luxury.angia-design-review .pg-hero { padding-block:calc(var(--hdr-h) + 24px) 48px; }
  .angia-luxury.angia-design-review .pg-hero-grid { grid-template-areas:"copy" "act" "slip"; row-gap:26px; }
  .angia-luxury.angia-design-review .pg-slip { width:100%; }
}
@media(max-width:640px) {
  .angia-luxury.angia-design-review { --gut:20px; }
  .angia-luxury.angia-design-review .hero { padding-top:calc(var(--hdr-h) + 24px); }
  .angia-luxury.angia-design-review .hero .eyebrow { font-size:10px; letter-spacing:.12em; margin-bottom:16px; }
  .angia-luxury.angia-design-review .hero #hero-title { font-size:clamp(30px,8.1vw,38px); line-height:1.17; letter-spacing:-.035em; }
  .angia-luxury.angia-design-review .hero-sub { margin-top:16px; font-size:15.5px; line-height:1.65; }
  .angia-luxury.angia-design-review .hero-actions { margin-top:22px; gap:10px; }
  .angia-luxury.angia-design-review .hero-actions .btn { min-height:48px; padding:13px 16px; font-size:14px; }
  .angia-luxury.angia-design-review .hero-trio { margin-top:16px; gap:6px; }
  .angia-luxury.angia-design-review .hero-trio a { font-size:11.5px; padding-inline:10px; gap:6px; }
  .angia-luxury.angia-design-review .hero-assure { margin-top:16px; font-size:12px; gap:6px 14px; }
  .angia-luxury.angia-design-review .hero-side { gap:10px; padding-top:22px; border-top:1px solid var(--on-ink-line); }
  .angia-luxury.angia-design-review .feed { padding:8px; gap:6px; }
  .angia-luxury.angia-design-review .feed-item { grid-template-columns:8px minmax(0,1fr) auto; gap:8px; padding:9px 8px; font-size:11.5px; }
  .angia-luxury.angia-design-review .feed-item b { font-size:12px; }
  .angia-luxury.angia-design-review .feed-item time { font-size:10.5px; }
  .angia-luxury.angia-design-review .feed-status { padding:5px 7px; font-size:10px; }
  .angia-luxury.angia-design-review .feed-note { font-size:11px; }
  .angia-luxury.angia-design-review .hero-proof { gap:8px; }
  .angia-luxury.angia-design-review .proof { padding:10px 12px; gap:12px; }
  .angia-luxury.angia-design-review .proof strong { font-size:28px; }
  .angia-luxury.angia-design-review .proof-note { line-height:1.6; }
  .angia-luxury.angia-design-review .hero-foot { gap:10px; }
  .angia-luxury.angia-design-review .scroll-cue { max-width:68%; font-size:11px; }
  .angia-luxury.angia-design-review .sec { padding-block:60px; }
  .angia-luxury.angia-design-review .sec-head { margin-bottom:28px; }
  .angia-luxury.angia-design-review .pg-hero h1 { font-size:clamp(30px,8.2vw,38px); line-height:1.18; }
  .angia-luxury.angia-design-review .pg-sub { margin-top:18px; font-size:16px; line-height:1.65; }
  .angia-luxury.angia-design-review .pg-actions { gap:10px; }
  .angia-luxury.angia-design-review .pg-actions .btn { min-height:48px; font-size:14px; padding:13px 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .angia-luxury.angia-design-review :is(.hdr,.hdr-nav,.hero-trio a,.feed-item,.proof,.pg-slip) { transition:none; animation:none; }
}
