
html.z3widpin-on #z3wid{display:none!important}
#z3widpin{position:relative;z-index:2;background:transparent;color:var(--z3-text,#eceae6);padding:14vh 6vw 16vh}
/* Z3 WID DIM REMOVED */

#z3widpin .in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:5fr 6fr;gap:6vw;align-items:start}
#z3widpin .pin{position:sticky;top:30vh}
#z3widpin h2.t{font-family:'Anton',Impact,'Arial Narrow Bold',sans-serif;font-weight:700;-webkit-text-stroke:.008em currentColor;font-size:clamp(64px,9.5vw,148px);line-height:.9;letter-spacing:.005em;margin:0;text-transform:uppercase;color:var(--z3-text,#eceae6)}
#z3widpin h2.t .z3line{display:block;overflow:hidden}
#z3widpin h2.t .z3line-in{display:block;will-change:transform}
#z3widpin .cnt{margin-top:4vh;font-family:'Roboto',Arial,sans-serif;font-size:12px;letter-spacing:.3em;color:var(--z3-muted,#9a9fa6)}
#z3widpin .cnt b{color:var(--z3-text,#eceae6);font-weight:400}
#z3widpin .items{display:flex;flex-direction:column}
#z3widpin .it{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding:6vh 0}
#z3widpin .it .no{font-family:'Roboto',Arial,sans-serif;font-size:13px;letter-spacing:.22em;color:var(--z3-muted,#9a9fa6);margin-bottom:2.4vh}
#z3widpin .it h3{font-family:'Anton',Impact,'Arial Narrow Bold',sans-serif;font-weight:600;-webkit-text-stroke:.005em currentColor;font-size:clamp(34px,3.4vw,52px);line-height:1.02;margin:0 0 2.8vh;text-transform:uppercase;color:var(--z3-text,#eceae6)}
#z3widpin .it h3 .z3line{display:block;overflow:hidden}
#z3widpin .it h3 .z3line-in{display:block;will-change:transform}
#z3widpin .it p{margin:0;max-width:48ch;font-family:'Roboto',Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--z3-muted,#9a9fa6)}
#z3widpin .it p .z3w{display:inline-block;will-change:opacity}
#z3widpin .it ul{margin:3vh 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#z3widpin .it li{list-style:none;font-family:'Roboto',Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--z3-line,#383c41);border-radius:999px;padding:8px 15px;color:var(--z3-muted,#9a9fa6)}
@media(max-width:767px){
#z3widpin{padding:80px 22px 90px}
#z3widpin .in{grid-template-columns:1fr;gap:40px}
#z3widpin .pin{position:static;top:auto}
#z3widpin h2.t{font-size:clamp(52px,15vw,96px)}
#z3widpin .cnt{margin-top:18px}
#z3widpin .it{min-height:0;padding:44px 0;border-bottom:1px solid var(--z3-line,#383c41)}
#z3widpin .it:first-child{padding-top:0}
#z3widpin .it h3{font-size:clamp(28px,8.5vw,40px)}
}


html.z3wm-live #z3-avatar-name,html.z3wm-live.z3-avatar-home body .z3-hero #z3-avatar-name,html.z3wm-live.z3-avatar-home[data-z3="dark"] body .z3-hero #z3-avatar-name{color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important;pointer-events:none}


#z3herochar-mount{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}
#z3herochar-mount canvas{display:block;position:relative}
#z3herochar-grad{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(74,22,14,.5) 52%, rgba(255,134,102,.65) 100%);mix-blend-mode:screen}


.z3-hero{height:100svh;min-height:520px;position:relative;z-index:2;background:transparent;pointer-events:none}#z3-avatar-name{position:absolute;bottom:55px;left:1.5%;width:97%;margin:0;min-height:160px;text-align:center;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(80px,9vw,180px);line-height:1;color:#f4f2ee;pointer-events:auto}.home-scroll-hint{position:absolute;bottom:24px;left:32px;font:16px/1.1 Anton,sans-serif}#z3-avatar-name>div{display:none!important}#z3herochar-grad{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(74,22,14,.28) 62%,rgba(255,134,102,.34) 100%)!important}#z3-snd{position:fixed;z-index:99;left:20px;bottom:20px;border:1px solid #444;background:#101010;color:#ddd;border-radius:99px;padding:12px 18px;min-height:44px;text-transform:uppercase;font:11px Roboto,sans-serif}#z3-theme-toggle{display:none!important}#header{color:#f4f2ee}.brand img{filter:none!important}body{background:#000!important;color:#f4f2ee!important}#z3widpin{--z3-bg:#000;--z3-text:#eceae6;background:transparent}.z3f{position:relative;z-index:2;background:rgba(0,0,0,.85)}@media(max-width:767px){#z3-avatar-name{bottom:100px;font-size:18vw;min-height:190px}.home-scroll-hint{left:20px;bottom:78px}}html[data-z3=light] body #header{color:#f4f2ee}

html body #z3-theme-toggle#z3-theme-toggle{display:none!important}html body #z3herochar-mount{z-index:0!important}html body #z3-snd{z-index:110!important}

#z3-avatar-name{font-family:Syne,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.04em!important}

html,body{width:100%;max-width:100%;overflow-x:clip}#z3herochar-mount{width:100%!important}#z3herochar-mount canvas{width:100%!important;height:100%!important;max-width:100%!important}#z3-avatar-name canvas{max-width:100%!important}#z3-snd{bottom:20px!important;height:44px!important}#z3widpin{--z3-muted:#aaa;--z3-line:#383c41}#z3widpin .it p,#z3widpin .no,#z3widpin li{opacity:1!important}



#z3-home-marquee{position:relative;z-index:2;padding:92px 0 18px;overflow:hidden;color:#eceae6;background:transparent}
.z3-mq-row{height:122px;overflow:hidden;margin-bottom:18px}
.z3-mq-track{display:flex;width:max-content;white-space:nowrap;will-change:transform;font:700 86.896px/1.4 Anton,Impact,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.z3-mq-copy{flex:none;display:flex;gap:.5em;padding-right:.5em}
.z3-mq-portfolio{display:flex;align-items:center;justify-content:center;margin:60px auto 5px;width:calc(100% - 46px);max-width:340px;height:70px;border:1px solid #eceae6;border-radius:99px;color:inherit;text-decoration:none;font:16px Roboto,Arial,sans-serif;gap:16px}
@media(min-width:768px){#z3-home-marquee{padding:120px 0 20px}.z3-mq-row{height:176px}.z3-mq-track{font-size:125.6px}.z3-mq-portfolio{margin-top:80px;max-width:290px}}
/* The live site's nested reveal spans use Roboto, even though the heading parent is Anton. */
#z3widpin .z3line,#z3widpin .z3line-in{font-family:Roboto,Arial,Helvetica,sans-serif}
/* Homepage remains dark when a light preference is saved on another route. */
html[data-z3] body .z3f{background:rgba(0,0,0,.85)!important;color:#f4f2ee!important}
html[data-z3] body .z3f *{color:#f4f2ee!important}

@media(max-width:900px){html[data-z3] body #site-nav.open{background:#000!important;color:#f4f2ee!important}html[data-z3] body #site-nav.open a{color:#f4f2ee!important;opacity:1!important;visibility:visible!important}}
