@font-face{font-family:Clipboard;src:url('https://clipboard.co.nz/wordpress/wp-content/uploads/clipboard-journey-20261016/superdie.otf') format('opentype');font-display:swap}
:root{--paper:#eeeee5;--ink:#123c40;--yellow:#d3ed62;--harbour:#123c40;--deep:#102d32;--cream:#eeeee5;--acid:#d3ed62}
body.inner-page{background:var(--deep);color:var(--cream)}.inner-page .site-header:before{background:#102d32ed}.inner-main{background:var(--deep)!important;color:var(--cream)}.inner-main .page-opening{--page-accent:#8acdc4}.inner-main .page-opening .kicker{color:#8acdc4}.inner-main .title-colour{color:var(--acid)}.page-opening-stage h1{font-size:clamp(60px,8.4vw,135px);letter-spacing:-.012em}.inner-main .inner-intro{color:#c4d7d1}.inner-main .content-row{padding:110px 0;min-height:78svh;--chapter-colour:#d3ed62!important}.inner-main .content-row>div{border-left-color:#8acdc455;padding-left:35px}.inner-main .content-row h2,.inner-main .content-row:nth-of-type(even) h2{font-size:clamp(40px,4.8vw,78px);line-height:1.03;color:var(--acid);max-width:550px}.inner-main .content-row p{font-size:19px;line-height:1.7;color:#c4d7d1}.inner-main .content-row:before{background:url('https://clipboard.co.nz/wordpress/wp-content/uploads/clipboard-journey-20261016/artist-studies/harbour-lines.svg') center/cover no-repeat;opacity:.35;inset:0 -7vw}.inner-main .content-row>.chapter-badge{top:25px;left:0;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--deep);font:11px Arial,sans-serif;letter-spacing:0}.inner-main .content-row:nth-of-type(3n){--chapter-colour:#28685f!important;color:var(--harbour)}.inner-main .content-row:nth-of-type(3n):before{background:#eeeee5;opacity:1;z-index:-1}.inner-main .content-row:nth-of-type(3n) h2{color:#143a3e}.inner-main .content-row:nth-of-type(3n) p,.inner-main .content-row:nth-of-type(3n) li{color:#35544e}.inner-main .content-row:nth-of-type(3n)>div{border-color:#317b7055}.inner-main .content-row:nth-of-type(3n) a{color:#143a3e}.inner-main .content-row:nth-of-type(3n)>.chapter-badge{background:#143a3e;color:var(--cream)}.inner-main .content-row:nth-of-type(5n):before{background:#c4d7c5;opacity:1}.inner-main .content-row:nth-of-type(5n) h2{color:#143a3e}.inner-main .content-row:nth-of-type(5n) p,.inner-main .content-row:nth-of-type(5n) a{color:#35544e}.inner-main .content-row:nth-of-type(5n)>.chapter-badge{background:#143a3e;color:var(--cream)}.inner-main .next-page{padding:80px 0 90px;color:var(--acid)}.inner-main .next-page .mono{color:#8acdc4}.inner-main .site-footer{color:#b9cec6}.inner-main .company-label{font-size:13px!important}.inner-main .company-art{border:0}.inner-main .content-row .company-art small{color:#c6bcd6}.inside-dots a[aria-current] i{background:var(--acid);box-shadow:0 0 0 5px #d3ed6218}.business-menu-path .menu-copy small{color:#8acdc4!important}
/* Portfolio keeps its project interactions within the same visual family. */
.portfolio-family{background:var(--deep);color:var(--cream)}.portfolio-family .site-header{position:fixed;inset:0 0 auto;padding:23px 4vw;background:#102d32ed;border:0;z-index:50;display:flex;justify-content:space-between;align-items:center;color:var(--cream)}.portfolio-family .brand{font:22px/1 Clipboard,Arial,sans-serif;text-decoration:none}.portfolio-family .header-right{display:flex;align-items:center;gap:30px}.portfolio-context{font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9dc4bb}.portfolio-family .global-menu-button{display:flex;gap:22px;align-items:center;border:0;border-radius:0;padding:10px 0;color:var(--cream);background:none}.portfolio-family .work-opening{background:var(--deep)}.portfolio-family .work-stage{background:radial-gradient(ellipse at 90% 60%,#28645b44,transparent 65%),var(--deep)}.portfolio-family .work-stage: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/cover;opacity:.3;pointer-events:none}.portfolio-family .stage-grid{position:relative}.portfolio-family .work-intro h1{font-size:clamp(65px,10vw,160px);line-height:.95;letter-spacing:-.012em;color:var(--cream)}.portfolio-family .work-intro h1 em,.portfolio-family .work-intro h1 span{color:var(--acid)}.portfolio-family .work-lead{color:#b9cec6}.portfolio-family .work-intro .eyebrow{color:#8acdc4}.portfolio-family .collection-link{color:var(--acid);border-color:#8acdc455}.portfolio-family .featured-image{border:0;border-radius:0;box-shadow:none;background:#eeeee5}.portfolio-family .feature-plus{background:var(--acid);color:#123c40;border:0;border-radius:50%;width:54px;height:54px}.portfolio-family .feature-controls button{border-color:#8acdc477;color:var(--acid)}.portfolio-family .collection{background:var(--cream);color:#143a3e}.portfolio-family .collection h2{font-size:clamp(45px,6vw,95px);line-height:1.03}.portfolio-family .collection .eyebrow{color:#45605c}.portfolio-family .collection-heading p{color:#45605c}.portfolio-family [data-filter]{border-color:#143a3e55;color:#143a3e}.portfolio-family [data-filter][aria-pressed="true"]{background:#143a3e;color:#eeeee5}.portfolio-family .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 30px}.portfolio-family .project{border:0;background:transparent;color:#143a3e}.portfolio-family .project h2{font-size:clamp(28px,3vw,48px);line-height:1.1}.portfolio-family .project-visual{border:0;min-height:340px}.portfolio-family .project-meta{color:#45605c}.portfolio-family .archive{background:#c4d7c5;color:#143a3e;border:0}.portfolio-family .archive details{border-color:#143a3e44}.portfolio-family footer{background:var(--deep);color:#c4d7d1}.portfolio-family #project-view{background:var(--deep);color:var(--cream)}.portfolio-family .detail-copy{color:var(--cream)}.portfolio-family .detail-role{color:#8acdc4}.portfolio-family .detail-visual{background:#eeeee5}.portfolio-family .project-link{color:var(--acid)}
@media(max-width:800px){.page-opening-stage h1{font-size:16vw}.inner-main .content-row{min-height:0;padding:110px 0 75px}.inner-main .content-row h2{font-size:11vw}.inner-main .content-row>div{padding-left:20px}.inner-main .content-row p{font-size:17px}.inner-main .content-row>.chapter-badge{width:48px;height:48px}.portfolio-family .site-header{padding:20px 6vw}.portfolio-context{font-size:9px}.portfolio-family .header-right{gap:20px}.portfolio-family .projects{grid-template-columns:1fr;gap:40px}.portfolio-family .project-visual{min-height:240px}.portfolio-family .work-intro h1{font-size:19vw}.portfolio-family .collection h2{font-size:12vw}.portfolio-family .project h2{font-size:30px}}
.portfolio-family .stage-grid{position:absolute;inset:0;z-index:-1;pointer-events:none}.portfolio-family .work-stage{isolation:isolate}
.portfolio-family .feature-controls,.portfolio-family .feature-count,.portfolio-family .opening-bottom{color:#b9cec6;opacity:1}.portfolio-family .opening-bottom button{color:#c4d7d1;border-color:#8acdc477}.portfolio-family .feature-controls button{border-radius:50%;width:46px;height:46px}.portfolio-family .feature-controls button:disabled{opacity:.45}.portfolio-family .project-note{color:#45605c}
.portfolio-family .feature-controls span{color:#b9cec6;opacity:1}.portfolio-family .opening-bottom button{min-height:44px;padding:8px 0}
@media(max-width:800px){.portfolio-family .work-intro h1{font-size:18vw}}

.inner-main .content-row:after{content:none}.inner-main .chapter-badge{position:absolute}.inside-dots{mix-blend-mode:difference}

.portfolio-family .feature-count{background:#d3ed62;color:#123c40;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font:12px Arial,sans-serif;flex-shrink:0}