/* ARLEA 3D model archive — a full-width contact sheet of individual project scenes. */
.arlea-redesign .ar-digital-model{
  position:relative;
  isolation:isolate;
  margin-top:clamp(108px,11vw,174px);
  padding-top:clamp(56px,6vw,86px);
  border-top:1px solid rgba(218,225,230,.25);
}
.arlea-redesign .ar-digital-model:before{
  content:"12";
  position:absolute;
  z-index:-1;
  top:-.12em;
  right:0;
  color:transparent;
  font-family:var(--ar-font-display);
  font-size:clamp(180px,24vw,370px);
  font-weight:300;
  line-height:.8;
  letter-spacing:-.11em;
  -webkit-text-stroke:1px rgba(218,225,230,.075);
  pointer-events:none;
}
.arlea-redesign .ar-digital-model:after{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:72px;
  height:2px;
  background:#52677d;
  box-shadow:0 0 25px rgba(82, 103, 125, );
}
.arlea-redesign .ar-digital-model-head{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);
  gap:clamp(54px,9vw,144px);
  align-items:end;
  margin-bottom:clamp(48px,6vw,78px);
}
.arlea-redesign .ar-digital-model-intro .ar-section-label{
  display:flex;
  align-items:center;
  gap:17px;
  width:min(100%,670px);
  margin:0 0 28px;
}
.arlea-redesign .ar-digital-model-intro .ar-section-label:after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(218,225,230,.25);
}
.arlea-redesign .ar-digital-model-intro .ar-section-label small{
  order:3;
  color:#9eabb5;
  font:500 12px/1 var(--ar-font-body);
  letter-spacing:.13em;
  white-space:nowrap;
}
.arlea-redesign .ar-digital-model-head h3{
  max-width:940px;
  margin:0;
  color:#f5f4ef;
  font-family:var(--ar-font-display);
  font-size:clamp(66px,7.8vw,126px);
  font-weight:300;
  line-height:.82;
  letter-spacing:-.068em;
  text-transform:uppercase;
}
.arlea-redesign .ar-digital-model-head h3 em{
  color:transparent;
  font-style:normal;
  -webkit-text-stroke:1px rgba(235,239,241,.7);
}
.arlea-redesign .ar-digital-model-copy{
  padding:24px 0 3px;
  border-top:1px solid rgba(218,225,230,.27);
}
.arlea-redesign .ar-digital-model-index{
  display:block;
  margin-bottom:30px;
  color:#52677d;
  font:600 12px/1.25 var(--ar-font-body);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.arlea-redesign .ar-digital-model-head .ar-digital-model-copy>p{
  margin:0;
  color:#c3ccd2!important;
  font-size:16px!important;
  line-height:1.72!important;
}

.arlea-redesign .ar-viewer-shell{
  position:relative;
  display:block!important;
  min-height:0!important;
  overflow:hidden;
  border:1px solid rgba(222,229,233,.27)!important;
  border-radius:0!important;
  background:#071827!important;
  box-shadow:0 42px 120px rgba(0,0,0,.34);
}
.arlea-redesign .ar-viewer-shell:before{
  content:"";
  position:absolute;
  z-index:10;
  top:-1px;
  left:28px;
  width:118px;
  height:3px;
  background:linear-gradient(90deg,#52677d 0 68%,transparent);
  pointer-events:none;
}
.arlea-redesign .viewer3d-stage{
  position:relative;
  min-height:clamp(610px,50vw,760px)!important;
  background:linear-gradient(145deg,#bcc6cc,#819099 58%,#3d4b52);
}
.arlea-redesign .viewer3d-stage:before{
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    radial-gradient(circle at 52% 38%,rgba(255,242,213,.2),transparent 38%),
    linear-gradient(180deg,rgba(4,14,23,.02),rgba(4,14,23,.2));
  background-size:88px 88px,88px 88px,auto,auto;
  opacity:.72;
}
.arlea-redesign .viewer3d-poster{
  filter:saturate(.78) contrast(1.05) brightness(.93);
}
.arlea-redesign .ar-viewer-hud{
  position:absolute;
  z-index:4;
  top:88px;
  right:30px;
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(255,255,255,.66);
  font:500 11px/1 var(--ar-font-body);
  letter-spacing:.13em;
  text-transform:uppercase;
  pointer-events:none;
}
.arlea-redesign .ar-viewer-hud i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#52677d;
}
.arlea-redesign .viewer3d-topline{
  top:24px;
  left:28px;
  right:28px;
  color:#f1f3f4;
}
.arlea-redesign .viewer3d-topline>span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(6,20,32,.48);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-size:12px!important;
  letter-spacing:.09em;
}
.arlea-redesign .viewer3d-topline>span:before{
  content:"";
  width:7px;
  height:7px;
  margin-right:9px;
  border-radius:50%;
  background:#52677d;
  box-shadow:0 0 0 5px rgba(82, 103, 125, );
}
.arlea-redesign .viewer3d-topline button{
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px!important;
  background:rgba(6,20,32,.52);
  color:#fff;
  font-size:12px!important;
  letter-spacing:.09em;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.arlea-redesign .viewer3d-topline button:hover{
  border-color:rgba(255,255,255,.6);
  background:rgba(6,20,32,.78);
  transform:translateY(-1px);
}
.arlea-redesign .viewer3d-caption{
  left:28px;
  bottom:28px;
  width:min(480px,calc(100% - 56px));
  max-width:none;
  padding:21px 24px 22px;
  border-left:3px solid #52677d;
  background:linear-gradient(90deg,rgba(5,18,29,.84),rgba(5,18,29,.4));
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}
.arlea-redesign .viewer3d-caption>span{
  margin-bottom:10px;
  color:#d7dde1!important;
  font-size:12px!important;
  letter-spacing:.15em;
}
.arlea-redesign .viewer3d-caption h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(44px,4.5vw,66px);
  font-weight:300;
  letter-spacing:-.058em;
}
.arlea-redesign .viewer3d-caption p{
  color:#d4dbe0!important;
  font-size:14px!important;
  letter-spacing:.035em;
}
.arlea-redesign .viewer3d-gesture{
  right:28px;
  bottom:34px;
  gap:9px;
  color:rgba(255,255,255,.8)!important;
  font-size:11px!important;
  letter-spacing:.08em;
}
.arlea-redesign .viewer3d-gesture span{color:#fff;font-size:20px!important}
.arlea-redesign .viewer3d-gesture i{width:22px;height:1px;background:rgba(255,255,255,.43)}

/* The archive replaces the old right sidebar: every project is a separate visual entry. */
.arlea-redesign .ar-viewer-sidebar{
  position:relative;
  display:block!important;
  min-height:0;
  padding:36px 34px 28px;
  overflow:hidden;
  border:0!important;
  border-top:1px solid rgba(218,225,230,.16)!important;
  border-radius:0!important;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    #071a2c!important;
  background-size:58px 58px!important;
  color:#fff;
}
.arlea-redesign .ar-viewer-archive-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:28px;
}
.arlea-redesign .ar-viewer-archive-head>div:first-child{max-width:700px}
.arlea-redesign .ar-viewer-archive-head .ar-section-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 13px;
}
.arlea-redesign .ar-viewer-archive-head .ar-section-label i,
.arlea-redesign .ar-viewer-model-state span i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#52677d;
  box-shadow:0 0 0 5px rgba(82, 103, 125, );
}
.arlea-redesign .ar-viewer-sidebar h3{
  margin:0 0 9px;
  color:#fff;
  font-family:var(--ar-font-display);
  font-size:clamp(32px,3.2vw,48px);
  font-weight:300;
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.arlea-redesign .ar-viewer-sidebar-copy{
  margin:0;
  color:#aebac3;
  font-size:14px;
  line-height:1.55;
}
.arlea-redesign .ar-viewer-archive-controls{
  display:grid;
  grid-template-columns:auto 48px 48px;
  gap:8px;
  align-items:center;
}
.arlea-redesign .ar-viewer-count{
  margin-right:12px;
  color:#c3ccd2;
  font-size:13px;
  letter-spacing:.14em;
  white-space:nowrap;
}
.arlea-redesign .ar-viewer-archive-controls button{
  width:48px;
  height:48px;
  border:1px solid rgba(218,225,230,.25);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.arlea-redesign .ar-viewer-archive-controls button:hover{
  border-color:#52677d;
  background:#52677d;
  transform:translateY(-2px);
}
.arlea-redesign .ar-viewer-archive-controls button:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
.arlea-redesign .viewer3d-picker{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,24%);
  grid-template-columns:none!important;
  gap:10px;
  width:100%;
  padding:0 0 16px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline mandatory;
  scrollbar-width:thin;
  scrollbar-color:#52677d rgba(255,255,255,.08);
}
.arlea-redesign .viewer3d-picker button{
  position:relative;
  min-width:0;
  height:190px;
  padding:0;
  overflow:hidden;
  aspect-ratio:auto;
  scroll-snap-align:start;
  border:1px solid rgba(217,225,230,.18);
  border-radius:0;
  background:#0d263b;
  color:#fff;
  text-align:left;
  cursor:pointer;
  isolation:isolate;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.arlea-redesign .viewer3d-picker button>img{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.66) contrast(1.07) brightness(.78);
  transform:scale(1.02);
  transition:filter .4s ease,transform .6s cubic-bezier(.22,.61,.36,1);
}
.arlea-redesign .viewer3d-picker-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(4,16,27,.08),rgba(4,16,27,.82) 82%,rgba(4,16,27,.95));
}
.arlea-redesign .viewer3d-picker button:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-left:3px solid transparent;
  transition:border-color .25s ease,background .25s ease;
}
.arlea-redesign .viewer3d-picker-copy{
  position:absolute;
  left:17px;
  bottom:17px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.arlea-redesign .viewer3d-picker-copy small{
  color:#aebac3;
  font-size:11px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.arlea-redesign .viewer3d-picker-copy strong{
  color:#fff;
  font-family:var(--ar-font-display);
  font-size:22px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.035em;
}
.arlea-redesign .viewer3d-picker-action{
  position:absolute;
  right:15px;
  top:14px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.27);
  background:rgba(5,18,29,.45);
  color:#f5f6f7;
  font-size:11px;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.arlea-redesign .viewer3d-picker-action i{font-style:normal;font-size:15px}
.arlea-redesign .viewer3d-picker button:hover{
  transform:translateY(-4px);
  border-color:rgba(232,237,240,.5);
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.arlea-redesign .viewer3d-picker button:hover>img{filter:saturate(.82) contrast(1.04) brightness(.9);transform:scale(1.06)}
.arlea-redesign .viewer3d-picker button.active{
  transform:translateY(-4px);
  border-color:#52677d;
  box-shadow:0 18px 40px rgba(0,0,0,.32),0 0 0 1px rgba(82, 103, 125, );
}
.arlea-redesign .viewer3d-picker button.active:after{
  border-left-color:#52677d;
  background:linear-gradient(180deg,rgba(82, 103, 125, ),rgba(82, 103, 125, ));
}
.arlea-redesign .viewer3d-picker button.active .viewer3d-picker-action{
  border-color:#52677d;
  background:#52677d;
}
.arlea-redesign .viewer3d-picker button:focus-visible{
  outline:2px solid #fff;
  outline-offset:-4px;
}
.arlea-redesign .viewer3d-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  margin-top:12px;
  padding-top:20px;
  border-top:1px solid rgba(218,225,230,.13);
}
.arlea-redesign .ar-viewer-model-state{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:max-content;
}
.arlea-redesign .ar-viewer-model-state span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e2e7ea;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.arlea-redesign .ar-viewer-model-state b{
  color:#9fadb7!important;
  font-size:12px!important;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.arlea-redesign .viewer3d-note p{
  max-width:630px;
  margin:0;
  color:#93a3ae!important;
  font-size:12px!important;
  line-height:1.55!important;
  text-align:right;
}

@media(max-width:1050px){
  .arlea-redesign .ar-digital-model-head{grid-template-columns:1fr;gap:38px}
  .arlea-redesign .ar-digital-model-copy{max-width:680px}
  .arlea-redesign .viewer3d-stage{min-height:620px!important}
  .arlea-redesign .viewer3d-picker{grid-auto-columns:minmax(220px,36%)}
}

@media(max-width:760px){
  .arlea-redesign .ar-digital-model{margin-top:88px;padding-top:50px}
  .arlea-redesign .ar-digital-model:before{top:12px;font-size:150px}
  .arlea-redesign .ar-digital-model-head{gap:30px;margin-bottom:38px}
  .arlea-redesign .ar-digital-model-intro .ar-section-label{flex-wrap:wrap;gap:12px 14px}
  .arlea-redesign .ar-digital-model-intro .ar-section-label:after{order:2;min-width:40px}
  .arlea-redesign .ar-digital-model-intro .ar-section-label small{width:100%}
  .arlea-redesign .ar-digital-model-head h3{font-size:clamp(52px,16vw,74px);line-height:.86}
  .arlea-redesign .ar-digital-model-head .ar-digital-model-copy>p{font-size:15px!important}
  .arlea-redesign .ar-viewer-shell{margin-inline:0!important}
  .arlea-redesign .viewer3d-stage{min-height:540px!important}
  .arlea-redesign .viewer3d-topline{left:15px;right:15px;top:15px;align-items:flex-start}
  .arlea-redesign .viewer3d-topline>span{max-width:150px;padding:8px 11px;line-height:1.35}
  .arlea-redesign .viewer3d-topline button{padding:0 11px}
  .arlea-redesign .ar-viewer-hud{display:none}
  .arlea-redesign .viewer3d-caption{left:15px;bottom:15px;width:calc(100% - 30px);padding:17px 18px}
  .arlea-redesign .viewer3d-caption h3{font-size:40px}
  .arlea-redesign .viewer3d-gesture{display:none}
  .arlea-redesign .ar-viewer-sidebar{padding:28px 18px 24px}
  .arlea-redesign .ar-viewer-archive-head{align-items:flex-start;flex-direction:column;gap:22px}
  .arlea-redesign .ar-viewer-archive-controls{width:100%;grid-template-columns:1fr 46px 46px}
  .arlea-redesign .ar-viewer-archive-controls button{width:46px;height:46px}
  .arlea-redesign .viewer3d-picker{grid-auto-columns:minmax(230px,82%)}
  .arlea-redesign .viewer3d-picker button{height:184px}
  .arlea-redesign .viewer3d-note{align-items:flex-start;flex-direction:column;gap:13px}
  .arlea-redesign .ar-viewer-model-state{align-items:flex-start;flex-direction:column;gap:8px;min-width:0}
  .arlea-redesign .viewer3d-note p{text-align:left}
}

@media(prefers-reduced-motion:reduce){
  .arlea-redesign .viewer3d-picker button,
  .arlea-redesign .viewer3d-picker button>img,
  .arlea-redesign .ar-viewer-archive-controls button,
  .arlea-redesign .viewer3d-topline button{transition:none}
}