@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.site-header .brand{view-transition-name:clipboard-logo}.site-header{view-transition-name:clipboard-header}
.inner-main .kicker,.inner-main .content-row:after{color:var(--page-accent,#f5d22b)}.inner-main{background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--page-accent,#f5d22b) 12%,transparent),transparent 55%),linear-gradient(150deg,#343a3e,#252a2c 75%)}.page-opening:after{content:'';position:absolute;width:40vw;height:40vw;border:1px solid color-mix(in srgb,var(--page-accent) 18%,transparent);border-radius:50%;right:-20vw;top:20%;pointer-events:none}.page-opening .page-cue span{color:var(--page-accent)}.inner-main .content-row:nth-of-type(even) h2{color:var(--page-accent,#f5d22b)}.practical-list{padding-left:22px;color:#d0d5d4;line-height:1.7}.practical-list li{padding:8px 0}.practical-list li::marker{color:var(--page-accent,#f5d22b)}.next-page{padding:65px 0 75px;border-top:1px solid #ffffff30}.next-page .mono{color:var(--page-accent,#f5d22b)}.next-page .line-link{font:clamp(35px,5vw,75px)/1.1 Uni,Arial,sans-serif;max-width:850px;padding:25px 0}.contact-number,.contact-email{font-size:clamp(20px,2.5vw,35px);overflow-wrap:anywhere}.company-art{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;width:100%;background:#e9e8e3;position:relative;overflow:hidden;border-top:2px solid var(--page-accent)}.company-art img{width:100%;max-width:460px;max-height:210px;object-fit:contain}.company-art.company-gps{background:#9acbd0}.company-art.company-gps img{max-height:260px}.company-art.company-flame{background:#e9e8e3}.company-art.company-ink{background:#3d3650;color:#e9e8e3}.pending-wordmark{font:clamp(35px,5vw,70px)/1 Uni,Arial,sans-serif}.company-art small{margin-top:25px;color:#b9b2ca;font-size:12px}.company-label{font-size:13px!important;letter-spacing:.02em;margin-top:25px!important}.collective-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 30px}.collective-strip a{min-height:85px;display:flex;align-items:center;justify-content:center;padding:18px;background:#e9e8e3;color:#292d30;border-bottom:2px solid #f5d22b;transition:transform .3s}.collective-strip a:hover{transform:translateY(-4px)}.collective-strip img{max-width:100%;width:140px;max-height:65px;object-fit:contain}.collective-strip a:nth-child(3){background:#9acbd0}.collective-strip span{font:25px Uni,Arial,sans-serif}.collective-strip a:last-child{grid-column:1/-1}.journey-step[data-step="0"] .mono{color:#ff8f87}.journey-step[data-step="1"] .mono{color:#f6b449}.journey-step[data-step="2"] .mono{color:#b6d975}.journey-shortcuts a:nth-child(1){border-color:#ff8f8766}.journey-shortcuts a:nth-child(2){border-color:#f6b44966}.journey-shortcuts a:nth-child(3){border-color:#b6d97566}.harbour-light{opacity:.65}
#site-menu{position:fixed;inset:0;border:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:auto;padding:30px 6vw 40px;background:radial-gradient(ellipse at 90% 100%,#55716a33,transparent 50%),#252a2c;color:#e8e7e2}#site-menu::backdrop{background:#252a2c}.menu-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff35;padding-bottom:25px}.menu-top .mono{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.menu-top button{color:inherit;background:none;border:0;padding:12px;cursor:pointer;font:15px Arial,sans-serif}#site-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;padding:35px 0}#site-menu nav a{display:grid;grid-template-columns:25px 1fr 24px;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff25;text-decoration:none;color:inherit}#site-menu nav .menu-index{font:11px Arial,sans-serif;color:#adb8ba}#site-menu nav .menu-copy{font:clamp(28px,3.3vw,52px)/1.05 Uni,Arial,sans-serif;letter-spacing:0}#site-menu nav small{display:block;font:13px/1.4 Arial,sans-serif;color:#adb8ba;letter-spacing:0;text-transform:none;margin-top:9px}#site-menu nav i{font:22px Arial,sans-serif;opacity:.5}#site-menu nav a[aria-current="page"] .menu-copy{color:#f5d22b}#site-menu nav a:hover .menu-copy{color:#91d5ca}#site-menu nav a:hover i{opacity:1}.menu-bottom{display:flex;justify-content:space-between;gap:25px;align-items:end;font:14px/1.5 Arial,sans-serif}.menu-bottom a{color:inherit}.global-menu-button{background:none;border:1px solid #ffffff55;border-radius:30px;color:inherit;font:13px Arial,sans-serif;padding:10px 18px;cursor:pointer;min-height:44px}.global-menu-button:focus-visible,#site-menu a:focus-visible,#site-menu button:focus-visible{outline:3px solid #f5d22b;outline-offset:4px}
@media(max-width:800px){#site-menu{padding:20px 7vw 35px}#site-menu nav{grid-template-columns:1fr;padding:20px 0}#site-menu nav a{padding:14px 0;gap:12px}#site-menu nav .menu-copy{font-size:28px}#site-menu nav small{font-size:12px;margin-top:6px}.menu-bottom{display:block}.company-art{min-height:220px;padding:28px}.company-art img{max-height:160px}.collective-strip{gap:10px}.next-page .line-link{font-size:38px}.page-opening:after{width:85vw;height:85vw;right:-60vw}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.collective-strip a{transition:none}.collective-strip a:hover{transform:none}}
#site-menu nav{width:100%;max-width:none;margin:0}#site-menu nav a{opacity:1;min-width:0}#site-menu nav a .menu-copy{width:auto;min-width:0;font-size:clamp(28px,2.7vw,43px);text-transform:none}#site-menu nav a .menu-index{width:auto}#site-menu nav .menu-copy small{width:auto;max-width:none;white-space:normal}#site-menu nav a i{justify-self:end}#site-menu nav a .menu-copy{transform:none}
@media(max-width:800px){#site-menu nav a .menu-copy{font-size:28px}}
.motion-paused::view-transition-old(root),.motion-paused::view-transition-new(root){animation:none}
/* Chapter colour moves with the story rather than replacing its content. */
.inner-main .title-colour{color:var(--page-accent)}.opening-light{position:absolute;inset:0 -7vw;overflow:hidden;pointer-events:none;opacity:.65}.opening-light i{position:absolute;top:8%;right:-14%;width:48%;height:92%;background:linear-gradient(155deg,transparent 15%,color-mix(in srgb,var(--page-accent) 18%,transparent) 45%,transparent 75%);transform:skewX(-24deg);animation:light-drift 15s ease-in-out infinite alternate}.opening-light i:nth-child(2){right:8%;width:13%;opacity:.5;animation-delay:-7s}.opening-light i:nth-child(3){right:31%;width:1px;background:linear-gradient(transparent,var(--page-accent),transparent);opacity:.35;animation-delay:-3s}.page-opening:after{border-color:color-mix(in srgb,var(--page-accent) 30%,transparent)}
@keyframes light-drift{from{transform:translate3d(-25px,25px,0) skewX(-24deg);opacity:.4}to{transform:translate3d(35px,-35px,0) skewX(-24deg);opacity:1}}
.inner-main .content-row{isolation:isolate}.inner-main .content-row:before{background:linear-gradient(125deg,color-mix(in srgb,var(--chapter-colour) 19%,transparent),transparent 58%),radial-gradient(ellipse at 90% 70%,color-mix(in srgb,var(--chapter-colour) 10%,transparent),transparent 60%);opacity:calc(.5 + var(--chapter-glow,.3)*.5)}.inner-main .content-row:after{color:var(--chapter-colour)}.inner-main .content-row h2,.inner-main .content-row:nth-of-type(even) h2{color:var(--chapter-colour);transition:color .5s}.inner-main .content-row>div{border-left:2px solid color-mix(in srgb,var(--chapter-colour) 45%,transparent);padding-left:30px}.inner-main .content-row .line-link{border-color:color-mix(in srgb,var(--chapter-colour) 60%,transparent)}.inner-main .content-row .line-link span{color:var(--chapter-colour)}.company-art{border-color:var(--chapter-colour);box-shadow:0 30px 70px #0002;transform:translateY(var(--title-drift,0px));transition:box-shadow .6s}.company-art img{animation:logo-breathe 9s ease-in-out infinite alternate}@keyframes logo-breathe{from{transform:translateY(3px)}to{transform:translateY(-3px)}}.path-name{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;border:1px solid #79bfe577;padding:8px 13px;border-radius:30px;color:#a7d5ed}.business-path .site-header:before{background:#202d38ed}.business-path #site-menu{background:radial-gradient(ellipse at 90% 90%,#527ba333,transparent 65%),#202d38}.business-path .inner-main{background:linear-gradient(145deg,#2c3d49,#222b34 65%)}
.paused .opening-light i,.paused .company-art img{animation:none!important}.paused .company-art{transform:none!important}
@media(max-width:800px){.opening-light{inset:0 -9vw}.opening-light i{width:85%;right:-40%}.inner-main .content-row>div{padding-left:20px}.path-name{font-size:9px;padding:6px 8px}.business-path .header-right{gap:12px}}
@media(prefers-reduced-motion:reduce){.opening-light i,.company-art img{animation:none}.company-art{transform:none!important}}