/* PRECISION / DESIGN V1
   Isolated from the approved Home visual layer. */

.precision-design-view{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#3b3b3b #000;
  background:#000;
}

.precision-design-view::-webkit-scrollbar{width:7px}
.precision-design-view::-webkit-scrollbar-track{background:#000}
.precision-design-view::-webkit-scrollbar-thumb{background:#333}

.design-page{
  --design-line:rgba(255,255,255,.13);
  --design-muted:rgba(242,242,242,.52);
  --design-soft:rgba(242,242,242,.72);
  --design-accent:#c98243;
  min-height:100%;
  background:#000;
  color:#f3f3f3;
  font-family:Calibri,Arial,sans-serif;
}

.design-intro{
  min-height:100vh;
  min-height:100dvh;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14vh clamp(28px,6vw,96px) 10vh;
  border-bottom:1px solid var(--design-line);
  overflow:hidden;
}

.design-intro::after{
  content:"";
  position:absolute;
  left:clamp(28px,6vw,96px);
  right:clamp(28px,6vw,96px);
  bottom:17vh;
  height:1px;
  background:linear-gradient(90deg,var(--design-accent),rgba(201,130,67,.16) 34%,transparent 76%);
  opacity:.72;
}

.design-intro__index,
.design-archive__head>span{
  font-size:11px;
  letter-spacing:.22em;
  color:var(--design-accent);
  margin-bottom:28px;
}

.design-intro__copy h1,
.design-archive__head h2{
  margin:0;
  font-family:'Sansation',Arial,sans-serif;
  font-weight:300;
  letter-spacing:.045em;
  line-height:.86;
}

.design-intro__copy h1{
  font-size:clamp(44px,5.6vw,76px);
}

.design-intro__copy p{
  margin:34px 0 0;
  max-width:520px;
  color:var(--design-muted);
  font-size:clamp(16px,1.25vw,21px);
  line-height:1.55;
  letter-spacing:.018em;
}

.design-intro__scroll{
  position:absolute;
  left:clamp(28px,6vw,96px);
  bottom:7vh;
  display:flex;
  gap:16px;
  align-items:center;
  font-size:9px;
  letter-spacing:.19em;
  color:rgba(255,255,255,.42);
}
.design-intro__scroll span{font-size:15px;color:var(--design-accent)}

.design-selected{
  width:min(1760px,100%);
  margin:0 auto;
  padding:10vh clamp(18px,3.5vw,68px) 14vh;
}

.design-feature{
  margin:0 0 clamp(94px,13vh,150px);
}

.design-feature__media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#050505;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}

.design-feature__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.28) 100%);
}

.design-feature__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s ease;
}

.design-feature:hover .design-feature__media img{
  transform:scale(1.012);
}

.design-feature__meta{
  display:grid;
  grid-template-columns:auto auto minmax(50px,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 2px 0;
  border-top:1px solid transparent;
}

.design-feature__meta span{
  color:var(--design-accent);
  font-size:10px;
  letter-spacing:.12em;
}

.design-feature__meta h2{
  margin:0;
  font-family:'Sansation',Arial,sans-serif;
  font-size:clamp(22px,2.2vw,34px);
  font-weight:300;
  letter-spacing:.055em;
}

.design-feature__meta i{
  height:1px;
  background:linear-gradient(90deg,rgba(201,130,67,.55),rgba(255,255,255,.07));
}

.design-feature__meta b{
  font-size:9px;
  font-weight:400;
  letter-spacing:.17em;
  color:rgba(255,255,255,.40);
}

.design-archive{
  padding:14vh clamp(28px,6vw,96px) 12vh;
  border-top:1px solid var(--design-line);
  background:#030303;
}

.design-archive__head{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  column-gap:7vw;
  align-items:end;
  margin-bottom:9vh;
}

.design-archive__head>span{grid-column:1/-1}

.design-archive__head h2{
  font-size:clamp(38px,5vw,68px);
}

.design-archive__head p{
  margin:0 0 6px;
  color:var(--design-muted);
  font-size:15px;
  line-height:1.6;
}

.design-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(36px,5vw,80px) clamp(18px,2.3vw,38px);
}

.design-card{
  min-width:0;
}

.design-card img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#090909;
  border:1px solid rgba(255,255,255,.07);
  transition:transform .55s ease,filter .55s ease;
}

.design-card:hover img{
  transform:translateY(-3px);
}

.design-card>div{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding-top:13px;
}

.design-card span{
  font-size:9px;
  letter-spacing:.15em;
  color:var(--design-accent);
}

.design-card h3{
  margin:0;
  font-family:'Sansation',Arial,sans-serif;
  font-size:clamp(16px,1.35vw,22px);
  font-weight:300;
  letter-spacing:.06em;
}

.design-footer{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:28px clamp(28px,6vw,96px) 32px;
  border-top:1px solid var(--design-line);
  color:rgba(255,255,255,.33);
  font-size:9px;
  letter-spacing:.16em;
}

.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:760px){
  .design-intro{
    min-height:92vh;
    min-height:92dvh;
    padding:18vh 24px 10vh;
  }
  .design-intro::after{left:24px;right:24px;bottom:15vh}
  .design-intro__copy h1{font-size:clamp(38px,11vw,52px)}
  .design-intro__copy p{font-size:15px;max-width:300px;margin-top:26px}
  .design-intro__scroll{left:24px;bottom:6vh}

  .design-selected{padding:8vh 14px 10vh}
  .design-feature{margin-bottom:74px}
  .design-feature__media{aspect-ratio:16/10}
  .design-feature__media img{object-fit:cover}
  .design-feature__meta{
    grid-template-columns:auto 1fr;
    gap:8px 12px;
    padding:13px 2px 0;
  }
  .design-feature__meta i{display:none}
  .design-feature__meta b{grid-column:2;color:rgba(255,255,255,.35)}
  .design-feature__meta h2{font-size:20px}

  .design-archive{padding:10vh 18px 8vh}
  .design-archive__head{display:block;margin-bottom:7vh}
  .design-archive__head h2{font-size:clamp(38px,5vw,68px);margin-bottom:24px}
  .design-grid{grid-template-columns:1fr;gap:48px}
  .design-footer{padding:22px 18px 26px;flex-direction:column;gap:8px}
}

@media(prefers-reduced-motion:reduce){
  .design-feature__media img,.design-card img,.reveal{transition:none}
  .reveal{opacity:1;transform:none}
}



/* DESIGN V1 — ACTUAL TYPOGRAPHY FIX */
.design-page .design-intro__copy h1{
  font-size:clamp(44px,5.6vw,76px)!important;
  line-height:.92!important;
}
.design-page .design-feature__meta h2{
  font-size:clamp(22px,2.2vw,34px)!important;
  line-height:1!important;
}
.design-page .design-archive__head h2{
  font-size:clamp(38px,5vw,68px)!important;
  line-height:.94!important;
}
.design-page .design-card h3{
  font-size:clamp(16px,1.35vw,22px)!important;
}
@media(max-width:760px){
  .design-page .design-intro__copy h1{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:.94!important;
  }
  .design-page .design-feature__meta h2{
    font-size:20px!important;
  }
  .design-page .design-archive__head h2{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:.96!important;
  }
  .design-page .design-card h3{
    font-size:17px!important;
  }
}