/* ============================================================
     D REALTY — design system
     ============================================================ */
  :root{
    /* colour */
    --ink:#0B0908;
    --surface:#131010;
    --raised:#1C1817;
    --bone:#EDE7DE;
    --muted:#988C80;
    --accent:#C39A4E;
    --line:rgba(237,231,222,.13);
    --line-strong:rgba(237,231,222,.28);

    /* type */
    --display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
    --body:"Jost","Avenir Next",-apple-system,"Segoe UI",sans-serif;
    --t-display:clamp(38px,6.2vw,82px);
    --t-h2:clamp(27px,3.7vw,48px);
    --t-h3:clamp(19px,1.5vw,22px);
    --t-lede:clamp(16px,1.25vw,18px);
    --t-body:15.5px;
    --t-small:14px;
    --t-label:10.5px;

    /* space */
    --w-max:1280px;
    --pad:clamp(20px,4vw,44px);
    --band:clamp(68px,8.5vw,124px);
    --gap:clamp(24px,3vw,40px);

    /* form */
    --radius:2px;
    --nav-h:74px;
    --ease:cubic-bezier(.2,.7,.3,1);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);}
  body{
    margin:0;background:var(--ink);color:var(--bone);
    font-family:var(--body);font-weight:300;font-size:var(--t-body);line-height:1.72;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  h1,h2,h3{font-family:var(--display);font-weight:300;margin:0;line-height:1.1;text-wrap:balance;}
  h1{font-size:var(--t-display);letter-spacing:-.015em;}
  h2{font-size:var(--t-h2);letter-spacing:-.01em;}
  h3{font-size:var(--t-h3);}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  img,video{display:block;max-width:100%;}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;}

  .wrap{max-width:var(--w-max);margin:0 auto;padding:0 var(--pad);}
  .band{padding:var(--band) 0;}
  .band + .band{padding-top:0;}
  .rule{border:0;border-top:1px solid var(--line);margin:0;}

  .label{
    display:block;font-size:var(--t-label);letter-spacing:.3em;text-transform:uppercase;
    font-weight:400;color:var(--muted);
  }
  .label.accent{color:var(--accent);}
  .lede{color:var(--muted);font-size:var(--t-lede);max-width:60ch;line-height:1.75;}
  .head{max-width:64ch;}
  .head h2{margin-top:20px;}
  .head .lede{margin-top:20px;}

  .skip{
    position:absolute;left:-9999px;top:0;z-index:100;
    background:var(--accent);color:#100C08;padding:12px 20px;font-size:13px;
  }
  .skip:focus{left:8px;top:8px;}

  /* ---------- buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
    font-family:var(--body);font-size:11px;font-weight:400;letter-spacing:.2em;
    text-transform:uppercase;padding:15px 28px;min-height:48px;border-radius:var(--radius);
    border:1px solid var(--line-strong);background:transparent;color:var(--bone);
    transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
  }
  .btn:hover{border-color:var(--bone);}
  .btn.primary{background:var(--accent);border-color:var(--accent);color:#100C08;}
  .btn.primary:hover{background:transparent;color:var(--accent);border-color:var(--accent);}
  .link{
    display:inline-flex;align-items:center;gap:10px;
    font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);
    padding-bottom:5px;border-bottom:1px solid var(--line-strong);
    transition:color .25s,border-color .25s;
  }
  .link:hover{color:var(--accent);border-bottom-color:var(--accent);}
  .link::after{content:"\2192";transition:transform .3s var(--ease);}
  .link:hover::after{transform:translateX(4px);}

  /* ---------- header ---------- */
  .site-head{
    position:fixed;top:0;left:0;right:0;z-index:60;
    border-bottom:1px solid transparent;
    transition:background .35s var(--ease),border-color .35s var(--ease);
  }
  .site-head.solid{background:rgba(11,9,8,.94);backdrop-filter:blur(12px);border-bottom-color:var(--line);}
  .site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--nav-h);}
  .brand{display:flex;align-items:baseline;gap:11px;}
  .brand .mk{font-family:var(--display);font-size:25px;letter-spacing:.07em;}
  .brand .mk b{font-weight:400;color:var(--accent);}
  .brand .city{font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);}
  .nav{display:flex;gap:34px;}
  .nav a{
    font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);
    padding:6px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
  }
  .nav a:hover,.nav a[aria-current="true"]{color:var(--bone);border-bottom-color:var(--accent);}
  .head-cta{padding:12px 24px;min-height:44px;}
  @media (max-width:980px){.nav{display:none;}}
  @media (max-width:420px){.head-cta{padding:11px 16px;}.brand .city{display:none;}}

  /* ---------- hero ---------- */
  .hero{position:relative;min-height:600px;height:86vh;display:flex;align-items:flex-end;}
  .hero .media{position:absolute;inset:0;overflow:hidden;}
  .hero .media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
  .hero .scrim{
    position:absolute;inset:0;
    background:
      linear-gradient(180deg,rgba(11,9,8,.74) 0%,rgba(11,9,8,.24) 32%,rgba(11,9,8,.92) 92%),
      linear-gradient(90deg,rgba(11,9,8,.86) 0%,rgba(11,9,8,.5) 45%,rgba(11,9,8,.1) 82%);
  }
  .hero .wrap{position:relative;width:100%;padding-bottom:clamp(48px,7vw,84px);}
  .hero h1{margin-top:22px;max-width:16ch;}
  .hero .lede{margin-top:22px;max-width:46ch;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
  @media (max-width:760px){
    .hero{height:auto;min-height:0;padding-top:calc(var(--nav-h) + 64px);}
  }

  /* ---------- intro + figures ---------- */
  .intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start;}
  .intro .statement{font-family:var(--display);font-size:clamp(22px,2.5vw,31px);line-height:1.35;}
  .intro .support{color:var(--muted);}
  .intro .support p + p{margin-top:16px;}
  @media (max-width:840px){.intro{grid-template-columns:1fr;gap:26px;}}

  .figures{
    display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);
    margin-top:clamp(40px,5vw,64px);padding-top:32px;border-top:1px solid var(--line);
  }
  .fig .v{font-family:var(--display);font-size:clamp(30px,3.6vw,44px);line-height:1;font-variant-numeric:tabular-nums;}
  .fig .l{display:block;margin-top:10px;font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
  @media (max-width:620px){.figures{grid-template-columns:1fr;gap:22px;}}

  /* ---------- developments ---------- */
  .projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--gap);margin-top:48px;}
  .project{max-width:480px;}
  .project{display:block;background:var(--surface);border:1px solid var(--line);transition:border-color .3s var(--ease);}
  .project:hover{border-color:var(--line-strong);}
  .project .shot{overflow:hidden;background:var(--raised);}
  .project .shot img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 45%;transition:transform 1s var(--ease);}
  .project:hover .shot img{transform:scale(1.04);}
  .project .body{padding:26px 26px 28px;}
  .project .status{
    display:inline-flex;align-items:center;gap:9px;
    font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);
  }
  .project .status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}
  .project h3{margin-top:14px;font-size:clamp(23px,2.2vw,28px);}
  .project .place{margin-top:8px;font-size:var(--t-small);color:var(--muted);}
  .project .go{margin-top:22px;}

  /* ---------- feature ---------- */
  .feature{position:relative;display:flex;align-items:center;}
  .feature .media{position:absolute;inset:0;overflow:hidden;}
  .feature .media img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;}
  .feature .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,8,.95) 0%,rgba(11,9,8,.78) 44%,rgba(11,9,8,.3) 100%);}
  .feature .wrap{position:relative;width:100%;padding-top:var(--band);padding-bottom:var(--band);}
  .feature .panel{max-width:540px;}
  .feature h2{margin-top:18px;}
  .feature .lede{margin-top:18px;}
  .spec{margin-top:34px;border-top:1px solid var(--line-strong);}
  .spec .row{display:grid;grid-template-columns:128px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--t-small);}
  .spec dt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:5px;}
  .spec dd{margin:0;}
  .tbd{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px dashed rgba(195,154,78,.5);}
  @media (max-width:840px){
    .feature .scrim{background:linear-gradient(180deg,rgba(11,9,8,.55),rgba(11,9,8,.95) 38%);}
    .spec .row{grid-template-columns:1fr;gap:2px;}
  }

  /* ---------- principles ---------- */
  .principles{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line-strong);}
  .principle{padding:28px 30px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
  .principle:last-child{border-right:0;}
  .principle .n{font-size:10px;letter-spacing:.24em;color:var(--accent);}
  .principle h3{margin-top:14px;}
  .principle p{margin-top:10px;font-size:var(--t-small);color:var(--muted);}
  @media (max-width:1000px){
    .principles{grid-template-columns:1fr 1fr;}
    .principle:nth-child(2n){border-right:0;}
  }
  @media (max-width:620px){
    .principles{grid-template-columns:1fr;}
    .principle{border-right:0;padding:24px 0 26px;}
  }

  /* ---------- design & detail ---------- */
  .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:48px;}
  .shot-fig{margin:0;position:relative;overflow:hidden;background:var(--surface);}
  .shot-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 52%;transition:transform 1.1s var(--ease);}
  .shot-fig:hover img{transform:scale(1.04);}
  .shot-fig figcaption{
    position:absolute;left:0;right:0;bottom:0;padding:46px 22px 18px;
    background:linear-gradient(transparent,rgba(11,9,8,.92));
    font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;
  }
  .detail-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:var(--gap);}
  .detail-notes div{border-top:1px solid var(--line);padding-top:16px;}
  .detail-notes h3{font-size:var(--t-h3);}
  .detail-notes p{margin-top:8px;font-size:var(--t-small);color:var(--muted);}
  @media (max-width:840px){
    .detail-grid{grid-template-columns:1fr;}
    .shot-fig img{aspect-ratio:3/4;}
    .detail-notes{grid-template-columns:1fr;gap:24px;}
  }

  /* ---------- films ---------- */
  .films{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:48px;}
  .film .frame{position:relative;background:#000;line-height:0;border:1px solid var(--line);}
  .film video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;}
  .film .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .playbtn{
    position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:pointer;
    display:flex;align-items:flex-end;justify-content:flex-start;
    padding:20px;border:0;background:linear-gradient(transparent 45%,rgba(11,9,8,.72));
    color:var(--bone);font-family:var(--body);font-size:11px;letter-spacing:.2em;
    text-transform:uppercase;gap:11px;
  }
  .playbtn .disc{
    width:38px;height:38px;border-radius:50%;border:1px solid rgba(237,231,222,.55);
    display:grid;place-items:center;flex:none;transition:background .3s,border-color .3s;
  }
  .playbtn .disc::before{content:"";border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px;}
  .playbtn:hover .disc{background:var(--accent);border-color:var(--accent);color:#100C08;}
  .sound-btn{
    position:absolute;top:12px;right:12px;z-index:3;cursor:pointer;
    display:inline-flex;align-items:center;gap:8px;line-height:1;min-height:34px;
    font-family:var(--body);font-size:9.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;
    padding:9px 13px;border:1px solid rgba(237,231,222,.3);border-radius:999px;
    background:rgba(11,9,8,.62);color:var(--bone);backdrop-filter:blur(4px);
    transition:border-color .25s,background .25s;
  }
  .sound-btn[hidden]{display:none;}
  .sound-btn:hover{border-color:var(--accent);}
  .sound-btn .dot{width:5px;height:5px;border-radius:50%;background:rgba(237,231,222,.45);}
  .sound-btn[data-on="true"] .dot{background:var(--accent);}
  .film .meta{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:15px;}
  .film h3{font-size:20px;}
  .film .len{font-size:10.5px;letter-spacing:.18em;color:var(--muted);font-variant-numeric:tabular-nums;}
  .film p{margin-top:8px;font-size:var(--t-small);color:var(--muted);}
  @media (max-width:840px){.films{grid-template-columns:1fr;max-width:420px;gap:38px;}}

  /* ---------- about ---------- */
  .about{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start;}
  .about .col p + p{margin-top:16px;}
  .about .col.muted p{color:var(--muted);}
  @media (max-width:840px){.about{grid-template-columns:1fr;gap:24px;}}

  /* ---------- process (compact) ---------- */
  .process{display:flex;flex-wrap:wrap;gap:0;margin-top:36px;border-top:1px solid var(--line);}
  .process .stage{
    flex:1 1 160px;padding:22px 22px 24px;border-bottom:1px solid var(--line);
    border-right:1px solid var(--line);
  }
  .process .stage:last-child{border-right:0;}
  .process .n{font-size:10px;letter-spacing:.22em;color:var(--accent);}
  .process h3{margin-top:10px;font-size:19px;}
  .process p{margin-top:6px;font-size:13.5px;color:var(--muted);}
  @media (max-width:700px){.process .stage{flex:1 1 100%;border-right:0;padding:18px 0 20px;}}

  /* ---------- assurance ---------- */
  .assurance{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap) calc(var(--gap) * 1.4);margin-top:48px;}
  .assurance > div{border-top:1px solid var(--line);padding-top:18px;}
  .assurance p{margin-top:10px;font-size:var(--t-small);color:var(--muted);}
  @media (max-width:760px){.assurance{grid-template-columns:1fr;}}

  /* ---------- contact ---------- */
  .contact-sec{background:var(--surface);border-top:1px solid var(--line);}
  .contact-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:calc(var(--gap) * 1.6);margin-top:44px;align-items:start;}
  form{display:grid;gap:22px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
  label .opt{text-transform:none;letter-spacing:.04em;font-size:11px;opacity:.75;}
  input,textarea{
    font-family:var(--body);font-size:15.5px;font-weight:300;color:var(--bone);
    background:transparent;border:0;border-bottom:1px solid var(--line);
    padding:11px 2px;width:100%;border-radius:0;min-height:46px;transition:border-color .25s;
  }
  input:focus,textarea:focus{outline:none;border-bottom-color:var(--accent);}
  textarea{resize:vertical;min-height:74px;}
  ::placeholder{color:rgba(152,140,128,.55);}
  .form-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;}
  .note{font-size:13px;color:var(--muted);}
  .contact-card dl{display:grid;gap:16px;margin:24px 0 0;}
  .contact-card dl > div{border-top:1px solid var(--line);padding-top:12px;}
  .contact-card dt{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
  .contact-card dd{margin:6px 0 0;font-size:15px;}
  .contact-card a:hover{color:var(--accent);}
  @media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px;}}
  @media (max-width:560px){.row2{grid-template-columns:1fr;}}

  /* ---------- footer ---------- */
  .site-foot{border-top:1px solid var(--line);padding:clamp(48px,6vw,72px) 0 34px;}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--gap);}
  .site-foot h2{font-family:var(--body);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0;}
  .site-foot ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px;font-size:var(--t-small);}
  .site-foot a:hover{color:var(--accent);}
  .foot-brand .tagline{margin-top:12px;font-family:var(--display);font-size:19px;color:var(--muted);}
  .foot-brand p{margin-top:14px;font-size:13.5px;color:var(--muted);max-width:34ch;}
  .colophon{
    margin-top:clamp(38px,5vw,56px);padding-top:20px;border-top:1px solid var(--line);
    display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:12px;color:var(--muted);
  }
  @media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:34px;}}
  @media (max-width:560px){.foot-grid{grid-template-columns:1fr;gap:30px;}}

  /* ---------- mobile action bar ---------- */
  .actionbar{display:none;}
  @media (max-width:760px){
    body{padding-bottom:64px;}
    .actionbar{
      display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:55;
      background:rgba(11,9,8,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);
    }
    .actionbar a{
      display:flex;align-items:center;justify-content:center;gap:9px;min-height:60px;
      font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);
    }
    .actionbar a + a{border-left:1px solid var(--line);color:var(--accent);}
  }

  /* ---------- reveal ---------- */
  .js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
  .js .reveal.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;animation:none !important;scroll-behavior:auto !important;}
    .js .reveal{opacity:1;transform:none;}
  }

  /* ============================================================
     Additions — project pages, evidence pairs, film index
     ============================================================ */

  /* page hero (interior pages) */
  .page-hero{position:relative;min-height:520px;height:74vh;display:flex;align-items:flex-end;}
  .page-hero .media{position:absolute;inset:0;overflow:hidden;}
  .page-hero .media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
  .page-hero .scrim{
    position:absolute;inset:0;
    background:
      linear-gradient(180deg,rgba(11,9,8,.7) 0%,rgba(11,9,8,.25) 34%,rgba(11,9,8,.93) 92%),
      linear-gradient(90deg,rgba(11,9,8,.84) 0%,rgba(11,9,8,.42) 48%,rgba(11,9,8,.08) 84%);
  }
  .page-hero .wrap{position:relative;width:100%;padding-bottom:clamp(40px,6vw,72px);}
  .page-hero h1{margin-top:18px;max-width:14ch;}
  .page-hero .lede{margin-top:20px;}
  @media (max-width:760px){.page-hero{height:auto;min-height:0;padding-top:calc(var(--nav-h) + 56px);}}

  /* breadcrumb */
  .crumbs{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
  .crumbs a:hover{color:var(--accent);}
  .crumbs span{opacity:.5;margin:0 8px;}

  /* numbered chapter marker */
  .chapter{display:flex;align-items:baseline;gap:16px;}
  .chapter .num{
    font-family:var(--display);font-size:14px;color:var(--accent);
    font-variant-numeric:tabular-nums;letter-spacing:.08em;
  }

  /* evidence: image + explanation, alternating */
  .evidence{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center;}
  .evidence + .evidence{margin-top:clamp(48px,6vw,88px);}
  .evidence.flip .ev-media{order:2;}
  .ev-media{overflow:hidden;background:var(--surface);}
  .ev-media img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;transition:transform 1.1s var(--ease);}
  .evidence:hover .ev-media img{transform:scale(1.03);}
  .ev-body h3{margin-top:14px;font-size:clamp(21px,2vw,26px);}
  .ev-body p{margin-top:12px;color:var(--muted);font-size:var(--t-small);max-width:46ch;}
  @media (max-width:840px){
    .evidence{grid-template-columns:1fr;gap:22px;}
    .evidence.flip .ev-media{order:0;}
    .ev-media img{aspect-ratio:3/2;}
  }

  /* wide plate */
  .plate{position:relative;overflow:hidden;background:var(--surface);}
  .plate img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;}
  .plate figcaption{
    margin-top:14px;font-size:var(--t-label);letter-spacing:.2em;
    text-transform:uppercase;color:var(--muted);
  }
  @media (max-width:700px){.plate img{aspect-ratio:4/3;}}

  /* film index label */
  .film .index{
    font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);
    display:block;margin-bottom:10px;
  }

  /* data table (project information) */
  .datasheet{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px);margin-top:44px;}
  .datasheet .row{
    display:grid;grid-template-columns:150px 1fr;gap:18px;
    padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--t-small);
  }
  .datasheet dt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:5px;}
  .datasheet dd{margin:0;}
  .rera{font-variant-numeric:tabular-nums;letter-spacing:.04em;}
  @media (max-width:840px){
    .datasheet{grid-template-columns:1fr;}
    .datasheet .row{grid-template-columns:1fr;gap:2px;}
  }

  /* interest chips (enquiry) */
  .chips{display:flex;flex-wrap:wrap;gap:10px;}
  .chip{position:relative;}
  .chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
  .chip span{
    display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;
    border:1px solid var(--line);border-radius:999px;
    font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
    transition:border-color .25s,color .25s,background .25s;
  }
  .chip input:hover + span{border-color:var(--line-strong);color:var(--bone);}
  .chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:3px;}
  .chip input:checked + span{border-color:var(--accent);color:var(--accent);background:rgba(195,154,78,.08);}

  /* footer rera line */
  .foot-rera{
    margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
    font-size:12px;color:var(--muted);
  }
  .foot-rera b{font-weight:400;color:var(--bone);}

  /* process as an ordered list */
  ol.process{list-style:none;margin:36px 0 0;padding:0;}
  ol.process .stage{list-style:none;}

  /* fieldset reset for the interest chips */
  fieldset{min-width:0;}
  legend{padding:0;}