:root{--navy:#152239;--pink:#f4b9d1;--paper:#faf9fc;--ink:#1b2940;--muted:#536075}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #98608d;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{max-width:1320px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark,.footer-name{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-top:1px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#905470}.hero{max-width:1320px;margin:auto;padding:60px 5% 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 20px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.4vw,76px);line-height:1.07;letter-spacing:-2.5px;margin:25px 0}.hero em{font-weight:400;color:#925b7c;display:block}.intro{font-size:23px;line-height:1.45;max-width:490px}.hero-detail{color:var(--muted);max-width:460px;margin-bottom:30px}.button{display:inline-flex;background:var(--navy);color:white;padding:13px 25px;border-radius:4px;font-weight:600;font-size:15px}.button:hover{background:#2c3d59}.hero-note{font-weight:700;font-size:14px;margin-top:36px}.hero-note span{display:block;color:var(--muted);font-weight:400}.hero-panel{background:var(--navy);padding:24px;border-radius:4px;transform:rotate(2deg);box-shadow:12px 18px 0 #eedbe8}.panel-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#fff;margin-bottom:22px}.paper{background:#fff;padding:32px 30px;color:var(--navy);transform:rotate(-2deg)}.paper-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#8b5777;margin:0}.paper h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.17;margin:15px 0 22px}.audience{border-top:1px solid #dddde5;padding-top:12px;margin-top:12px}.audience span{font-size:10px;font-weight:700;letter-spacing:1.2px}.audience p{font-size:14px;line-height:1.45;margin:6px 0}.paper-source{font-size:12px;color:var(--muted);margin-top:22px}.panel-bottom{color:var(--pink);font-size:12px;margin-top:22px}.section{max-width:1320px;margin:auto;padding:75px 5%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section h2{font-family:Georgia,serif;font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.16;letter-spacing:-1px;margin:0}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.work{border-top:1px solid #dcdfe5}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project{border:1px solid #dcdfe5;border-radius:5px;overflow:hidden;background:#fff}.project-art{padding:30px;min-height:285px;display:flex;flex-direction:column;justify-content:space-between}.project-art>span{font-size:11px;font-weight:700;letter-spacing:1.4px}.art-title{font-family:Georgia,serif;font-size:34px;line-height:1.17;letter-spacing:-.5px;margin:25px 0}.art-windows{background:#dce6f7}.art-uc{background:#f1d5e4}.art-intranet{background:#192a45;color:#fff}.art-sop{background:#e3e7e9}.steps{display:flex;gap:12px}.steps span{font-size:12px;border:1px solid #9daec7;padding:5px 14px;border-radius:2px}.research{display:flex;gap:8px;flex-wrap:wrap}.research span{font-size:12px;background:#fff8;padding:4px 9px}.mini-table{display:grid;grid-template-columns:1fr 1.5fr;font-size:12px;gap:5px 20px}.mini-table b{font-weight:400;color:#ecc7dc}.checklist{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.checklist span{border-bottom:2px solid #708488;padding-bottom:4px}.project-body{padding:28px 30px}.project-body .eyebrow{font-size:11px;margin-bottom:9px;color:#7d4e6a}.project h3{font-size:23px;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.4px}.project-body>p:not(.eyebrow){color:var(--muted);margin:16px 0 22px}.text-button{width:100%;display:flex;justify-content:space-between;background:none;border:none;border-top:1px solid #e1e2e8;padding:16px 0 0;text-align:left;font-size:14px;font-weight:700;color:var(--navy);cursor:pointer}.text-button span{font-size:23px;line-height:1}.text-button:hover{color:#925b7c}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--navy);color:#fff;max-width:none;padding-left:max(5%,calc((100vw - 1188px)/2));padding-right:max(5%,calc((100vw - 1188px)/2));margin-top:45px}.approach .eyebrow{color:var(--pink)}.approach-intro{max-width:430px;color:#c2ccdc;margin-top:25px}.approach-list{margin:0;padding:0;list-style:none}.approach-list li{display:flex;gap:24px;padding:20px 0;border-top:1px solid #40506a}.approach-list li:first-child{padding-top:0;border:0}.approach-list li>span{color:var(--pink);font-size:13px;padding-top:5px}.approach-list h3{font-size:20px;margin:0 0 5px}.approach-list p{color:#c2ccdc;margin:0;font-size:15px}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding-top:100px}.about-copy p{color:var(--muted);margin:0 0 22px}.about-copy .large{color:var(--navy);font-size:22px;line-height:1.5}.skills{display:flex;gap:8px;flex-wrap:wrap}.skills span{font-size:13px;padding:5px 10px;background:#eee8f0;border-radius:3px}.learning{padding-top:30px;padding-bottom:85px}.learning-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-top:30px;border-top:1px solid #dcdfe5;padding-top:20px}.learning h3{font-size:17px;margin:0 0 10px}.learning p{font-size:14px;color:var(--muted);margin:0}footer{background:#eee8f0;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>span{font-size:12px;color:var(--muted)}dialog{width:min(860px,calc(100% - 30px));max-height:90vh;overflow:auto;border:0;border-radius:8px;padding:0;color:var(--navy);background:var(--paper)}dialog::backdrop{background:#101c32b8;backdrop-filter:blur(5px)}.dialog-top{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:20px 35px;border-bottom:1px solid #dcdfe5;z-index:1}.dialog-top>span{font-size:11px;letter-spacing:1px}.dialog-top button{border:0;background:#ede5ef;border-radius:3px;padding:7px 12px;font-size:14px;cursor:pointer}#case-content{padding:40px 45px 50px}#case-content h2{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.15;margin:0 0 25px}#case-content h3{font-size:20px;margin:30px 0 10px}#case-content p,#case-content li{color:var(--muted)}#case-content ul{padding-left:20px}#case-content li{margin-bottom:8px}.status{display:inline-block;font-size:12px;background:#ebe5ef;padding:5px 10px;margin-bottom:22px}.excerpt{padding:25px;background:#fff;border-left:3px solid #bc7c9c}.excerpt p{margin:0 0 12px}.excerpt p:last-child{margin-bottom:0}@media(max-width:760px){header{padding:22px 6%;align-items:start}.wordmark{font-size:27px}.wordmark span{font-size:8px}nav{gap:13px;flex-wrap:wrap;justify-content:end;max-width:170px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 6% 60px;gap:45px}.hero h1{font-size:55px}.intro{font-size:21px}.hero-panel{max-width:520px;transform:rotate(1deg)}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.projects{grid-template-columns:1fr;gap:25px}.project-art{min-height:255px}.approach,.about{grid-template-columns:1fr;gap:35px}.learning-grid{grid-template-columns:1fr;gap:25px}footer{display:block;padding:30px 6%}#case-content{padding:30px 25px}#case-content h2{font-size:34px}.dialog-top{padding:15px 20px}.dialog-top>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #dcdfe5}.contact p:not(.eyebrow){color:var(--muted)}.contact-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.contact-email{font-size:clamp(19px,2vw,26px);text-decoration:underline;text-decoration-color:#c58faa;text-underline-offset:6px;overflow-wrap:anywhere}.contact-email:hover{color:#925b7c}@media(max-width:760px){.contact{grid-template-columns:1fr;gap:16px}}