/* The existing orange process book is the visual system. */
.notebook-open {color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer;display:block;min-height:44px;}
.notebook-open__tap {display:block;margin-top:10px;font:500 12px/1.3 var(--font-display),sans-serif;opacity:.7;}
.notebook-open:focus-visible {outline:2px solid #ee6422;outline-offset:7px;}
.journey-case-image {display:block;width:100%;height:100%;object-fit:cover;}
#signage-decision {scroll-margin-top:110px;}
.process-proof {flex:1 1 100%;min-width:0;border-top:1px solid #5c5148;border-bottom:1px solid #5c5148;color:#f5f5f3;}
.process-proof summary {display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 4px;cursor:pointer;list-style:none;font:600 clamp(16px,1.5vw,20px)/1.3 Urbanist,sans-serif;}
.process-proof summary::-webkit-details-marker {display:none;}
.process-proof summary:focus-visible {outline:2px solid #ee6422;outline-offset:5px;}
.process-proof__mark {color:#ee6422;font-size:30px;font-weight:400;}
.process-proof__plus {margin-left:auto;color:#ee6422;font-size:26px;font-weight:400;transition:transform .2s;}
.process-proof[open] .process-proof__plus {transform:rotate(45deg);}
.process-proof__body {display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,54px);align-items:center;padding:8px 0 32px;}
.process-proof__figure {margin:0;min-width:0;}
.process-proof__crop {position:relative;aspect-ratio:600/450;overflow:hidden;background:#e5e5e5;border:8px solid #f5f5f5;}
.process-proof__crop img {position:absolute;display:block;width:333.333%;max-width:none;height:auto;left:0;top:-100%;}
.process-proof figcaption {font:400 13px/1.5 Urbanist,sans-serif;color:#aaa;margin-top:12px;}
.process-proof__eyebrow {font:400 12px/1.5 'DM Mono',monospace!important;color:#f68c5c;}
.process-proof h3 {font:800 clamp(24px,2.7vw,36px)/1.1 Urbanist,sans-serif;letter-spacing:-.025em;margin:12px 0 20px;}
.process-proof__note p {font:400 clamp(16px,1.3vw,18px)/1.55 Urbanist,sans-serif;margin:12px 0 0;}
@media(max-width:700px){.process-proof__body{grid-template-columns:1fr;gap:20px;}.process-proof summary{gap:10px;}.process-proof__crop{max-width:520px;}.process-proof__note{padding-bottom:4px;}}
/* Progressive enhancement: normal links remain normal links in other browsers. */
@view-transition { navigation:auto; }
@media(prefers-reduced-motion:no-preference){
 #project-clash .notebook-panel__featured-polaroid--front .notebook-panel__featured-image img,
 .journey-case-image {view-transition-name:clash-photo;}
 ::view-transition-group(clash-photo){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1);}
 ::view-transition-old(root){animation:journey-out .18s ease-out both;}
 ::view-transition-new(root){animation:journey-in .32s ease-out both;}
}
@keyframes journey-out {to{opacity:0;}}
@keyframes journey-in {from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important;}
 .process-proof__plus{transition:none;}
}

[data-notebook-panel][tabindex="-1"]:focus, #signage-decision[tabindex="-1"]:focus, #abc-overview[tabindex="-1"]:focus {outline:none;}
/* GSAP owns programmatic easing. Native smooth scrolling must not animate
   ScrollTrigger's measuring/restoration seeks. Wheel and touch remain native. */
html:root {scroll-behavior:auto;}