:root{--page:1280px;--measure:650px;--paper:#f3f0e8;--ink:#24251f;--muted:#66675f;--blue:#c6412d;--orange:#c6412d;--rule:#b7b9bd}html,body{background:var(--paper);color:var(--ink)}main{font-family:var(--sans);font-size-adjust:none}p{line-height:1.7}h1,h2,h3{font-weight:600}h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:1.03}h2{letter-spacing:-.04em}body>header{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--blue)}body>header>a{font-weight:600;font-size:20px;letter-spacing:-.04em}body>header nav{font-size:13px;gap:24px}body>header nav a{font-weight:400}body>header nav a[aria-current]{color:var(--blue)}.brand-dot{font-size:8px;color:var(--orange);margin-left:7px;vertical-align:top}body>footer{border-top:1px solid var(--blue);padding:24px 0;color:var(--blue)}body>footer a{text-decoration:none}.home-intro{max-width:830px;margin:35px 0 84px}.home-intro h1{max-width:830px}.home-intro p{max-width:650px;font-size:16px}.home-intro p:last-child{font-size:13px;color:var(--blue)}.home-intro p:last-child a{font-weight:600}.home-selected{position:static;left:auto;transform:none;width:100%;margin-bottom:80px}.home-selected>h2,.supporting-work>h2,.home-more>h2{font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-.04em;margin-bottom:28px}.featured-list{display:grid;gap:0}.featured-list .project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:48px;padding:28px 0 40px;border-top:1px solid var(--blue)}.featured-list .cover{aspect-ratio:1.5;background:#e9e1d7}.featured-list .cover img{width:100%;height:100%;object-fit:cover}.featured-list .project-meta{margin:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 45px 0 0;position:relative}.featured-list .project-meta:after{content:'↗';font-size:30px;line-height:1;position:absolute;right:0;top:0;color:var(--blue)}.featured-list .project-meta h3{font-size:clamp(26px,3.2vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.1}.featured-list .project-meta p{font-size:18px;line-height:1.5;margin-top:20px;color:var(--muted);max-width:470px}.featured-list .project-category{margin-top:auto;padding-top:35px;color:var(--orange)}.project-category{color:var(--blue)}.home-project-grid .project-meta h3{font-size:23px;font-weight:600;letter-spacing:-.04em}.home-project-grid .project-meta p{font-size:14px}.branding-selected{padding-top:32px;border-top:1px solid var(--blue);margin-top:80px}.branding-selected .section-intro{font-size:15px;margin-bottom:32px}.home-more{padding-top:32px;border-top:1px solid var(--blue)}.archive-row{border-top:1px solid #c7c8c3}.archive-group+.archive-group{border-color:var(--blue)}.category-links a{color:var(--blue)}.supporting-work{margin:55px 0 80px}.supporting-work .archive-row:first-child{border-top:0}.network-cover{background:#e9e1d7}.copus-cover{background:#e9e1d7}.copus-word{color:var(--blue)}.about-intro{margin:35px 0 48px}.about-intro h1{font-size:clamp(42px,5vw,68px)}.about-story h2{font-size:29px;margin-top:50px;border-top:1px solid var(--blue);padding-top:24px}.archive-project-head h1{font-size:clamp(42px,5vw,65px)}.project-prose h2{font-size:29px}.project-prose h3{margin-bottom:8px;font-size:19px}.project-facts{border-top:1px solid var(--blue);padding-top:24px}.project-hero img{border:1px solid #d8d8d0}.project-next{border-top:1px solid var(--blue);padding-top:28px}@media(max-width:760px){body>header{align-items:flex-start;flex-direction:column;gap:16px;padding:22px 0}body>header nav{gap:20px;font-size:12px}.home-intro{margin:16px 0 60px}.featured-list .project{grid-template-columns:1fr;gap:22px;padding:24px 0 32px}.featured-list .project-meta h3{font-size:31px}.featured-list .project-meta p{font-size:16px;margin-top:12px}.featured-list .project-category{padding-top:20px}.home-intro p{font-size:15px}.home-selected{margin-bottom:56px}}
/* One accent, shared type scale, and a wider two-column About. */
:root{--red:#c6412d;--blue:var(--red);--orange:var(--red)}a:hover{color:var(--red)}.all-work{border-top:1px solid var(--red);padding-top:32px;margin-top:90px}.all-work>h2{font-size:36px}.all-work .archive-group{margin-top:56px}.all-work .archive-row{max-width:none;grid-template-columns:120px 1fr;gap:28px}.all-work .archive-row .cover{width:120px;height:100px}.all-work .archive-row p{max-width:720px}.about-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:80px;align-items:start;margin:40px 0 70px}.about-layout .about-intro{margin:0;max-width:none}.about-layout .portrait{max-width:none;margin:0}.about-layout .portrait img{width:100%;max-height:520px;object-fit:cover}.about-lead{font-size:24px;line-height:1.55}.about-story{max-width:850px;font-size:18px}.about-story h2{font-size:32px}.design-perspective{padding:36px;border:1px solid #d9b5a9;background:#ede6dc;margin:0 0 65px}.design-perspective h2{border:0;padding:0;margin:18px 0 24px;font-size:38px}.design-perspective p+p{margin-top:20px}.eyebrow{color:var(--red)}@media(max-width:760px){.about-layout{grid-template-columns:1fr;gap:30px}.about-layout .portrait{max-width:420px}.about-story{font-size:16px}.about-lead{font-size:21px}.design-perspective{padding:24px}.design-perspective h2{font-size:31px}.all-work .archive-row{grid-template-columns:80px 1fr;gap:18px}.all-work .archive-row .cover{width:80px;height:80px}}
/* Complete, uncropped web and mobile screens on a Copus atmospheric backdrop. */
.cover.copus-device-cover{position:relative;overflow:hidden;isolation:isolate;background:#e8c4af url('assets/copus/cover-atmosphere.png') center/cover no-repeat;aspect-ratio:1.5}.copus-device-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff3df05,#4e241b18)}.copus-device-cover .cover-monitor{position:absolute;width:77%;left:7%;top:19%;filter:drop-shadow(0 14px 12px #2d1c1933)}.copus-device-cover .cover-screen{padding:7px 7px 0;background:#242320;border-radius:9px 9px 0 0}.featured-list .copus-device-cover .cover-screen img,.copus-device-cover .cover-screen img{width:100%;height:auto;object-fit:contain;display:block}.monitor-chin{height:13px;background:#d8d3cc;border-radius:0 0 8px 8px}.monitor-stand{height:31px;width:22%;background:linear-gradient(90deg,#bdb8b1,#ebe6de,#bdb8b1);margin:0 auto;position:relative;clip-path:polygon(29% 0,71% 0,76% 86%,100% 93%,100% 100%,0 100%,0 93%,24% 86%)}.copus-device-cover .cover-phone{position:absolute;width:19%;right:7%;top:29%;padding:4px;background:#242320;border-radius:17px;box-shadow:0 13px 20px #2d1c1940}.featured-list .copus-device-cover .cover-phone img,.copus-device-cover .cover-phone img{width:100%;height:auto;object-fit:contain;border-radius:12px}.archive-row .copus-device-cover .cover-screen{padding:2px 2px 0;border-radius:3px 3px 0 0}.archive-row .copus-device-cover .cover-phone{padding:1px;border-radius:4px}.archive-row .copus-device-cover .cover-phone img{border-radius:3px}.archive-row .monitor-chin{height:4px}.archive-row .monitor-stand{height:8px}
/* Homepage: two balanced introductory columns and a single supporting collection. */
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;max-width:none;margin-bottom:80px}.home-intro h1{max-width:none;margin:0}.hero-copy p:first-child{margin-top:0}.hero-copy p:last-child{margin-bottom:0}.hero-copy{min-width:0}.home-selected>h2{display:none}.supporting-work{margin:75px 0 90px}.home-project-grid .cover{aspect-ratio:1.3;display:block}.cover>img,.home-project-grid .cover>img{width:100%;height:100%;object-fit:cover;display:block}.design-perspective{border:0;background:none;padding:0;margin-bottom:55px}.design-perspective .eyebrow{font-style:italic;text-transform:none;letter-spacing:0;font-size:16px;color:var(--muted)}.design-perspective h2{margin-top:16px}.design-perspective p{max-width:760px}@media(max-width:760px){.home-intro{grid-template-columns:1fr;gap:30px;margin-bottom:55px}.hero-copy p{margin-top:20px}}
/* Matching column tracks and gutters for the introduction and featured project. */
.home-page{--ink:#440d26;--muted:#440d26;--red:#440d26;--blue:#440d26;--orange:#440d26;--home-column-gap:70px}.home-page .home-intro,.home-page .featured-list .project{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--home-column-gap)}.home-page :is(h1,h2,h3,h4,p,a,span,small){color:#440d26}.home-page .featured-list .project-meta:after{color:#440d26}.home-page .featured-list .project-meta{padding-right:45px}.home-page .home-intro h1,.home-page .featured-list .project-meta h3{font-family:var(--sans);font-size:clamp(40px,4.2vw,60px);font-weight:500;letter-spacing:-.02em;line-height:1.08}.home-page .featured-list .project-meta p{max-width:none}@media(max-width:760px){.home-page .home-intro,.home-page .featured-list .project{grid-template-columns:1fr;gap:30px}}
/* Red accents stay red; homepage copy uses the reference's plum ink. */
.home-page{--red:#c6412d;--orange:#c6412d;--blue:#c6412d}.home-page .project-category,.home-page .home-intro .hero-copy p:last-child,.home-page .home-intro .hero-copy p:last-child a,.home-page .category-links a,.home-page header nav a[aria-current],.home-page .featured-list .project-meta:after{color:var(--red)}.home-page .supporting-work .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}.home-page .featured-list .project{padding-top:56px}.home-page .featured-list .project-meta{padding-top:0}a:hover,.archive-row:hover h3,.project:hover h3,.project-next a:hover,.case-contents a:hover{color:var(--red);text-decoration:none}.project,.archive-row{text-decoration:none}.project h3,.archive-row h3{transition:color .2s ease}.home-page a:hover,.home-page a:hover :is(h3,p,span){color:var(--red)}.about-layout{grid-template-columns:minmax(0,1fr) 240px;gap:70px;align-items:start}.about-layout .portrait{width:240px;justify-self:end;align-self:start}.about-layout .portrait img{max-height:none;height:auto;object-fit:contain}.about-page{--ink:#440d26;--muted:#440d26}.about-page :is(h1,h2,h3,p,a,span,small){color:#440d26}.about-page a:hover{color:var(--red)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}.collection-grid .project{text-decoration:none;min-width:0}.collection-grid .cover{aspect-ratio:1.3}.collection-grid .project-meta h3{font-size:24px;font-weight:500}.collection-grid .project-meta p{font-size:18px;line-height:1.6;margin-top:14px}.collection-page .archive-group{max-width:none}.scroll-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal-pending{opacity:0;transform:translateY(22px)}@media(max-width:760px){.home-page .supporting-work .home-project-grid,.collection-grid{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout .portrait{width:200px;justify-self:end}.home-page .featured-list .project{padding-top:36px}}@media(prefers-reduced-motion:reduce){.scroll-reveal,.project h3,.archive-row h3{transition:none}.reveal-pending{opacity:1;transform:none}}
/* Trial the original blue accent across shared UI. */
:root,.home-page,.copus-case,.about-page,.collection-page{--red:#2945a5;--orange:#2945a5;--blue:#2945a5}.about-page .about-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:80px}.about-page .about-layout .about-intro{max-width:none;min-width:0}.about-page .about-layout .portrait{width:min(240px,100%);justify-self:end}.collection-page .archive-row{max-width:none;grid-template-columns:120px minmax(0,1fr);gap:28px}.collection-page .archive-row .cover{width:120px;height:100px}.collection-page .archive-row p{max-width:720px}.collection-page .archive-intro{max-width:850px}.collection-list .archive-row:hover :is(h3,p,span){color:var(--blue)}@media(max-width:760px){.about-page .about-layout{grid-template-columns:1fr;gap:30px}.collection-page .archive-row{grid-template-columns:80px minmax(0,1fr);gap:18px}.collection-page .archive-row .cover{width:80px;height:80px}}
/* About: three concise sections and an editorial workflow comparison. */
.about-story .about-section{margin:0 0 65px}.about-story .about-section>h2{margin:0 0 25px;padding-top:24px;font-size:32px;line-height:1.2}.about-story .about-section>p{max-width:800px}.process-comparison{margin:38px 0 34px;width:min(1100px,calc(100vw - 48px));max-width:none;font-family:var(--sans)}.process-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border-top:1px solid var(--blue);padding-top:20px;margin-bottom:32px}.process-heading h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0}.process-heading>span{font-size:12px;white-space:nowrap}.process-lane{margin-bottom:34px}.lane-label{display:flex;gap:18px;align-items:baseline;margin-bottom:14px}.lane-label strong{font-size:15px;font-weight:500}.lane-label>span{font-size:12px;opacity:.7}.process-comparison .process-steps{display:flex;gap:0;list-style:none;padding:0;margin:0;width:100%;border-top:2px solid #b8b1b2}.process-steps li{position:relative;flex:1;min-width:0;padding:16px 12px 0 0;font-size:12px;line-height:1.4;margin:0}.process-steps li:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#b8b1b2}.complex{width:82%}.simple{width:62%}.complex .process-steps,.simple .process-steps{border-color:var(--blue)}.complex .process-steps li:before,.simple .process-steps li:before{background:var(--blue)}.process-comparison .process-steps .design-owned{color:var(--blue);font-weight:500}.process-key{display:flex;gap:12px 26px;flex-wrap:wrap;border-top:1px solid #d0c7c7;padding-top:18px;font-size:12px;line-height:1.5}.process-key i{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:6px}.process-comparison figcaption{font-size:12px;line-height:1.5;margin-top:12px;max-width:760px;opacity:.75}.about-page .process-steps .design-owned{color:var(--blue)}@media(max-width:760px){.process-comparison{width:100%}.process-heading{flex-direction:column;gap:8px}.process-heading>span{white-space:normal}.lane-label{flex-direction:column;gap:3px}.process-comparison .process-steps{flex-wrap:wrap;row-gap:18px}.process-steps li{flex:0 0 25%;font-size:11px;padding-right:8px}.complex{width:90%}.simple{width:78%}.complex .process-steps li,.simple .process-steps li{flex-basis:50%}.about-story .about-section>h2{font-size:28px}}
/* Workflow refinements: quieter header and more compact AI-assisted paths. */
.process-comparison .process-heading{border-top:0}.process-comparison .traditional .design-owned:before{background:var(--blue)}.process-comparison .complex{width:68%}.process-comparison .simple{width:46%}.process-comparison .process-steps li+li{margin-top:0}@media(max-width:760px){.process-comparison .complex{width:78%}.process-comparison .simple{width:60%}.process-comparison .simple .process-steps li{flex-basis:50%}}