/* Section 10: scoped reproduction of the supplied approved treatment. */
#person.ars-section { padding:0; color:#f5f7ff; background:radial-gradient(ellipse at 87% 0,#082052,transparent 55%),#001020; overflow:hidden; }
#person .s10-layout { position:relative; display:grid; grid-template-columns:43% 57%; max-width:1800px; margin:auto; isolation:isolate; }
#person .s10-layout::after { content:""; position:absolute; bottom:0; height:5rem; inset-inline:36% 0; background-image:radial-gradient(#008eff88 1px,transparent 1px); background-size:11px 12px; opacity:.65; z-index:-1; mask-image:linear-gradient(transparent,#000); }
#person .s10-scene { position:relative; margin:0; min-width:0; min-height:56vw; }
#person .s10-portrait { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; }
#person .s10-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 88%,#001020),linear-gradient(0deg,#00102055,transparent 24%); pointer-events:none; }
#person .s10-brand { position:absolute; top:2.2vw; left:3.1vw; display:flex; align-items:flex-start; gap:.55rem; z-index:1; color:white; }
#person .s10-brand img { width:4.8vw; height:4.8vw; object-fit:contain; }
#person .s10-brand > span { font-size:clamp(2rem,3.05vw,3.3rem); font-weight:500; line-height:1.05; letter-spacing:-.04em; }
#person .s10-brand small { display:block; font-size:clamp(.75rem,1vw,1.1rem); letter-spacing:.35em; text-transform:uppercase; color:#00dcff; margin-top:.6rem; }
#person .s10-sidewords { position:absolute; top:23.6%; left:3.3vw; font-size:clamp(.75rem,.8vw,.9rem); text-transform:uppercase; letter-spacing:.35em; line-height:1.85; color:#79b8ff; z-index:1; }
#person .s10-sidewords::after { content:""; display:block; margin-top:1.15rem; width:4rem; height:1px; background:linear-gradient(90deg,#8a5dff,#00eeff); }
#person .s10-quote { position:absolute; left:3.1vw; bottom:2.7%; z-index:1; max-width:25rem; color:white; transform:rotate(-7deg); text-shadow:0 1px 6px #000; }
#person .s10-quote blockquote { margin:0; padding:0; border:0; color:white; font-family:"Segoe Print","Bradley Hand",cursive; font-style:italic; font-size:clamp(1rem,1.35vw,1.5rem); line-height:1.45; }
#person .s10-quote cite { display:block; font-family:"Segoe Script","Brush Script MT",cursive; font-size:clamp(1.8rem,2.5vw,2.8rem); font-weight:400; line-height:1.45; }
#person .s10-quote cite::after { content:""; display:block; height:2px; width:6rem; margin-left:5rem; background:linear-gradient(90deg,#00e9ff,#c033ff); }
#person .s10-content { position:relative; padding:3.95vw 2vw .3rem .15rem; min-width:0; }
#person .s10-topline, #person .s10-bottomline { text-transform:uppercase; letter-spacing:.33em; color:#7bbfff; font-size:clamp(.75rem,.9vw,1rem); line-height:1.4; }
#person .s10-topline { position:absolute; top:2vw; right:2vw; display:flex; gap:1rem; align-items:center; }
#person .s10-topline::after, #person .s10-bottomline::after { content:""; display:block; width:5.5rem; height:1px; background:linear-gradient(90deg,#aa56ff,#00e9ff); }
#person .s10-eyebrow { color:#00e9ff; text-transform:uppercase; letter-spacing:.18em; margin:0 0 .7rem; font-size:clamp(.85rem,1vw,1.1rem); }
#person #ars-person-title { margin:0 0 1rem; padding:0; max-width:none; background:none; color:#fafbff; -webkit-text-fill-color:#fafbff; font-family:var(--ars-font-sans); font-size:clamp(2rem,3.12vw,3.5rem); font-weight:750; letter-spacing:-.025em; line-height:1.01; text-wrap:initial; }
#person #ars-person-title span { background:linear-gradient(90deg,#00d6ed,#2c92ff 40%,#8452ff 67%,#e12fdf); background-clip:text; -webkit-background-clip:text; color:#34b5ff; -webkit-text-fill-color:transparent; }
#person .s10-lead { margin:1.15rem 0 .8rem; font-size:clamp(1rem,1.28vw,1.4rem); line-height:1.26; letter-spacing:.008em; color:#e5e8f3; }
#person .s10-proof { margin:0; display:grid; grid-template-columns:1fr 1fr 1.05fr 1.08fr; gap:.85rem; }
#person .s10-panel { --accent:#00e7f9; color:#f1f4ff; background:linear-gradient(115deg,#011426aa,#001124dd); border:1px solid #0877ac; border-radius:.8rem; min-width:0; box-shadow:inset 0 0 25px #00356518; }
#person .s10-panel:nth-child(2) { --accent:#4287ff; }
#person .s10-panel:nth-child(3) { --accent:#ee3cf0; border-color:#5831b3; }
#person .s10-panel:nth-child(4) { --accent:#f044ed; border-color:#275c9e; }
#person .s10-panel svg { width:2.5rem; height:2.5rem; fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#person .s10-proof .s10-panel { padding:1rem 1.55rem; display:flex; flex-direction:column; min-height:10.9rem; }
#person .s10-proof dt { color:var(--accent); font-size:clamp(1.15rem,1.82vw,2rem); font-weight:750; text-transform:uppercase; line-height:1.15; letter-spacing:-.02em; }
#person .s10-proof dt svg { display:block; margin-bottom:.4rem; }
#person .s10-proof dt small { display:block; font-size:.7em; margin-top:.1rem; letter-spacing:0; }
#person .s10-proof dd { margin:0; padding-top:.5rem; margin-top:auto; font-size:clamp(.875rem,.98vw,1.1rem); line-height:1.32; }
#person .s10-trust, #person .s10-experience { margin-top:1.2rem; }
#person .s10-trust h3, #person .s10-experience h3 { margin:0 0 .6rem .6rem; color:#83caff; text-transform:uppercase; font-size:clamp(.75rem,.8vw,.95rem); font-weight:400; letter-spacing:.27em; line-height:1.4; }
#person .s10-trust-grid { display:grid; grid-template-columns:1fr 1.04fr; gap:1rem; }
#person .s10-trust .s10-panel { padding:1rem 1.1rem; display:grid; grid-template-columns:4.5rem minmax(0,1fr); align-items:center; gap:1rem; }
#person .s10-trust .s10-panel > div { padding-left:1.35rem; border-left:1px solid #008ec8; min-width:0; }
#person .s10-trust h4 { margin:0 0 .3rem; color:#f6f7ff; font-size:clamp(.875rem,1.14vw,1.3rem); line-height:1.15; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
#person .s10-trust p { margin:0; font-size:clamp(.875rem,1vw,1.1rem); line-height:1.3; }
#person .s10-trust strong { display:block; margin-top:.4rem; color:#00dfff; font-size:clamp(.875rem,1vw,1.1rem); font-weight:600; line-height:1.25; }
#person .s10-trust .s10-panel:nth-child(2) { border-color:#5532a8; }
#person .s10-trust .s10-panel:nth-child(2) strong { color:#d842f4; }
#person .s10-trust .s10-panel--text { grid-template-columns:minmax(0,1fr); }
#person .s10-trust .s10-panel--text > div { padding-left:0; border-left:0; }
#person .s10-oxford { display:block; width:4.5rem; height:5.2rem; background:url('/assets/s10-oxford-reference.webp') center/contain no-repeat; }
#person .s10-experience-grid { display:grid; grid-template-columns:.96fr 1.02fr 1.08fr; gap:.8rem; }
#person .s10-experience .s10-panel { display:flex; align-items:flex-start; gap:1.1rem; padding:1rem 1.3rem .65rem; }
#person .s10-experience h4 { margin:.25rem 0 .65rem; color:var(--accent); font-size:clamp(.875rem,1vw,1.1rem); line-height:1.25; text-transform:uppercase; font-weight:700; white-space:normal; }
#person .s10-experience p { margin:0; font-size:clamp(.875rem,.89vw,1rem); line-height:1.26; letter-spacing:.008em; }
#person .s10-bottomline { display:flex; align-items:center; gap:1rem; justify-content:flex-end; margin:.35rem 0 0; font-size:.75rem; }
@media(min-width:1800px) { #person .s10-content { padding-top:4.5rem; padding-right:2.25rem; } #person .s10-scene { min-height:1000px; } }
@media(max-width:1200px) { #person .s10-proof { grid-template-columns:repeat(2,minmax(0,1fr)); } #person .s10-trust-grid, #person .s10-experience-grid { grid-template-columns:minmax(0,1fr); } #person .s10-break { display:none; } #person .s10-proof .s10-panel { padding:.8rem; } #person .s10-experience .s10-panel { display:block; padding:.8rem; } #person .s10-experience h4 { white-space:normal; } #person .s10-trust .s10-panel { grid-template-columns:3rem 1fr; gap:.4rem; padding:.8rem; } #person .s10-oxford { width:3rem; } #person .s10-trust .s10-panel > div { padding-left:.7rem; } #person .s10-trust .s10-panel--text { grid-template-columns:minmax(0,1fr); } #person .s10-trust .s10-panel--text > div { padding-left:0; } }
@media(max-width:900px) { #person .s10-layout { grid-template-columns:1fr; } #person .s10-scene { min-height:0; aspect-ratio:720/940; width:min(100%,680px); margin:auto; } #person .s10-brand { top:2rem; left:2rem; } #person .s10-brand img { width:4.5rem; height:4.5rem; } #person .s10-brand > span { font-size:3rem; } #person .s10-sidewords { left:2rem; font-size:.8rem; } #person .s10-quote { left:2rem; } #person .s10-quote blockquote { font-size:1.25rem; } #person .s10-quote cite { font-size:2rem; } #person .s10-content { padding:3rem 1.5rem 1rem; } #person .s10-topline { top:.5rem; right:1.5rem; } #person .s10-lead { line-height:1.5; } #person .s10-proof { grid-template-columns:repeat(2,minmax(0,1fr)); } #person .s10-proof dt { font-size:1.75rem; } #person .s10-proof dd { font-size:1rem; } #person .s10-trust-grid { grid-template-columns:1fr; } #person .s10-experience-grid { grid-template-columns:1fr; } #person .s10-experience .s10-panel { display:flex; padding:1.2rem; } #person .s10-experience p, #person .s10-trust p { font-size:1rem; } }
@media(max-width:380px) { #person .s10-content { padding-inline:1rem; } #person .s10-proof { gap:.6rem; } #person .s10-proof dt { font-size:1.45rem; } #person .s10-brand { left:1rem; top:1rem; } #person .s10-sidewords { left:1rem; font-size:.65rem; } #person .s10-quote { left:1rem; } #person .s10-quote blockquote { font-size:1rem; } }
@media(forced-colors:active) { #person #ars-person-title,#person #ars-person-title span { color:CanvasText; -webkit-text-fill-color:CanvasText; background:none; } }