/* Seneca Alexander V5.9 — About page only. Global brand fonts and site components remain unchanged. */
body[data-page="about"]{background:#f4eee8}
body[data-page="about"] .site-header{background:#f5eee6;border-color:#e8ddd2}
body[data-page="about"] .eyebrow{color:#887465}
.ab59-hero{background:radial-gradient(ellipse at 73% 34%,#e6d8c9 0%,#eee4da 36%,transparent 67%),linear-gradient(105deg,#f6f0e9,#e9dfd5);position:relative;overflow:hidden}
.ab59-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(121deg,transparent 0 92px,rgba(87,70,59,.11) 95px 155px,transparent 160px 245px);mask-image:linear-gradient(90deg,transparent 0%,#000 78%,transparent 100%)}
.ab59-hero-grid{min-height:695px;display:grid;grid-template-columns:46% 54%;position:relative}
.ab59-hero-copy{position:relative;z-index:2;align-self:center;padding:92px 0 100px;max-width:535px}
.ab59-hero-copy .eyebrow{letter-spacing:.25em}
.ab59-hero h1{font-size:clamp(87px,8.65vw,138px);font-weight:400;line-height:.83;letter-spacing:-.045em;margin:42px 0 37px;color:#30241f}
.ab59-hero h1 em{font-weight:300}
.ab59-rule{width:54px;height:1px;background:#a07e68;margin:0 0 31px}
.ab59-hero-lede{font-size:clamp(14px,1.15vw,17px);line-height:1.85;color:#5e5047;max-width:420px}
.ab59-text-link{display:inline-flex;gap:22px;align-items:center;margin-top:35px;border-bottom:1px solid #9d897b;padding:0 0 10px;font-size:10px;letter-spacing:.19em;font-weight:700;color:#4c3b31}
.ab59-text-link span{font-size:17px;line-height:1}
.ab59-hero-visual{position:relative;min-height:695px;align-self:end;isolation:isolate}
.ab59-glow{position:absolute;inset:12% 0 0 0;background:radial-gradient(ellipse at 62% 54%,rgba(255,255,255,.24),transparent 58%);z-index:-1}
.ab59-portrait{position:absolute;bottom:0;right:2%;height:680px;max-height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 26px 35px rgba(39,26,21,.12));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%)}
.ab59-image-mark{position:absolute;right:6px;bottom:33px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.19em;color:#9c8a7b}
.ab59-principles{background:#f1e9e1;padding:52px 0 62px;border-top:1px solid rgba(151,125,109,.25);border-bottom:1px solid rgba(151,125,109,.2)}
.ab59-section-label{display:flex;align-items:center;justify-content:center;gap:23px;font-size:10px;letter-spacing:.34em;font-weight:700;color:#775e4d}
.ab59-section-label:before,.ab59-section-label:after{content:"";height:1px;width:56px;background:#bea796}
.ab59-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px}
.ab59-principles-grid article{text-align:center;padding:1px 31px 0}
.ab59-principles-grid article+article{border-left:1px solid #d7c8bb}
.ab59-number{display:block;font-family:var(--serif);font-size:31px;line-height:1;color:#aa8b76;margin-bottom:15px}
.ab59-principles-grid h2{font-size:clamp(29px,2.5vw,40px);line-height:1.08;margin-bottom:13px}
.ab59-principles-grid p{font-size:12px;color:#76665c;max-width:282px;margin:auto;line-height:1.8}
.ab59-story{background:#f9f5f0;scroll-margin-top:25px}
.ab59-story-grid{display:grid;grid-template-columns:42% 1fr;gap:10%}
.ab59-story-heading{position:sticky;top:46px;align-self:start}
.ab59-story-heading h2{margin:24px 0 29px;font-size:clamp(62px,5.9vw,90px);line-height:.91}
.ab59-story-underline{width:66px;height:1px;background:#9d7662}
.ab59-script{font-family:var(--serif);font-style:italic;font-size:28px;margin-top:31px;color:#8e7061}
.ab59-story-body{padding-top:5px;max-width:690px}
.ab59-story-body p{font-size:14px;line-height:1.95;color:#5e534a;margin-bottom:19px}
.ab59-story-body .ab59-languages{font-size:10px;letter-spacing:.105em;text-transform:uppercase;font-weight:700;border-top:1px solid #ded5ca;padding-top:22px;margin-top:27px;color:#806c5f;line-height:1.7}
.ab59-languages span{padding:0 4px}
.ab59-film{background:#e3d9ce;padding:90px 0}
.ab59-film-grid{display:grid;grid-template-columns:51% 1fr;gap:9%;align-items:center}
.ab59-film-stage{background:linear-gradient(146deg,#3b302b 0%,#211c1a 100%);min-height:640px;position:relative;display:flex;align-items:center;justify-content:center;padding:38px 26px;overflow:hidden}
.ab59-film-stage:after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 10% 18%,rgba(203,178,147,.15),transparent 44%);}
.ab59-film-side{position:absolute;left:21px;top:34px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.21em;color:#b7a59a;font-weight:700;z-index:1}
.ab59-video-wrap{position:relative;width:min(100%,324px);aspect-ratio:9/16;background:#191511;z-index:2;box-shadow:0 16px 55px rgba(0,0,0,.25);overflow:hidden}
.ab59-video{display:block;width:100%;height:100%;object-fit:contain;background:#151313}
.ab59-play{display:flex;align-items:center;justify-content:center;width:74px;height:74px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(25,21,19,.42);backdrop-filter:blur(5px);color:#fff;z-index:3;transition:background .2s,transform .2s}
.ab59-play:hover{background:rgba(25,21,19,.72);transform:translate(-50%,-50%) scale(1.07)}
.ab59-play span{font-size:19px;margin-left:5px}
.ab59-video-wrap[data-playing="true"] .ab59-play{opacity:0;pointer-events:none}
.ab59-video-wrap[data-playing="true"]:hover .ab59-play{opacity:0}
.ab59-film-duration{position:absolute;right:19px;bottom:25px;font-size:9px;font-weight:700;letter-spacing:.2em;color:#c7b9ac;z-index:2}
.ab59-film-copy .eyebrow{margin-bottom:24px}
.ab59-film-copy h2{font-size:clamp(62px,5.8vw,95px);line-height:.93;margin-bottom:30px}
.ab59-film-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:#64574e;max-width:410px;margin-bottom:17px}
.ab59-video-note{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#836e60;line-height:1.8}
.ab59-note-dot{width:7px;height:7px;background:#9c7860;border-radius:50%;flex-shrink:0}
.ab59-invite{background:#f6f0e9;padding:103px 0 110px;text-align:center;position:relative;overflow:hidden}
.ab59-invite:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(138,113,93,.05) 38%,transparent 52%,rgba(138,113,93,.04) 55%,transparent 73%);pointer-events:none}
.ab59-invite-inner{position:relative}
.ab59-invite h2{font-size:clamp(60px,6.4vw,100px);margin:19px auto 17px;line-height:.99}
.ab59-invite p:not(.eyebrow){font-size:14px;color:#71645a}
.ab59-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:37px}
.ab59-actions .ink-button,.ab59-outline-button{min-width:210px}
.ab59-outline-button{border:1px solid #4b3930;padding:19px 23px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:10px;font-weight:700;letter-spacing:.15em;background:transparent;color:#2a211d;transition:background .2s}
.ab59-outline-button:hover{background:#e7dcd0}
.ab59-actions a:focus-visible,.ab59-play:focus-visible{outline:3px solid #a16d4b;outline-offset:4px}
@media(max-width:1100px){.ab59-hero-grid{min-height:630px}.ab59-hero-visual{min-height:630px}.ab59-portrait{height:620px;right:-5%}.ab59-hero h1{font-size:clamp(80px,9vw,114px)}.ab59-film-grid{gap:6%}.ab59-film-stage{min-height:600px}}
@media(max-width:820px){.ab59-hero-grid{grid-template-columns:48% 52%;min-height:570px}.ab59-hero-visual{min-height:570px}.ab59-portrait{height:540px;max-width:112%;right:-12%}.ab59-hero-copy{padding:60px 0}.ab59-hero h1{font-size:clamp(72px,9vw,94px);margin:26px 0 25px}.ab59-hero-lede{font-size:13px}.ab59-story-grid{gap:7%}.ab59-story-heading h2{font-size:58px}.ab59-film-stage{min-height:560px}.ab59-video-wrap{width:270px}.ab59-film-copy h2{font-size:64px}.ab59-principles-grid article{padding:0 16px}}
@media(max-width:680px){
 .ab59-hero{background:linear-gradient(180deg,#f5ede5,#eae0d6)}
 .ab59-hero-grid{display:flex;flex-direction:column;min-height:0}
 .ab59-hero-copy{padding:56px 0 0;max-width:100%}
 .ab59-hero h1{font-size:clamp(80px,16vw,112px);margin:23px 0 24px}
 .ab59-hero-lede{font-size:13px;max-width:450px}
 .ab59-text-link{margin-top:24px}
 .ab59-hero-visual{height:445px;min-height:0;flex-shrink:0;margin:16px -16px 0}
 .ab59-portrait{max-width:none;height:100%;right:50%;transform:translateX(50%)}
 .ab59-image-mark{right:26px;bottom:18px}
 .ab59-principles{padding:44px 0}
 .ab59-principles-grid{grid-template-columns:1fr;margin-top:23px;gap:20px}
 .ab59-principles-grid article{padding:17px 0 21px}
 .ab59-principles-grid article+article{border-left:0;border-top:1px solid #d7c8bb}
 .ab59-principles-grid h2{font-size:35px}
 .ab59-story{padding:72px 0}
 .ab59-story-grid{display:block}
 .ab59-story-heading{position:static;margin-bottom:32px}
 .ab59-story-heading h2{font-size:clamp(61px,12vw,80px)}
 .ab59-story-body p{font-size:13px}
 .ab59-film{padding:65px 0}
 .ab59-film-grid{display:flex;flex-direction:column;gap:43px;align-items:stretch}
 .ab59-film-stage{min-height:0;height:560px}
 .ab59-video-wrap{width:min(79%,285px)}
 .ab59-film-copy h2{font-size:clamp(62px,11vw,82px)}
 .ab59-film-copy .eyebrow{margin-bottom:15px}
 .ab59-invite{padding:75px 0 80px}
 .ab59-invite h2{font-size:clamp(61px,11vw,80px)}
 .ab59-actions{flex-direction:column;align-items:stretch}
 .ab59-actions a{width:100%}
}
@media(max-width:400px){.ab59-hero-visual{height:370px}.ab59-film-stage{height:500px}.ab59-video-wrap{width:min(79%,255px)}.ab59-hero h1{font-size:75px}.ab59-section-label{letter-spacing:.22em}}
@media(prefers-reduced-motion:reduce){.ab59-play{transition:none}}

/* V6.0 — neutral, smooth grayscale portrait treatment; muted looping BTS film. */
body[data-page="about"] .site-header { background:#f5f2ee; border-color:#e5e1dc; }
.ab59-hero { background: radial-gradient(ellipse at 76% 36%,rgba(192,193,192,.32) 0%,transparent 54%),linear-gradient(180deg,#f5f2ee 0%,#eeecea 52%,#edeae6 80%,#f1e9e1 100%); }
.ab59-hero::before { background:none; opacity:0; }
.ab59-glow { background: radial-gradient(ellipse at 68% 50%,rgba(249,249,248,.20),transparent 66%); }
.ab59-portrait { filter: grayscale(1) contrast(1.025) drop-shadow(0 22px 28px rgba(47,46,45,.075)); -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.89) 84%,rgba(0,0,0,.42) 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.89) 84%,rgba(0,0,0,.42) 93%,transparent 100%); }
.ab59-hero-lede{color:#5d5954;}
.ab59-hero .eyebrow,.ab59-image-mark{color:#817c76;}
.ab59-video-wrap[data-playing="true"] .ab59-play{opacity:0;pointer-events:none;}
.ab60-video-pause{position:absolute;bottom:12px;right:12px;z-index:5;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(27,24,22,.67);color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:17px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;box-shadow:0 2px 9px rgba(0,0,0,.14)}
.ab59-video-wrap[data-playing="true"] .ab60-video-pause{opacity:.9;pointer-events:auto;}
.ab60-video-pause:hover{background:rgba(27,24,22,.95);opacity:1;}
.ab60-video-pause:focus-visible{outline:3px solid #fff;outline-offset:3px;opacity:1;}
@media(max-width:680px){.ab59-hero{background:linear-gradient(180deg,#f5f2ee 0%,#eeeae6 65%,#f1e9e1 100%)}.ab59-portrait{right:50%;}}
@media(prefers-reduced-motion:reduce){.ab60-video-pause{transition:none;}}


/* V6.1 — darker editorial hero, more integrated video presentation, refreshed BTS opener. */
body[data-page="about"]{background:#f3eee8}
body[data-page="about"] .site-header{background:#f4ede7;border-color:#e1d6ca}
.ab59-hero{background:linear-gradient(116deg,#171311 0%,#1c1613 36%,#221b17 100%);position:relative;overflow:hidden}
.ab59-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:radial-gradient(ellipse at 72% 42%,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 26%,transparent 54%),linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,0) 64%)}
.ab59-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:150px;background:linear-gradient(180deg,rgba(23,19,17,0) 0%,rgba(23,19,17,.14) 36%,#f1e9e1 100%);pointer-events:none}
.ab59-hero-grid{min-height:720px;grid-template-columns:47% 53%}
.ab59-hero-copy{padding:96px 0 112px;max-width:530px}
.ab59-hero-copy .eyebrow,.ab59-image-mark{color:#baa392}
.ab59-hero h1{color:#f7efe7}
.ab59-rule{background:#8b6e5e}
.ab59-hero-lede{color:#d6cbc1;max-width:440px}
.ab59-text-link{color:#f0e5da;border-bottom-color:#82695b}
.ab59-hero-visual{min-height:720px}
.ab59-glow{position:absolute;inset:8% -4% 0 0;background:radial-gradient(ellipse at 66% 44%,rgba(248,241,233,.12) 0%,rgba(248,241,233,.05) 24%,transparent 58%);z-index:-1}
.ab59-portrait{right:4%;height:700px;filter:grayscale(1) contrast(1.08) brightness(.99) drop-shadow(0 34px 44px rgba(0,0,0,.28));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 86%,rgba(0,0,0,.4) 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 86%,rgba(0,0,0,.4) 94%,transparent 100%)}
.ab59-principles{background:#f1e9e1}
.ab59-film{background:#f6f0e9;padding:94px 0 108px}
.ab59-film-grid{grid-template-columns:minmax(290px,380px) 1fr;gap:8%;align-items:center}
.ab59-film-stage{background:transparent;min-height:0;padding:0;display:block;overflow:visible}
.ab59-film-stage::after{display:none}
.ab59-film-side{position:static;writing-mode:horizontal-tb;transform:none;display:block;margin:0 0 18px 4px;font-size:9px;letter-spacing:.22em;color:#887466}
.ab59-video-wrap{width:min(100%,360px);aspect-ratio:9/16;background:#161311;border-radius:28px;z-index:2;box-shadow:0 24px 60px rgba(35,25,21,.18);overflow:hidden;border:1px solid rgba(104,82,68,.18)}
.ab59-video{display:block;width:100%;height:100%;object-fit:cover;background:#161311}
.ab59-play{width:68px;height:68px;background:rgba(22,18,16,.32);backdrop-filter:blur(6px)}
.ab59-film-duration{position:static;display:block;margin:14px 6px 0;font-size:9px;font-weight:700;letter-spacing:.2em;color:#907d70}
.ab59-film-copy{max-width:460px}
.ab59-film-copy .eyebrow{margin-bottom:22px}
.ab59-film-copy h2{font-size:clamp(58px,5.4vw,88px);line-height:.94;margin-bottom:26px}
.ab59-film-copy p:not(.eyebrow){color:#64574e}
.ab59-video-note{margin-top:28px}
.ab60-video-pause{bottom:14px;right:14px;background:rgba(23,20,18,.56);border-color:rgba(255,255,255,.5)}
@media(max-width:1100px){.ab59-hero-grid{min-height:680px}.ab59-hero-visual{min-height:680px}.ab59-portrait{height:650px;right:0}.ab59-film-grid{grid-template-columns:minmax(270px,345px) 1fr}}
@media(max-width:820px){.ab59-hero-grid{grid-template-columns:48% 52%;min-height:620px}.ab59-hero-visual{min-height:620px}.ab59-portrait{height:585px;right:-6%}.ab59-film-grid{grid-template-columns:1fr 1fr;gap:7%}.ab59-video-wrap{width:min(100%,320px)}}
@media(max-width:680px){
 .ab59-hero{background:linear-gradient(180deg,#171311 0%,#1d1714 68%,#2a211c 100%)}
 .ab59-hero::after{height:110px}
 .ab59-hero-grid{display:flex;flex-direction:column;min-height:0}
 .ab59-hero-copy{padding:58px 0 0;max-width:100%}
 .ab59-hero h1{font-size:clamp(76px,16vw,108px)}
 .ab59-hero-visual{height:470px;min-height:0;flex-shrink:0;margin:18px -16px 0}
 .ab59-glow{inset:12% -10% 0 -10%}
 .ab59-portrait{height:100%;right:50%;transform:translateX(50%)}
 .ab59-film{padding:70px 0 80px}
 .ab59-film-grid{display:flex;flex-direction:column;gap:36px;align-items:stretch}
 .ab59-film-stage{display:flex;flex-direction:column;align-items:center}
 .ab59-film-side{margin:0 auto 14px;text-align:center}
 .ab59-video-wrap{width:min(100%,340px)}
 .ab59-film-duration{text-align:center;margin-top:12px}
 .ab59-film-copy{max-width:none}
}
@media(max-width:400px){.ab59-hero-visual{height:400px}.ab59-video-wrap{width:min(100%,300px)}}


/* V6.2 — quiet monochrome stone hero; keeps the cut-out portrait readable. */
body[data-page="about"] .ab59-hero{
  background:linear-gradient(114deg,#c6c5c2 0%,#d5d3cf 52%,#dedbd6 100%);
}
body[data-page="about"] .ab59-hero::before{
  background:radial-gradient(ellipse at 73% 42%,rgba(255,255,255,.25) 0%,rgba(255,255,255,.09) 34%,transparent 68%);
  opacity:1;
}
body[data-page="about"] .ab59-hero::after{
  background:linear-gradient(180deg,rgba(222,219,214,0) 0%,rgba(230,225,219,.48) 60%,#f1e9e1 100%);
  height:122px;
}
body[data-page="about"] .ab59-hero h1{color:#292521}
body[data-page="about"] .ab59-hero-copy .eyebrow,
body[data-page="about"] .ab59-image-mark{color:#635d57}
body[data-page="about"] .ab59-hero-lede{color:#4f4b46}
body[data-page="about"] .ab59-text-link{color:#342e2a;border-color:#817972}
body[data-page="about"] .ab59-rule{background:#80766c}
body[data-page="about"] .ab59-glow{
  background:radial-gradient(ellipse at 58% 48%,rgba(255,255,255,.20),transparent 68%);
}
body[data-page="about"] .ab59-portrait{
  filter:grayscale(1) contrast(1.06) brightness(1.01) drop-shadow(0 24px 30px rgba(36,34,31,.14));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.86) 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.86) 91%,transparent 100%);
}
@media(max-width:680px){
  body[data-page="about"] .ab59-hero{
    background:linear-gradient(180deg,#d0ceca 0%,#d9d6d1 69%,#e3dfda 100%);
  }
  body[data-page="about"] .ab59-hero::after{height:86px}
}


/* V6.3 — retain the V6.2 stone portrait hero. Refine the BTS storytelling composition. */
.ab59-film{padding:92px 0 98px;background:#f6f0e9}
.ab59-film-grid{display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:clamp(60px,7vw,118px);align-items:center;max-width:1190px}
.ab59-film-stage{min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.ab59-video-wrap{width:min(100%,405px);box-shadow:0 24px 50px rgba(40,29,24,.12);border:1px solid rgba(105,88,76,.18);border-radius:20px}
.ab59-film-copy{max-width:540px}
.ab59-film-copy h2{font-size:clamp(66px,5.45vw,90px);margin-bottom:30px}
.ab59-film-copy p:not(.eyebrow){max-width:510px;line-height:1.9}
.ab59-video-note{margin:28px 0 0}
.ab63-reflection{border-top:1px solid #d8cabe;border-bottom:1px solid #d8cabe;margin:32px 0 28px;padding:25px 0 24px}
.ab63-reflection-eyebrow{font-size:9px;color:#8c7565;letter-spacing:.22em;font-weight:700}
.ab59-film-copy .ab63-reflection p{font-family:var(--serif);font-size:clamp(26px,2.7vw,38px);line-height:1.14;letter-spacing:-.018em;color:#3f332d;margin:15px 0 0;max-width:520px}
.ab63-reflection p em{font-weight:400}
.ab63-film-actions{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.ab63-film-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;background:#30251f;color:#f8f1e9;padding:17px 22px;font-size:10px;letter-spacing:.13em;font-weight:700;transition:background .2s ease}
.ab63-film-primary:hover{background:#5a4033;color:#fff}
.ab63-film-secondary{display:inline-flex;align-items:center;gap:12px;min-height:50px;color:#574338;font-size:10px;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #a68e7d;transition:color .2s ease}
.ab63-film-secondary:hover{color:#8a5841}
.ab63-film-primary:focus-visible,.ab63-film-secondary:focus-visible,.ab59-video:focus-visible{outline:3px solid #9f775e;outline-offset:4px}
.ab60-video-pause{display:none !important}
@media(max-width:1100px){.ab59-film-grid{grid-template-columns:minmax(265px,355px) minmax(0,1fr);gap:6%}.ab59-video-wrap{width:100%}.ab59-film-copy h2{font-size:clamp(58px,6vw,78px)}}
@media(max-width:820px){.ab59-film-grid{grid-template-columns:minmax(250px,1fr) minmax(0,1fr);gap:6%}.ab59-film-copy h2{font-size:clamp(53px,7vw,72px)}.ab63-film-actions{gap:10px 18px}}
@media(max-width:680px){
 .ab59-film{padding:65px 0 77px}
 .ab59-film-grid{display:flex;flex-direction:column;gap:44px;align-items:stretch}
 .ab59-film-stage{align-items:center}
 .ab59-video-wrap{width:min(100%,340px)}
 .ab59-film-copy{max-width:none}
 .ab59-film-copy h2{font-size:clamp(62px,11vw,82px)}
 .ab63-reflection{margin:24px 0 26px;padding:23px 0 21px}
 .ab59-film-copy .ab63-reflection p{font-size:clamp(29px,7vw,37px)}
 .ab63-film-actions{gap:12px 20px}
}
@media(max-width:400px){.ab59-video-wrap{width:min(100%,300px)}.ab63-film-actions{flex-direction:column;align-items:stretch}.ab63-film-primary{width:100%}.ab63-film-secondary{align-self:flex-start}}


/* V6.4 — a single artfully framed film; no duplicate links competing with final CTA. */
body[data-page="about"] .ab64-film {
  padding: 86px 0 90px;
  background: #f6f0e9;
}
body[data-page="about"] .ab64-film-inner {
  max-width: 1060px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
body[data-page="about"] .ab64-film-intro {
  max-width: 750px;
  text-align:center;
  margin: 0 auto 41px;
}
body[data-page="about"] .ab64-film-intro .eyebrow {
  margin: 0 0 17px;
  letter-spacing:.26em;
}
body[data-page="about"] .ab64-film-intro h2 {
  font-size:clamp(63px,6.1vw,88px);
  line-height:.93;
  letter-spacing:-.03em;
  font-weight:400;
  margin:0;
  color:#302720;
}
body[data-page="about"] .ab64-film-rule {
  height:1px;width:60px;background:#a48872;margin:25px auto 22px;
}
body[data-page="about"] .ab64-film-intro p:not(.eyebrow){
  max-width:585px;margin:0 auto;
  font-size:14px;line-height:1.88;color:#71645a;
}
body[data-page="about"] .ab64-film-display {
  width:min(100%,370px);
  margin:0 auto;
}
body[data-page="about"] .ab64-film-frame {
  padding:12px;
  background:#eee5da;
  border:1px solid #c9b8a7;
  box-shadow:0 1px 0 #fff9f0 inset,0 18px 42px rgba(47,35,27,.11);
}
body[data-page="about"] .ab64-film-frame .ab59-video-wrap {
  display:block;
  width:100%;
  aspect-ratio:9/16;
  max-width:none;
  border-radius:3px;
  overflow:hidden;
  border:0;
  box-shadow:none;
  background:#161311;
}
body[data-page="about"] .ab64-film-frame .ab59-video {
  width:100%;height:100%;display:block;object-fit:cover;
}
body[data-page="about"] .ab64-film-caption {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:16px 2px 0;
  font-size:9px;
  line-height:1.7;
  font-weight:700;
  letter-spacing:.13em;
  color:#907e70;
}
body[data-page="about"] .ab64-film-caption span:last-child{text-align:right;white-space:nowrap}
body[data-page="about"] .ab64-film-frame .ab59-video-wrap[data-playing="true"] .ab59-play{opacity:0;pointer-events:none}
body[data-page="about"] .ab64-film-frame .ab59-play{border:1px solid rgba(255,255,255,.85)}
@media(max-width:680px){
 body[data-page="about"] .ab64-film{padding:64px 0 72px}
 body[data-page="about"] .ab64-film-intro{margin-bottom:32px}
 body[data-page="about"] .ab64-film-intro h2{font-size:clamp(57px,12vw,75px)}
 body[data-page="about"] .ab64-film-intro p:not(.eyebrow){font-size:13px;line-height:1.85}
 body[data-page="about"] .ab64-film-display{width:min(100%,315px)}
 body[data-page="about"] .ab64-film-frame{padding:9px}
 body[data-page="about"] .ab64-film-caption{font-size:8px;letter-spacing:.10em;gap:12px}
}
@media(max-width:360px){
 body[data-page="about"] .ab64-film-display{width:100%}
 body[data-page="about"] .ab64-film-caption{flex-direction:column;gap:2px}
 body[data-page="about"] .ab64-film-caption span:last-child{text-align:left}
}


/* V6.5 — match the lighter reference hero, lower portrait, restore two-column BTS with restrained editorial copy. */
body[data-page="about"] .ab59-hero {
  background:linear-gradient(108deg,#f3f0ed 0%,#efedea 52%,#e9e7e4 100%);
}
body[data-page="about"] .ab59-hero::before {
  background:radial-gradient(ellipse at 77% 42%,rgba(255,255,255,.20),transparent 65%);
  opacity:1;
}
body[data-page="about"] .ab59-hero::after {
  height:106px;
  background:linear-gradient(180deg,rgba(238,235,231,0) 0%,rgba(239,234,228,.36) 55%,#f1e9e1 100%);
}
body[data-page="about"] .ab59-hero h1 {color:#302720}
body[data-page="about"] .ab59-hero-lede {color:#6c6661}
body[data-page="about"] .ab59-hero-copy .eyebrow,
body[data-page="about"] .ab59-image-mark {color:#887a70}
body[data-page="about"] .ab59-text-link {color:#4c3c33;border-bottom-color:#b6a498}
body[data-page="about"] .ab59-rule {background:#b99f8d}
body[data-page="about"] .ab59-glow {background:radial-gradient(ellipse at 59% 46%,rgba(255,255,255,.22),transparent 67%)}
body[data-page="about"] .ab59-portrait {
  height:658px;
  right:3%;
  filter:grayscale(1) contrast(1.04) brightness(1.015) drop-shadow(0 20px 27px rgba(33,31,29,.075));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,rgba(0,0,0,.88) 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 82%,rgba(0,0,0,.88) 90%,transparent 100%);
}
body[data-page="about"] .ab65-film {background:#f6f0e9;padding:90px 0 105px}
body[data-page="about"] .ab65-film .ab59-film-grid {
  display:grid;
  grid-template-columns:minmax(290px,407px) minmax(0,1fr);
  max-width:1180px;
  gap:clamp(50px,6.5vw,115px);
  align-items:center;
}
body[data-page="about"] .ab65-film .ab59-film-stage{align-items:flex-start}
body[data-page="about"] .ab65-film .ab59-video-wrap{
  width:min(100%,400px);
  border-radius:18px;
  box-shadow:0 22px 55px rgba(45,33,29,.13);
  border:1px solid rgba(112,93,79,.2);
}
body[data-page="about"] .ab65-film .ab59-film-copy{max-width:555px}
body[data-page="about"] .ab65-film .ab59-film-copy h2{font-size:clamp(61px,5.3vw,84px);margin-bottom:30px}
body[data-page="about"] .ab65-film .ab59-film-copy > p:not(.eyebrow){font-size:13px;line-height:1.83;color:#62564e;margin-bottom:17px;max-width:500px}
body[data-page="about"] .ab65-film .ab59-video-note{margin-top:23px}
body[data-page="about"] .ab65-film .ab59-film-duration{letter-spacing:.16em}
body[data-page="about"] .ab65-portrait-note{
  margin-top:25px;padding:19px 0 0;
  border-top:1px solid #d9cabe;
}
body[data-page="about"] .ab65-portrait-note > span{
  font-size:9px;font-weight:700;letter-spacing:.22em;color:#907766;
}
body[data-page="about"] .ab65-portrait-note > p {
  font-family:var(--serif);font-weight:400;
  font-size:clamp(25px,2.05vw,31px);line-height:1.18;
  letter-spacing:-.012em;color:#3b2f28;margin:12px 0 0;
  max-width:500px;
}
@media(max-width:1100px){
  body[data-page="about"] .ab59-portrait {height:610px;right:0}
  body[data-page="about"] .ab65-film .ab59-film-grid{grid-template-columns:minmax(255px,355px) minmax(0,1fr);gap:6%}
}
@media(max-width:820px){
  body[data-page="about"] .ab59-portrait {height:545px;right:-6%}
  body[data-page="about"] .ab65-film .ab59-film-grid {grid-template-columns:minmax(245px,1fr) minmax(0,1fr);gap:5%}
  body[data-page="about"] .ab65-film .ab59-film-copy h2{font-size:clamp(50px,6.9vw,68px)}
}
@media(max-width:680px){
  body[data-page="about"] .ab59-hero{background:linear-gradient(180deg,#f3f0ed 0%,#edebe8 65%,#eeeae5 100%)}
  body[data-page="about"] .ab59-hero::after {height:74px}
  body[data-page="about"] .ab59-portrait {height:100%;right:50%;transform:translateX(50%)}
  body[data-page="about"] .ab65-film{padding:65px 0 76px}
  body[data-page="about"] .ab65-film .ab59-film-grid{display:flex;flex-direction:column;gap:40px;align-items:stretch}
  body[data-page="about"] .ab65-film .ab59-film-stage{align-items:center}
  body[data-page="about"] .ab65-film .ab59-film-side{text-align:center;margin:0 auto 14px}
  body[data-page="about"] .ab65-film .ab59-video-wrap{width:min(100%,340px)}
  body[data-page="about"] .ab65-film .ab59-film-copy h2{font-size:clamp(58px,11vw,78px)}
  body[data-page="about"] .ab65-film .ab59-film-copy > p:not(.eyebrow){font-size:13px}
  body[data-page="about"] .ab65-portrait-note > p{font-size:clamp(25px,6.3vw,30px)}
}
@media(max-width:400px){body[data-page="about"] .ab65-film .ab59-video-wrap{width:min(100%,300px)}}


/* V6.6 — screenshot-reference portrait scale and balanced placement. */
@media(min-width:1101px){
 body[data-page="about"] .ab59-portrait{height:680px;right:2.5%;bottom:-16px;}
}
@media(min-width:821px) and (max-width:1100px){
 body[data-page="about"] .ab59-portrait{height:630px;right:0;bottom:-12px;}
}
@media(min-width:681px) and (max-width:820px){
 body[data-page="about"] .ab59-portrait{height:560px;right:-6%;bottom:-9px;}
}
@media(max-width:680px){
 body[data-page="about"] .ab59-portrait{height:102%;right:50%;bottom:-5px;transform:translateX(50%);}
}


/* V6.7 — shift hero copy slightly right and soften portrait fade to match reference. */
@media(min-width:1101px){
  body[data-page="about"] .ab59-hero-copy{padding-left:16px;}
  body[data-page="about"] .ab59-portrait{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 83%,rgba(0,0,0,.78) 88%,rgba(0,0,0,.42) 94%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 83%,rgba(0,0,0,.78) 88%,rgba(0,0,0,.42) 94%,transparent 100%);
  }
}
@media(min-width:821px) and (max-width:1100px){
  body[data-page="about"] .ab59-hero-copy{padding-left:12px;}
  body[data-page="about"] .ab59-portrait{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.95) 83%,rgba(0,0,0,.76) 88%,rgba(0,0,0,.40) 94%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.95) 83%,rgba(0,0,0,.76) 88%,rgba(0,0,0,.40) 94%,transparent 100%);
  }
}
@media(min-width:681px) and (max-width:820px){
  body[data-page="about"] .ab59-hero-copy{padding-left:8px;}
}

/* V6.8 — restore the clearer second-reference hero: lighter neutral gray, lower portrait, softer/taller fade, copy nudged right. */
body[data-page="about"] .ab59-hero{
  background:linear-gradient(108deg,#f4f2ef 0%,#efeeeb 54%,#ebe9e6 100%);
}
body[data-page="about"] .ab59-hero::before{
  background:radial-gradient(ellipse at 76% 41%,rgba(255,255,255,.24) 0%,rgba(255,255,255,.10) 34%,transparent 69%);
  opacity:1;
}
body[data-page="about"] .ab59-hero::after{
  height:122px;
  background:linear-gradient(180deg,rgba(239,236,232,0) 0%,rgba(240,236,231,.18) 42%,rgba(241,236,231,.48) 73%,#f1e9e1 100%);
}
body[data-page="about"] .ab59-hero-copy{
  padding-left:26px;
}
body[data-page="about"] .ab59-hero h1{color:#312822}
body[data-page="about"] .ab59-hero-copy .eyebrow,
body[data-page="about"] .ab59-image-mark{color:#85796f}
body[data-page="about"] .ab59-hero-lede{color:#69635e}
body[data-page="about"] .ab59-text-link{color:#4a3a31;border-bottom-color:#b5a599}
body[data-page="about"] .ab59-rule{background:#b69f8e}
body[data-page="about"] .ab59-glow{
  background:radial-gradient(ellipse at 60% 46%,rgba(255,255,255,.24),transparent 69%);
}
body[data-page="about"] .ab59-portrait{
  height:668px;
  right:1.5%;
  bottom:-20px;
  filter:grayscale(1) contrast(1.035) brightness(1.02) drop-shadow(0 18px 24px rgba(33,31,29,.06));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.76) 87%,rgba(0,0,0,.34) 95%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.76) 87%,rgba(0,0,0,.34) 95%,transparent 100%);
}
@media(min-width:821px) and (max-width:1100px){
  body[data-page="about"] .ab59-hero-copy{padding-left:18px;}
  body[data-page="about"] .ab59-portrait{height:622px;right:0.5%;bottom:-16px;}
}
@media(min-width:681px) and (max-width:820px){
  body[data-page="about"] .ab59-hero-copy{padding-left:10px;}
  body[data-page="about"] .ab59-portrait{height:552px;right:-5%;bottom:-12px;}
}
@media(max-width:680px){
  body[data-page="about"] .ab59-hero{
    background:linear-gradient(180deg,#f3f1ee 0%,#eceae7 67%,#eeeae5 100%);
  }
  body[data-page="about"] .ab59-hero::after{height:80px;}
  body[data-page="about"] .ab59-portrait{height:101%;right:50%;bottom:-6px;transform:translateX(50%);}
}


/* V6.9 — subject-size correction, matching the preferred enlarged portrait framing.
   Preserve the approved cool gray background, type, navigation, and gradual base fade. */
@media (min-width:1101px){
 body[data-page="about"] .ab59-portrait{
  height:706px;
  right:0.5%;
  bottom:-46px;
  max-height:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.95) 84%,rgba(0,0,0,.70) 90%,rgba(0,0,0,.28) 96%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.95) 84%,rgba(0,0,0,.70) 90%,rgba(0,0,0,.28) 96%,transparent 100%);
 }
}
@media (min-width:821px) and (max-width:1100px){
 body[data-page="about"] .ab59-portrait{
  height:647px;
  right:-0.5%;
  bottom:-34px;
  max-height:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 85%,rgba(0,0,0,.62) 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 85%,rgba(0,0,0,.62) 91%,transparent 100%);
 }
}
@media (min-width:681px) and (max-width:820px){
 body[data-page="about"] .ab59-portrait{height:568px;right:-5.5%;bottom:-19px;max-height:none;}
}
/* The original stacked mobile composition remains unchanged. */


/* V7.0 — MOBILE ONLY: portrait behind the lower hero, clean neutral overlay,
   carefully separate the typography from the subject's face. Desktop V6.9 remains as approved. */
@media (max-width:680px) {
  body[data-page="about"] .ab59-hero {
    background:linear-gradient(180deg,#f5f4f2 0%,#efeeeb 60%,#ebe8e4 100%);
    position:relative;
    isolation:isolate;
  }
  body[data-page="about"] .ab59-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:
      linear-gradient(90deg,rgba(245,244,242,.985) 0%,rgba(245,244,242,.955) 34%,rgba(245,244,242,.78) 56%,rgba(245,244,242,.18) 76%,transparent 92%),
      linear-gradient(180deg,rgba(245,244,242,.16) 0%,rgba(245,244,242,0) 36%,rgba(245,244,242,0) 100%);
    opacity:1;
    mask-image:none;
    -webkit-mask-image:none;
    pointer-events:none;
  }
  body[data-page="about"] .ab59-hero::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:44px;
    background:linear-gradient(to bottom,transparent,#f1e9e1 92%);
    z-index:2;
    pointer-events:none;
  }
  body[data-page="about"] .ab59-hero-grid {
    display:block;
    position:relative;
    min-height:700px;
  }
  body[data-page="about"] .ab59-hero-copy {
    position:relative;
    z-index:3;
    width:100%;
    max-width:none;
    padding:46px 126px 34px 6px;
  }
  body[data-page="about"] .ab59-hero-copy .eyebrow {
    font-size:9px;
    letter-spacing:.17em;
    line-height:1.5;
    max-width:230px;
  }
  body[data-page="about"] .ab59-hero h1 {
    font-size:clamp(70px,16.2vw,94px);
    line-height:.88;
    margin:23px 0 22px;
    max-width:245px;
  }
  body[data-page="about"] .ab59-rule {margin-bottom:23px;}
  body[data-page="about"] .ab59-hero-lede {
    font-size:13px;
    line-height:1.75;
    max-width:390px;
  }
  body[data-page="about"] .ab59-text-link {
    margin-top:20px;
    font-size:9px;
    letter-spacing:.15em;
  }
  body[data-page="about"] .ab59-hero-visual {
    position:absolute;
    top:18px;
    right:-4px;
    bottom:auto;
    left:auto;
    margin:0;
    width:42%;
    height:448px;
    min-height:0;
    overflow:visible;
    z-index:1;
    pointer-events:none;
  }
  body[data-page="about"] .ab59-glow,
  body[data-page="about"] .ab59-image-mark {display:none;}
  body[data-page="about"] .ab59-portrait {
    position:absolute;
    right:0;
    left:auto;
    bottom:0;
    width:auto;
    height:100%;
    max-width:none;
    max-height:none;
    transform:none;
    object-fit:contain;
    object-position:bottom right;
    filter:grayscale(1) contrast(1.035) brightness(1.02);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 89%,rgba(0,0,0,.9) 95%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 89%,rgba(0,0,0,.9) 95%,transparent 100%);
  }
  body[data-page="about"] .ab59-story-body .ab59-languages {
    text-align:center;
    max-width:100%;
    padding-left:6px;
    padding-right:6px;
    line-height:2;
    text-wrap:balance;
  }
  body[data-page="about"] .ab65-film .ab59-film-copy .eyebrow,
  body[data-page="about"] .ab65-film .ab59-film-copy h2 {text-align:center;}
  body[data-page="about"] .ab65-film .ab59-film-copy h2 {
    font-size:clamp(51px,11vw,72px);
    line-height:1.02;
    margin:16px auto 25px;
  }
  body[data-page="about"] .ab65-film .ab59-film-copy .ab59-rule {
    margin-left:auto;
    margin-right:auto;
  }
  body[data-page="about"] .ab65-film .ab59-film-side,
  body[data-page="about"] .ab65-film .ab59-film-duration {text-align:center;}
}
@media (max-width:390px) {
  body[data-page="about"] .ab59-hero-grid{min-height:672px;}
  body[data-page="about"] .ab59-hero-copy{padding-top:42px;padding-right:118px;}
  body[data-page="about"] .ab59-hero h1{font-size:clamp(66px,17.5vw,76px);max-width:225px;}
  body[data-page="about"] .ab59-hero-visual{width:43%;height:426px;right:-8px;top:18px;}
}


/* V7.3 — mobile About: align portrait to the outside right edge; remove unused hero height. */
@media (max-width:680px) {
  body[data-page="about"] .ab59-hero-grid { min-height:555px; }
  body[data-page="about"] .ab59-hero-visual {
    top:35px; right:0; bottom:auto; left:auto;
    width:50%; height:clamp(345px,90vw,410px);
    min-height:0; margin:0; overflow:visible;
  }
  body[data-page="about"] .ab59-portrait {
    height:100%; width:auto; max-width:none; max-height:none;
    right:clamp(-108px,-24vw,-76px); left:auto; bottom:0;
    transform:none; object-fit:contain;
  }
}
@media (max-width:390px) {
  body[data-page="about"] .ab59-hero-grid { min-height:550px; }
  body[data-page="about"] .ab59-hero-visual { top:36px; right:0; height:345px; width:50%; }
  body[data-page="about"] .ab59-portrait { right:-88px; height:100%; bottom:0; }
}

/* V7.4 — add modest neutral breathing room below the mobile About portrait while preserving portrait alignment. */

/* V7.7 — a little more top breathing room on phone without changing the portrait relationship. */
@media (max-width:680px){
  body[data-page="about"] .ab59-hero-grid{min-height:585px;padding-top:24px;}
  body[data-page="about"] .ab59-hero-visual{top:59px;}
}
@media (max-width:390px){
  body[data-page="about"] .ab59-hero-grid{min-height:580px;padding-top:23px;}
  body[data-page="about"] .ab59-hero-visual{top:59px;}
}


/* V7.8 — final mobile About positioning and neutral header. Desktop hero remains unchanged. */
body[data-page="about"] .site-header {
  background:#eae9e7;
  border-bottom-color:#dbd9d6;
}
@media (max-width:820px){
  body[data-page="about"] .site-header .nav {background:#eae9e7;}
}
@media (max-width:680px){
  /* Place the top of the subject's hair around the second line of the title. */
  body[data-page="about"] .ab59-hero-grid {
    min-height:615px;
    padding-top:24px;
  }
  body[data-page="about"] .ab59-hero-visual {
    top:clamp(109px,31vw,130px);
  }
}
@media (max-width:390px){
  body[data-page="about"] .ab59-hero-grid {min-height:610px;padding-top:23px;}
  body[data-page="about"] .ab59-hero-visual {
    top:clamp(105px,31vw,121px);
  }
}