/* FreeShelf MAX — October 2026 visual/search system */
:root{
  --fs-ink:#17221d;--fs-muted:#5d6963;--fs-paper:#f7f4ee;--fs-card:#fffdf9;
  --fs-line:#d9ddd7;--fs-accent:#d9472f;--fs-accent-dark:#a92f20;--fs-green:#274a3c;
  --fs-sage:#dfe8e1;--fs-sage-2:#eef3ef;--fs-gold:#d6aa4a;--fs-shadow:0 24px 80px rgba(23,34,29,.10);
  --fs-radius:18px;--fs-max:1240px;
}
html{scroll-behavior:smooth}
body{background:#e9eeea!important;color:var(--fs-ink)}
.page-frame{max-width:1400px!important;background:var(--fs-paper)!important;border:1px solid #d3d9d4!important;border-radius:24px!important;overflow:hidden!important;margin:18px auto!important;box-shadow:var(--fs-shadow)!important}
.wrap{max-width:var(--fs-max)!important;padding-left:30px!important;padding-right:30px!important}
.topbar{background:rgba(247,244,238,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--fs-line)!important}
.topbar .wrap{min-height:84px!important}
.brand-logo{width:218px!important;height:auto!important;max-height:62px!important}
.brand-tag{font-size:12px!important;color:#6d746f!important;letter-spacing:.02em}
.nav-meta{gap:16px!important}.nav-privacy{font-size:12px!important;color:#536159!important}
.fs-primary-nav{display:flex;gap:18px;align-items:center;margin-left:auto}
.fs-primary-nav a{font-size:13px;font-weight:800;text-decoration:none;color:var(--fs-ink);white-space:nowrap}
.fs-primary-nav a:hover{color:var(--fs-accent)}
.fs-primary-nav .nav-cta{background:var(--fs-ink);color:#fff;padding:10px 15px;border-radius:999px}
.hero.fs-max-hero{position:relative;background:linear-gradient(135deg,#f8f1e6 0%,#f6f4ee 52%,#e4ece6 100%)!important;border-bottom:1px solid var(--fs-line)!important;overflow:hidden}
.hero.fs-max-hero::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(217,71,47,.08);right:-100px;top:-150px;filter:blur(2px)}
.hero.fs-max-hero .wrap{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:64px!important;align-items:center!important;min-height:610px!important;padding-top:72px!important;padding-bottom:72px!important}
.fs-max-hero .hero-copy{max-width:700px!important}
.fs-max-hero .kicker{color:var(--fs-accent)!important;text-shadow:none!important;margin-bottom:14px!important}
.fs-max-hero .hot100-badge{display:inline-flex!important;align-items:center;gap:7px;background:#fff!important;color:var(--fs-ink)!important;border:1px solid #e2ddd2!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:0 6px 24px rgba(23,34,29,.06)!important}
.fs-max-hero h1{font-family:'Fraunces',Georgia,serif!important;font-size:clamp(48px,5.8vw,78px)!important;line-height:.96!important;letter-spacing:-.045em!important;color:var(--fs-ink)!important;text-shadow:none!important;margin-top:18px!important;max-width:760px!important}
.fs-max-hero h1 em{color:var(--fs-accent)!important;font-style:italic!important}
.fs-max-hero p.lead{font-size:18px!important;line-height:1.65!important;color:#45534c!important;text-shadow:none!important;max-width:60ch!important;margin-top:22px!important}
.fs-max-hero .hero-actions{margin-top:30px!important}.fs-max-hero .btn{background:var(--fs-ink)!important;border-color:var(--fs-ink)!important;color:#fff!important;padding:14px 23px!important}.fs-max-hero .btn.ghost{background:#fff!important;color:var(--fs-ink)!important;border-color:#d3d8d3!important}
.fs-max-hero .btn:hover{background:var(--fs-accent)!important;border-color:var(--fs-accent)!important}.fs-max-hero .btn.ghost:hover{background:#f9fbf9!important;color:var(--fs-accent)!important}
.fs-max-hero .hero-stats{border-top:1px solid #d6dbd6!important;padding-top:22px!important;margin-top:34px!important;gap:34px!important}.fs-max-hero .hero-stat b{color:var(--fs-ink)!important;text-shadow:none!important;font-size:26px!important}.fs-max-hero .hero-stat span{color:#68746e!important;text-shadow:none!important}
.fs-cv-stage{position:relative;height:500px;min-width:0}.fs-cv-card{position:absolute;width:230px;background:#fff;border:1px solid #d9ddd7;border-radius:12px;padding:9px;box-shadow:0 28px 70px rgba(23,34,29,.18);transform-origin:center}.fs-cv-card img{display:block;width:100%;height:auto;border-radius:6px}.fs-cv-card:nth-child(1){left:8%;top:8%;transform:rotate(-6deg)}.fs-cv-card:nth-child(2){right:2%;top:0;transform:rotate(5deg)}.fs-cv-card:nth-child(3){left:29%;bottom:0;transform:rotate(1.5deg);z-index:3}.fs-cv-card:nth-child(4){right:6%;bottom:8%;transform:rotate(7deg);z-index:2}.fs-cv-stamp{position:absolute;left:0;bottom:36px;z-index:5;background:var(--fs-accent);color:#fff;font:800 12px/1 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:11px 15px;transform:rotate(-5deg);box-shadow:0 8px 30px rgba(217,71,47,.22)}
.fs-trust-strip{background:var(--fs-ink);color:#fff}.fs-trust-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.fs-trust-item{padding:18px 20px;border-right:1px solid rgba(255,255,255,.13)}.fs-trust-item:last-child{border-right:0}.fs-trust-item strong{display:block;font-size:13px}.fs-trust-item span{display:block;color:#c9d2cd;font-size:12px;margin-top:2px}
.fs-search-doors{padding:58px 0 28px;background:var(--fs-paper)}.fs-search-doors .intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.fs-search-doors h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.05!important;max-width:700px}.fs-search-doors .intro p{max-width:460px;color:var(--fs-muted);margin:0}.fs-door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fs-door{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid var(--fs-line);background:var(--fs-card);padding:22px;border-radius:16px;transition:.18s ease}.fs-door:hover{transform:translateY(-4px);border-color:#b7c2ba;box-shadow:0 16px 44px rgba(23,34,29,.08)}.fs-door small{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--fs-accent)}.fs-door strong{font-family:'Fraunces',Georgia,serif;font-size:25px;line-height:1.05}.fs-door span{font-size:13px;color:var(--fs-muted)}
.studio{padding-top:62px!important}.studio-head{padding-bottom:14px;border-bottom:1px solid var(--fs-line)}.studio-head h2{font-size:36px!important}.workspace{gap:20px!important}.form-pane,.preview-pane{border-radius:18px}.gallery-grid{background:#fdfcf8!important;border-color:#d7ddd8!important;border-radius:16px!important;gap:16px!important;padding:14px!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.thumb{border-radius:12px!important;overflow:hidden!important;background:#fff!important}.paper-frame{box-shadow:0 28px 70px rgba(23,34,29,.16)!important}
.discovery-hub{background:#e8eee9!important;padding:70px 0!important;border-top:1px solid #d5ddd7}.discovery-hub h2{font-size:clamp(34px,4vw,50px)!important;max-width:780px!important}.discovery-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.discovery-card{min-height:140px!important;border-radius:16px!important;background:#fff!important;border:1px solid #d6ded8!important;padding:20px!important}.discovery-card strong{font-family:'Fraunces',Georgia,serif!important;font-size:21px!important}.discovery-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 40px rgba(23,34,29,.08)!important;border-color:#b9c5bc!important}
footer{background:#17221d!important;color:#d7dfda!important;padding:34px 0!important}.fine a{color:#fff!important}
@media(max-width:1000px){.fs-primary-nav{display:none}.hero.fs-max-hero .wrap{grid-template-columns:1fr!important;min-height:auto!important}.fs-cv-stage{height:430px;max-width:650px}.fs-door-grid{grid-template-columns:repeat(2,1fr)}.fs-trust-strip .wrap{grid-template-columns:repeat(2,1fr)}.fs-trust-item:nth-child(2){border-right:0}.fs-trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}}
@media(max-width:700px){.page-frame{margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}.wrap{padding-left:18px!important;padding-right:18px!important}.nav-privacy{display:none}.brand-tag{display:none}.hero.fs-max-hero .wrap{padding-top:48px!important;padding-bottom:48px!important;gap:30px!important}.fs-max-hero h1{font-size:49px!important}.fs-cv-stage{height:390px;transform:scale(.88);transform-origin:top center;margin-bottom:-40px}.fs-search-doors .intro{display:block}.fs-search-doors .intro p{margin-top:14px}.fs-door-grid{grid-template-columns:1fr}.fs-trust-strip .wrap{grid-template-columns:1fr}.fs-trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.discovery-grid{grid-template-columns:1fr!important}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media print{.fs-search-doors,.fs-trust-strip{display:none!important}}

/* V2.3 impact hero — replace stacked CV cards with approved cinematic image */
.fs-max-hero .fs-hero-visual{
  position:relative;
  min-width:0;
  height:500px;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(23,34,29,.12);
  background:#18221d;
  box-shadow:0 30px 80px rgba(23,34,29,.18);
}
.fs-max-hero .fs-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(20,29,25,.10),rgba(20,29,25,0) 28%);
}
.fs-max-hero .fs-hero-visual>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% center;
  filter:saturate(1.03) contrast(1.02);
}
.fs-max-hero .fs-hero-visual .fs-cv-stamp{
  left:24px;
  bottom:26px;
}
@media(max-width:1000px){
  .fs-max-hero .fs-hero-visual{height:min(58vw,520px);min-height:360px;}
  .fs-max-hero .fs-hero-visual>img{object-position:62% center;}
}
@media(max-width:700px){
  .fs-max-hero .fs-hero-visual{height:390px;min-height:0;border-radius:16px;}
  .fs-max-hero .fs-hero-visual>img{object-position:68% center;}
  .fs-max-hero .fs-hero-visual .fs-cv-stamp{left:18px;bottom:20px;}
}

/* V2.4 cinematic bleed hero — image is part of the hero, not a card */
@media(min-width:1001px){
  .hero.fs-max-hero{
    min-height:650px;
    background:linear-gradient(90deg,#f8f1e6 0%,#f7f3eb 48%,#e8eee9 100%)!important;
  }
  .hero.fs-max-hero::before{
    width:520px;height:520px;right:-210px;top:-180px;
    background:rgba(217,71,47,.065);
  }
  .hero.fs-max-hero .wrap{
    display:block!important;
    min-height:650px!important;
    padding-top:78px!important;
    padding-bottom:76px!important;
  }
  .fs-max-hero .hero-copy{
    position:relative;
    z-index:4;
    width:52%;
    max-width:650px!important;
  }
  .fs-max-hero .fs-hero-visual{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:50.5%;
    height:auto;
    min-height:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:#18221d;
  }
  .fs-max-hero .fs-hero-visual::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0 auto 0 0;
    width:43%;
    pointer-events:none;
    background:linear-gradient(90deg,#f7f3eb 0%,rgba(247,243,235,.985) 14%,rgba(247,243,235,.90) 34%,rgba(247,243,235,.66) 56%,rgba(247,243,235,.32) 76%,rgba(247,243,235,0) 100%);
  }
  .fs-max-hero .fs-hero-visual::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(16,28,23,.02),rgba(16,28,23,.08));
  }
  .fs-max-hero .fs-hero-visual>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:61% center;
    filter:saturate(1.06) contrast(1.03);
    transform:scale(1.015);
  }
  .fs-max-hero .fs-hero-visual .fs-cv-stamp{
    left:12%;
    bottom:36px;
    z-index:4;
  }
}
@media(max-width:1000px){
  .hero.fs-max-hero .wrap{display:grid!important;grid-template-columns:1fr!important;}
  .fs-max-hero .hero-copy{width:auto;max-width:760px!important;}
  .fs-max-hero .fs-hero-visual{
    position:relative;
    inset:auto;
    width:calc(100% + 60px);
    margin-left:-30px;
    height:min(62vw,520px);
    min-height:380px;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .fs-max-hero .fs-hero-visual::before{
    content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(180deg,rgba(247,244,238,.22),rgba(247,244,238,0) 24%);
  }
  .fs-max-hero .fs-hero-visual::after{background:linear-gradient(180deg,rgba(20,29,25,0),rgba(20,29,25,.10));}
  .fs-max-hero .fs-hero-visual>img{object-position:62% center;transform:none;}
}
@media(max-width:700px){
  .fs-max-hero .fs-hero-visual{
    width:calc(100% + 36px);
    margin-left:-18px;
    height:360px;
    min-height:0;
  }
  .fs-max-hero .fs-hero-visual>img{object-position:66% center;}
  .fs-max-hero .fs-hero-visual .fs-cv-stamp{left:18px;bottom:20px;}
}

/* V2.5 approved brand lockup */
@media(max-width:700px){.brand-logo{width:176px!important;max-height:50px!important}.topbar .wrap{min-height:68px!important}}

/* V2.6 approved soft-blend editorial hero */
@media(min-width:1001px){
  .topbar .brand-logo{width:238px!important;max-height:68px!important}
  .hero.fs-max-hero{
    min-height:650px;
    background:#f7f3eb!important;
  }
  .hero.fs-max-hero .wrap{
    min-height:650px!important;
    padding-top:72px!important;
    padding-bottom:68px!important;
  }
  .fs-max-hero .hero-copy{
    width:50%;
    max-width:655px!important;
  }
  .fs-max-hero .fs-hero-visual{
    top:0;
    right:0;
    bottom:0;
    width:59%;
    height:auto;
  }
  .fs-max-hero .fs-hero-visual::before{
    inset:0 auto 0 0;
    width:58%;
    background:linear-gradient(90deg,
      #f7f3eb 0%,
      rgba(247,243,235,.998) 9%,
      rgba(247,243,235,.985) 20%,
      rgba(247,243,235,.94) 31%,
      rgba(247,243,235,.82) 43%,
      rgba(247,243,235,.62) 57%,
      rgba(247,243,235,.38) 70%,
      rgba(247,243,235,.17) 84%,
      rgba(247,243,235,0) 100%);
  }
  .fs-max-hero .fs-hero-visual::after{
    background:linear-gradient(180deg,rgba(16,28,23,0) 0%,rgba(16,28,23,.015) 54%,rgba(16,28,23,.07) 100%);
  }
  .fs-max-hero .fs-hero-visual>img{
    object-position:57% center;
    transform:scale(1.005);
  }
  .fs-max-hero .fs-hero-visual .fs-cv-stamp{
    left:29%;
    bottom:34px;
  }
}
@media(min-width:1180px){
  .fs-max-hero .fs-hero-visual{width:61%;}
  .fs-max-hero .fs-hero-visual::before{width:61%;}
  .fs-max-hero .hero-copy{width:49%;}
}

/* V2.7 ultra-subtle lower hero feather — soften high-contrast desk/CV area into paper */
@media(min-width:1001px){
  .fs-max-hero .fs-hero-visual::after{
    background:
      radial-gradient(ellipse 92% 78% at 0% 100%,
        rgba(247,243,235,.98) 0%,
        rgba(247,243,235,.95) 14%,
        rgba(247,243,235,.87) 28%,
        rgba(247,243,235,.73) 42%,
        rgba(247,243,235,.54) 56%,
        rgba(247,243,235,.34) 69%,
        rgba(247,243,235,.17) 81%,
        rgba(247,243,235,.06) 91%,
        rgba(247,243,235,0) 100%),
      linear-gradient(180deg,
        rgba(16,28,23,0) 0%,
        rgba(16,28,23,.006) 58%,
        rgba(16,28,23,.014) 78%,
        rgba(16,28,23,.024) 100%);
  }
}