.clipboard-home{--harbour:#123c40;--deep:#102d32;--cream:#eeeee5;--acid:#d3ed62;--coral:#ffa18c;background:var(--deep);color:var(--cream)}
.clipboard-home .hero{height:185svh;background:var(--deep)}.clipboard-home .hero-frame{background:radial-gradient(ellipse at 55% 35%,#c7d6cb,#8ba9a5 65%,#47716e)}.clipboard-home .camera{mix-blend-mode:multiply}.clipboard-home .hero-vignette{background:linear-gradient(0deg,#102d32,#102d3240 25%,transparent 65%)}.clipboard-home .hero-title{inset:13% 0 13%;font-size:clamp(75px,11.7vw,210px);letter-spacing:-.012em;line-height:.86;text-shadow:0 8px 30px #0002}.clipboard-home .hero-title .the{left:7%;top:0;font:13px/1 Arial,sans-serif;letter-spacing:.19em;padding:15px 22px;background:#163c40;color:#eeeee5;border:1px solid #ffffff33}.clipboard-home .hero-title .word-journey{left:7%;top:13%}.clipboard-home .hero-title .starts{left:25%;top:42%}.clipboard-home .hero-title .here{left:56%;top:69%;color:var(--acid)}.clipboard-home .hero-count{top:110px;left:7vw}.clipboard-home .side-note{right:7vw;top:110px}.clipboard-home .hero-foot{left:7vw;right:7vw}.clipboard-home .hero-foot p{font-size:16px;max-width:330px}.clipboard-home .hero-foot .arrow{border-color:#d3ed6277;color:var(--acid)}.clipboard-home .opening{background:linear-gradient(#102d3200,#102d32 28%);padding:155px 7vw 130px;grid-template-columns:.6fr 1.7fr;gap:7vw}.clipboard-home .opening h2{font:clamp(45px,6.6vw,105px)/1.02 Uni,Arial,sans-serif;letter-spacing:0;margin:0 0 45px}.clipboard-home .opening h2 em{font:inherit;color:var(--acid)}.clipboard-home .opening-lower{gap:4vw}.clipboard-home .opening-lower p{font-size:19px;line-height:1.6}.clipboard-home .opening .mono{color:#80beb7}
.clipboard-home .journey{padding:20px 7vw 110px;background:var(--deep);isolation:isolate;overflow:clip}.clipboard-home .journey:before{content:'';position:absolute;inset:0;background:url('https://clipboard.co.nz/wordpress/wp-content/uploads/clipboard-journey-20261016/artist-studies/harbour-lines.svg') center/100% auto no-repeat;pointer-events:none;z-index:-1;opacity:.6}.clipboard-home .journey-shortcuts{justify-content:flex-start;gap:60px;padding-bottom:40px}.clipboard-home .journey-shortcuts a{font-size:13px;min-height:44px}.clipboard-home .journey-layout{grid-template-columns:.8fr 1.2fr;gap:7vw}.clipboard-home .journey-step{min-height:90svh;opacity:.4}.clipboard-home .journey-step.is-active{opacity:1}.clipboard-home .journey-step h2{font-size:clamp(47px,5.6vw,90px);line-height:1.04}.clipboard-home .journey-step h2 em{font:inherit}.clipboard-home .journey-step p{font-size:18px;line-height:1.65;max-width:390px}.clipboard-home .journey-step .step-note{font-size:12px}.clipboard-home .journey-view{--stage:#ffa18c;min-height:520px;top:100px;height:calc(100svh - 125px)}.clipboard-home .journey-view[data-stage="1"]{--stage:#f8bf64}.clipboard-home .journey-view[data-stage="2"]{--stage:#d3ed62}.clipboard-home .journey-orbit{width:min(108%,76svh);inset:auto;left:50%;top:50%;transform:translate(-50%,-50%) translateY(var(--orbit-y,0px)) rotate(var(--orbit-tilt,0deg))}.clipboard-home .orbit-disc{inset:10%;background:var(--stage);box-shadow:none;transition:background .7s;transform:scale(var(--orbit-scale,1))}.clipboard-home .orbit-outline{stroke:#a2cbc04d;stroke-width:1.5}.clipboard-home .orbit-inner{stroke:#eeeee54a;stroke-width:1.5;stroke-dasharray:none}.clipboard-home .orbit-track{stroke:var(--stage);stroke-width:18;stroke-linecap:round;transition:stroke .7s}.clipboard-home .orbit-marker circle:first-child{fill:var(--cream);r:14}.clipboard-home .orbit-marker circle+circle{stroke:var(--stage);stroke-width:2;r:30}.clipboard-home .orbit-type{gap:20px}.clipboard-home .orbit-type .mono{color:#173e40;font-size:10px;letter-spacing:.12em}.clipboard-home .orbit-word{font-size:clamp(70px,8.8vw,140px);letter-spacing:-.015em;color:#123c40}.clipboard-home .orbit-subtitle{color:#173e40;font-size:17px}.clipboard-home .journey-view:after{display:none}.clipboard-home .view-label{color:#98c6be}.clipboard-home .view-number{color:var(--stage)}.clipboard-home .view-progress i{background:var(--stage)}
.clipboard-home .services{background:var(--cream);padding:100px 7vw 120px;color:#143a3e}.clipboard-home .services-head{grid-template-columns:1.4fr .6fr;gap:7vw;margin:65px 0}.clipboard-home .services-head h2{font-size:clamp(50px,6.6vw,105px)}.clipboard-home .support-list summary{padding:32px 0}.clipboard-home .support-list summary .service-title{font-size:clamp(28px,3.6vw,56px)}.clipboard-home .support-list details[open]{background:#123c4009}.clipboard-home .support-list summary .plus{color:#286f68}.clipboard-home .support-content{padding-top:15px;padding-bottom:35px}.clipboard-home .flow-interlude{min-height:80svh;background:#1c514e;padding:100px 7vw 110px}.clipboard-home .flow-art{background:url('https://clipboard.co.nz/wordpress/wp-content/uploads/clipboard-journey-20261016/artist-studies/reflection-rhythm.svg') center/cover;opacity:.65}.clipboard-home .flow-art svg{display:none}.clipboard-home .flow-copy h2{font-size:clamp(65px,10vw,155px);line-height:.96;max-width:1050px}.clipboard-home .flow-copy h2 em{font:inherit;color:var(--acid)}.clipboard-home .about{background:var(--cream);color:#143a3e;padding:65px 7vw 110px}.clipboard-home .about .section-top{border-color:#143a3e33}.clipboard-home .about .chapter,.clipboard-home .about-margin{color:#52736e}.clipboard-home .about-content{grid-template-columns:.6fr 1.7fr;gap:7vw;margin-top:65px}.clipboard-home .about-body h2{font-size:clamp(43px,5.5vw,85px)}.clipboard-home .about-body h2 em{font:inherit;color:#317b70}.clipboard-home .about-prose{color:#45605c;line-height:1.65}.clipboard-home .connected-pages{padding:85px 7vw 100px;background:#c4d7c5;color:#143a3e}.clipboard-home .connected-pages .section-top{border-color:#143a3e33}.clipboard-home .connected-pages .chapter{color:#45605c}.clipboard-home .connected-layout{grid-template-columns:1.2fr 1fr;gap:7vw}.clipboard-home .connected-layout p{color:#35544e}.clipboard-home .connected-layout h2{font-size:clamp(50px,6.7vw,110px)}.clipboard-home .connected-pages:before{display:none}.clipboard-home .collective-intro{background:#173e40;color:var(--cream)}.clipboard-home .collective-intro h2{color:var(--acid)}.clipboard-home .collective-intro .section-top{border-color:#ffffff30}.clipboard-home .collective-intro .chapter{color:#99bdb8}.clipboard-home .collective-strip a{border-color:#d3ed62;background:var(--cream)}.clipboard-home .collective-strip a:nth-child(3){background:#9acbd0}.clipboard-home .contact{padding:80px 7vw 50px;background:var(--acid);color:#143a3e}.clipboard-home .contact-intro h2{font-size:clamp(65px,10vw,155px)}.clipboard-home .contact h2 em{font:inherit}.clipboard-home .contact-intro p,.clipboard-home .contact .chapter,.clipboard-home .contact small{color:#35544e}.clipboard-home .contact .section-top,.clipboard-home .contact-links,.clipboard-home .contact-links a,.clipboard-home .contact .footer{border-color:#143a3e55}.clipboard-home .contact .footer{color:#35544e}.clipboard-home .scroll-thread{opacity:calc(var(--thread-opacity,0)*.45)}
@media(max-width:800px){.clipboard-home .hero{height:155svh;min-height:1050px}.clipboard-home .hero-title{inset:17% 0 19%;font-size:16vw}.clipboard-home .hero-title .the{left:7%;font-size:10px;padding:12px 16px}.clipboard-home .hero-title .word-journey{left:7%;top:18%;font-size:1.03em}.clipboard-home .hero-title .starts{left:17%;top:43%}.clipboard-home .hero-title .here{left:41%;top:68%}.clipboard-home .hero-count{top:95px;font-size:8px}.clipboard-home .side-note{display:none}.clipboard-home .hero-foot{right:13vw;left:7vw;gap:20px}.clipboard-home .hero-foot p{font-size:12px;max-width:165px}.clipboard-home .hero-foot .scroll-link{gap:12px}.clipboard-home .hero-foot .mono{font-size:8px}.clipboard-home .opening{padding:100px 13vw 75px 7vw;display:block}.clipboard-home .opening h2{font-size:12vw}.clipboard-home .opening-lower{display:block}.clipboard-home .opening-lower p{font-size:17px}.clipboard-home .opening-lower .line-link{margin-top:30px}.clipboard-home .journey{padding:0 12vw 70px 7vw}.clipboard-home .journey-shortcuts{gap:18px;justify-content:space-between}.clipboard-home .journey-shortcuts a{font-size:10px}.clipboard-home .journey-layout{display:flex;flex-direction:column;gap:0}.clipboard-home .journey-view{display:block;order:-1;position:sticky;top:65px;height:40svh;min-height:270px;z-index:4;background:#102d32f5;margin-bottom:20px}.clipboard-home .journey-orbit{width:min(78vw,36svh)}.clipboard-home .orbit-word{font-size:12vw}.clipboard-home .orbit-type{gap:12px}.clipboard-home .orbit-type .mono{font-size:7px}.clipboard-home .orbit-subtitle{font-size:11px}.clipboard-home .view-label,.clipboard-home .view-number,.clipboard-home .view-bottom,.clipboard-home .view-progress{display:none}.clipboard-home .journey-step{min-height:65svh;padding:50px 0;opacity:.6}.clipboard-home .journey-step h2{font-size:12vw}.clipboard-home .journey-step p{font-size:17px}.clipboard-home .services{padding:75px 12vw 80px 7vw}.clipboard-home .services-head{display:block;margin:45px 0}.clipboard-home .services-head h2{font-size:12vw;margin-bottom:30px}.clipboard-home .support-list summary{gap:10px;grid-template-columns:25px 1fr 30px}.clipboard-home .support-list summary .service-title{font-size:27px}.clipboard-home .support-content{display:block;padding-left:35px;padding-right:10px}.clipboard-home .support-content .line-link{margin-top:25px}.clipboard-home .flow-interlude{padding:70px 12vw 80px 7vw;min-height:65svh}.clipboard-home .flow-copy h2{font-size:16vw}.clipboard-home .about{padding:65px 12vw 80px 7vw}.clipboard-home .about-content{display:block}.clipboard-home .about-body h2{font-size:10.5vw}.clipboard-home .connected-pages{padding:65px 12vw 80px 7vw}.clipboard-home .connected-layout{display:block}.clipboard-home .connected-layout h2{font-size:13vw;margin:0 0 35px}.clipboard-home .contact{padding:65px 12vw 40px 7vw}.clipboard-home .contact-intro h2{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.clipboard-home .hero{height:auto;min-height:0}.clipboard-home .opening{margin-top:0;background:var(--deep)}.clipboard-home .journey-view{position:relative;top:auto}.clipboard-home .journey-step{opacity:1}.clipboard-home .journey-orbit{transform:translate(-50%,-50%)!important}.clipboard-home .orbit-disc{transform:none}.clipboard-home .orbit-disc,.clipboard-home .orbit-track{transition:none}}
.clipboard-home .hero-count{display:none}.clipboard-home .hero-vignette{background:linear-gradient(0deg,#102d32,#102d3240 25%,#163c4026 65%,#163c4055)}.clipboard-home .journey-step[data-step="0"] h2 em{color:#ffa18c}.clipboard-home .journey-step[data-step="1"] h2 em{color:#f8bf64}.clipboard-home .journey-step[data-step="2"] h2 em{color:#d3ed62}
@media(max-width:800px){.clipboard-home .journey-view{background:#102d32}.clipboard-home .journey-step{scroll-margin-top:40svh;opacity:1}}

.clipboard-home .chapter-dots{mix-blend-mode:difference}
.clipboard-home .contact{background:#c4d7c5}.clipboard-home .opening h2{font-size:clamp(40px,5.2vw,82px);line-height:1.08}.clipboard-home .opening h2 em{font-style:italic}@media(max-width:800px){.clipboard-home .opening h2{font-size:10.3vw}}