/* Le métier : un quotidien incarné, puis un bureau de papier en relief. */
.profession-opening{padding-top:56px;padding-bottom:52px}
.profession-hero{display:grid;grid-template-columns:1.18fr 1fr;gap:68px;align-items:center}
.profession-intro .eyebrow{font-size:10px;margin-bottom:24px}
.profession-intro h1{font-size:clamp(47px,5.4vw,69px);line-height:1.04;letter-spacing:-.042em;margin-bottom:29px}
.profession-intro h1>span{display:inline-block;position:relative}
.profession-intro h1>span:after{content:'';position:absolute;bottom:-11px;left:0;width:92px;height:3px;background:var(--gold);border-radius:50%;transform:rotate(-2deg)}
.profession-definition{max-width:430px;font-size:16px;line-height:1.8;color:#57534e;margin-top:34px;margin-bottom:0}
.profession-photo{margin:0;position:relative;padding:0 10px 0 0}
.profession-photo>div{overflow:hidden;aspect-ratio:1/1.02;border-radius:3px;background:#e8e2db}
.profession-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.profession-photo:after{display:none;content:'';position:absolute;right:0;top:16px;width:85%;height:calc(100% - 54px);border:1px solid #d7c8bd;border-radius:3px;z-index:-1;transform:rotate(3deg)}
.profession-photo figcaption{padding:17px 0 0;background:none;align-items:center;gap:10px}
.profession-photo figcaption span:first-child{font:12px/1.5 var(--sans);color:#665e58}
.profession-freedoms{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.freedom-mini-label{display:block;font:600 9px/1.6 var(--sans);letter-spacing:.13em;color:#72624c;margin-bottom:11px}
.profession-freedoms h2{font-size:25px;letter-spacing:-.025em;margin:0 0 10px}
.profession-freedoms p{font-size:13px;line-height:1.75;color:#625c55;margin:0;max-width:290px}
.profession-work{padding:78px 0 58px;background:#f1ebe8;border-top:1px solid #e8e0da;border-bottom:1px solid #e8e0da;overflow:hidden}
.profession-section-head{position:relative;display:grid;grid-template-columns:1.1fr 1fr;column-gap:70px;align-items:end}
.profession-section-head .eyebrow{grid-column:1/-1;margin-bottom:19px}
.profession-section-head h2{font-size:clamp(40px,4.6vw,58px);margin-bottom:0}
.profession-section-head>p:last-child{margin:0 0 6px;color:#625a55;font-size:15px;line-height:1.8;max-width:410px}
.profession-work-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-top:36px}
.obm-desk{margin:0;min-width:0}
.desk-scene{height:435px;position:relative;perspective:1000px;isolation:isolate}
.desk-ground{position:absolute;left:3%;right:0;bottom:27px;height:70px;border-radius:50%;background:#e3d8d0;filter:blur(18px);opacity:.6}
.desk-book{position:absolute;left:14%;top:26px;width:64%;height:334px;border:1px solid #d9cebd;border-radius:8px 14px 14px 8px;background:#fffcf4;box-shadow:3px 4px 0 #eae3d6,5px 7px 0 #faf7ee,6px 9px 0 #d0c1af,13px 21px 22px #5e473021;transform:rotateX(11deg) rotateY(-9deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.book-binding{position:absolute;left:-9px;top:32px;bottom:29px;display:flex;flex-direction:column;justify-content:space-between;z-index:4}
.book-binding i{width:19px;height:10px;border:2px solid #b4a391;border-radius:8px;background:#ffffff70;box-shadow:0 2px 2px #76614926}
.book-page{position:absolute;inset:0;padding:28px 25px 23px 32px;transform-origin:0 50%;backface-visibility:hidden}
.book-kicker{display:block;font:600 8px/1.5 var(--sans);letter-spacing:.14em;color:#897563;margin-bottom:15px}
.book-page>strong{font:400 32px/1.03 var(--serif);letter-spacing:-.025em;color:#473b35;display:block}
.book-rule{width:35px;height:2px;background:#d8c16c;margin:19px 0 15px}
.book-page .book-check{font:11px/1.5 var(--sans);margin:11px 0;color:#685b50;display:flex;align-items:center;gap:10px}
.book-check:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #c9bdb0;border-radius:50%;font-size:10px;color:#936f78;background:#f5e6e9}
.book-bottom{position:absolute;left:32px;bottom:23px;font:8px/1.5 var(--sans);color:#8a796b}
.book-tab{position:absolute;right:-16px;width:18px;height:34px;border-radius:0 4px 4px 0;z-index:-1;box-shadow:2px 2px 2px #80634713}
.tab-rose{top:38px;background:#d8a0b0}.tab-gold{top:84px;background:#d6c574}
.desk-note{position:absolute;right:0;top:92px;background:#efd2db;border:1px solid #dcb9c3;box-shadow:4px 6px 9px #76564e1a;border-radius:3px;width:105px;padding:17px 13px;transform:rotate(12deg);font:21px/1.1 var(--serif);color:#755862;z-index:-1}
.desk-note>span{display:block;font:10px/1.8 var(--sans)}
.desk-cup{position:absolute;right:3%;top:7px;width:67px;height:67px;border-radius:50%;background:#f8e8e6;border:1px solid #dcbfb4;box-shadow:4px 7px 8px #64483817,inset 3px 3px 5px #fff;transform:rotate(-20deg)}
.desk-cup:after{content:'';position:absolute;right:-14px;top:18px;width:20px;height:26px;border:7px solid #ebd5cc;border-left:0;border-radius:0 13px 13px 0;z-index:-1}
.desk-cup span{position:absolute;inset:11px;border-radius:50%;background:#bb8b66;border:3px solid #e4cbb8;box-shadow:inset 3px 4px 5px #57372533}
.desk-cup span:after{content:'';position:absolute;left:12px;top:10px;width:12px;height:15px;border-radius:60% 60% 30% 60%;border:3px solid #e6c9a7;transform:rotate(-30deg)}
.desk-pens{position:absolute;left:4%;bottom:28px;width:90px;height:140px;transform:rotate(-21deg)}
.desk-pens span{position:absolute;width:11px;height:115px;border:1px solid #b1878c;border-radius:5px 5px 1px 1px;background:linear-gradient(90deg,#bc778a,#eeb7c8 45%,#e5a0b2 60%,#bd7a8c);box-shadow:3px 5px 6px #674c4826;transform:rotate(-2deg);bottom:0;left:18px}
.desk-pens span:before{content:'';position:absolute;bottom:-17px;left:0;border-top:17px solid #cbb08b;border-left:5px solid transparent;border-right:5px solid transparent}
.desk-pens span:after{content:'';position:absolute;top:9px;left:2px;height:25px;border-left:2px solid #faf1e4}
.desk-pens span:nth-child(2){left:38px;bottom:9px;transform:rotate(10deg);border-color:#b8a06a;background:linear-gradient(90deg,#bda158,#e9d88b 45%,#d0b363)}
.desk-pens span:nth-child(3){left:63px;bottom:3px;transform:rotate(18deg);border-color:#9c9c8c;background:linear-gradient(90deg,#84968a,#c4d2c3 45%,#99ae9a)}
.desk-fan{position:absolute;width:40%;height:auto;bottom:4px;right:-4%;transform:rotate(-10deg);filter:drop-shadow(5px 9px 4px #7d5e3324);pointer-events:none}
.obm-desk figcaption{background:none;padding:0 0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.obm-desk figcaption>span:first-child{font:12px/1.6 var(--sans);color:#796b62}
.obm-desk figcaption button{border:1px solid #cdbfb5;background:transparent;border-radius:50%;min-width:40px;height:40px;display:grid;place-items:center;color:#796659;cursor:pointer}
.obm-desk figcaption button:hover{background:#fff8f1}
.book-folders{margin-top:21px;display:grid;gap:7px}.book-folders span{position:relative;padding:9px 13px;border:1px solid #cfc2a6;border-radius:0 4px 4px 4px;background:#eee3c2;font:10px/1.4 var(--sans);color:#6f624d;box-shadow:1px 2px 0 #dbcfb5}.book-folders span:nth-child(2){background:#f0d9df;border-color:#d3b9c1;transform:translateX(7px)}.book-folders span:nth-child(3){background:#e5e7db;border-color:#c9cbbc}
.book-bubble{margin-top:24px;border:1px solid #d6b5c1;background:#f2dce4;border-radius:13px 13px 13px 0;padding:13px 15px;width:85%;font:12px/1.5 var(--sans);color:#785f69}.book-bubble.reply{margin-top:12px;background:#f0e9d5;border-color:#d7cbb1;margin-left:auto;border-radius:13px 13px 0 13px}
.book-status{display:grid;gap:17px;margin-top:28px;font:11px/1.5 var(--sans);color:#706057}.book-status>span{display:flex;align-items:center;gap:10px}.book-status i{width:12px;height:12px;border-radius:50%;background:#b8c5b1;border:2px solid #e4e9df}.book-status>span:nth-child(2) i{background:#dc9fb0;border-color:#f3dfe4}.book-status>span:nth-child(3) i{background:#d8c16c;border-color:#f1e9ca}
.profession-missions{border-top:1px solid #cfc3bb}
.profession-mission{border-bottom:1px solid #cfc3bb}
.profession-mission summary{display:flex;gap:17px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;min-height:76px}
.profession-mission summary::-webkit-details-marker{display:none}
.profession-mission summary>span{color:#9c8070;font:12px/1 var(--sans);min-width:20px}
.profession-mission summary h3{font:400 25px/1.2 var(--serif);margin:0;letter-spacing:-.02em}
.profession-mission summary i{margin-left:auto;width:18px;height:18px;position:relative;flex-shrink:0}
.profession-mission summary i:before,.profession-mission summary i:after{content:'';position:absolute;width:12px;height:1px;background:#7c6c62;top:8px;left:3px;transition:transform .2s}
.profession-mission summary i:after{transform:rotate(90deg)}.profession-mission[open] summary i:after{transform:rotate(0)}
.profession-mission[open] summary h3{color:#8e4961}
.mission-answer{padding:0 0 25px 37px;max-width:390px}
.mission-answer>p{font-size:14px;line-height:1.8;color:#655a53;margin-bottom:18px}
.mission-answer .mission-example{font-size:12px;line-height:1.7;margin:0;border-left:2px solid #cdbb73;padding-left:14px;color:#71665d}
.mission-example>span{display:block;font-size:8px;font-weight:600;letter-spacing:.12em;margin-bottom:4px}
.profession-qualities{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:100px;padding-bottom:100px;align-items:center}
.qualities-intro h2{font-size:clamp(40px,4.5vw,56px)}
.qualities-intro h2 em{color:#966779}
.qualities-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#625950;max-width:350px}
.qualities-folio{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1200px}
.quality-sheet{position:relative;min-width:0;background:#fffcf8;border:1px solid #e3dcd3;border-radius:3px;padding:20px 24px 27px;box-shadow:2px 3px 0 #eee7df,5px 8px 18px #5d473108;transform:rotate(-2deg);transition:transform .3s,box-shadow .3s}
.quality-1{transform:translateY(17px) rotate(2deg);background:#f3eee6}.quality-2{transform:rotate(-1deg);background:#f6eaee}.quality-3{transform:translateY(17px) rotate(1deg)}
.quality-sheet:hover{transform:translateY(-3px) rotate(0);box-shadow:2px 4px 0 #eee7df,6px 12px 20px #5d473112}
.quality-object{display:block;margin:0 0 13px -10px;filter:drop-shadow(2px 4px 1px #81684b18)}
.quality-number{position:absolute;right:23px;top:26px;font:10px/1 var(--sans);color:#b1a495}
.quality-sheet h3{font:400 24px/1.13 var(--serif);margin:0 0 11px;letter-spacing:-.02em}
.quality-sheet p{font-size:12px;line-height:1.75;color:#72645b;margin:0}
.profession-comparison{padding:73px 0 85px;background:white;border-top:1px solid var(--line)}
.profession-comparison .table-scroll{margin-top:39px}
.profession-comparison .profession-section-head h2{font-size:clamp(35px,3.8vw,46px)}
.profession-comparison table{font-size:13px}.profession-comparison table th{font-size:13px}
.profession-comparison tbody tr:first-child{background:#fbf6ed}
.obm-desk.is-playing .desk-book{animation:book-arrive 4.5s cubic-bezier(.22,.61,.36,1) both}
.obm-desk.is-playing .desk-pens{animation:pens-sway 4.5s ease-in-out both}
.obm-desk.is-playing .desk-fan{animation:fan-sway 4.5s ease-in-out both;transform-origin:75% 75%}
.obm-desk.is-playing .book-check:before{animation:check-ink .5s .8s both}.obm-desk.is-playing .book-check:nth-of-type(2):before{animation-delay:1.15s}.obm-desk.is-playing .book-check:nth-of-type(3):before{animation-delay:1.5s}
.obm-desk.is-turning .book-page:not([hidden]){animation:paper-turn .65s cubic-bezier(.2,.65,.2,1) both}
@keyframes book-arrive{0%{transform:translateY(15px) rotateX(24deg) rotateY(-15deg) rotateZ(-11deg)}35%{transform:translateY(-7px) rotateX(3deg) rotateY(0deg) rotateZ(-3deg)}70%{transform:translateY(0) rotateX(14deg) rotateY(-9deg) rotateZ(-8deg)}100%{transform:rotateX(11deg) rotateY(-9deg) rotateZ(-7deg)}}
@keyframes pens-sway{0%,100%{transform:rotate(-21deg)}40%{transform:translate(6px,-6px) rotate(-14deg)}75%{transform:translate(0,0) rotate(-23deg)}}
@keyframes fan-sway{0%,100%{transform:rotate(-10deg)}38%{transform:rotate(4deg) translateY(-4px)}75%{transform:rotate(-13deg)}}
@keyframes check-ink{from{color:transparent;transform:scale(.7)}to{color:#936f78;transform:scale(1)}}
@keyframes paper-turn{from{opacity:0;transform:rotateY(-26deg) translateX(-8px)}to{opacity:1;transform:rotateY(0) translateX(0)}}
@media(max-width:1100px){.profession-hero{gap:40px}.profession-intro h1{font-size:57px}.profession-work-grid,.profession-section-head{gap:38px}.profession-qualities{gap:45px}.desk-scene{height:404px}.desk-book{height:310px;left:12%;width:67%}.book-page{padding:24px 20px 20px 28px}.book-page>strong{font-size:29px}.book-kicker{font-size:7px}.book-bottom{left:28px;font-size:7px}.desk-fan{bottom:7px}.profession-mission summary h3{font-size:23px}}
@media(max-width:800px){.profession-opening{padding-top:33px;padding-bottom:37px}.profession-hero{grid-template-columns:1fr;gap:28px}.profession-intro h1{font-size:clamp(44px,8vw,64px);line-height:1.04;margin-bottom:22px}.profession-intro h1>br{display:none}.profession-intro h1>span{display:block}.profession-intro h1>span br{display:none}.profession-intro .eyebrow{font-size:9px;margin-bottom:19px}.profession-definition{font-size:14px;line-height:1.75;margin-top:27px;max-width:500px}.profession-photo{padding-right:8px;max-width:520px;width:100%;justify-self:center}.profession-photo>div{aspect-ratio:1.2/1;border-radius:3px}.profession-photo figcaption{padding-top:12px}.profession-photo figcaption span:first-child{font-size:11px}.profession-freedoms{gap:17px;margin-top:31px;padding-top:24px}.profession-freedoms h2{font-size:21px;line-height:1.15}.profession-freedoms p{font-size:11px}.freedom-mini-label{font-size:7px;letter-spacing:.08em;margin-bottom:9px}.profession-work{padding:47px 0 36px}.profession-section-head{grid-template-columns:1fr;gap:0}.profession-section-head>p:last-child{margin:20px 0 0;font-size:14px}.profession-section-head h2{font-size:44px}.profession-work-grid{grid-template-columns:1fr;gap:30px;margin-top:18px}.obm-desk{max-width:500px;width:100%;justify-self:center}.desk-scene{height:423px}.desk-book{width:61%;left:17%;height:326px}.book-page{padding:27px 25px 23px 31px}.book-page>strong{font-size:32px}.book-kicker{font-size:8px}.book-bottom{left:31px;font-size:8px}.desk-note{right:3%}.desk-cup{right:8%}.desk-fan{width:39%;right:0}.desk-pens{left:8%}.profession-mission summary{padding:23px 0}.profession-mission summary h3{font-size:25px}.mission-answer{max-width:100%;padding-bottom:24px}.profession-qualities{grid-template-columns:1fr;gap:25px;padding-top:53px;padding-bottom:65px}.qualities-intro>p:not(.eyebrow){max-width:500px;font-size:14px}.qualities-intro>p:last-child{margin-bottom:0}.qualities-intro h2{font-size:44px}.qualities-folio{max-width:560px;width:100%;justify-self:center;gap:15px;margin-top:6px}.quality-sheet{padding:15px 17px 22px}.quality-sheet h3{font-size:23px}.quality-sheet p{font-size:12px}.quality-object{width:67px;height:67px}.quality-number{right:17px;top:23px}.profession-comparison{padding:48px 0 55px}.profession-comparison .profession-section-head h2{font-size:37px}.profession-comparison .table-scroll{margin-top:27px}}
@media(max-width:430px){.profession-intro h1{font-size:44px}.profession-freedoms{grid-template-columns:1fr;gap:0;margin-top:25px;padding-top:4px}.profession-freedoms article{display:grid;grid-template-columns:1fr 1.2fr;gap:5px 15px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.profession-freedoms article:last-child{border:0;padding-bottom:0}.freedom-mini-label{grid-column:1;font-size:7px;margin:0}.profession-freedoms h2{grid-column:1;font-size:21px;max-width:140px;margin:0;align-self:start}.profession-freedoms p{grid-column:2;grid-row:1/3;font-size:11px}.profession-photo>div{aspect-ratio:1.06/1}.desk-scene{height:354px}.desk-book{left:12%;width:69%;height:285px;top:20px}.book-page{padding:23px 19px 18px 28px}.book-page>strong{font-size:28px}.book-kicker{font-size:6.5px;margin-bottom:13px}.book-check:before{width:15px;height:15px}.book-page .book-check{font-size:9px;margin:9px 0}.book-rule{margin:16px 0 12px}.book-bottom{font-size:6.5px;left:28px;bottom:21px}.desk-note{top:76px;right:-3%;font-size:17px;width:85px;padding:16px 10px}.desk-note>span{font-size:8px}.desk-cup{right:0;width:53px;height:53px;top:0}.desk-cup span{inset:9px}.desk-cup span:after{top:7px;left:7px;width:9px;height:11px;border-width:2px}.desk-cup:after{height:22px;width:18px;right:-12px;top:14px;border-width:6px}.desk-pens{transform:scale(.8) rotate(-21deg);left:-4%;bottom:11px}.desk-fan{width:44%;right:-5%;bottom:0}.obm-desk figcaption{padding-left:0}.obm-desk figcaption>span:first-child{font-size:10px}.book-folders{margin-top:17px;gap:6px}.book-folders span{padding:7px 10px;font-size:9px}.book-bubble{font-size:10px;padding:10px 12px;margin-top:18px}.book-status{font-size:9px;gap:13px;margin-top:23px}.profession-mission summary{gap:12px}.profession-mission summary h3{font-size:22px}.mission-answer{padding-left:32px}.mission-answer>p{font-size:13px}.qualities-folio{gap:12px}.quality-sheet{padding:11px 14px 19px}.quality-sheet h3{font-size:22px}.quality-sheet p{font-size:11px;line-height:1.65}.quality-object{width:61px;height:61px;margin-bottom:10px}.quality-number{right:14px;top:19px;font-size:8px}.profession-section-head h2,.qualities-intro h2{font-size:41px}@keyframes pens-sway{0%,100%{transform:scale(.8) rotate(-21deg)}40%{transform:scale(.8) translate(6px,-6px) rotate(-14deg)}75%{transform:scale(.8) rotate(-23deg)}}}
@media(max-width:360px){.profession-intro h1{font-size:39px}.profession-intro .eyebrow{font-size:8px}.desk-book{height:267px}.desk-scene{height:331px}.book-page>strong{font-size:25px}.book-page{padding-left:24px;padding-right:13px}.book-kicker{font-size:6px}.book-bottom{font-size:6px;left:24px}.book-page .book-check{font-size:8px;gap:7px}.quality-sheet h3{font-size:20px}.quality-sheet p{font-size:10px}.profession-mission summary h3{font-size:20px}.profession-freedoms h2{font-size:19px}.profession-freedoms p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.obm-desk *, .quality-sheet{animation:none!important;transition:none!important}.obm-desk [data-desk-replay]{display:none!important}}
/* Sur téléphone, le choix reste au-dessus du carnet : chaque changement est visible. */
.mission-mobile-choices,.mobile-mission-title{display:none}
.obm-desk figcaption button{min-width:44px;height:44px}
@media(max-width:800px){
 .profession-intro h1>span br{display:initial}
 .is-enhanced .mission-mobile-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 8px}
 .mission-mobile-choices button{display:flex;align-items:center;gap:11px;min-height:45px;padding:11px 14px;border:1px solid #d4c7c0;border-radius:4px;background:transparent;text-align:left;color:#655950;font:12px/1.4 var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
 .mission-mobile-choices button>span{font-size:9px;color:#977668}
 .mission-mobile-choices button[aria-pressed=true]{background:#fffcf6;border-color:#ac8c95;color:#864a5c;box-shadow:0 2px 0 #e2d2d4}
 .is-enhanced .profession-work-grid{gap:16px}
 .is-enhanced .profession-mission:not([open]){display:none}
 .is-enhanced .profession-mission[open] summary{display:none}
 .is-enhanced .profession-mission{border:0}
 .is-enhanced .profession-missions{padding-top:24px;margin-top:6px;min-height:207px}
 .is-enhanced .mission-answer{padding:0}
 .is-enhanced .mobile-mission-title{display:block;font:400 27px/1.2 var(--serif);margin:0 0 14px;color:#8e4961}
 .is-enhanced .mission-answer>p{font-size:14px}
 .is-enhanced .mission-answer .mission-example{font-size:12px}
}
@media(max-width:430px){.quality-sheet p{font-size:12px;line-height:1.7}.quality-sheet{padding-bottom:22px}.profession-intro h1{font-size:42px}.is-enhanced .profession-work-grid{margin-top:24px}.is-enhanced .profession-missions{min-height:240px}}
@media(max-width:360px){.profession-intro h1{font-size:39px}.qualities-folio{grid-template-columns:1fr;gap:15px}.quality-sheet{padding:25px 20px 25px 88px;min-height:166px}.quality-sheet h3{font-size:23px}.quality-sheet p{font-size:12px}.quality-object{position:absolute;left:21px;top:23px}.quality-number{display:none}.quality-1,.quality-3{transform:rotate(1deg)}.mission-mobile-choices button{padding:11px 9px;font-size:11px;gap:7px}}

/* Libertés : trois objets illustrés, dans la continuité de la papeterie. */
.profession-hero{grid-template-columns:1.02fr 1fr;gap:60px}
.profession-intro h1{font-size:clamp(44px,4.8vw,64px);max-width:570px}
.profession-intro h1>span{color:#896171}
.profession-photo{padding:0}
.profession-photo>div{border-radius:3px;aspect-ratio:1.12/1}
.profession-photo:after{display:none}
.profession-intro .eyebrow{font-size:12px}
.profession-photo figcaption span:first-child{font-size:12px}
.profession-freedoms{gap:36px;position:relative}
.profession-freedoms article{display:grid;grid-template-columns:80px 1fr;column-gap:18px;align-content:start}
.freedom-illustration{display:block;width:80px;height:80px;grid-column:1;grid-row:1/4;background-image:url('/assets/liberte-illustrations.png');background-size:300% 100%;background-repeat:no-repeat;align-self:center;transform-origin:50% 80%;transition:transform .4s ease}
.freedom-illustration-0{background-position:0 0}.freedom-illustration-1{background-position:50% 0}.freedom-illustration-2{background-position:100% 0}
.profession-freedoms article:hover .freedom-illustration{transform:translateY(-4px) rotate(-4deg)}
.profession-freedoms .freedom-mini-label{grid-column:2;font-size:10px;letter-spacing:.08em;margin:0 0 8px;line-height:1.5}
.profession-freedoms h2{grid-column:2;font-size:25px;line-height:1.1;margin:0 0 10px}
.profession-freedoms p{grid-column:2;grid-row:auto;font-size:14px;line-height:1.7;max-width:none}
.profession-rates caption{text-align:left;color:var(--muted);font-size:14px;padding:0 0 18px}
.profession-rates{width:100%;table-layout:fixed}
.profession-rates th:first-child{width:40%}
.profession-rates td{vertical-align:middle}
.profession-rates .rate-role{display:block;font:400 25px/1.15 var(--serif);letter-spacing:-.02em}
.profession-rates .rate-mission{display:block;font:400 14px/1.65 var(--sans);color:#625a55;margin-top:10px;max-width:300px}
.profession-rates td strong{display:block;font:400 31px/1.3 var(--serif);letter-spacing:-.025em;white-space:nowrap}
.profession-rates td small{display:block;font-size:12px;color:#72685d;margin-top:7px;line-height:1.6}
.profession-rates tbody tr:first-child{background:#faf0f3}
.rates-context{font-size:14px;line-height:1.7;color:#625a55;margin:22px 0 14px}
.rates-method{border:0;max-width:900px;color:#70655d;font-size:13px;line-height:1.8}
.rates-method summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-size:14px}
.rates-method a{text-underline-offset:3px}
@media(max-width:1100px){.profession-hero{gap:34px}.profession-freedoms{gap:25px}.profession-freedoms article{grid-template-columns:1fr}.freedom-illustration{grid-row:1;grid-column:1;margin-bottom:16px;width:86px;height:86px}.profession-freedoms .freedom-mini-label,.profession-freedoms h2,.profession-freedoms p{grid-column:1}.profession-rates td strong{font-size:26px}}
@media(max-width:800px){.profession-hero{grid-template-columns:1fr;gap:28px}.profession-intro h1{font-size:clamp(43px,7.5vw,59px)}.profession-intro h1>br{display:none}.profession-intro .eyebrow{font-size:11px}.profession-definition{font-size:16px}.profession-photo{max-width:none}.profession-photo>div{aspect-ratio:1.35/1;border-radius:3px}.profession-freedoms{grid-template-columns:1fr;gap:0;margin-top:30px;padding-top:0}.profession-freedoms article{display:grid;grid-template-columns:88px 1fr;gap:0 19px;padding:25px 0;border-bottom:1px solid var(--line)}.profession-freedoms article:last-child{border-bottom:0;padding-bottom:0}.freedom-illustration{grid-column:1;grid-row:1/4;width:88px;height:88px;margin:0;align-self:center}.profession-freedoms .freedom-mini-label,.profession-freedoms h2,.profession-freedoms p{grid-column:2;max-width:none}.profession-freedoms h2{font-size:27px}.profession-freedoms p{font-size:15px}.profession-freedoms .freedom-mini-label{font-size:10px}.profession-rates td strong{font-size:24px}.profession-rates .rate-role{font-size:22px}}
@media(max-width:600px){.profession-comparison .table-scroll{overflow:visible;border:0}.profession-rates,.profession-rates tbody,.profession-rates tr,.profession-rates th,.profession-rates td{display:block;min-width:0;width:100%;box-sizing:border-box}.profession-rates{min-width:0;table-layout:auto}.profession-rates caption{display:block;font-size:13px}.profession-rates thead{display:none}.profession-rates tr{padding:23px;border:1px solid var(--line);margin-bottom:14px;border-radius:3px}.profession-rates th:first-child{width:100%;padding:0 0 20px;border:0}.profession-rates td{padding:16px 0 0;border:0;border-top:1px solid #e4dbd5;margin-top:12px}.profession-rates td:before{content:attr(data-label);display:block;font-size:12px;color:#6e625b;line-height:1.5;margin-bottom:6px}.profession-rates td strong{font-size:31px}.profession-rates td small{font-size:12px;margin-top:4px}.profession-rates .rate-role{font-size:27px}.profession-rates .rate-mission{font-size:14px}.rates-context{font-size:13px}.rates-method{font-size:13px}}
@media(max-width:360px){.profession-intro h1{font-size:39px}.profession-freedoms article{grid-template-columns:69px 1fr;column-gap:14px}.freedom-illustration{width:69px;height:69px}.profession-freedoms h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.freedom-illustration{transition:none!important;transform:none!important}}
.profession-photo>div{aspect-ratio:4/3}
@media(max-width:600px){.profession-comparison .profession-rates{width:100%;min-width:0}}