/* A quiet portrait alongside a single, uninterrupted column of questions. */
#faq .faq-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:7%;align-items:start}
#faq .faq-profile-intro{position:sticky;top:32px;min-width:0}
#faq .faq-profile-intro h2{font-size:clamp(32px,3.6vw,58px)}
#faq .faq-profile-intro>p{font-size:16px;line-height:1.8}
#faq .faq-profile-art{position:relative;margin:24px -8% 0 0;width:108%;max-width:490px;isolation:isolate}
#faq .faq-profile-art:before{content:'';position:absolute;inset:10% 0 0;border-radius:50%;background:radial-gradient(ellipse,#9274bc1e,transparent 68%);z-index:-1}
#faq .faq-profile-art img{display:block;width:100%;height:clamp(380px,39vw,560px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 28px #0003)}
#faq .faq-profile-note{position:absolute;left:0;bottom:8%;padding:14px 20px;border:1px solid #fff7;border-radius:5px 20px 20px 20px;background:#e5d8ed;color:#403048;box-shadow:0 10px 25px #0002;transform:rotate(-5deg);font:italic 17px/1.45 Georgia,serif}
#faq .faq-list--single{display:block;min-width:0}
#faq .faq-list--single .faq-item{min-width:0;border-color:#d7b9e12b}
#faq .faq-list--single .faq-item:last-child{border-bottom:1px solid #d7b9e12b}
#faq .faq-list--single summary{min-height:103px;padding:27px 0;gap:19px;font-size:clamp(17px,1.5vw,23px);line-height:1.45;letter-spacing:-.025em}
#faq .faq-list--single summary>span:nth-child(2){text-wrap:pretty}
#faq .faq-list--single .faq-index{font-size:11px;padding-top:5px;letter-spacing:.08em}
#faq .faq-list--single .plus{font-size:28px}
#faq .faq-list--single .faq-item[open]>summary{color:#dfc7f1}
#faq .faq-list--single .faq-item>p,#faq .faq-list--single .faq-answer{padding:0 38px 28px}
#faq .faq-list--single .faq-item p{font-size:16px;line-height:1.85;color:#c3b7cd}
#faq .faq-list--single .faq-answer p{padding:0}
#faq .faq-list--single summary:focus-visible{outline:2px solid #c6a9ff;outline-offset:5px;border-radius:9px}
/* A standalone conversation: all five rules remain real, readable text. */
#team-rules{background:radial-gradient(ellipse at 50% 62%,#34244370,transparent 52%),#0d0c10;padding-top:96px;padding-bottom:88px;isolation:isolate}
#team-rules .team-rules-heading{text-align:center;max-width:990px;margin:0 auto 44px}
#team-rules .eyebrow{justify-content:center;color:#b99bce;font-size:12px;letter-spacing:.16em}
#team-rules h2{font-size:clamp(32px,3.65vw,57px);line-height:1.17;font-weight:450;letter-spacing:-.045em;margin-top:26px;text-wrap:balance}
#team-rules h2 em{display:block;color:#d6b7ef;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.045em}
#team-rules .team-rules-scene{display:grid;grid-template-columns:1fr minmax(250px,.96fr) 1fr;grid-template-rows:minmax(130px,auto) minmax(150px,auto) minmax(140px,auto) auto;gap:32px 28px;position:relative;max-width:1260px;margin:auto}
#team-rules .team-rules-art{grid-column:2;grid-row:1/4;position:relative;align-self:stretch;min-width:0;z-index:0}
#team-rules .team-rules-art img{position:absolute;display:block;width:155%;max-width:none;height:calc(100% + 40px);object-fit:contain;object-position:center bottom;bottom:-25px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 12px 25px #0005)}
#team-rules .team-rules-halo{position:absolute;inset:8% -16% 0;border:1px solid #ccb0e224;border-radius:50% 50% 44% 44%;background:radial-gradient(ellipse,#9e72c824,transparent 72%);z-index:-1}
#team-rules .team-rules-halo:after{content:'';position:absolute;inset:14px;border:1px solid #ccb0e210;border-radius:inherit}
#team-rules .team-rules-bubbles{display:contents;list-style:none;margin:0;padding:0}
#team-rules .rule-bubble{--bubble-tail:18px;position:relative;margin:0;padding:27px 28px 28px;align-self:center;min-width:0;border:1px solid #f5e8ff8c;border-radius:26px;background:radial-gradient(ellipse at 5% 0,#fff8,transparent 80%),linear-gradient(135deg,#ebe0f1,#ccb6dc);color:#302236;box-shadow:inset 0 1px 0 #fffc,0 15px 40px #0002;z-index:1;transition:transform .3s,box-shadow .3s}
#team-rules .rule-bubble:after{content:'';position:absolute;width:20px;height:24px;top:calc(50% - 12px);background:#dac7e5;clip-path:polygon(0 0,100% 65%,0 100%);right:-19px}
#team-rules .rule-bubble:nth-child(even):after{left:-19px;right:auto;transform:scaleX(-1);background:#e5d8ed}
#team-rules .rule-bubble:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 20px 42px #0004}
#team-rules .rule-bubble-index{display:block;font:italic 23px/1 Georgia,serif;color:#654571;margin-bottom:13px}
#team-rules .rule-bubble p{font-size:clamp(16px,1.4vw,21px);line-height:1.55;letter-spacing:-.018em;text-wrap:pretty;margin:0}
#team-rules .rule-bubble--1{grid-column:1;grid-row:1/3;align-self:start;margin-top:34px}
#team-rules .rule-bubble--2{grid-column:3;grid-row:1/2;margin-top:4px}
#team-rules .rule-bubble--3{grid-column:1;grid-row:3;align-self:start}
#team-rules .rule-bubble--4{grid-column:3;grid-row:2/4;align-self:center}
#team-rules .rule-bubble--5{grid-column:2/4;grid-row:4;justify-self:center;width:min(100%,490px);margin-top:5px}
#team-rules .rule-bubble--5:after{top:-20px;left:30px;right:auto;transform:rotate(-90deg);background:#e4d6ed}
/* Preserve the approved conversion layout; match the light chapters above. */
#your-next-chapter .conversion-shell{background:radial-gradient(ellipse at 93% 0%,#d2b9e7aa,transparent 70%),#e9e3df;color:#2d2330;border-color:#f6e7ff66;box-shadow:inset 0 1px 0 #fffc}
#your-next-chapter .conversion-title .eyebrow,#your-next-chapter .conversion-footnote{color:#604d66}
#your-next-chapter .conversion-title h2 em{color:#78598c}
#your-next-chapter .conversion-copy p{color:#59495f}
#your-next-chapter .conversion-copy p:last-of-type{color:#332839}
#your-next-chapter .conversion-copy .button{background:#2b1e34;color:#f1e9f6;box-shadow:inset 0 1px 0 #ffeaff26}
#your-next-chapter .conversion-copy .button:hover{background:#493450;box-shadow:0 8px 28px #38223d28}
#your-next-chapter .conversion-seal{color:#785d87;border-color:#785d8755;opacity:.6}
/* New portraits fit the existing vacancy frames without reusing the hero art. */
#careers .role-visual .role-unique-art{object-fit:contain;object-position:center bottom;width:114%;max-width:none;left:-7%;height:100%;top:0;mask-image:linear-gradient(black 87%,transparent 100%)}
@media(min-width:801px) and (max-width:1050px){
 #team-rules .team-rules-scene{grid-template-columns:1fr minmax(190px,.8fr) 1fr;gap:26px 20px}
 #team-rules .rule-bubble{padding:23px 21px}
 #team-rules .rule-bubble p{font-size:16px}
 #faq .faq-profile-art img{height:440px}
}
@media(max-width:800px){
 #faq .faq-layout{grid-template-columns:1fr;gap:0}
 #faq .faq-profile-intro{position:static;display:grid;grid-template-columns:1fr;gap:0}
 #faq .faq-profile-intro h2{font-size:clamp(36px,8.5vw,56px)}
 #faq .faq-profile-intro>p{font-size:16px;margin-top:22px}
 #faq .faq-profile-art{display:block;max-width:350px;width:100%;margin:20px auto 6px}
 #faq .faq-profile-art img{height:360px;object-position:center bottom}
 #faq .faq-list--single summary{font-size:18px;min-height:92px;gap:13px;padding:25px 0}
 #faq .faq-list--single .faq-item>p,#faq .faq-list--single .faq-answer{padding:0 12px 26px 28px}
 #team-rules{padding-top:62px;padding-bottom:64px}
 #team-rules .team-rules-heading{margin-bottom:30px}
 #team-rules h2{font-size:clamp(30px,6.7vw,46px);line-height:1.2;margin-top:22px}
 #team-rules .team-rules-scene{grid-template-columns:1fr 1fr;grid-template-rows:auto 365px auto auto;gap:20px 15px;max-width:520px}
 #team-rules .team-rules-art{grid-column:1/3;grid-row:2}
 #team-rules .team-rules-art img{width:100%;height:100%;bottom:0}
 #team-rules .team-rules-halo{inset:0 12%;border-radius:50%}
 #team-rules .rule-bubble{padding:22px 19px;border-radius:22px;align-self:start;margin:0;width:auto}
 #team-rules .rule-bubble p{font-size:16px;line-height:1.6}
 #team-rules .rule-bubble-index{font-size:20px;margin-bottom:10px}
 #team-rules .rule-bubble--1{grid-column:1/3;grid-row:1;max-width:410px;justify-self:start;margin-right:25px}
 #team-rules .rule-bubble--1:after{top:auto;bottom:-18px;right:38px;transform:rotate(90deg)}
 #team-rules .rule-bubble--2{grid-column:1;grid-row:3}
 #team-rules .rule-bubble--3{grid-column:2;grid-row:3}
 #team-rules .rule-bubble--4{grid-column:1;grid-row:4}
 #team-rules .rule-bubble--5{grid-column:2;grid-row:4}
 #team-rules .rule-bubble:not(:first-child):after{top:-17px;left:24px;right:auto;transform:rotate(-90deg);background:#e8dced;width:20px;height:24px}
 #careers .role-visual .role-unique-art{width:100%;left:0;top:0;height:100%;min-height:0;object-position:center 10%;mask-image:linear-gradient(black 83%,transparent 100%)}
}
@media(max-width:380px){
 #team-rules .team-rules-scene{column-gap:12px}
 #team-rules .rule-bubble{padding:18px 15px}
 #team-rules .rule-bubble p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#team-rules .rule-bubble{transition:none}#team-rules .rule-bubble:hover{transform:none}}
