
.top.over{position:absolute;left:0;right:0;top:auto;background:transparent;border-bottom:1px solid rgba(242,243,241,.12);z-index:10}
.top .wrap{max-width:1320px}
.photohero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--onDark);background:#0b120e;overflow:hidden}
.photohero .bg{position:absolute;inset:0;background-size:cover;background-position:center 40%}
.photohero .shade{position:absolute;inset:0;background:rgba(11,18,14,.52)}
.photohero .label,.bandphoto .label{color:var(--accent)}
.photohero .btn,.bandphoto .btn{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.photohero .btn.s,.bandphoto .btn.s{background:rgba(11,18,14,.25);color:var(--onDark);border-color:rgba(242,243,241,.5)}
.photohero .btn:hover,.bandphoto .btn:hover{background:var(--onDark);border-color:var(--onDark);color:var(--ink)}
.photohero .sub{text-wrap:balance}
.photohero .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:96px}
.photohero h1{font-size:clamp(40px,5.6vw,80px);line-height:1.06;max-width:14em;margin:0 auto;letter-spacing:-.015em}
.photohero .sub{margin:28px auto 0;color:rgba(242,243,241,.82);font-size:clamp(18px,1.6vw,22px);max-width:30em}
.photohero .btns{justify-content:center;margin-top:44px}
.photohero .btn,.v8 .btn{border-radius:6px}
.v8{background:#0b120e;color:var(--onDark)}
.v8 section{padding:140px 0;border:0!important}
.v8 .wrap{max-width:1240px}
.v8 .label{color:var(--accent)}
.v8 h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.015em;max-width:16em}
.v8 .sub,.v8 p{color:rgba(242,243,241,.72)}
.v8 .btn{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.v8 .btn.s{background:transparent;color:var(--onDark);border-color:rgba(242,243,241,.35)}
.v8 .tl{color:var(--accent)}
.v8 section.tight{padding-top:24px}
.center{text-align:center}.center h2,.center .sub{margin-left:auto;margin-right:auto}
.statement2{font-family:var(--serif);font-size:clamp(30px,3.6vw,50px);line-height:1.18;max-width:22em;margin:0 auto;color:var(--onDark);text-wrap:balance}
.feat{display:grid;grid-template-columns:5fr 7fr;gap:96px;align-items:center}
.feat.rev{grid-template-columns:7fr 5fr}.feat.rev .txt{order:2}
.feat h2{font-size:clamp(32px,3.2vw,46px)}
.feat .txt p:not(.label){font-size:18px;margin:24px 0 0;max-width:30em}
.feat .pts{margin:32px 0 0;padding:0;list-style:none}
.feat .pts li{padding:14px 0;border-top:1px solid rgba(242,243,241,.12);font-size:16px;color:rgba(242,243,241,.8)}
.feat .pts li b{color:var(--onDark);font-weight:600}
/* mockups */
.viz{background:#16261d;border:1px solid rgba(242,243,241,.1);border-radius:8px;overflow:hidden;font-family:var(--sans);color:var(--onDark);font-size:13px;line-height:1.4}
.viz .bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(242,243,241,.08);background:#132019}
.viz .bar i{width:9px;height:9px;border-radius:50%;background:rgba(242,243,241,.18);display:block}
.viz .bar span{margin-left:10px;color:rgba(242,243,241,.6);font-size:12px}
.viz .body{padding:24px}
.viz .tabs{display:flex;white-space:nowrap;overflow:hidden;gap:20px;border-bottom:1px solid rgba(242,243,241,.08);margin:-4px 0 20px;font-size:12px;color:rgba(242,243,241,.5)}
.viz .tabs b{color:var(--onDark);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent);padding-bottom:10px}
.viz .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,243,241,.5)}
.viz .grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.viz table{width:100%;border-collapse:collapse}
.viz td{padding:9px 0;border-bottom:1px solid rgba(242,243,241,.07);color:rgba(242,243,241,.75)}
.viz td:last-child{text-align:right;color:var(--onDark);font-variant-numeric:tabular-nums}
.viz .redact{display:inline-block;width:46px;height:9px;border-radius:3px;background:rgba(242,243,241,.16);vertical-align:middle}
.viz .note{margin-top:16px;font-size:11px;color:rgba(242,243,241,.45)}
.viz svg{display:block;width:100%;height:auto}
.viz .meter{height:6px;background:rgba(242,243,241,.08);border-radius:3px;margin:8px 0 14px}
.viz .meter b{display:block;height:100%;background:var(--accent);border-radius:3px}
.viz .row2{display:flex;justify-content:space-between}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.flow div{border:1px solid rgba(242,243,241,.12);border-radius:6px;padding:12px;background:#132019}
.flow div.on{border-color:var(--accent)}
.flow small{display:block;color:rgba(242,243,241,.5);font-size:11px;margin-bottom:4px}
.chk{list-style:none;margin:16px 0 0;padding:0}
.chk li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(242,243,241,.07);color:rgba(242,243,241,.78)}
.chk li:before{content:"";width:12px;height:12px;border:1px solid rgba(242,243,241,.35);border-radius:3px;flex:none}
.chk li.d:before{background:var(--accent);border-color:var(--accent)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(242,243,241,.08);border:1px solid rgba(242,243,241,.08);border-radius:6px;overflow:hidden;margin-bottom:20px}
.kpis div{background:#16261d;padding:14px}
.kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;margin-top:6px}
.paper,.tan,.grey{background:var(--paper);color:var(--text)}
.tan{background:#e6dfcf}.grey{background:#e4e5e2}
.tan h2,.grey h2,.tan h3,.grey h3{color:var(--text)}.tan p,.grey p,.tan .sub,.grey .sub{color:#4a524d}.tan .label,.grey .label{color:#16261d}
.tan .btn,.grey .btn{background:var(--forest);border-color:var(--forest);color:var(--onDark)}.tan .btn.s,.grey .btn.s{background:transparent;color:var(--forest);border-color:rgba(22,38,29,.45)}.tan .tl,.grey .tl{color:var(--forest)}
.tan .faq,.tan .faq details,.grey .faq,.grey .faq details{border-color:rgba(22,38,29,.18)}.tan .faq details p,.grey .faq details p{color:#4a524d}.tan .faq summary:after,.grey .faq summary:after{color:var(--forest)}
.paper h2{color:var(--text)}.paper p,.paper .sub{color:var(--mute)}.paper .label{color:var(--accentL)}
.paper .btn{background:var(--forest);border-color:var(--forest);color:var(--onDark)}.paper .btn.s{background:transparent;color:var(--forest);border-color:rgba(22,38,29,.4)}
.paper .tl{color:var(--accentL)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:96px;margin-top:72px}
.duo h3{font-size:32px;margin-bottom:8px}
.duo .for{font-family:var(--serif);font-style:italic;font-size:19px;margin:0 0 18px}
.duo p{margin:0 0 24px}
.indlist{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.45;max-width:24em;margin:40px auto 0;color:var(--onDark)}
.indlist a{text-decoration:none;color:inherit;white-space:nowrap}.indlist a:hover{color:var(--accent)}
.indlist{list-style:none;padding:0;text-wrap:balance}.indlist li{display:inline-block;white-space:nowrap;position:relative;padding:0 .45em}.indlist li:after{content:'\00B7';color:var(--accent);position:absolute;right:-.12em;top:0}.indlist li.eol:after,.indlist li:last-child:after{content:none}@media (max-width:760px){.indlist{font-size:23px;line-height:1.55}}
.bandphoto{position:relative;min-height:560px;display:flex;align-items:flex-end;color:var(--onDark);overflow:hidden}
.bandphoto .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.bandphoto .shade{position:absolute;inset:0;background:rgba(11,18,14,.7)}
.bandphoto .wrap{position:relative;z-index:2;padding-bottom:96px;width:100%}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:72px}
.steps3 .n{font-family:var(--serif);font-size:15px;color:var(--accent);margin-bottom:18px;display:block}
.steps3 h3{font-size:28px;margin-bottom:14px}
.steps3 p{font-size:17px;margin:0}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:56px 96px;margin-top:72px}
.quad h3{font-size:26px;margin-bottom:10px}.quad p{margin:0;font-size:17px}
.pr2{display:grid;grid-template-columns:1fr 1fr;gap:96px;margin-top:64px}
.pr2 .price{color:var(--onDark)}
.v8 .faq,.v8 .faq details{border-color:rgba(242,243,241,.14)}
.v8 .faq summary:after{color:var(--accent)}
.v8 .faq details p{color:rgba(242,243,241,.7)}
@media (max-width:1020px){.feat,.feat.rev{grid-template-columns:1fr;gap:48px}.feat.rev .txt{order:0}.duo,.pr2{gap:56px}.steps3{grid-template-columns:1fr;gap:40px}}
@media (max-width:760px){
 .v8 section{padding:88px 0}
 .photohero{min-height:88vh}.photohero .wrap{padding-top:110px;padding-bottom:64px}
 .photohero .btns{flex-direction:column;align-items:stretch}
 .duo,.pr2,.quad{grid-template-columns:1fr;gap:48px}
 .viz .grid2{grid-template-columns:1fr}
 .duo{text-align:left}
 .viz .body{padding:18px}
 .flow{grid-template-columns:1fr 1fr}
 .kpis{grid-template-columns:1fr 1fr}
 .bandphoto{min-height:520px}
 .bandphoto .wrap{padding-bottom:64px}
 .top.over .wrap{height:64px}
}

.v10 .ilist{list-style:none;margin:72px 0 0;padding:0}
.v10 .ilist a{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:48px;align-items:baseline;padding:34px 0;text-decoration:none;color:inherit;border-top:1px solid rgba(242,243,241,.12)}
.v10 .ilist li:last-child a{border-bottom:1px solid rgba(242,243,241,.12)}
.v10 .ilist .t{font-family:var(--serif);font-size:clamp(28px,3vw,40px);line-height:1.15;color:var(--onDark)}
.v10 .ilist .d{color:rgba(242,243,241,.66);font-size:17px}
.v10 .ilist .p{font-size:15px;font-weight:600;white-space:nowrap;color:var(--accent)}
.v10 .ilist a:hover .t{color:var(--accent)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
.tan form.f input,.tan form.f select,.tan form.f textarea,.grey form.f input,.grey form.f select,.grey form.f textarea{border-color:rgba(22,38,29,.45)}
.grey .cal{border-color:rgba(22,38,29,.2);color:#4a524d}
.v8 form.f label{color:rgba(242,243,241,.6)}.v8 form.f input,.v8 form.f select,.v8 form.f textarea{color:#f2f3f1;border-color:rgba(242,243,241,.35)}.v8 form.f option{color:#16261d}
.grey form.f label{color:#4a524d}.grey form.f input,.grey form.f select,.grey form.f textarea{color:#16261d}
.roster{list-style:none;margin:64px 0 0;padding:0;columns:3;column-gap:56px}
.roster li{break-inside:avoid;padding:14px 0;border-top:1px solid rgba(242,243,241,.1);font-family:var(--serif);font-size:21px;color:rgba(242,243,241,.86)}
.roster a{text-decoration:none;color:#fff;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.roster a span{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c9cdca;white-space:nowrap}
.roster a:hover{color:#c9cdca}
@media (max-width:1020px){.roster{columns:2}}@media (max-width:560px){.roster{columns:1}}
.tan .cal{border-color:rgba(22,38,29,.2);color:#4a524d}
.lead2{font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);line-height:1.45;max-width:32em;color:var(--onDark);margin:0}
.tan .lead2,.grey .lead2{color:var(--text)}
.bio2{display:grid;grid-template-columns:1fr 2fr;gap:96px}
.bio2 .role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-top:12px}
.figline{font-family:var(--serif);font-size:clamp(30px,3.6vw,48px);line-height:1.25;max-width:22em;margin:0;color:var(--onDark)}
@media (max-width:1020px){.v10 .ilist a{grid-template-columns:1fr auto;gap:10px 24px}.v10 .ilist .d{grid-column:1}.v10 .ilist .p{grid-row:1;grid-column:2}.split2,.bio2{grid-template-columns:1fr;gap:56px}}
@media (max-width:760px){.v10 .ilist a{grid-template-columns:1fr;padding:26px 0}.v10 .ilist .p{grid-row:auto;grid-column:1}}

.grey .steps3 .n{color:#16261d}.grey .steps3 p,.grey .quad p{color:#4a524d}
.shot{position:relative}
.shot img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.mini{position:absolute;right:-28px;bottom:-36px;width:150px;height:196px;background:#16261d;color:#f2f3f1;border-radius:4px;padding:16px 14px;border:1px solid rgba(242,243,241,.14);box-shadow:0 30px 60px -24px rgba(0,0,0,.55);transform:rotate(3deg)}
.mini .k{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#c9cdca;font-weight:600}
.mini h4{font-family:var(--serif);font-weight:400;font-size:15px;line-height:1.2;margin:10px 0 14px}
.mini .ln{height:4px;background:rgba(242,243,241,.14);border-radius:3px;margin:7px 0}
.ed{display:grid;grid-template-columns:7fr 5fr;gap:96px;align-items:center;padding:72px 0}
.ed.rev{grid-template-columns:5fr 7fr}.ed.rev .shot{order:2}
.ed+.ed{border-top:1px solid rgba(22,38,29,.14)}
.ed h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.1;color:#16261d}
.ed p:not(.label){color:#4a524d;font-size:18px;margin:18px 0 26px}
.ed .label{color:#16261d}
.cats{columns:3;column-gap:72px;margin-top:72px}
.cat{break-inside:avoid;margin:0 0 56px}
.cat .label{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(242,243,241,.18)}
.cat ul{list-style:none;margin:0;padding:0}
.cat li{font-family:var(--serif);font-size:21px;line-height:1.3;padding:7px 0;color:rgba(242,243,241,.82)}
.cat a{color:#fff;text-decoration:none}.cat a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.chip2{display:inline-block;vertical-align:middle;margin-left:10px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0b120e;background:#e6e9e6;border-radius:3px;padding:3px 7px}
.docs3 .doc:nth-child(1){transform:rotate(-2deg)}.docs3 .doc:nth-child(3){transform:rotate(2deg)}
.docs.docs3.in .doc:nth-child(1){transform:translateX(-200px) translateY(20px) rotate(-8deg)}
.docs.docs3.in .doc:nth-child(2){transform:translateY(-6px)}
.docs.docs3.in .doc:nth-child(3){transform:translateX(200px) translateY(20px) rotate(8deg)}
.bandphoto h2{max-width:20em}

/* v13 mobile polish */
@media (max-width:760px){
 .feat,.ed,.duo,.grid2,.pr2,.bio2{grid-template-columns:minmax(0,1fr)}
 .feat>*,.ed>*,.duo>*,.pr2>*,.bio2>*{min-width:0}
 .mnav summary{min-height:44px;display:flex;align-items:center;padding:0 0 0 12px}
 header .logo{display:inline-flex;align-items:center;min-height:44px}
 a.tl{display:inline-block;padding:11px 0}
 footer a{display:inline-block;padding:12px 0}
 .indlist li a{display:inline-block;padding:6px 0}
 .cat li{display:flex;align-items:center;flex-wrap:wrap;min-height:44px;padding:2px 0}.cat li a{display:inline-flex;align-items:center;min-height:44px}
 form.f select,form.f input,form.f textarea{min-height:48px;font-size:16px}
 .faq summary{font-size:19px;padding:22px 44px 22px 0}
 .faq details p{font-size:16px}
 p.disc,.grey p.disc{font-size:14px}
 .pv{font-size:13px}
 .sub,p.sub{font-size:17px}
 .photohero h1{font-size:clamp(34px,9.6vw,44px);line-height:1.1}
 .truehero h1{font-size:clamp(38px,10.6vw,48px);line-height:1.06}
 h1{font-size:clamp(34px,9.6vw,44px)}
 h2{font-size:clamp(28px,8vw,36px)}
 .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
 .viz{font-size:12.5px}
 .shot img{aspect-ratio:4/3;object-position:center 40%}
}
@media (max-width:420px){.mini{display:none}}
/* v13 contrast (WCAG AA) */
.grey .faq details p,.v8 .grey .faq details p,.tan .faq details p{color:#3d4540}
.grey .faq summary{color:#16261d}.grey .faq summary:after,.v8 .grey .faq summary:after{color:#16261d}
.viz .note{color:rgba(242,243,241,.66)}
.flow small{color:rgba(242,243,241,.7)}
.grey .viz .note{color:#4a524d}
select option{color:#16261d;background:#f2f3f1}

.photohero .shade{background:rgba(11,18,14,.6)}
@media (max-width:1020px){.ed,.ed.rev{grid-template-columns:1fr;gap:56px}.ed.rev .shot{order:0}.cats{columns:2}}
@media (max-width:760px){.cats{columns:1}.mini{width:110px;height:146px;right:-8px;bottom:-24px;padding:12px 10px}.mini h4{font-size:12px}
 .docs.docs3.in .doc:nth-child(1){transform:translateX(-80px) translateY(24px) rotate(-8deg)}.docs.docs3.in .doc:nth-child(3){transform:translateX(80px) translateY(24px) rotate(8deg)}}
