/* November 8: source-led header finish. Fixed bounds, one coherent control family. */
[data-template=alexander]{--control-radius:14px;--control-height:56px}
[data-template=alexander] .button{border-radius:var(--control-radius)!important;min-height:var(--control-height)!important;padding:8px 8px 8px 23px!important;gap:22px!important;background:linear-gradient(115deg,#f4e8c2,#d0b16c 70%,#e3cd94)!important;border:1px solid #c7a65d!important;box-shadow:inset 0 1px 1px #fff9,inset 0 -3px 0 #8d6b3638,0 7px 16px #1a100c26!important;color:#352813!important;font-size:16px!important;font-weight:500;overflow:visible;transform:none!important;filter:none!important}
[data-template=alexander] .button:before{display:none!important}
[data-template=alexander] .button:after{content:'';position:absolute;inset:3px;border:1px solid #fff5;border-radius:11px;pointer-events:none;background:none;z-index:0}
[data-template=alexander] .button>b{order:2!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px;min-height:38px;border-radius:10px!important;border:1px solid #99733644;background:linear-gradient(135deg,#b59148,#d1b773)!important;color:#30220b!important;box-shadow:inset 0 1px 2px #6c481c33,0 1px #fff8!important;font-size:25.0px!important;transform:none;transition:background .25s,box-shadow .25s}
[data-template=alexander] .button:hover,[data-template=alexander] .button:focus-visible{background:linear-gradient(115deg,#f8eccb,#ddc38b 70%,#eee0b8)!important;box-shadow:inset 0 1px #fff,inset 0 -3px #8d6b3638,0 9px 19px #1a100c38!important;transform:none!important;filter:none!important}
[data-template=alexander] .button:hover>b{background:#fbf3df!important;box-shadow:inset 0 1px #fff,0 2px 5px #49351b40!important;transform:none!important}
[data-template=alexander] .button:active{box-shadow:inset 0 2px 5px #7e59243b,0 2px 5px #1a100c25!important}
[data-template=alexander] .home .site-header{border-bottom:1px solid #e9d7ad40}
body[data-template=alexander].home .site-header{top:18px;min-height:80px;height:80px;padding:0 22px;border:1px solid #e3c98e45;border-radius:18px;background:linear-gradient(110deg,#20160fe0,#251c14bc);backdrop-filter:blur(14px);box-shadow:inset 0 1px #fff1,0 12px 25px #0002;width:calc(100% - 80px);max-width:1320px}
[data-template=alexander] .site-header nav{gap:24px}
body[data-template=alexander].home .hero{height:850px;min-height:730px;max-height:none;background:#271c13}
[data-template=alexander] .hero-copy{top:175px;width:calc(100% - 96px);max-width:1280px}
[data-template=alexander] .hero-copy-inner{max-width:510px}
[data-template=alexander] .hero h1{font-size:clamp(46px,4.6vw,66px)!important;line-height:1.13!important;max-width:510px;text-shadow:0 2px 12px #170b0640}
[data-template=alexander] .hero-intro{font-size:16px!important;line-height:1.65!important;margin-bottom:25px!important;color:#dfc88c}
[data-template=alexander] .hero-copy-inner>p:not(.hero-intro){font-size:18.0px!important;max-width:385px;margin:22px 0 30px}
[data-template=alexander] .hero-name{font-size:clamp(150px,19.3vw,285px);bottom:12px;line-height:1.05;color:#f0e4c9;opacity:.78;letter-spacing:-.065em}
[data-template=alexander] .hero:before{background:linear-gradient(90deg,#1a100bc9, #1a100b83 32%,transparent 64%);z-index:1}
[data-template=alexander] .hero:after{height:45px;background:linear-gradient(transparent,#241b1280);z-index:5}
[data-template=alexander] .depth-ready .portrait-depth img{object-fit:cover;object-position:50% top}
[data-template=alexander] .depth-ready .portrait-depth .portrait-subject{inset:auto 0 0;width:100%;height:calc(100% - 80px);object-fit:contain;object-position:60% bottom;transform-origin:bottom center}
[data-template=alexander] .hero-photo{object-position:50% top}
/* Brian: give the actual image canvas room below the navigation, at every aspect ratio. */
[data-template=brian] .portrait-depth{top:112px;overflow:visible}
[data-template=brian] .portrait-depth .portrait-subject{object-fit:contain;object-position:center top;transform-origin:center bottom}
[data-template=brian] .portrait-depth .portrait-plate{object-position:center top}
body[data-template=brian].home .hero-image{top:112px;height:calc(100% - 112px);object-position:center top}
@media(min-width:801px){body[data-template=alexander].home .hero{height:clamp(730px,calc(100svh - 28px),900px)}}
@media(max-width:1100px) and (min-width:801px){[data-template=alexander] .hero-copy-inner{max-width:450px}[data-template=alexander] .hero h1{font-size:48.0px!important}[data-template=alexander] .hero-copy{top:160px}[data-template=alexander] .site-header nav{gap:14px}}
@media(max-width:800px){
 body[data-template=alexander].home .site-header{width:calc(100% - 32px);padding-inline:18px;top:12px;height:76px;min-height:76px}
 [data-template=alexander] .site-header nav{top:88px}
 body[data-template=alexander].home .hero{height:950px;min-height:0}
 [data-template=alexander] .hero-copy{top:130px;width:calc(100% - 48px)}
 [data-template=alexander] .hero-copy-inner{max-width:470px}
 [data-template=alexander] .hero h1{font-size:46.0px!important}
 [data-template=alexander] .hero:before{background:linear-gradient(#24190ff0,#24190fe8 43%,transparent 75%)}
 [data-template=alexander] .hero-name{bottom:20px;font-size:20vw}
 [data-template=alexander] .depth-ready .portrait-depth .portrait-subject{height:500px;inset:auto 0 0;object-fit:cover;object-position:66% top;mask-image:linear-gradient(transparent,#000 13%)}
 [data-template=brian] .portrait-depth{top:100px}
 [data-template=brian] .portrait-depth .portrait-subject{height:540px;object-fit:cover;object-position:50% top}
 [data-template=brian] .portrait-depth .portrait-plate{height:100%;object-position:center top}
 body[data-template=brian].home .hero-image{top:100px;height:550px}
}
@media(max-width:520px){
 body[data-template=alexander].home .hero{height:850px}
 [data-template=alexander] .hero h1{font-size:41.0px!important}
 [data-template=alexander] .hero-copy{top:127px}
 [data-template=alexander] .hero-intro{font-size:16px!important;margin-bottom:19px!important}
 [data-template=alexander] .hero-copy-inner>p:not(.hero-intro){font-size:17.0px!important;line-height:1.6!important;max-width:310px;margin:19px 0 23px}
 [data-template=alexander] .hero-copy-inner>p br{display:none}
 [data-template=alexander] .depth-ready .portrait-depth .portrait-subject{height:420px;object-position:66% top}
 [data-template=alexander] .button{gap:14px!important;padding-left:18px!important}
 [data-template=alexander] .hero:before{background:linear-gradient(#24190ff0,#24190ff0 45%,#24190f80 60%,transparent 75%)}
 [data-template=alexander] .depth-ready .portrait-depth .portrait-plate{height:100%;top:0;object-position:65% top;mask-image:none}
 [data-template=brian] .portrait-depth .portrait-subject{height:440px;object-fit:cover;object-position:50% top}
}
@media(max-width:800px){html:not(.js-ready) body[data-template=alexander].home .hero{height:1210px}html:not(.js-ready) [data-template=alexander] .hero-copy{top:420px}html:not(.js-ready) body[data-template=alexander].home .site-header{height:360px}}
@media(prefers-reduced-motion:reduce){[data-template=alexander] .button>b{transition:none}}

@media(min-width:801px){[data-template=brian] .portrait-depth .portrait-subject{scale:1.18;transform-origin:center top}}
