@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#181918;--panel:#222321;--ink:#f1f0e9;--muted:#aaa9a2;--line:#41423c;--orange:#ff784a;--paper:#eae9e1;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--orange);color:var(--bg)}:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--orange);color:var(--bg);padding:10px 20px}.skip:focus{top:12px}.mono{font-family:var(--mono);font-weight:400;letter-spacing:.045em}.small{font-size:.75rem}.orange{color:var(--orange)}.cross{font-size:1.2rem;line-height:1;color:var(--orange);margin-right:10px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:sticky;top:0;z-index:20;background:#181918f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{font-size:2.3rem;font-weight:800;letter-spacing:-.14em;line-height:1}.wordmark span{color:var(--orange);font-size:1.7rem;display:inline-block;margin-left:5px}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:8px 19px;border-radius:30px;font-size:.875rem;border:1px solid transparent;transition:background .2s}.topbar nav a:hover{background:var(--panel)}.topbar nav a[aria-current]{border-color:#77786d}.topbar nav span{color:var(--orange);font-family:var(--mono);font-size:.75rem;margin-left:6px}.topnote{font-size:.75rem;color:var(--muted)}.canvas{background-image:radial-gradient(#55564e 0.7px,transparent .7px);background-size:24px 24px}.hero{padding:0 6%;position:relative;overflow:hidden}.ruler{height:32px;margin:0 -7%;display:flex;justify-content:space-around;color:#85867c;font:10px var(--mono);border-bottom:1px solid #32332e;background:repeating-linear-gradient(90deg,transparent 0 11px,#41423c 11px 12px) top/100% 6px no-repeat}.ruler span{padding-top:13px}.hero-top{display:flex;justify-content:space-between;align-items:start;padding-top:36px}.hero-top p{line-height:1.7;margin:0;color:var(--muted)}.index-tag{border:1px solid #5a5b52;padding:10px 16px;font-size:.75rem;transform:rotate(3deg);background:var(--bg);line-height:1.6}.hero-composition{position:relative;margin:78px 0 66px;min-height:240px;display:flex;align-items:center}.hero-type{position:relative;border:1px solid var(--orange);width:76%;padding:0 12px 10px}.hero h1{font-size:clamp(7rem,20vw,21rem);font-weight:800;letter-spacing:-.09em;line-height:.89;margin:0 0 0 -.02em}.period{color:var(--orange)}.selection-label{position:absolute;top:-30px;left:0;color:var(--orange);font-size:.75rem}.selection-corner{position:absolute;width:8px;height:8px;border:1px solid var(--orange);background:var(--bg)}.tl{top:-4px;left:-4px}.tr{top:-4px;right:-4px}.bl{bottom:-4px;left:-4px}.br{bottom:-4px;right:-4px}.note{position:absolute;right:0;top:16%;width:24%;min-width:190px;background:var(--orange);color:var(--bg);padding:30px 26px 24px;transform:rotate(7deg);box-shadow:7px 10px 0 #0a0b0955;transition:transform .35s}.note p{font-weight:700;letter-spacing:-.04em;font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1.2;margin:6px 0 24px}.note em{font-family:Georgia,serif;font-weight:400}.note .small{font-size:.65rem}.note-pin{position:absolute;top:-24px;right:25px;font-size:3.8rem;line-height:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:42px}.hero-bottom p{font-size:1.15rem;line-height:1.55;margin:12px 0 0;letter-spacing:-.025em}.work-link{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px;min-width:310px}.work-link>.small{color:var(--muted)}.work-link>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:24px}.round-icon{width:32px;height:32px;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;font-size:1.3rem;transition:transform .2s,background .2s}.work-link:hover .round-icon{transform:rotate(90deg);background:var(--orange);color:var(--bg)}.canvas-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;color:var(--muted)}.work-section{padding:106px 6% 50px;background:var(--paper);color:var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:30px}.section-heading .orange{color:#a13312}.section-heading p{margin:0 0 18px}.section-heading h2,.about-copy h2{font-size:clamp(2.8rem,4.8vw,5rem);letter-spacing:-.065em;line-height:1.06;margin:0;font-weight:600}.section-summary{font-size:1rem;color:#51534b}.project-frame{display:block;border:1px solid #83857b;position:relative;background:#f4f3ee;transition:box-shadow .3s,transform .3s}.project-frame:hover{box-shadow:9px 9px 0 #18191818;transform:translateY(-4px)}.frame-bar{padding:13px 22px;display:flex;justify-content:space-between;border-bottom:1px solid #83857b;font-size:.7rem}.frame-bar .cross{color:#a13312}.project-art{min-height:420px;background:#eed8c9;display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:36px;padding:54px 6%;overflow:hidden}.art-heading{display:flex;flex-direction:column;align-items:start}.art-heading>.small{font-size:.7rem;color:#785039}.art-heading strong{font-weight:600;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.065em;line-height:1.08;margin:22px 0}.art-caption{font-size:.9rem;color:#79563f;line-height:1.5}.path-composition{transform:rotate(-3deg);position:relative;max-width:470px;width:100%;margin:auto}.path-label{font-size:.65rem;margin:0 0 14px;color:#785039}.path-node{padding:18px;display:flex;align-items:center;gap:12px;box-shadow:4px 5px 0 #32422a14;border:1px solid #b99981;border-radius:3px;background:#faf0e8;font-weight:600;font-size:.95rem;position:relative}.path-node small{display:block;font-size:.7rem;font-weight:400;color:#755947;margin-top:3px}.node-symbol{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #b5896b;border-radius:50%;font:14px var(--mono)}.path-selected{background:#32271f;color:#faf0e8;border-color:#32271f}.path-selected small{color:#f0c5a7}.path-selected .node-symbol{background:#eed8c9;color:#32271f}.node-check{margin-left:auto;color:#f0c5a7}.path-line{height:24px;width:1px;background:#b78460;margin:auto}.path-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.path-options>div{border:1px solid #b99981;background:#f5e4d7;padding:16px 12px;font-size:.8rem;line-height:1.4}.path-options span{display:block;font-size:.65rem;color:#9b5830;margin-bottom:6px}.concept-label{font-size:.6rem;text-align:center;margin-top:20px;color:#785039}.project-caption{padding:29px 32px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-caption h3{font-size:1.8rem;letter-spacing:-.04em;margin:0 0 3px;font-weight:700}.project-caption p{margin:0;font-size:1rem;color:#505149}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tags span{border:1px solid #b4b6ac;padding:4px 10px;border-radius:30px;font-size:.75rem}.open-case{white-space:nowrap;font-size:.875rem;display:flex;align-items:center;gap:24px}.open-case>span{font-size:2rem;font-weight:400}.work-end{display:flex;justify-content:space-between;margin-top:28px;color:#5e6056}.about-section{padding:120px 6%;display:grid;grid-template-columns:.85fr 1fr;gap:80px;border-bottom:1px solid var(--line)}.about-stamp{display:flex;flex-direction:column;align-items:start;justify-content:space-between;color:var(--muted)}.asterisk{font-family:Arial,sans-serif;font-size:17rem;line-height:1.1;color:var(--orange);transform:rotate(-8deg)}.about-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.about-copy p{color:var(--muted);max-width:520px;line-height:1.8}.about-copy p:first-of-type{margin-top:28px}.principles{display:flex;flex-direction:column;margin:32px 0}.principles span{padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.principles span:before{content:'+';margin-right:16px;color:var(--orange)}.text-link{font-size:.875rem;display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid var(--muted);padding:8px 0}.text-link span{font-size:1.7rem;color:var(--orange)}footer{padding:48px 6% 28px}.footer-name{font-size:clamp(6rem,17vw,18rem);font-weight:800;letter-spacing:-.08em;line-height:1}.footer-name span{color:var(--orange)}footer>div{display:flex;justify-content:space-between;align-items:end;color:var(--muted);padding-top:26px}footer a:hover{color:var(--orange)}
/* Audit evidence */
.evidence{margin:35px 0 0;border:1px solid #c0ab99;padding:16px;background:#f5f4ef}.evidence img{display:block;width:100%;height:auto}.evidence figcaption{font-size:.8rem;line-height:1.6;color:#635448;margin-top:14px}
/* Case study */
.case-main{background:var(--paper);color:var(--bg)}.case-hero{padding:65px 6% 70px}.breadcrumb{font-size:.875rem;border-bottom:1px solid #9b9d91;padding-bottom:6px}.case-heading{margin:48px 0 34px;max-width:1050px;font-size:clamp(3rem,6.6vw,6.5rem);line-height:1.05;letter-spacing:-.065em;font-weight:600}.case-heading em{font-family:Georgia,serif;font-weight:400;color:#9c4b28}.case-lead{max-width:720px;font-size:1.2rem;color:#51534b;line-height:1.65}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbaca0;margin-top:38px;padding-top:24px;gap:24px}.case-meta dt{font:.7rem var(--mono);letter-spacing:.05em;color:#6d5a4b;margin-bottom:8px;text-transform:uppercase}.case-meta dd{margin:0;font-size:.875rem}.case-banner{padding:0 6% 60px}.case-banner .project-art{border:1px solid #839276;min-height:350px}.case-body{max-width:1150px;margin:auto;padding:0 6% 80px}.case-section{padding:60px 0;border-top:1px solid #c1b4a7}.case-section>.mono{font-size:.75rem;color:#736456}.case-section h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.15;letter-spacing:-.05em;margin:15px 0 26px;max-width:800px;font-weight:600}.case-section>p{max-width:760px;color:#5c5147}.case-section h3{font-size:1.15rem;line-height:1.4;letter-spacing:-.025em}.scope-note{border-left:3px solid #b76a40;padding:18px 22px;background:#f0ddcf;font-size:.875rem;margin-top:30px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.case-columns p,.case-columns li{color:#5c5147}.case-columns ul{padding-left:20px}.case-columns li{margin-bottom:10px}.question{margin:35px 0 0;border:1px solid #bdab9b;padding:32px;font-size:1.5rem;letter-spacing:-.03em;line-height:1.45;max-width:840px}.findings-list{display:grid;gap:14px}.finding{padding:24px;border:1px solid #c0ab99;background:#f7eee6;display:grid;grid-template-columns:80px 1fr;gap:20px}.finding .priority{font:.75rem var(--mono);color:#75431e;padding-top:5px}.finding h3{margin:0 0 12px}.finding p{font-size:.9rem;color:#635448;margin:7px 0}.finding strong{color:#35281e}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.decision-card{background:#2c2824;color:#f7eee7;padding:24px}.decision-card>.mono{font-size:.7rem;color:#ffb990}.decision-card h3{margin:20px 0 12px}.decision-card p{font-size:.875rem;color:#e5cdbb}.decision-card .choose{font-size:.8rem;border-top:1px solid #987054;padding-top:16px}.case-section details{border-bottom:1px solid #c1aa98;padding:18px 0}.case-section summary{cursor:pointer;font-weight:600;font-size:1rem}.case-section details p{color:#5c5147;padding-left:20px;font-size:.9rem}.case-section details[open] summary{color:#97532e}.source-list{display:flex;gap:12px 25px;flex-wrap:wrap}.source-list a{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.case-next{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eed8c9;padding:30px}.case-next a{border:1px solid #9a6e50;padding:12px 18px;font-size:.875rem}.case-next p{margin:0}.case-nav-label{font-size:.8rem;color:var(--muted)}
@media(min-width:1600px){.hero,.work-section,.about-section,.case-hero,.case-banner,footer{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.hero h1{font-size:20rem}.hero-composition{margin-top:90px}}
@media(max-width:900px){.topnote{display:none}.hero-composition{margin:80px 0 74px;min-height:180px}.note{padding:26px 18px 20px;min-width:170px;top:10%}.hero h1{font-size:21vw}.note p{font-size:1.5rem}.hero-bottom p{font-size:1rem}.project-art{padding:35px 5%;gap:24px}.path-node{padding:13px;font-size:.8rem}.path-node small{font-size:.65rem}.about-section{gap:40px}.asterisk{font-size:12rem}.case-meta{grid-template-columns:1fr 1fr}.decision-grid{grid-template-columns:1fr}.case-heading{font-size:4rem}}
@media(max-width:600px){html{scroll-padding-top:85px}.topbar{height:70px;padding:0 6%}.topbar nav a{padding:7px 12px;font-size:.8rem}.wordmark{font-size:2rem}.hero-top{padding-top:26px}.hero-top .small{font-size:.6rem}.index-tag{font-size:.6rem;padding:8px 10px}.hero-composition{margin:68px 0 30px;display:block;padding-bottom:160px;min-height:0}.hero-type{width:100%;padding:0 5px 7px}.hero h1{font-size:25vw}.selection-label{font-size:.65rem;top:-26px}.note{width:168px;min-width:0;right:9px;top:auto;bottom:0;padding:20px 18px 15px}.note p{font-size:1.35rem;margin-bottom:17px}.note .small{font-size:.52rem}.note-pin{font-size:2.8rem;top:-18px}.hero-bottom{display:block;padding-bottom:30px}.hero-bottom p{font-size:1rem}.work-link{min-width:0;margin-top:30px;font-size:.875rem}.canvas-foot{font-size:.55rem;gap:10px}.work-section{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.about-copy h2{font-size:2.8rem}.section-heading .section-summary{font-size:.9rem;margin:20px 0 0}.frame-bar{padding:11px 14px;font-size:.55rem;gap:10px}.frame-bar span:last-child{max-width:110px;text-align:right}.project-art{grid-template-columns:1fr;padding:30px 7%;gap:28px}.art-heading strong{font-size:2.8rem;margin:16px 0}.art-caption{font-size:.8rem}.path-composition{margin:5px 0 15px;width:98%}.project-caption{padding:24px 20px;display:block}.project-caption h3{font-size:1.6rem}.project-caption p{font-size:.9rem}.tags span{font-size:.65rem}.open-case{justify-content:space-between;margin-top:20px;border-top:1px solid #c2c4b8;padding-top:10px}.work-end{font-size:.55rem;gap:14px}.about-section{grid-template-columns:1fr;gap:35px;padding:65px 6%}.about-stamp{position:relative;min-height:120px;max-width:100%;justify-content:space-between;padding:0 80px 0 0}.about-stamp .small{font-size:.6rem}.asterisk{position:absolute;right:0;top:0;font-size:7rem}.about-copy p{font-size:.95rem}.footer-name{font-size:27vw}footer>div{font-size:.55rem;gap:20px;flex-wrap:wrap}footer>div>span:first-child{width:100%}.case-hero{padding-top:35px;padding-bottom:40px}.case-heading{font-size:2.7rem;margin-top:36px}.case-lead{font-size:1.05rem}.case-meta{gap:22px 14px}.case-meta dt{font-size:.6rem}.case-meta dd{font-size:.8rem}.case-banner{padding-bottom:35px}.case-section{padding:36px 0}.case-columns{grid-template-columns:1fr;gap:8px}.question{padding:23px;font-size:1.2rem}.finding{grid-template-columns:1fr;gap:10px;padding:22px}.finding .priority{font-size:.65rem}.case-section h2{font-size:2rem}.case-next{display:block;padding:24px}.case-next a{display:inline-block;margin-top:20px}.case-nav-label{font-size:.7rem}.source-list{flex-direction:column}}
.note .small,.concept-label,.path-label,.path-options span,.art-heading>.small,.frame-bar,.decision-card>.mono{font-size:.75rem}.path-node small{font-size:.75rem}
@media(max-width:600px){.hero-composition{padding-bottom:245px}.note{width:185px}.hero-top .small,.index-tag,.selection-label,.canvas-foot,.work-end,.about-stamp .small,footer>div,.case-meta dt,.finding .priority,.frame-bar,.tags span{font-size:.75rem}.frame-bar span:last-child{max-width:140px}.note .small{font-size:.75rem}.canvas-foot{flex-wrap:wrap}.hero-top{gap:12px}.hero-top p{max-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-frame:hover{transform:none}}


/* A single connected JC mark with a shared crossbar and smooth curves. */
.jc-monogram{display:block;width:100%;height:auto}
.wordmark{display:inline-flex;align-items:center;justify-content:flex-start;width:88px;min-height:44px;font-size:0;line-height:1;flex-shrink:0}
.footer-name{display:inline-flex;width:clamp(240px,28vw,360px);max-width:100%;font-size:0;line-height:1;margin-bottom:24px}
@media(max-width:600px){.wordmark{width:72px}.footer-name{width:min(72vw,300px)}}

/* Light runs along the shared stroke, through J, then through C. */
.jc-monogram{overflow:visible}.jc-glow{stroke:var(--orange);filter:drop-shadow(0 0 3px #ff784a99) drop-shadow(0 0 8px #ff784a45)}
.jc-glow path{stroke-dasharray:22 122;stroke-dashoffset:22;opacity:0;animation:jc-light-trace 6s linear infinite backwards;animation-delay:var(--trace-delay,0s)}
@keyframes jc-light-trace{0%{stroke-dashoffset:22;opacity:1}38%{stroke-dashoffset:-100;opacity:1}38.01%,100%{stroke-dashoffset:-100;opacity:0}}
body.motion-paused .jc-glow path{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.jc-glow{display:none}}