/* GraFabLab Experimental Works v1 */

/* Homepage preview */
#process .gfl-experimental-home-head{margin-bottom:34px!important;}
.gfl-experimental-home-action{margin-top:18px!important;}
.gfl-experimental-home-action span{margin-left:8px;font-size:18px;line-height:0;}

/* Standalone experimental-works page. The base stylesheet's gfl-page shell
   is reused, but direct navigation to /experimental-works/ must remain
   visible without a URL fragment. */
.gfl-experimental-page{display:block!important;position:relative!important;min-height:100vh;}
.gfl-experimental-wrap{padding-top:52px!important;}
.gfl-experimental-intro{max-width:820px;margin:0 0 28px;}
.gfl-experimental-intro .gfl-title{margin:7px 0 14px!important;}
.gfl-experimental-intro p{margin:0;color:#d4c9bd;font-size:16px;line-height:1.65;}
.gfl-experimental-hero{max-width:900px;margin:0 0 44px;}
.gfl-experimental-hero .gfl-title{max-width:760px;margin-bottom:18px!important;}
.gfl-experimental-hero .gfl-lead{max-width:760px;}
.gfl-experimental-signals{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;}
.gfl-experimental-signals span,
.gfl-experiment-tags span{
  display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;
  border:1px solid rgba(201,160,106,.30);border-radius:999px;
  color:#dfbd8b;font:800 10px/1.15 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;
}
.gfl-experiments{display:grid;gap:32px;}
.gfl-experiment{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:24px;align-items:stretch;
}
.gfl-experiment.is-reversed{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);}
.gfl-experiment-copy,
.gfl-experiment-gallery,
.gfl-experimental-future{
  min-width:0;border:1px solid rgba(201,160,106,.28);border-radius:22px;
  background:linear-gradient(145deg,rgba(34,28,23,.98),rgba(18,15,13,.98));
  overflow:hidden;
}
.gfl-experiment-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,50px);}
.gfl-experiment-copy h2{margin:8px 0 14px!important;font-size:clamp(35px,4.1vw,55px)!important;line-height:1.04!important;}
.gfl-experiment-subtitle{margin:0 0 22px;color:var(--gold);font:500 clamp(20px,2.05vw,27px)/1.27 Georgia,serif;}
.gfl-experiment-copy > p:not(.gfl-experiment-subtitle){margin:0;color:#d4c9bd;font-size:16px;line-height:1.65;}
.gfl-experiment-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;}
.gfl-experiment-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;}
.gfl-experiment-actions .gfl-btn{border-radius:10px;}
.gfl-experiment-gallery{padding:10px;background:#0d0b09;}
.gfl-experiment-main{margin:0;overflow:hidden;border:1px solid rgba(201,160,106,.18);border-radius:14px;background:#0a0908;aspect-ratio:4/5;}
.gfl-experiment-main img{display:block;width:100%;height:100%;object-fit:contain;}
.gfl-experiment-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;}
.gfl-experiment-thumbs figure{margin:0;overflow:hidden;border:1px solid rgba(201,160,106,.16);border-radius:11px;background:#0a0908;aspect-ratio:1/1;}
.gfl-experiment-thumbs img{display:block;width:100%;height:100%;object-fit:contain;}
.gfl-experimental-future{display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,1.05fr);align-items:stretch;margin-top:32px;}
.gfl-experimental-combined{margin-top:0;}
.gfl-experimental-future-copy{padding:clamp(28px,4vw,50px);display:flex;flex-direction:column;justify-content:center;}
.gfl-experimental-future-copy h2{margin:7px 0 14px!important;font-size:clamp(30px,3.5vw,48px)!important;line-height:1.06!important;}
.gfl-experimental-future-copy .gfl-title{margin:7px 0 14px!important;font-size:clamp(30px,3.5vw,48px)!important;line-height:1.06!important;}
.gfl-experimental-future-copy p{margin:0;color:#d4c9bd;line-height:1.65;}
.gfl-experimental-future-image{margin:0;min-height:360px;background:#0a0908;}
.gfl-experimental-future-image img{display:block;width:100%;height:100%;object-fit:cover;}
.gfl-experimental-note{margin:32px 0 0;color:#a99e92;font-size:14px;line-height:1.6;text-align:center;}

/* Prototype cards use the same framed, split-card language as the homepage:
   visual on the left, project information on the right. */
.gfl-prototype-card{margin-top:32px;}
.gfl-prototype-card .gfl-experiment-gallery{padding:10px;background:#0d0b09;}
.gfl-prototype-stage{position:relative;margin:0;overflow:hidden;border:1px solid rgba(201,160,106,.18);border-radius:14px;background:#0a0908;aspect-ratio:4/5;}
.gfl-prototype-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;transition:opacity .24s ease;}
.gfl-prototype-slide.is-active{opacity:1;pointer-events:auto;}
.gfl-prototype-control{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(224,179,116,.58);border-radius:50%;background:rgba(14,11,9,.80);color:#ecd0a1;font:400 23px/1 Georgia,serif;cursor:pointer;transform:translateY(-50%);}
.gfl-prototype-control.previous{left:13px;}
.gfl-prototype-control.next{right:13px;}
.gfl-prototype-control:hover{background:rgba(53,40,29,.94);}
.gfl-prototype-count{position:absolute;right:13px;bottom:13px;z-index:2;padding:7px 10px;border:1px solid rgba(224,179,116,.36);border-radius:999px;background:rgba(14,11,9,.82);color:#ead8c1;font:800 10px/1 Arial,sans-serif;letter-spacing:.11em;}
.gfl-prototype-count b{color:#dfbd8b;}
@media(max-width:900px){
  .gfl-experimental-wrap{padding-top:32px!important;}
  .gfl-experimental-intro{margin-bottom:20px;}
  .gfl-experiment,.gfl-experiment.is-reversed,.gfl-experimental-future{grid-template-columns:1fr;gap:14px;}
  .gfl-experiment-copy{order:1;}
  .gfl-experiment-gallery{order:2;}
  .gfl-experimental-future-copy{order:1;}
  .gfl-experimental-future-image{order:2;min-height:0;aspect-ratio:4/3;}
  .gfl-prototype-card .gfl-experiment-gallery{order:1;}
  .gfl-prototype-card .gfl-experiment-copy{order:2;}
}
@media(max-width:620px){
  #process .gfl-experimental-home-head{margin-bottom:24px!important;}
  .gfl-experimental-home-action{width:100%;margin-top:16px!important;}
  .gfl-experimental-wrap{padding-top:26px!important;}
  .gfl-experimental-intro{margin-bottom:18px;}
  .gfl-experimental-intro .gfl-title{font-size:clamp(39px,10vw,50px)!important;line-height:1.04!important;}
  .gfl-experimental-intro p{font-size:15px;line-height:1.58;}
  .gfl-experimental-hero{margin-bottom:28px;}
  .gfl-experimental-signals{gap:7px;margin-top:19px;}
  .gfl-experimental-signals span,.gfl-experiment-tags span{font-size:9px;padding:6px 9px;}
  .gfl-experiments{gap:20px;}
  .gfl-experiment-copy{padding:23px 21px;border-radius:17px;}
  .gfl-experiment-copy h2{font-size:35px!important;}
  .gfl-experiment-subtitle{margin-bottom:16px;font-size:20px;}
  .gfl-experiment-copy > p:not(.gfl-experiment-subtitle){font-size:15px;line-height:1.58;}
  .gfl-experiment-tags,.gfl-experiment-actions{margin-top:19px;}
  .gfl-experiment-gallery{padding:8px;border-radius:17px;}
  .gfl-experiment-main{border-radius:12px;}
  .gfl-experiment-thumbs{gap:8px;margin-top:8px;}
  .gfl-experimental-future{margin-top:22px;border-radius:17px;}
  .gfl-experimental-future-copy{padding:23px 21px;}
  .gfl-experimental-future-image{aspect-ratio:4/3;}
  .gfl-experimental-note{margin-top:22px;font-size:13px;}
  .gfl-prototype-card{margin-top:20px;}
  .gfl-prototype-card .gfl-experiment-gallery{padding:8px;border-radius:17px;}
  .gfl-prototype-stage{border-radius:12px;}
  .gfl-prototype-control{width:37px;height:37px;font-size:21px;}
  .gfl-prototype-control.previous{left:10px;}
  .gfl-prototype-control.next{right:10px;}
  .gfl-prototype-count{right:10px;bottom:10px;font-size:9px;}
}