:root{--project-paper:#faf8f3;--project-ink:#29262f;--project-muted:#55515e;--project-purple:#7040a0;--project-soft:#efe8f7;--project-line:#ded8e4}
body.project-page{margin:0;background:var(--project-paper);color:var(--project-ink);font:17px/1.75 Arial,sans-serif}body.project-page *{box-sizing:border-box}body.project-page a{color:inherit}body.project-page img{max-width:100%;display:block}body.project-page .shell{width:min(1120px,calc(100% - 64px));margin:auto}body.project-page header{background:var(--project-paper);border-bottom:1px solid var(--project-line);position:static}body.project-page .nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;height:auto}body.project-page .brand{font:700 22px Arial,sans-serif;text-decoration:none;letter-spacing:-.5px}body.project-page nav{display:flex;gap:22px;flex-wrap:wrap}body.project-page nav a{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}body.project-page a:focus-visible,body.project-page button:focus-visible,body.project-page summary:focus-visible{outline:3px solid var(--project-purple);outline-offset:5px}body.project-page .skip{position:absolute;left:-9999px}body.project-page .skip:focus{left:15px;top:15px;padding:12px;background:white;z-index:50}body.project-page .detail-back{display:inline-block;margin-top:25px;font-size:14px;min-height:44px}body.project-page .eyebrow{font:600 12px/1.7 Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--project-muted)}body.project-page h1,body.project-page h2,body.project-page h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.7px}body.project-page h1{font-size:clamp(36px,4.8vw,57px);line-height:1.13;max-width:20ch;margin:14px 0 22px}body.project-page h2{font-size:clamp(28px,3.4vw,39px);line-height:1.2;margin:8px 0 18px}body.project-page h3{font-size:23px;line-height:1.3;margin:10px 0}body.project-page p{margin:0 0 18px;max-width:66ch}body.project-page .project-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;padding:26px 0 48px}body.project-page .project-lede{font-size:19px;color:var(--project-muted);line-height:1.65}body.project-page .project-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}body.project-page .project-button,body.project-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 19px;background:var(--project-purple);border:1px solid var(--project-purple);border-radius:9px;color:white;text-decoration:none;font:600 15px/1.5 Arial,sans-serif}body.project-page .project-button:hover,body.project-page .btn:hover{background:#59317f;transform:none}body.project-page .project-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--project-muted)}body.project-page .project-tags span{padding:5px 9px;border:1px solid var(--project-line);border-radius:5px}body.project-page .project-art{background:var(--project-soft);border-radius:18px;padding:27px;min-width:0}body.project-page .project-art img{width:100%;border-radius:10px}body.project-page .project-art figcaption{font-size:14px;line-height:1.6;margin-top:15px;color:var(--project-muted)}body.project-page figure{margin:0}body.project-page .project-section{border-top:1px solid var(--project-line);padding:38px 0;margin:0}body.project-page .project-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}body.project-page .project-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:24px}body.project-page .project-decisions h3{font:600 18px/1.4 Arial,sans-serif;letter-spacing:0}body.project-page .project-decisions p{font-size:16px;color:var(--project-muted)}body.project-page .project-icon{display:grid;place-items:center;background:var(--project-soft);color:var(--project-purple);height:52px;width:52px;border-radius:13px;font-size:25px;margin-bottom:17px}body.project-page .project-icon svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body.project-page .project-stage{border:1px solid var(--project-line);background:white;border-radius:15px;padding:20px;margin-top:24px;overflow:hidden}body.project-page .project-stage iframe{display:block;width:100%;height:650px;border:0;border-radius:8px}body.project-page .project-caption{font-size:14px;color:var(--project-muted);margin:12px 0 0}body.project-page .project-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px;background:var(--project-purple);color:white;text-decoration:none;border-radius:14px;margin:24px 0 20px}body.project-page .project-next h2{font-size:27px;margin:4px 0}body.project-page .project-next .eyebrow{color:white;margin:0}body.project-page .project-next .next-arrow{font-size:29px;flex-shrink:0}body.project-page footer{border-top:1px solid var(--project-line);background:var(--project-paper);color:var(--project-muted);font-size:14px;padding:25px 0;margin-top:30px}body.project-page footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}body.project-page .project-process summary{min-height:44px;padding:10px 0;font-size:16px}body.project-page .project-process p{padding-top:12px}
/* Existing volume artifacts retain their photographs and interactive tabs. */
body.project-page .work{padding:25px 0 40px;background:transparent}body.project-page .section-head{grid-template-columns:.25fr 1fr;gap:32px;margin-bottom:30px;padding-top:20px}body.project-page .section-head h2{font-size:clamp(36px,4.8vw,57px);line-height:1.13;letter-spacing:-1px}body.project-page .section-head p{font-size:19px;line-height:1.65}body.project-page .case{border-color:var(--project-line);border-radius:16px;overflow:hidden;background:white;grid-template-columns:.8fr 1.2fr}body.project-page .case-visual{background:var(--project-soft);color:var(--project-ink);min-height:360px;padding:30px}body.project-page .case-mark{color:var(--project-purple);font-size:64px;line-height:1}body.project-page .case-visual h3{font-size:34px;line-height:1.15}body.project-page .case-visual:before{display:none}body.project-page .case-content{padding:28px;min-width:0}body.project-page .case-intro{font:18px/1.65 Arial,sans-serif}body.project-page .tab{font-size:14px;text-transform:none;border-radius:7px}body.project-page .tab[aria-selected=true]{background:var(--project-purple);color:white}body.project-page .panel h3{font-size:29px;line-height:1.2}body.project-page .panel p{font-size:17px}body.project-page .panel-note{background:var(--project-soft);border-color:var(--project-purple);font-size:16px}body.project-page .case-evidence{margin-top:40px}body.project-page .evidence-heading h3{font-size:34px;line-height:1.2}body.project-page .evidence-heading p{font-size:17px;line-height:1.75}body.project-page figcaption,body.project-page .case-caption{font-size:14px;line-height:1.65}body.project-page .outcome{gap:28px 45px}body.project-page .outcome h3{font-size:33px;line-height:1.2}body.project-page .load-item{font-size:15px;font-weight:500}body.project-page .case-index{font-size:13px;letter-spacing:.5px}
@media(max-width:760px){body.project-page .shell{width:calc(100% - 36px)}body.project-page .project-hero,body.project-page .project-story,body.project-page .project-decisions,body.project-page .case,body.project-page .section-head{grid-template-columns:1fr;gap:24px}body.project-page .project-hero{padding:20px 0 30px}body.project-page .project-section{padding:30px 0}body.project-page .project-art{padding:20px}body.project-page .project-stage{padding:12px}body.project-page .project-stage iframe{height:620px}body.project-page .nav{gap:12px;flex-wrap:wrap}body.project-page nav{gap:15px}body.project-page .project-decisions{gap:18px}body.project-page .project-next{padding:22px}body.project-page .case-visual{min-height:0}body.project-page .case-content{padding:22px}body.project-page .section-head h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important}}