/* Career Casefile: Swiss archive binder, deep plum, citron evidence flags and right-edge chapter tabs. */
:root{--plum:#29142e;--citron:#d6f441;--lilac:#eee9f2;--steel:#c8ced1;--ink:#17151a;--paper:#f8f7f2;--line:#8f8994;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.55 "Source Sans 3",sans-serif;overflow-x:hidden}img{display:block;width:100%;height:auto}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.casebar{position:fixed;z-index:100;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;min-height:68px;color:#fff;background:var(--plum);border-bottom:1px solid #67536d}.casebrand{display:flex;align-items:center;gap:.7rem;height:68px;padding:0 1.2rem;border-right:1px solid #67536d}.casebrand img{width:38px;height:38px;object-fit:contain}.casebrand span{font:400 1.05rem "Archivo Black",sans-serif}.casebar>p{margin:0;padding:0 1.5rem;font:500 .65rem "IBM Plex Mono",monospace}.casebar nav{display:flex;height:68px}.casebar nav button{padding:0 .9rem;border:0;border-left:1px solid #67536d;color:#fff;background:transparent;font:500 .65rem "IBM Plex Mono",monospace;text-transform:uppercase}.case-contact{display:grid;place-items:center;height:68px;padding:0 1.4rem;color:var(--ink);background:var(--citron);font-weight:700}.case-menu{display:none}.binder-tabs{position:fixed;z-index:90;top:130px;right:0;display:grid}.binder-tabs button{display:grid;grid-template-columns:30px auto;gap:.5rem;align-items:center;width:110px;padding:.7rem .6rem;border:1px solid var(--ink);border-right:0;background:var(--lilac);font:500 .57rem "IBM Plex Mono",monospace;text-align:left;text-transform:uppercase;transform:translateX(76px);transition:transform .18s var(--ease)}.binder-tabs button:hover,.binder-tabs button:focus{transform:none;background:var(--citron)}.binder-tabs b{font-size:.8rem}.case-label{margin:0;font:500 .65rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em}.cover{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;min-height:850px;padding-top:68px;background:var(--steel)}.cover-copy{display:flex;justify-content:center;flex-direction:column;padding:7rem 5vw 5rem;background:var(--lilac);border-right:1px solid var(--ink)}.cover h1,.diagnostic h2,.archive-wall h2,.clinic h2,.rehearsal h2,.mentor-room h2,.questions h2,.intake h2{margin:1.2rem 0;font:400 clamp(3.4rem,6.7vw,7.8rem)/.87 "Archivo Black",sans-serif;letter-spacing:-.055em}.cover-copy>p:not(.case-label){max-width:620px}.cover-actions{display:flex;gap:.7rem;margin:2rem 0}.cover-actions a,.cover-actions button{min-height:50px;padding:0 1rem;border:1px solid var(--ink);background:transparent;font-weight:700}.cover-actions a{display:grid;place-items:center;background:var(--citron)}.cover dl{display:grid;grid-template-columns:1fr 1fr;margin:3rem 0 0;border-top:1px solid var(--ink)}.cover dl div{padding:1rem 1rem 0 0}.cover dt,.sorter dt{font:500 .6rem "IBM Plex Mono",monospace;text-transform:uppercase}.cover dd,.sorter dd{margin:.3rem 0 0}.cover>figure{position:relative;margin:0;padding:3rem;background:var(--plum)}.cover>figure img{height:100%;object-fit:cover}.cover figcaption{position:absolute;right:4rem;bottom:4rem;padding:.8rem;color:#fff;background:var(--plum);font:500 .6rem "IBM Plex Mono",monospace}.cover-stamp{position:absolute;left:46%;bottom:4rem;padding:.8rem 1rem;background:var(--citron);font:500 .65rem "IBM Plex Mono",monospace;transform:rotate(-3deg)}.diagnostic{padding:8rem 5vw;background:var(--paper)}.diagnostic>header{display:grid;grid-template-columns:.3fr 1fr .5fr;gap:3rem;align-items:end;max-width:1380px;margin:auto}.diagnostic h2{margin:0;font-size:clamp(3rem,5vw,6.2rem)}.sorter{display:grid;grid-template-columns:.28fr 1.02fr .7fr;max-width:1380px;margin:4rem auto 0;border:1px solid var(--ink);background:var(--lilac)}.sorter-controls{display:grid;background:var(--plum)}.sorter-controls button{display:grid;align-content:center;min-height:150px;padding:1rem;border:0;border-bottom:1px solid #67536d;color:#fff;background:transparent;text-align:left}.sorter-controls button.active{color:var(--ink);background:var(--citron)}.sorter-controls span,.sorter-controls small{font:500 .58rem "IBM Plex Mono",monospace}.sorter-controls strong{font:400 1.35rem "Archivo Black",sans-serif}.sorter figure{position:relative;margin:0;padding:1rem}.sorter figure img{height:100%;min-height:620px;object-fit:cover}.sorter figcaption{position:absolute;left:2rem;bottom:2rem;padding:.6rem;background:var(--citron);font:500 .58rem "IBM Plex Mono",monospace}.sorter article{display:flex;justify-content:center;flex-direction:column;padding:3rem;border-left:1px solid var(--ink)}.sorter article h3{font:400 clamp(2.2rem,3vw,4rem)/.95 "Archivo Black",sans-serif}.sorter article dl{margin:1rem 0}.sorter article dl div{padding:.8rem 0;border-top:1px solid var(--line)}.sorter article>a,.clinic a,.rehearsal a,.mentor-room a{width:max-content;border-bottom:4px solid var(--citron);font-weight:700}.archive-wall{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--plum);color:#fff}.archive-wall>figure{margin:0;padding:2rem}.archive-wall>figure img{height:100%;min-height:760px;object-fit:cover}.archive-wall>div{padding:7rem 6vw}.archive-wall h2{font-size:clamp(3rem,5vw,6rem)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid #705b75}.archive-grid article{padding:1.2rem;border-right:1px solid #705b75}.archive-grid b{color:var(--citron);font-family:"IBM Plex Mono",monospace}.archive-grid h3{font:400 1.35rem "Archivo Black",sans-serif}.clinic{display:grid;grid-template-columns:.75fr .65fr 1fr .5fr;background:var(--steel)}.clinic>header,.clinic-copy{padding:6rem 2.5vw}.clinic h2{font-size:clamp(3rem,4.4vw,5.4rem)}.clinic blockquote{margin:3rem 0;padding:1rem;border-left:8px solid var(--citron);font:600 1.4rem "Source Sans 3",sans-serif}.clinic figure{margin:0;padding:2rem;background:var(--lilac)}.clinic figure img{height:100%;min-height:680px;object-fit:cover}.clinic figcaption{padding:.7rem;background:var(--citron);font:500 .58rem "IBM Plex Mono",monospace}.clinic aside{padding:2rem;background:var(--citron)}.clinic aside img{margin-top:8rem}.rehearsal{display:grid;grid-template-columns:.65fr .85fr 1fr;padding:7rem 5vw;gap:2rem;background:var(--lilac)}.rehearsal-head{align-self:center}.rehearsal h2{font-size:clamp(3rem,4.6vw,5.8rem)}.rehearsal>figure{margin:0}.rehearsal>figure img{height:100%;min-height:650px;object-fit:cover}.constraint-panel{display:grid;grid-template-rows:.7fr .3fr;background:var(--plum);color:#fff}.constraint-panel img{height:100%;object-fit:cover}.constraint-panel>div{padding:2rem}.mentor-room{display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper)}.mentor-room figure{margin:0;padding:3rem;background:var(--steel)}.mentor-room figure img{height:100%;min-height:780px;object-fit:cover}.mentor-room>div{padding:7rem 6vw}.mentor-room h2{font-size:clamp(3rem,5vw,6rem)}.mentor-room ol{padding:0;list-style:none}.mentor-room li{display:grid;grid-template-columns:50px 1fr;padding:1rem 0;border-top:1px solid var(--ink)}.mentor-room li span{font-family:"IBM Plex Mono",monospace}.mentor-room li p{grid-column:2}.questions{display:grid;grid-template-columns:.7fr 1.3fr;padding:8rem 5vw;background:var(--steel)}.questions>header{padding-right:5vw}.questions h2{font-size:clamp(3rem,5vw,6rem)}.questions label{display:flex;gap:.7rem;padding:1rem;background:var(--paper);border:1px solid var(--ink)}.questions input{width:100%;border:0;outline:0;background:transparent}.questions>div{border-top:1px solid var(--ink)}.questions details{border-bottom:1px solid var(--ink)}.questions summary{display:grid;grid-template-columns:1fr 22px;align-items:center;min-height:82px;cursor:pointer;list-style:none;font:600 1.15rem "Source Sans 3",sans-serif}.questions summary::-webkit-details-marker{display:none}.questions summary i:before{content:"+";font:400 1.5rem "IBM Plex Mono",monospace}.questions details[open] summary i:before{content:"−"}.questions details p{padding:0 3rem 1.5rem 0}.intake{display:grid;grid-template-columns:1.1fr .9fr;color:#fff;background:var(--plum)}.intake-copy{padding:7rem 5vw}.intake h2{font-size:clamp(3rem,5.3vw,6.5rem)}.intake-copy>a{color:var(--citron);font-weight:700}.intake-copy img{margin-top:3rem;max-height:360px;object-fit:cover}.intake form{align-self:center;margin:3rem;padding:2rem;color:var(--ink);background:var(--lilac)}.intake label{display:grid;gap:.35rem;padding:.7rem;font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.intake input,.intake select,.intake textarea{width:100%;border:0;border-bottom:1px solid var(--ink);outline:0;background:transparent;font:400 16px "Source Sans 3",sans-serif}.intake input,.intake select{height:44px}.intake label small{display:none;color:#a32626;font-family:"Source Sans 3",sans-serif;text-transform:none}.intake label.invalid small,.intake .consent.invalid small{display:block}.intake .consent{grid-template-columns:auto 1fr;text-transform:none;font-family:"Source Sans 3",sans-serif}.intake .consent input{width:18px;height:18px}.intake form>button{width:100%;min-height:52px;border:0;background:var(--citron);font-weight:800}.form-success{padding:1rem;background:var(--citron)}footer{display:grid;grid-template-columns:1fr 1fr auto auto;gap:2rem;align-items:center;padding:2rem 4vw;color:#fff;background:var(--ink)}.footer-brand{display:flex;align-items:center;gap:.7rem}.footer-brand img{width:38px;height:38px}.footer-brand b{font-family:"Archivo Black",sans-serif}footer p{margin:0}footer nav{display:flex;gap:1rem}footer nav a{border-bottom:1px solid}.cookie-file{position:fixed;z-index:130;right:8px;bottom:8px;display:flex;align-items:center;gap:.25rem;padding:.35rem;color:#fff;background:var(--plum);font:500 .58rem "IBM Plex Mono",monospace}.cookie-file span{padding:0 .5rem}.cookie-file button,.cookie-file a{padding:.45rem .6rem;border:0;background:var(--citron);color:var(--ink)}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:.45s var(--ease)}.reveal.visible{opacity:1;transform:none}}@media(max-width:980px){.casebar{grid-template-columns:1fr auto auto}.casebar>p,.casebar nav,.binder-tabs{display:none}.case-menu{display:grid;place-items:center;height:68px;padding:0 1rem;border:0;color:#fff;background:transparent}.casebar nav.open{position:absolute;top:68px;left:0;right:0;display:grid;height:auto;background:var(--plum)}.casebar nav button{min-height:50px;border-top:1px solid #67536d}.cover,.archive-wall,.mentor-room,.intake{grid-template-columns:1fr}.cover{padding-top:68px}.cover-copy{order:2}.cover>figure{min-height:520px}.cover-stamp{left:auto;right:1rem;bottom:510px}.diagnostic>header,.sorter,.clinic,.rehearsal,.questions{grid-template-columns:1fr}.sorter-controls{grid-template-columns:repeat(3,1fr)}.sorter-controls button{min-height:100px}.sorter article{border-left:0;border-top:1px solid}.archive-grid{grid-template-columns:1fr}.clinic aside img{margin-top:0}.rehearsal{padding:5rem 1rem}.mentor-room figure{padding:1rem}.questions>header{padding:0 0 2rem}.intake form{margin:1rem 1rem 4rem}footer{grid-template-columns:1fr;padding:2rem 1rem}.cookie-file{left:8px;right:8px;justify-content:flex-end}.cookie-file span{margin-right:auto}}@media(max-width:560px){.casebrand{padding:0 .7rem}.casebrand span{font-size:.92rem}.case-contact{padding:0 .8rem}.cover h1,.diagnostic h2,.archive-wall h2,.clinic h2,.rehearsal h2,.mentor-room h2,.questions h2,.intake h2{font-size:3.05rem}.cover-copy,.archive-wall>div,.mentor-room>div,.intake-copy{padding:5rem 1rem}.cover dl{grid-template-columns:1fr}.cover>figure{padding:1rem;min-height:440px}.cover-stamp{bottom:430px}.diagnostic{padding:5rem 1rem}.sorter-controls strong{font-size:1rem}.sorter figure img{min-height:auto;aspect-ratio:4/3}.sorter article{padding:2rem 1rem}.archive-wall>figure{padding:1rem}.archive-wall>figure img,.mentor-room figure img{min-height:auto}.clinic>header,.clinic-copy{padding:4rem 1rem}.clinic figure,.clinic aside{padding:1rem}.rehearsal>figure img{min-height:auto}.questions{padding:5rem 1rem}.intake form{padding:1rem}.cookie-file span{display:none}}
