:root{--paper:#f5f4ef;--ink:#111;--muted:#66645e;--line:rgba(17,17,17,.20);--max:1440px;--pad:clamp(24px,6vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}.skip-link{position:fixed;left:12px;top:-70px;z-index:1000;padding:10px 14px;background:#111;color:#fff}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:20;inset:0 0 auto;width:min(100%,var(--max));margin:auto;padding:20px var(--pad)}.footer-brand{font-size:.85rem;font-weight:700;letter-spacing:.3em;text-decoration:none}.hero{position:relative;min-height:100svh;overflow:hidden;border-bottom:1px solid var(--line)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,244,239,.97) 0%,rgba(245,244,239,.94) 32%,rgba(245,244,239,.45) 54%,rgba(245,244,239,0) 73%)}.hero-content{position:relative;z-index:3;display:flex;min-height:100svh;flex-direction:column;justify-content:center;width:min(100%,var(--max));margin:auto;padding:130px var(--pad) 80px}.hero h1,.area h2,.decision h2,.details>h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.hero h1{max-width:760px;margin:0;font-size:clamp(4.5rem,8vw,8.2rem);line-height:.9}.hero-copy{max-width:530px;margin:30px 0 28px;font-size:clamp(1.05rem,1.45vw,1.35rem)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;width:fit-content;min-width:265px;padding:15px 22px;border:1px solid var(--ink);text-decoration:none;transition:.2s ease}.button:hover,.button:focus-visible{background:var(--ink);color:var(--paper)}.scroll-cue{position:absolute;z-index:4;right:var(--pad);bottom:28px;text-decoration:none;font-size:1.4rem}.section{width:min(100%,var(--max));margin:auto;padding:clamp(72px,9vw,130px) var(--pad);border-bottom:1px solid var(--line)}.areas-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,4vw,70px)}.area{padding-top:20px;border-top:2px solid var(--ink)}.area h2{margin:0 0 16px;font-size:clamp(1.7rem,2.5vw,2.55rem);line-height:1.08}.area p{margin:0;color:var(--muted)}.decision{display:grid;grid-template-columns:.9fr 1.45fr;gap:clamp(52px,8vw,120px);align-items:center}.decision-content{padding-right:clamp(0px,3vw,50px)}.decision-content h2{margin:0 0 24px;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.98}.decision-content p{max-width:660px;margin:0;font-size:1.08rem;color:#34332f}.attor{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:clamp(30px,5vw,72px);align-items:center;padding-left:clamp(28px,4vw,58px);border-left:1px solid var(--line)}.attor-copy p{margin:0 0 26px;color:#34332f}.attor-copy a{font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.attor-logo-link{display:block}.attor-logo{display:block;width:100%;max-height:210px;object-fit:contain;filter:grayscale(100%) contrast(1.25)}.details>h2{margin:0 0 8px;font-size:clamp(2rem,3.6vw,3.8rem);line-height:1}.details-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;font-style:normal}.detail{padding-top:18px;border-top:1px solid var(--line)}.detail-wide{grid-column:1/-1;padding-top:0;border:0}.detail span{display:block;margin-bottom:8px;color:var(--muted);font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}.detail p{margin:0}.detail a{font:inherit;text-decoration:none}.detail a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(100%,var(--max));margin:auto;padding:32px var(--pad);color:var(--muted);font-size:.72rem}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}.site-footer>p{justify-self:end}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:1050px){.areas-list{grid-template-columns:repeat(2,1fr)}.decision{grid-template-columns:1fr}.attor{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:40px}.details-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.site-header{position:fixed;padding: 8px var(--pad) 6px;background:rgba(245,244,239,.92);backdrop-filter:blur(8px)}.hero{min-height:60svh;padding-top:30px;}.hero-photo{inset:auto 0 0 -100px;height:40%;object-position:67% center}.hero-shade{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 50%,rgba(245,244,239,.75) 69%,rgba(245,244,239,.05) 100%)}.hero-content{min-height:94svh;justify-content:flex-start;padding-top:35px}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-copy{margin-top:24px}.areas-list,.details-grid{grid-template-columns:1fr}.attor{grid-template-columns:1fr}.attor-logo{max-width:180px}.site-footer{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:8px}.site-footer>p{justify-self:start}}

/* Final adjustments requested: ATTOR artwork on page background; all credentials in one row */
.attor-logo-link,.attor-logo{background:var(--paper)}
.attor-logo{filter:none;mix-blend-mode:normal}
.details{padding-top:24px;padding-bottom:24px}
.details-grid{grid-template-columns:1.45fr .95fr .95fr 1.25fr 1fr 1.45fr;gap:clamp(18px,2vw,32px);align-items:start}
.details-grid .detail{min-width:0}
.identity-detail{padding-top:0;border-top:0}
.identity-detail h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,1.8vw,1.75rem);font-weight:400;line-height:1;margin:0 0 8px;white-space:nowrap}
.identity-detail p{font-family:Georgia,'Times New Roman',serif;white-space:nowrap}
@media (min-width:1051px){
  .details-grid{grid-template-columns:1.45fr .95fr .95fr 1.25fr 1fr 1.45fr}
  .details-grid .detail{grid-column:auto;padding-top:0;border-top:0;font-size:.78rem}
  .identity-detail{align-self:start}
}
@media (max-width:1050px){
  .details-grid{grid-template-columns:repeat(3,1fr)}
  .identity-detail{grid-column:1/-1}
}
@media (max-width:720px){
  .details-grid{grid-template-columns:1fr}
  .identity-detail{grid-column:auto}
  .details-grid .detail{padding-top:14px;border-top:1px solid var(--line)}
  .identity-detail{padding-top:0!important;border-top:0!important}
}

/* Final refinement: smaller portrait, transparent black ATTOR logo, single-line credentials */
.attor-logo-link,.attor-logo,.attor-mark{background:transparent!important}
.attor-logo{filter:none!important;mix-blend-mode:normal!important}
.details{border-top:1px solid var(--line)}
.details-grid .detail{border-top:0!important}
.identity-detail h2,.identity-detail p{white-space:nowrap}

@media (min-width:1051px){
  .hero-photo{inset:0 0 0 auto;width:62%;height:100%;object-fit:contain;object-position:right center;background:var(--paper);transform: translateX(-40px)}
  .hero-shade{background:linear-gradient(90deg,var(--paper) 0%,rgba(245,244,239,.98) 43%,rgba(245,244,239,.55) 57%,rgba(245,244,239,0) 73%)}
  .details-grid{display:grid;grid-template-columns:1.55fr .9fr .95fr 1.28fr 1fr 1.5fr;gap:clamp(16px,1.8vw,30px);align-items:start}
  .details-grid .detail{grid-column:auto!important;padding-top:0!important;border-top:0!important;min-width:0}
  .identity-detail{grid-column:auto!important}
  .identity-detail h2{font-size:clamp(1.2rem,1.55vw,1.55rem);white-space:nowrap}
  .identity-detail p{font-size:.78rem;white-space:nowrap}
}

/* Final identity subtitle */
.identity-detail h2,.identity-detail p{white-space:nowrap}
@media (min-width:1051px){.identity-detail{min-width:245px}.identity-detail p{font-size:.78rem;white-space:nowrap}}

.brand {
display: inline-flex;
align-items: center;
line-height: 0;
}
.brand-logo {
  display: block !important;
  width: 200px !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain;
  object-position: left center;
  background: transparent;
  border: 0;
}

@media (max-width: 720px) {
  img.brand-logo {
    width: 105px !important;
    max-height: 30px !important;
  }
}
@media (max-width: 720px) {
  .hero-photo {
    inset: auto 0 -80px;
    width: 100%;
    height: 55%;
    object-fit: cover;
    object-position: 67% center;
  }

  .hero-content {
    position: relative;
    z-index: 3;
  }

  .hero-copy,
  .hero .button {
    position: relative;
    z-index: 4;
  }
}
@media (min-width: 1051px) {
  .hero-photo {
    transform: translateX(-40px);
  }
}