@font-face{font-family:PlexMono;src:url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:PlexMono;src:url('../assets/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Hand;src:url('../assets/fonts/MrsSaintDelafield-Regular.ttf') format('truetype');font-display:swap}
:root{--red:#8a2028;--ink:#211b1b;--line:#d6caca;--mono:PlexMono,'Courier New',monospace;--hand:Hand,cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 13px/1.8 var(--mono)}h1,h2,h3,p,figure,blockquote{margin:0}a{color:inherit}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip{position:absolute;top:-100px;left:0;background:white;padding:14px;z-index:10}.skip:focus{top:0}.wrap{width:min(1380px,90%);margin:0 auto}.page-nav{min-height:75px;padding:22px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:10px;font-weight:600;letter-spacing:.06em}.page-nav a{text-decoration:none}.page-nav a:hover,.page-nav a[aria-current]{color:var(--red)}.brand{font-size:15px}.page-nav nav{display:flex;gap:32px}.kicker,.side-number{display:block;color:var(--red);font:600 10px/1.5 var(--mono);letter-spacing:.1em}.about-hero{min-height:760px;padding-top:110px;padding-bottom:120px;display:grid;grid-template-columns:1fr .8fr;gap:14%;align-items:center}.hero-copy{position:relative}.hero-copy h1{font:400 clamp(54px,6.8vw,100px)/.98 var(--mono);letter-spacing:-.085em;text-transform:uppercase;margin:42px 0 36px}.hero-copy h1 em,.story h2 em,.education h2 em,.cv-section-head h2 em,.cv-hero h1 em{font:400 1.5em/.9 var(--hand);letter-spacing:0;color:var(--red);text-transform:none}.hero-lead{font:400 clamp(14px,1.35vw,18px)/1.8 var(--mono);max-width:480px}.hero-links{display:flex;gap:30px;margin-top:42px}.hero-links a,.text-link{font:600 10px/1.4 var(--mono);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:8px}.hero-links a:hover,.text-link:hover{color:var(--red)}.hero-hand{display:block;color:var(--red);font:400 clamp(42px,6vw,84px)/1 var(--hand);transform:rotate(-7deg);margin:65px 0 0 16%;opacity:.75}.portrait-frame{position:relative;padding:11px;border:1px solid #e4d7d6;box-shadow:0 18px 50px #3e20200d;transform:rotate(2deg);background:#fff}.portrait-space{aspect-ratio:4/5;background:#f7f5f3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portrait-space img{position:absolute;width:110%;height:110%;object-fit:contain;opacity:.12;mix-blend-mode:multiply}.portrait-space span{position:relative;text-align:center;color:#8a2028;font:600 10px/1.6 var(--mono);letter-spacing:.12em;background:#fffffff0;padding:16px 24px}.portrait-space small{font:400 9px/1.5 var(--mono)}.portrait-frame figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 2px 2px;font:400 9px/1.4 var(--mono)}.intro-band{background:var(--red);color:white;padding:95px 0}.intro-band .kicker{color:#f3d7d7}.intro-band p{font:400 clamp(22px,3vw,42px)/1.4 var(--mono);letter-spacing:-.05em;max-width:880px;margin:34px auto 0}.intro-band em,.closing blockquote em,.cv-end em{font:400 1.65em/1 var(--hand);color:#fff;text-transform:none}.story,.education{padding-top:140px;padding-bottom:140px}.section-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--red);font:600 10px/1.4 var(--mono);letter-spacing:.07em}.story-layout,.education-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:75px}.story h2,.education h2{font:400 clamp(30px,3.8vw,54px)/1.2 var(--mono);text-transform:uppercase;letter-spacing:-.06em}.hand-caption{font:400 44px/1.4 var(--hand);color:var(--red);transform:rotate(-5deg);margin:40px 0 0 12%}.story-copy{max-width:580px}.story-copy p{margin-bottom:24px;font-size:13px;line-height:1.95}.story-copy .text-link{display:inline-block;margin-top:14px}.education{padding-top:0}.education-timeline{border-top:1px solid var(--line)}.education-timeline article{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.year,.entry-date{font:400 10px/1.5 var(--mono);color:var(--red)}.education-timeline h3,.side-entry h3{font:600 13px/1.5 var(--mono);margin-bottom:6px}.education-timeline p,.education-timeline small{font-size:11px}.education-timeline small{display:block;color:#635958;margin-top:8px}.closing,.cv-end{background:#f7f3f1;padding:100px 0}.closing blockquote{max-width:810px;font:400 clamp(20px,2.8vw,38px)/1.55 var(--mono);letter-spacing:-.05em;margin:35px 0 45px}.cv-button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:17px 22px;min-width:180px;background:var(--red);color:#fff;text-decoration:none;font:600 10px/1.4 var(--mono);letter-spacing:.05em}.cv-button:hover{background:#60151b}.page-footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;gap:20px;font:400 10px/1.5 var(--mono)}.page-footer a{text-decoration:none}.page-footer a:hover{color:var(--red)}
.cv-hero{padding-top:110px;padding-bottom:95px;display:grid;grid-template-columns:1.2fr .6fr;gap:8%;align-items:end}.cv-hero h1{font:400 clamp(44px,5.7vw,84px)/1.05 var(--mono);text-transform:uppercase;letter-spacing:-.085em;margin:45px 0 30px}.cv-hero p{max-width:570px;font-size:14px;line-height:1.8}.cv-mark{font:400 clamp(90px,11vw,155px)/.85 var(--hand);color:var(--red);text-align:right;transform:rotate(-6deg);padding-bottom:30px}.cv-content{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.4fr);gap:10%;border-top:1px solid var(--line);padding-top:75px;padding-bottom:150px}.cv-sidebar{border-right:1px solid var(--line);padding-right:15%}.cv-side-block{margin-bottom:65px}.cv-side-block h2{font:400 24px/1.2 var(--mono);letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 30px}.side-entry{margin-bottom:25px}.side-entry span,.entry-place{font:600 9px/1.5 var(--mono);letter-spacing:.05em;color:var(--red)}.cv-side-block p{font-size:11px;line-height:1.8;margin:8px 0 20px}.cv-side-block h3{font-size:11px;line-height:1.5}.cv-section{margin-bottom:90px}.cv-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.cv-section-head>span{font-size:9px;color:#635958}.cv-section-head h2{font:400 clamp(27px,2.9vw,40px)/1.15 var(--mono);letter-spacing:-.055em;text-transform:uppercase;margin-top:18px}.cv-entry{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.cv-entry h3{font:400 18px/1.35 var(--mono);letter-spacing:-.04em;margin-bottom:8px}.cv-entry p{font-size:12px;line-height:1.9;max-width:600px;margin-top:15px}.cv-entry .text-link{display:inline-block;margin-top:20px}.cv-end{background:var(--red);color:white}.cv-end .kicker{color:#f2d6d6}.cv-end p{font:400 clamp(23px,3.2vw,45px)/1.45 var(--mono);letter-spacing:-.05em;margin:30px 0 38px}.cv-end .cv-button{background:#fff;color:var(--red)}
@media(max-width:800px){.page-nav{flex-wrap:wrap}.page-nav nav{order:3;width:100%;gap:25px;padding-top:8px}.back{margin-left:auto}.about-hero{min-height:0;padding-top:80px;gap:8%}.story-layout,.education-layout{grid-template-columns:1fr;gap:40px}.story,.education{padding-top:95px;padding-bottom:95px}.education{padding-top:0}.story-layout,.education-layout{padding-top:50px}.cv-content{gap:6%;grid-template-columns:minmax(200px,.65fr) minmax(0,1fr)}.cv-sidebar{padding-right:10%}.cv-entry{grid-template-columns:90px 1fr;gap:15px}}
@media(max-width:600px){.wrap{width:90%}.page-nav{padding:18px 5%;gap:12px}.page-nav nav{justify-content:space-between;font-size:9px}.brand{font-size:13px}.back{font-size:9px}.about-hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:85px;gap:55px}.hero-copy h1{font-size:clamp(49px,12vw,70px);margin:35px 0}.hero-hand{font-size:58px;margin:40px 0 0 15%}.portrait-frame{width:min(82%,370px);margin-left:auto}.intro-band{padding:75px 0}.intro-band p{font-size:23px}.section-line span:last-child{text-align:right}.story,.education{padding-top:85px;padding-bottom:85px}.education{padding-top:0}.story-layout,.education-layout{gap:30px}.story-copy p{font-size:12px}.education-timeline article{grid-template-columns:98px 1fr;gap:12px}.closing,.cv-end{padding:80px 0}.closing blockquote{font-size:21px}.page-footer{flex-wrap:wrap}.cv-hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:70px}.cv-hero h1{font-size:clamp(41px,10vw,58px);margin:32px 0}.cv-mark{font-size:100px;margin-top:20px}.cv-content{grid-template-columns:1fr;padding-top:60px;padding-bottom:80px;gap:20px}.cv-sidebar{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.cv-side-block{margin-bottom:45px}.cv-main{padding-top:35px}.cv-entry{grid-template-columns:87px 1fr;gap:10px}.cv-entry h3{font-size:16px}.cv-section{margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.page-nav,.hero-links,.cv-button,.page-footer{display:none}.cv-content{padding:20px 0;gap:5%}.cv-hero{padding:20px 0}.cv-section{break-inside:avoid}.cv-end{display:none}}
.creative-fragments{padding-bottom:140px}.fragments-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:55px 0 40px}.fragments-title h2{font:400 clamp(26px,3vw,42px)/1.3 var(--mono);letter-spacing:-.06em;text-transform:uppercase}.fragments-title h2 em{font:400 1.6em/1 var(--hand);color:var(--red);text-transform:none}.fragments-title p{font:400 11px/1.7 var(--mono);max-width:290px}.fragment-grid{display:grid;grid-template-columns:.8fr 1fr .8fr;gap:3%;align-items:end}.fragment-grid figure{min-width:0}.fragment-grid figure>div{height:clamp(260px,33vw,460px);background:#f8f7f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.fragment-grid figure:nth-child(2)>div{height:clamp(220px,27vw,370px)}.fragment-grid img{width:100%;height:100%;object-fit:contain}.fragment-grid figure:last-child img{object-fit:cover}.fragment-grid figcaption{font:400 9px/1.4 var(--mono);letter-spacing:.05em;margin-top:12px}
@media(max-width:600px){.creative-fragments{padding-bottom:85px}.fragments-title{display:block;margin:42px 0 30px}.fragments-title p{margin-top:16px}.fragment-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.fragment-grid figure>div,.fragment-grid figure:nth-child(2)>div{height:55vw}.fragment-grid figure:last-child{grid-column:1/-1;width:70%;margin-left:auto}.fragment-grid figure:last-child>div{height:80vw}}
.fragment-grid figure:last-child img{object-fit:contain}

/* Show Sylvie’s complete portrait within its editorial frame. */
.portrait-space.has-portrait{aspect-ratio:2730/4096}.portrait-space.has-portrait img{inset:0;width:100%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:normal}

/* The artist’s red illustration becomes a textured backdrop, with clear contrast for copy. */
.intro-band,.cv-end{background-image:linear-gradient(90deg,rgba(55,7,16,.92) 0%,rgba(70,10,21,.82) 46%,rgba(85,13,24,.36) 100%),url("artwork-red.jpg");background-size:cover;background-position:center 42%;background-repeat:no-repeat}
.intro-band .wrap,.cv-end .wrap{position:relative}.intro-band p{max-width:760px;margin-left:0;margin-right:0}
@media(max-width:600px){.intro-band,.cv-end{background-position:62% center;background-image:linear-gradient(90deg,rgba(55,7,16,.9),rgba(72,9,20,.69)),url("artwork-red.jpg")}}