/* A career in chapters, a moving studio wall, and a room for writing. */
.xp {padding-block:75px;background:#f4f0e7;}
.xp .section-head {margin-bottom:35px;}
.xp .section-title {font-size:clamp(42px,5vw,68px);color:#532d3a;}
.xp-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0;}
.xp-row {position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:15px;padding:26px 30px 29px;border:1px solid #dbccba;border-radius:8px;background:#fcf9f2;overflow:hidden;transition:background .3s,border-color .3s,transform .3s;}
.xp-row::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ae8b59;opacity:.45;}
.xp-current {background:#f0e5d7;border-color:#cbb28f;}
.xp-chapter {position:absolute;right:22px;top:19px;display:grid;place-items:center;width:55px;height:55px;background:url('../assets/img/woven-flower.svg') center/contain no-repeat;color:#916d46;font:400 10px var(--mono);transition:transform .5s;}
.xp-when {padding:0;color:#8a6c52;font:400 10px/1.5 var(--mono);letter-spacing:.04em;}
.xp-current .xp-when::after {content:' · CURRENT';color:#6c3d4d;}
.xp-what {display:flex;flex-direction:column;gap:7px;padding-right:40px;}
.xp-what em {order:-1;margin:0;color:#532d3a;font:600 27px/1.15 var(--sans);letter-spacing:-.04em;font-style:normal;}
.xp-what strong {font:450 14px/1.5 var(--sans);letter-spacing:0;color:#554b44;}
.xp-note {font:400 13px/1.75 var(--sans);color:#786d60;max-width:60ch;align-self:start;}
@media(hover:hover) {.xp-row:hover {padding-left:30px;background:#f5ecdf;border-color:#b89973;transform:translateY(-2px);}.xp-row:hover .xp-chapter {transform:rotate(25deg);}}
.gallery .collage {margin-inline:calc(-1 * var(--pad-x));gap:20px;}
.gallery .collage-row {overflow:hidden;padding-bottom:0;scrollbar-width:none;}
.gallery .collage-row::-webkit-scrollbar {display:none;width:0;height:0;}
.gallery .collage-set {gap:20px;}
.gallery .gi {height:clamp(160px,17vw,245px);border-radius:3px;}
.gallery .collage.is-browsing {margin-inline:0;}
.gallery .collage.is-browsing .collage-row {overflow:visible;}
.gallery-tools {gap:10px;}
.gallery-tools p {margin-left:12px;}
.gallery .gallery-motion[aria-pressed="true"] {background:#f0ddbc;color:#532d3a;border-color:#f0ddbc;}
.gallery .gallery-motion span {margin-left:12px;}
.writing {padding-block:85px;text-align:left;background:#eee3d1;color:#532d3a;}
.writing-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;max-width:1300px;margin:auto;}
.writing .kicker {justify-content:start;color:#806248;margin-bottom:30px;}
.writing-title {font:500 clamp(48px,5.6vw,80px)/1.05 var(--sans);color:#532d3a;letter-spacing:-.055em;margin:0 0 26px;max-width:none;}
.writing-title em {font:italic 1.12em/1.05 var(--serif);color:inherit;letter-spacing:-.04em;}
.writing-description {font:400 16px/1.85 var(--sans);color:#786553;max-width:37ch;margin-bottom:27px;}
.writing .writing-link {display:inline-flex;align-items:center;justify-content:space-between;gap:55px;width:auto;border:1px solid #532d3a;border-radius:5px;padding:17px 22px;background:#532d3a;color:#fff4df;font:500 14px var(--sans);}
.writing .writing-link:hover {background:#6c3d4d;color:#fff4df;border-color:#6c3d4d;}
.writing .writing-link::after {display:none;}
.writing-languages {font:400 10px/1.7 var(--mono);color:#8b7760;margin-top:23px;}
.writing-desk {position:relative;padding:24px 38px 24px 0;isolation:isolate;}
.writing-mandala {position:absolute;z-index:-1;width:570px;aspect-ratio:1;left:42%;top:48%;opacity:.33;transform:translate(-50%,-50%);pointer-events:none;}
.writing-mandala::before {content:'';position:absolute;inset:0;background:url('../assets/img/lotus-mandala.svg?v=2') center/contain no-repeat;animation:writing-orbit 150s linear infinite;animation-play-state:paused;}
.writing.is-in-view .writing-mandala::before {animation-play-state:running;}
@keyframes writing-orbit {to {transform:rotate(360deg);}}
.writing-notebook {position:relative;background:#fffaf0;padding:27px 38px 22px 49px;border:1px solid #ddc9a7;border-radius:2px;box-shadow:5px 5px 0 #e4d4b9,6px 6px 0 #c9ae87,16px 23px 45px #532d3a0f;transform:rotate(-2deg);}
.writing-notebook::before {content:'';position:absolute;top:0;bottom:0;left:29px;border-left:1px solid #d6b5a680;}
.notebook-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9b7a51;font:400 9px/1.5 var(--mono);padding-bottom:14px;border-bottom:1px solid #dfcfb5;}
.notebook-heading>span:last-child {font-size:26px;}
.writing-entry {position:relative;display:block;padding:18px 32px 19px 0;border-bottom:1px solid #dfcfb5;transition:color .25s;}
.entry-category {display:block;font:400 8px/1.6 var(--mono);color:#917a5e;letter-spacing:.04em;margin-bottom:7px;}
.writing-entry h3 {font:400 30px/1.05 var(--serif);letter-spacing:-.02em;color:#532d3a;}
.entry-arrow {position:absolute;right:2px;top:50%;color:#9b7a51;font:400 25px var(--sans);transition:transform .35s,color .35s;}
.writing-entry:hover .entry-arrow,.writing-entry:focus-visible .entry-arrow {transform:translate(3px,-3px);color:#532d3a;}
.writing-entry:hover h3 {color:#8c4c53;}
.notebook-sign {display:block;text-align:right;margin-top:16px;font:italic 20px var(--serif);color:#967052;}
.writing-pen {position:absolute;width:63px;height:auto;right:0;top:110px;transform:rotate(22deg);filter:drop-shadow(5px 8px 5px #3a24282a);pointer-events:none;}
:root[data-theme="dark"] .xp {background:#282420;}
:root[data-theme="dark"] .xp .section-title {color:#eedbd0;}
:root[data-theme="dark"] .xp-row {background:#302a25;border-color:#625043;}
:root[data-theme="dark"] .xp-current,:root[data-theme="dark"] .xp-row:hover {background:#3e302a;}
:root[data-theme="dark"] .xp-what em {color:#eedbd0;}
:root[data-theme="dark"] .xp-what strong,:root[data-theme="dark"] .xp-note {color:#c4b7a6;}
:root[data-theme="dark"] .xp-when,:root[data-theme="dark"] .xp-current .xp-when::after {color:#ccae82;}
:root[data-theme="dark"] .writing {background:#38282d;}
:root[data-theme="dark"] .writing-title {color:#f1dfc5;}
:root[data-theme="dark"] .writing .kicker,:root[data-theme="dark"] .writing-languages {color:#c4a586;}
:root[data-theme="dark"] .writing-description {color:#d6bdae;}
:root[data-theme="dark"] .writing .writing-link {background:#f0ddbc;border-color:#f0ddbc;color:#532d3a;}
@media(max-width:1000px) {.writing-inner {gap:40px;}.writing-title {font-size:60px;}.writing-description {font-size:14px;}.writing-notebook {padding-inline:42px 25px;}.writing-entry h3 {font-size:27px;}.writing-pen {width:53px;}.writing-desk {padding-right:24px;}.xp-what em {font-size:24px;}}
@media(max-width:700px) {
 .xp {padding-block:60px;}.xp-list {grid-template-columns:1fr;gap:14px;}.xp-row {padding:24px;}.xp-row:hover {padding-left:24px;}.xp .section-title {font-size:42px;}.xp .section-head {gap:24px;}.xp-what em {font-size:25px;}.xp-what strong {font-size:13px;}.xp-chapter {right:16px;top:15px;}
 .writing {padding-block:60px 65px;}.writing-inner {grid-template-columns:1fr;gap:35px;}.writing .kicker {margin-bottom:22px;}.writing-title {font-size:54px;}.writing-description {font-size:14px;max-width:36ch;}.writing .writing-link {font-size:13px;padding:15px 19px;gap:45px;}.writing-desk {padding:14px 22px 14px 2px;max-width:470px;width:100%;margin:auto;}.writing-mandala {width:440px;}.writing-notebook {padding:23px 23px 20px 40px;}.writing-notebook::before {left:23px;}.writing-entry h3 {font-size:29px;}.writing-pen {width:49px;right:0;top:130px;}.notebook-heading {font-size:8px;}.gallery-tools p {width:100%;margin-left:0;font-size:10px;}.gallery .collage,.gallery .collage-set {gap:14px;}.gallery .gi {height:175px;}
}
@media(prefers-reduced-motion:reduce) {.writing-mandala::before {animation:none;}.xp-row,.xp-chapter,.entry-arrow {transition:none;}.xp-row:hover {transform:none;}}