/* First Edition Atrani 0.2.3.80 — narrow homepage CSS repair */
body.home{background:#f3f0eb;color:#0b4a55}
body.home .fe-home-v2__eyebrow{font:600 11px/1.25 Jost,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#b89b5e}
body.home .fe-home-v2 h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;color:#0b4a55}
body.home .fe-home-v2__desc{font-family:Georgia,'Times New Roman',serif;color:#174f58}
body.home .fe-home-v2__artist strong{font:600 10px/1.2 Jost,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#b89b5e}
body.home .fe-home-v2__artist span{font:400 13px/1.38 Georgia,'Times New Roman',serif;color:#536d70}
body.home .fe-home-v2__artist b{font:300 24px/1 Jost,sans-serif;color:#b89b5e}

@media (min-width:901px){
 body.home main{height:100dvh;min-height:620px;padding-left:0!important;padding-right:0!important;padding-top:0;padding-bottom:0;overflow:hidden}
 body.home .fe-home-v2{
  --fe-home-pocket:64px;--fe-home-gap:clamp(24px,2.5vw,40px);
  position:relative;isolation:isolate;width:100%;height:100dvh;min-height:620px;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);
  column-gap:clamp(24px,3vw,52px);align-items:center;
  padding-inline:calc(var(--fe-home-pocket) + var(--fe-home-gap));box-sizing:border-box;background:#f3f0eb
 }
 body.home .fe-home-v2__visual{position:absolute;inset:0;z-index:0;overflow:hidden}
 body.home .fe-home-v2__visual picture,body.home .fe-home-v2__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
 body.home .fe-home-v2__visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 64%,rgba(243,240,235,.06) 74%,rgba(243,240,235,.15) 100%)}
 body.home .fe-home-v2__copy{
  position:relative;z-index:5;grid-column:2;align-self:center;justify-self:end;
  left:auto;right:auto;top:auto;transform:none;width:100%;min-width:0;max-width:390px;
  margin:0;padding:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;text-align:left;box-sizing:border-box
 }
 body.home .fe-home-v2__eyebrow{margin:0 0 16px;white-space:normal;overflow-wrap:anywhere}
 body.home .fe-home-v2 h1{width:100%;max-width:100%;font-size:clamp(38px,3.2vw,54px);line-height:1.01}
 body.home .fe-home-v2__desc{max-width:34ch;min-width:0;margin:20px 0 0;font-size:clamp(15px,1.05vw,18px);line-height:1.42}
 body.home .fe-home-v2__actions{display:grid;gap:10px;width:100%;min-width:0;margin-top:24px}
 body.home .fe-home-v2__cta{width:100%;min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(11,74,85,.48);background:rgba(243,240,235,.72);font:600 11px/1 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#0b4a55;box-sizing:border-box}
 body.home .fe-home-v2__cta--primary{background:#0b4a55;border-color:#0b4a55;color:#fff}
 body.home .fe-home-v2__artist{width:100%;min-width:0;max-width:100%;margin-top:20px;padding:15px 0 0;border-top:1px solid rgba(11,74,85,.22);background:transparent;text-decoration:none;color:#0b4a55;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:end;box-sizing:border-box}
 body.home .fe-home-v2__artist span{min-width:0;overflow-wrap:anywhere}
 body.home .fe-home-v2__artist b{grid-column:2;grid-row:1/3}
 body.home .site-header{left:0;right:0;width:auto;box-sizing:border-box;padding-left:calc(64px + clamp(24px,2.5vw,40px));padding-right:calc(64px + clamp(24px,2.5vw,40px))}
 body.home .site-header .logo{position:static;width:108px;max-width:108px;margin:0;padding:0;background:transparent}
 body.home .site-header .logo img{display:block;width:100%;height:auto}
 body.home .site-header .menu-button{position:static;margin-left:auto}
 body.home.admin-bar .site-header{top:32px}
}

/* .82 — desktop composition refinement from live .81 UAT.
   Preserve safe-grid; create more breathing room between phone and copy. */
@media (min-width:901px){
  body.home .fe-home-v2{
    grid-template-columns:minmax(0,1fr) minmax(300px,360px);
    column-gap:clamp(36px,4vw,64px);
    padding-left:calc(var(--fe-home-pocket) + var(--fe-home-gap));
    padding-right:calc(var(--fe-home-pocket) + clamp(30px,3vw,48px));
  }
  body.home .fe-home-v2__visual picture,
  body.home .fe-home-v2__visual img{
    object-position:clamp(46%, calc(50% - 1.2vw), 50%) center;
  }
  body.home .fe-home-v2__copy{
    max-width:360px;
    transform:translateY(-3%);
  }
  body.home .fe-home-v2 h1{
    font-size:clamp(37px,3vw,51px);
    line-height:1.015;
  }
  body.home .fe-home-v2__desc{margin-top:16px}
  body.home .fe-home-v2__actions{margin-top:19px}
  body.home .fe-home-v2__cta{min-height:52px}
  body.home .fe-home-v2__artist{margin-top:15px;padding-top:12px}
}
/* Slightly tighter geometry for common 1280–1399 desktop widths. */
@media (min-width:901px) and (max-width:1399px){
  body.home .fe-home-v2{
    grid-template-columns:minmax(0,1fr) minmax(292px,330px);
    column-gap:32px;
    padding-right:calc(var(--fe-home-pocket) + 28px);
  }
  body.home .fe-home-v2__copy{max-width:330px}
  body.home .fe-home-v2 h1{font-size:clamp(36px,3.15vw,46px)}
}

@media (min-width:901px) and (max-height:780px){
 body.home .fe-home-v2__eyebrow{margin-bottom:10px;font-size:10px}
 body.home .fe-home-v2 h1{font-size:clamp(36px,5.8vh,48px)}
 body.home .fe-home-v2__desc{margin-top:11px;font-size:14px}
 body.home .fe-home-v2__actions{margin-top:13px;gap:8px}
 body.home .fe-home-v2__cta{min-height:45px}
 body.home .fe-home-v2__artist{margin-top:11px;padding-top:10px}
}
@media(max-width:900px){
 body.home{overflow:auto;background:#f3f0eb}
 body.home .site-shell{min-height:100dvh;overflow-x:hidden;overflow-y:visible}
 body.home main{height:auto;min-height:0;overflow:visible;padding:0!important}
 body.home .fe-home-v2{position:relative;isolation:isolate;min-height:clamp(820px,205svh,980px);height:auto;overflow:hidden;background:#f3f0eb;display:block;padding:0}
 body.home .fe-home-v2__visual{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:hidden;margin:0}
 body.home .fe-home-v2__visual picture,body.home .fe-home-v2__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
 body.home .fe-home-v2__visual:after{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,74,85,.08) 0%,rgba(11,74,85,0) 24%,rgba(243,240,235,0) 48%,rgba(243,240,235,.28) 58%,rgba(243,240,235,.62) 70%,rgba(243,240,235,.92) 86%,#f3f0eb 100%)}
 body.home .fe-home-v2__copy{position:relative;z-index:10;width:100%;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(455px,119vw,535px) clamp(28px,8vw,54px) 26px;background:transparent;transform:none}
 body.home .fe-home-v2__eyebrow{display:block;margin:0 0 10px;font-size:9px;line-height:1.3;letter-spacing:.22em;text-align:center;color:#17201f;font-weight:700;text-shadow:0 1px 8px rgba(243,240,235,.65)}
 body.home .fe-home-v2 h1{max-width:9.6ch;font-size:clamp(36px,10.4vw,45px);line-height:.96;letter-spacing:-.04em;text-align:center}
 body.home .fe-home-v2__desc{max-width:25ch;margin:12px 0 0;font-size:clamp(15px,4vw,17px);line-height:1.25;text-align:center}
 body.home .fe-home-v2__actions{display:grid;width:100%;max-width:310px;gap:7px;margin-top:18px}
 body.home .fe-home-v2__cta{width:100%;min-width:0;min-height:47px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 16px;border:1px solid #0b4a55;background:rgba(243,240,235,.38);font:600 10px/1 Jost,sans-serif;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;color:#0b4a55}
 body.home .fe-home-v2__cta--primary{min-height:50px;background:#0b4a55;border-color:#0b4a55;color:#fff}
 body.home .fe-home-v2__artist{position:relative;width:100%;max-width:330px;min-height:82px;box-sizing:border-box;margin-top:13px;padding:17px 58px 16px 70px;border:1px solid rgba(255,255,255,.70);border-radius:12px;background:rgba(243,240,235,.70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 7px 24px rgba(28,39,38,.07);text-decoration:none;text-align:left;display:block}
 body.home .fe-home-v2__artist::before{content:"";position:absolute;left:23px;top:22px;width:26px;height:34px;border:2px solid #b89b5e;border-radius:50% 50% 42% 42%;opacity:.95;box-sizing:border-box}
 body.home .fe-home-v2__artist::after{content:"";position:absolute;left:17px;top:50px;width:38px;height:19px;border:2px solid #b89b5e;border-top-left-radius:22px;border-top-right-radius:22px;border-bottom:0;box-sizing:border-box}
 body.home .fe-home-v2__artist strong{display:block;margin:0 0 4px;color:#0b4a55;font-weight:700}
 body.home .fe-home-v2__artist span{display:block;color:#315b61;line-height:1.28}
 body.home .fe-home-v2__artist b{position:absolute;right:14px;top:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#b89b5e;color:#fff;transform:translateY(-50%);font:400 22px/1 Jost,sans-serif}
 body.home .site-header{position:absolute;top:0;left:0;right:0;width:auto;box-sizing:border-box;padding:calc(18px + env(safe-area-inset-top,0px)) 20px 0;z-index:70;background:transparent;pointer-events:none}
 body.home .site-header .logo{position:absolute!important;left:18px!important;top:12px!important;width:clamp(88px,23vw,98px);max-width:none;margin:0;padding:0;background:transparent;box-shadow:none;pointer-events:auto}
 body.home .site-header .logo::before{content:none!important;display:none!important}
 body.home .site-header .logo img{display:block;width:100%;height:auto;filter:brightness(0)!important}
 body.home .site-header .menu-button{position:static;margin-left:auto;min-height:44px;min-width:82px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0;background:transparent;color:#0b4a55;font-size:10px;letter-spacing:.18em;pointer-events:auto}
 body.home .site-header .menu-button span{font-size:20px}
 body.home .pocket.pocket-top,body.home .pocket.pocket-left,body.home .pocket.pocket-right{position:absolute!important;background:rgba(243,240,235,.82)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid rgba(11,74,85,.12)!important;box-shadow:none!important;color:#0b4a55;z-index:40}
 body.home .pocket.pocket-top{z-index:60;top:calc(12px + env(safe-area-inset-top,0px))!important;left:50%!important;right:auto!important;bottom:auto!important;width:clamp(162px,44vw,184px)!important;min-width:0!important;height:46px!important;padding:4px 12px!important;border-radius:12px!important;transform:translateX(-50%)!important;box-sizing:border-box}
 body.home .pocket.pocket-top span{max-width:130px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center;font-size:8px!important;line-height:1.3!important}
 body.home .pocket.pocket-left,body.home .pocket.pocket-right{position:fixed!important;top:50dvh!important;bottom:auto!important;width:clamp(32px,8.5vw,36px)!important;height:clamp(142px,38vw,158px)!important;transform:translateY(-50%)!important;padding:10px 0!important;box-sizing:border-box}
 body.home .pocket.pocket-left{left:0!important;right:auto!important;border-radius:0 12px 12px 0!important}
 body.home .pocket.pocket-right{right:0!important;left:auto!important;border-radius:12px 0 0 12px!important}
 body.home .pocket.pocket-left span,body.home .pocket.pocket-right span{position:absolute!important;left:50%!important;top:50%!important;margin:0!important;font-size:8px!important;letter-spacing:.14em!important;line-height:1!important}
 body.home .pocket.pocket-left span{transform:translate(-50%,-50%) rotate(180deg)!important}
 body.home .pocket.pocket-right span{transform:translate(-50%,-50%)!important}
 body.home .pocket.pocket-left b,body.home .pocket.pocket-right b{position:absolute!important;left:50%!important;bottom:13px!important;margin:0!important;transform:translateX(-50%)!important;font-size:14px!important;line-height:1!important}
 body.home .pocket.pocket-bottom{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:min(calc(100% - 112px),270px)!important;height:54px!important;margin:18px auto calc(16px + env(safe-area-inset-bottom,0px))!important;border-radius:12px 12px 0 0!important;background:rgba(243,240,235,.86)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,74,85,.12)!important;box-shadow:0 7px 24px rgba(28,39,38,.06)!important;color:#0b4a55;z-index:10}
 body.home .pocket.pocket-bottom span{font-size:9px!important;letter-spacing:.18em!important}
 body.home .pocket.pocket-bottom b{font-size:15px!important}
}
@media(max-width:340px){
 body.home .fe-home-v2__copy{padding-left:26px;padding-right:26px;padding-top:clamp(390px,122vw,420px)}
 body.home .fe-home-v2 h1{font-size:35px}
 body.home .pocket.pocket-top{width:156px!important}
}
@media(max-width:782px){body.home.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){body.home .fe-home-v2__cta{transition:none}}


/* .83 — approved live-UAT polish. Desktop only. */
@media (min-width:901px){
  /* Make locked directional pockets visibly read as navigation without changing behavior. */
  body.home .pocket-left,
  body.home .pocket-right{
    background:rgba(243,240,235,.90);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:0 0 0 1px rgba(11,74,85,.10);
  }

  /* Logo: keep original artwork; give it contrast on the photographic rail. */
  body.home .site-header .logo{
    padding:10px 12px;
    background:rgba(243,240,235,.82);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-sizing:content-box;
  }

  /* Eyebrow: stronger antique-gold contrast. */
  body.home .fe-home-v2__eyebrow{
    color:#8f6d2f;
    font-weight:700;
    text-shadow:0 1px 8px rgba(243,240,235,.55);
  }

  /* Artist invitation: explicit glass card + close, obviously interactive arrow. */
  body.home .fe-home-v2__artist{
    position:relative;
    margin-top:18px;
    padding:16px 62px 16px 18px;
    border:1px solid rgba(184,155,94,.28);
    background:rgba(243,240,235,.82);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 8px 26px rgba(34,37,34,.08);
    border-radius:0;
    min-height:82px;
    display:block;
  }
  body.home .fe-home-v2__artist strong{
    display:block;
    margin-bottom:5px;
    color:#0b4a55;
    font-weight:700;
  }
  body.home .fe-home-v2__artist span{
    display:block;
    color:#315b61;
    line-height:1.35;
  }
  body.home .fe-home-v2__artist b{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#b89b5e;
    color:#fff;
    font:400 22px/1 Jost,sans-serif;
    transition:transform .18s ease,background .18s ease;
  }
  body.home .fe-home-v2__artist:hover b,
  body.home .fe-home-v2__artist:focus-visible b{
    transform:translateY(-50%) translateX(3px);
    background:#0b4a55;
  }
}


/* .84 — unify all homepage directional navigation + white transparent logo. */
@media (min-width:901px){
  /* Shared visual language for all four directional navigation pockets.
     Geometry/links/behavior remain owned by the existing Atrani pocket system. */
  body.home .pocket-left,
  body.home .pocket-right,
  body.home .pocket-top,
  body.home .pocket-bottom{
    background:rgba(243,240,235,.90);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:0 0 0 1px rgba(11,74,85,.10);
  }

  /* Undo .83 logo plate: logo itself is white, background fully transparent. */
  body.home .site-header .logo{
    padding:0;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }
  body.home .site-header .logo img{
    filter:brightness(0) invert(1);
  }
}


/* .85 — homepage navigation normalization + edge-less logo scrim. */
@media (min-width:901px){
  /* All four homepage pockets: same surface, same border language, same visibility.
     Existing fixed geometry and behavior remain untouched. */
  body.home .pocket.pocket-top,
  body.home .pocket.pocket-bottom,
  body.home .pocket.pocket-left,
  body.home .pocket.pocket-right{
    background:rgba(243,240,235,.88) !important;
    -webkit-backdrop-filter:blur(10px) saturate(.9);
    backdrop-filter:blur(10px) saturate(.9);
    border-color:rgba(11,74,85,.12) !important;
    box-shadow:0 6px 24px rgba(28,39,38,.06) !important;
    opacity:1 !important;
  }
  /* Suppress legacy decorative pseudo-lines on home so each pocket reads identically. */
  body.home .pocket.pocket-top::before,
  body.home .pocket.pocket-top::after,
  body.home .pocket.pocket-bottom::before,
  body.home .pocket.pocket-bottom::after,
  body.home .pocket.pocket-left::before,
  body.home .pocket.pocket-left::after,
  body.home .pocket.pocket-right::before,
  body.home .pocket.pocket-right::after{
    content:none !important;
    display:none !important;
  }

  /* White logo, no card. A soft local petrol scrim fades directly into the photograph. */
  body.home .site-header .logo{
    position:relative;
    isolation:isolate;
    padding:0 !important;
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  body.home .site-header .logo::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-38px;
    top:-30px;
    width:190px;
    height:142px;
    pointer-events:none;
    background:radial-gradient(ellipse at 38% 38%,
      rgba(11,74,85,.72) 0%,
      rgba(11,74,85,.48) 34%,
      rgba(11,74,85,.20) 58%,
      rgba(11,74,85,0) 78%);
    filter:blur(8px);
  }
  body.home .site-header .logo img{
    filter:brightness(0) invert(1) !important;
    opacity:1;
    position:relative;
    z-index:1;
  }
}