.header{position:fixed;left:0;right:0;top:0;z-index:60;height:82px;border-bottom:1px solid #ffffff20}
.header .brand img{width:auto;max-width:190px;height:50px;object-fit:contain}
html{scroll-padding-top:90px}
.journey{height:1000svh;position:relative;margin-top:0;scroll-margin-top:0}
.journey-pin{position:sticky;top:0;width:100%;height:100svh;min-height:580px;background:#121511;overflow:hidden;isolation:isolate}
#agency-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;transition:opacity 1.2s}
.journey-pin.ready #agency-canvas{opacity:1}
.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111510de 0%,#11151099 24%,transparent 62%),linear-gradient(0deg,#111510ed,transparent 25%);pointer-events:none}
.journey-copy{position:absolute;left:5vw;top:22%;width:43%;pointer-events:none;opacity:var(--settle,1);transform:translateY(calc((1 - var(--settle,1))*-14px));transition:opacity .2s;z-index:4}
.journey-eyebrow{font-size:10px;letter-spacing:.18em;display:flex;gap:16px;align-items:center;margin-bottom:24px;color:#ccff00}
.journey-eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:#ccff00;border-radius:50%}
#journey-title{font-family:var(--display);font-size:clamp(45px,6.5vw,104px);line-height:.93;letter-spacing:-.06em;white-space:pre-line;color:#f4f1e9;margin:0}
#journey-copy{font-size:clamp(12px,1.08vw,16px);max-width:310px;line-height:1.65;margin-top:24px;color:#d3d5c8}
.journey-person-info{position:absolute;left:5vw;bottom:140px;border-left:2px solid #ccff00;padding-left:16px;max-width:290px;z-index:4}
#journey-role{font-size:11px;font-weight:700;letter-spacing:.08em;color:#faa21b}
#journey-detail{font-size:12px;line-height:1.5;color:#c4c7b8;margin-top:7px}
.journey-copy .pill{pointer-events:auto;margin-top:25px;background:#ccff00;color:#111110}
.journey-copy [hidden]{display:none}
.journey-bottom{position:absolute;bottom:25px;left:5vw;right:5vw;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}
.journey-map{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.journey-map button{padding:9px 0;background:none;border-bottom:1px solid transparent;color:#a2a79b;font-size:11px}
.journey-map button[aria-current=step]{color:#CCFF00;border-color:#CCFF00}
.journey-tools{display:flex;gap:15px;align-items:center}
.journey-tools button{background:none;color:#d6d8cc;border-bottom:1px solid #ffffff35;padding:8px 0;font-size:10px;white-space:nowrap}
.journey-scroll{font-size:9px;letter-spacing:.14em;color:#b5b9ab;margin-top:18px}
.journey-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff16;z-index:10}
#journey-progress{height:100%;width:0;background:#CCFF00}
.journey-roster{position:absolute;right:5vw;top:104px;z-index:20;max-width:420px;color:#dce0d3;font-size:11px}
.journey-roster>summary{cursor:pointer;text-align:right;list-style:none;padding:12px;border:1px solid #ffffff25;border-radius:40px;background:#12151180;backdrop-filter:blur(8px)}
.journey-roster[open]{width:420px}
.journey-roster[open]>summary{color:#ccff00}
.journey-roster-list{max-height:55vh;overflow:auto;background:#111510ed;border:1px solid #ffffff25;border-radius:16px;padding:16px;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;backdrop-filter:blur(12px)}
.journey-roster-list button{background:#ffffff06;font-size:11px;text-align:left;line-height:1.5;padding:10px;border-radius:8px}
.journey-roster-list button:hover{color:#ccff00;background:#ffffff10}
#family-loaded{color:#ccff00}
.journey-project-picker{display:none;position:absolute;right:5vw;top:158px;z-index:20;max-width:360px;font-size:11px}
.journey-pin[data-beat=gallery] .journey-project-picker{display:block}
.journey-project-picker summary{cursor:pointer;list-style:none;padding:12px 18px;border:1px solid #ccff0055;border-radius:30px;background:#121511dd;color:#ccff00}
.journey-project-picker>div{display:grid;gap:5px;padding:12px;background:#121511f2;border-radius:12px;margin-top:8px}
.journey-project-picker button{background:#ffffff08;text-align:left;font-size:12px;padding:12px;border-radius:8px}
@media(max-width:700px){.journey-project-picker{right:6vw;top:125px;max-width:88vw}.journey-project-picker summary{font-size:10px}}
#journey-loading{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;padding:0 5vw 130px;background:#121511;pointer-events:none}
#journey-loading[hidden]{display:none}
#journey-loading p{font-size:11px;letter-spacing:.12em;color:#ccff00}
.journey-paint{position:absolute;inset:-5%;background:#FAA21B;z-index:7;pointer-events:none;clip-path:circle(calc(var(--splash,0)*120%) at 70% 50%);opacity:calc(min(1,var(--splash,0)*5))}
.journey-shutter{position:absolute;inset:0;background:#fff;pointer-events:none;z-index:8;opacity:0}
#journey-fallback{position:absolute;right:5%;bottom:15%;width:45%;z-index:1}
#journey-fallback[hidden]{display:none}
.journey-pin.fallback .journey-shade{display:none}
.journey-pin.fallback .journey-roster,.journey-pin.fallback .journey-person-info{display:none}
.journey-pin.fallback .journey-map button:not([data-stage="0"]){display:none}
.project-gallery img{width:100%;height:auto;border-radius:8px;margin:20px 0}
.project-gallery video{width:100%;max-height:65vh;background:#111;border-radius:8px;margin-top:25px}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.project.project-wide{grid-column:auto}
.project-image{aspect-ratio:4/5}
.project-image img{width:100%;height:100%;object-fit:contain;background:#f4f1e9}
.project-caption h3{font-size:20px}
.project-caption span{font-size:9px}
@media(max-width:900px){.journey-map{gap:12px}.journey-map button{font-size:10px}.journey-tools{gap:10px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .header{height:72px;padding:9px 5vw;gap:12px}.header .brand{width:125px}.header .brand img{width:auto;max-width:125px;height:40px}.header nav{display:none}.header-cta{margin-left:auto;padding:12px 17px;font-size:11px;gap:10px}
 .journey-pin{min-height:540px}.journey-copy{left:6vw;top:16%;width:88%;max-width:440px}.journey-eyebrow{font-size:8px;margin-bottom:16px}
 #journey-title{font-size:clamp(37px,10.3vw,60px);max-width:92%}#journey-copy{font-size:11px;line-height:1.5;margin-top:15px;max-width:65%}
 .journey-shade{background:linear-gradient(180deg,#111510d9 0%,#1115108a 27%,transparent 48%,#11151099 85%,#111510 100%)}
 .journey-person-info{position:absolute;left:6vw;bottom:143px;margin:0;max-width:67%;padding-left:10px;pointer-events:none}
 #journey-role{font-size:9px}#journey-detail{font-size:10px}
 .journey-bottom{left:6vw;right:6vw;bottom:20px;display:block}.journey-map{justify-content:space-between;gap:5px}.journey-map button{font-size:8px;padding:8px 0}
 .journey-tools{justify-content:space-between;margin-top:15px}.journey-tools button{font-size:8px}.journey-scroll{font-size:7px;margin-top:12px}
 .journey-roster{right:6vw;top:83px;max-width:88vw}.journey-roster>summary{font-size:9px;padding:8px 12px}.journey-roster[open]{width:88vw}
 .journey-roster-list{max-height:45vh}.journey-roster-list button{font-size:10px}
 .journey-copy .pill{font-size:11px;padding:12px 18px;margin-top:14px}
 #journey-fallback{width:85%;right:7%;bottom:14%;opacity:.75}
 .journey-pin.fallback .journey-copy{z-index:4}
 .work-grid{grid-template-columns:1fr 1fr;gap:14px}.project-caption{display:block}.project-caption h3{font-size:15px}.project-caption span{display:block;font-size:8px;margin-top:7px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){#agency-canvas,.journey-copy{transition:none}.journey-paint,.journey-shutter{display:none}.journey{height:800svh}}
/* A quiet reading zone while the studio encounter plays on the right. */
.journey-pin[data-studio=true] .journey-copy{top:19%;width:36%;opacity:calc(var(--settle,1)*var(--studio-clear,1))}
.journey-pin[data-studio=true] #journey-title{font-size:clamp(42px,5.3vw,82px)}
.journey-pin[data-studio=true] .journey-person-info{opacity:var(--studio-clear,1)}
.journey-paint{mask-image:none;-webkit-mask-image:none;clip-path:circle(calc(var(--splash,0)*150%) at 70% 50%);opacity:calc(min(1,var(--splash,0)*6))}
@media(max-width:700px){
 .journey-pin[data-studio=true] .journey-copy{top:17%;width:88%}
 .journey-pin[data-studio=true] #journey-title{font-size:clamp(34px,9vw,51px)}
 .journey-pin[data-studio=true] #journey-copy{max-width:70%;font-size:12px}
 .journey-map button{min-height:36px}.journey-tools button{min-height:36px}
}

#journey-specialism{font-size:clamp(13px,1.25vw,19px);font-weight:600;color:#faa21b;line-height:1.45;margin-top:22px}
#journey-specialism[hidden]{display:none}
@media(max-width:700px){#journey-specialism{font-size:13px;margin-top:16px}}