@font-face{font-family:Diatype;src:url('assets/fonts/ABCDiatypePlusVariable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{--pad:7.5px;--gray:#c5c5c5;--green:#a7ff9c;--orange:#ff6831;--ink:#000;--paper:#fff}*{box-sizing:border-box}html{scroll-padding-top:12px}body{margin:0;background:#fff;color:#000;font-family:Diatype,Arial,sans-serif;font-size:13.5px;font-weight:500;line-height:1;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input{font:inherit;letter-spacing:inherit;color:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:4px}::selection{background:#a7ff9c;color:#000}.skip{position:fixed;top:-70px;left:10px;padding:12px;background:#000;color:#fff;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header{position:absolute;top:0;left:0;width:100%;height:45px;display:flex;align-items:center;padding:0 var(--pad);z-index:30}.brand{display:flex;align-items:center;justify-content:center;border:1px solid #000;width:28px;height:28px;border-radius:50%;font-size:17px;font-weight:750;transform:rotate(-22deg)}.header>nav{display:flex;justify-content:space-between;width:50%;margin-left:auto;font-size:12px;font-weight:650}.header a:hover{text-decoration:underline}.mobile-menu{display:none}.hero{height:calc(100svh + 12px);min-height:600px;position:relative;padding:12px var(--pad)}.hero-centre{position:absolute;top:46.8%;left:var(--pad);right:var(--pad);transform:translateY(-50%)}.hero h1{font-size:10.4166667vw;line-height:.8;letter-spacing:-.05em;font-weight:700;margin:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.name-gap{width:7.8vw;flex-shrink:0}.hero-aperture{position:absolute;top:50%;left:var(--aperture-center,27%);width:7.8vw;height:5.3vw;transform:translate(-50%,-50%);background:#111;border:0;padding:0;overflow:hidden}.hero-aperture img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.hero-aperture:hover img{filter:none}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:12px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:13.5px;font-weight:650;line-height:1}.hero-bottom>p{max-width:350px;margin:0;justify-self:center}.viewing{display:flex;align-items:end;gap:7px}.viewing .muted{color:#0003}.mini-bars{letter-spacing:-2px;line-height:1.3}.hero-bottom>button{background:none;padding:0;justify-self:end;font-size:13.5px}.type-experience{position:relative;height:505px;overflow:hidden;padding:12px var(--pad)}.ruler{display:flex;position:absolute;left:0;right:0;top:0;justify-content:space-between;font-size:13px;padding:0 20%;z-index:3}.type-lines{position:absolute;inset:25px var(--pad) 0;border-top:1px solid #000;border-bottom:1px solid #000;background:linear-gradient(90deg,transparent 14.6%,#000 14.6%,#000 calc(14.6% + 1px),transparent calc(14.6% + 1px),transparent 20.6%,#000 20.6%,#000 calc(20.6% + 1px),transparent calc(20.6% + 1px),transparent 50%,#000 50%,#000 calc(50% + 1px),transparent calc(50% + 1px),transparent 79.4%,#000 79.4%,#000 calc(79.4% + 1px),transparent calc(79.4% + 1px))}.type-row{height:120px;border-bottom:1px solid #000;font-size:10.4166667vw;font-weight:700;line-height:.8;letter-spacing:-.05em;display:flex;align-items:center;white-space:nowrap;position:relative}.type-row:last-child{border-bottom:0}.type-row i{width:7.15vw;height:7.15vw;border-radius:50%;background:#000;display:block;flex-shrink:0}.row-one{padding-left:0}.row-two{padding-left:17%;gap:5.2vw}.row-three{padding-left:46%;gap:5.2vw}.row-four{padding-left:78%}.platforms{min-height:132px;padding:35px var(--pad);display:flex;align-items:center;justify-content:space-evenly;gap:25px;font-size:18px;font-weight:750}.media-panel{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.first-media{height:53.333vw;min-height:500px;background:#161a1b}.media-panel>img{width:100%;height:100%;object-fit:contain}.first-media>img{padding:35px;object-fit:contain;transform:scale(1.12)}.media-view{position:absolute;bottom:20px;right:20px;border-radius:50%;width:75px;height:75px;background:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-size:11px}.section{padding:12px var(--pad)}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:185px;align-items:start}.section-top h2{font-size:18px;font-weight:700;line-height:.9;letter-spacing:-.02em;margin:0;text-transform:uppercase;display:flex;gap:6px;align-items:center}.section-top h2:before{content:'';width:13px;height:13px;background:currentColor;flex-shrink:0}.section-top>p{font-size:13.5px;line-height:1;margin:0;max-width:355px;font-weight:650}.work{background:var(--gray);padding-bottom:9vw}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.disc-media{aspect-ratio:1;position:relative;overflow:hidden;background:#b8b8b8}.disc-media>img{width:100%;height:100%;object-fit:cover}.disc-outline{position:absolute;inset:5%;border:1px solid #ffffff70;border-radius:50%;pointer-events:none}.disc-outline:after{content:'';width:8.5%;aspect-ratio:1;background:var(--gray);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.work-details{display:flex;flex-direction:column}.project-tabs{display:grid;grid-template-columns:repeat(4,1fr) 2fr;border-bottom:1px solid #000;padding-bottom:18px;align-items:center;gap:12px}.project-tabs button{background:none;padding:0;text-align:left;font-size:13.5px;opacity:.4}.project-tabs button[aria-selected=true]{opacity:1}.project-tabs>a{display:flex;justify-content:end;gap:20px;align-items:center;font-size:13.5px;font-weight:700}.project-tabs>a span{font-size:28px;font-weight:400;line-height:0}.project-copy{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:24px}.project-copy h3{font-size:18px;font-weight:700;margin:0;line-height:1;text-transform:uppercase}.project-body{font-size:13.5px;line-height:1;max-width:280px;margin:auto 0;padding:40px 0}.project-body strong{font-weight:700}.project-body p{margin:4px 0 0;color:#0007}.project-body .outcome{color:#000;margin-top:16px}.project-actions{display:grid;grid-template-columns:1fr 1fr}.project-actions>*{height:9.375vw;min-height:95px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:10.5px;background:transparent}.project-actions>a{background:#000;color:#fff}.project-actions button:hover{background:#ffffff40}.project-actions a:hover{background:#222}.experience{background:var(--green);padding-bottom:7.5px}.experience .section-top{min-height:137px}.experience-image{margin-left:calc(50% + 15px);width:calc(50% - 15px);height:37vw;overflow:hidden;background:#7acb72;position:relative}.experience-image img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1);mix-blend-mode:multiply;opacity:.7}.career-table{margin-top:8vw}.table-head,.career-row{display:grid;grid-template-columns:1fr 2fr 2fr;gap:25px;border-bottom:1px solid #000;padding:25px 0;font-size:18px}.table-head{font-size:10.5px;padding:12px 0}.career-row{min-height:90px;align-items:center}.full-line{display:flex;justify-content:center;position:relative;padding:30px;border-bottom:1px solid #000;font-size:13.5px;margin-top:35px}.full-line>span{position:absolute;right:0;top:20px;font-size:30px}.second-media{height:83.333vw;min-height:600px;background:#0c1417}.second-media>img{object-fit:cover;transform:scale(1.08)}.gallery{background:var(--gray);padding-bottom:45px}.gallery .section-top{min-height:185px}.gallery-stage{height:44vw;position:relative;max-width:1100px;margin:0 auto;outline-offset:8px;display:flex;align-items:center;justify-content:center}.gallery-stage>img{position:absolute;height:95%;width:68%;object-fit:contain;box-shadow:0 12px 45px #0002;background:#a8a8a8}.gallery-stage #gallery-art{z-index:3}.gallery-ghost.ghost-one{transform:translateX(-12%) rotate(-8deg);z-index:1}.gallery-ghost.ghost-two{transform:translateX(12%) rotate(8deg);z-index:2}.gallery-controls{display:flex;justify-content:space-between;align-items:end;max-width:1100px;margin:55px auto 0;font-size:13px}.gallery-controls>div{display:flex;gap:50px}.gallery-controls button{background:none;padding:15px 0;font-size:13.5px}.archive{background:#000;color:#fff;padding-bottom:90px}.archive .section-top{min-height:180px}.archive-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}.archive-index{border-top:1px solid #fff6}.archive-index a{display:grid;grid-template-columns:1fr 30px;gap:15px;border-bottom:1px solid #fff6;padding:28px 0}.archive-index a>span:first-child{grid-column:1/-1;font-size:10.5px;color:#fff7}.archive-index strong{font-size:18px;line-height:1;font-weight:600}.archive-index a>span:last-child{font-size:25px;text-align:right}.archive-feature{position:relative;display:block;aspect-ratio:16/10;background:#101010;overflow:hidden}.archive-feature>img{width:100%;height:100%;object-fit:cover}.archive-feature>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px;background:#000b;font-size:13px}.archive-feature i{font-size:25px;font-style:normal}.about-media{height:83.333vw;min-height:750px;max-height:1400px;background:#111;color:#fff;position:relative;overflow:hidden;padding:12px var(--pad)}.about-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.35;transform:scale(1.3)}.about-shade{position:absolute;inset:0;background:linear-gradient(#0003,#0002 30%,#000b)}.about-media .section-top{position:relative;z-index:2;min-height:0}.giant-year{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:36vw;line-height:.8;font-weight:700;letter-spacing:-.06em}.contact{background:var(--orange);padding-bottom:90px;overflow:hidden}.contact .section-top{min-height:240px}.section-top>.contact-title{font-size:36px;line-height:.9;font-weight:700;max-width:640px}.filmstrip{margin:0 calc(-1*var(--pad)) 90px;overflow:hidden;padding:45px 0}.filmstrip-track{display:flex;align-items:end;gap:12px;will-change:transform;width:max-content}.filmstrip-track img{width:11.5vw;height:11.5vw;min-width:110px;min-height:110px;object-fit:cover;background:#000}.filmstrip-track img:nth-child(3n){height:8.5vw}.filmstrip-track img:nth-child(4n){height:14vw}#contact-form{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #000}#contact-form>label,#contact-form>button{height:9.375vw;min-height:110px;border-right:1px solid #000;background:none;display:flex;align-items:center;justify-content:center;padding:15px}#contact-form>button{border:0;font-size:10.5px}#contact-form input{display:block;width:100%;height:100%;text-align:center;background:none;border:0;border-radius:0;font-size:10.5px;outline-offset:0}#contact-form input::placeholder{opacity:1;color:#000}#contact-form button:hover{background:#000;color:var(--orange)}.contact-fine{display:flex;justify-content:space-between;margin-top:15px;font-size:10.5px}.contact-fine>a{max-width:33.33%;width:100%;text-decoration:underline}footer{padding:70px var(--pad) 10px;background:#fff;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;width:50%;margin-left:auto;gap:30px}.footer-links>div{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:13px}.footer-links h3{font-size:10.5px;opacity:.4;margin:0 0 10px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;font-size:13px;margin-top:60px}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped,body.modal-open{overflow:hidden}dialog{width:min(1030px,calc(100% - 30px));max-height:94svh;overflow:auto;border:0;padding:30px;background:#c5c5c5;color:#000}dialog::backdrop{background:#000d}.dialog-header{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:20px;align-items:center}.dialog-header button{background:none;font-size:13px}.dialog-content{padding:35px 0 0}.micro{font-size:10.5px;text-transform:uppercase}.dialog-heading h2{font-size:42px;line-height:.95;letter-spacing:-.04em;margin:20px 0}.dialog-heading p{font-size:18px;line-height:1.1;max-width:700px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dialog-grid h3{font-size:13px;text-transform:uppercase}.dialog-grid p{font-size:14px;line-height:1.2;max-width:430px}.dialog-image{width:100%;max-height:600px;object-fit:contain;background:#aaa;padding:25px;margin:25px 0}.dialog-docs{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.dialog-docs a{text-decoration:underline}.dialog-content>.button{display:flex;justify-content:space-between;padding:25px;background:#000;color:#fff;margin-top:30px;max-width:350px}.dialog-content>.button img{filter:invert(1)}
@media(max-width:700px){:root{--pad:6px}.header{height:42px}.brand{width:24px;height:24px;font-size:14px}.header>nav{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{list-style:none;font-size:12px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;left:0;right:0;top:42px;background:#fff;display:flex;flex-direction:column;padding:18px 6px;gap:18px;font-size:20px;border-bottom:1px solid #000}.hero{height:calc(100svh + 12px);min-height:550px}.hero-centre{top:47%}.hero h1{font-size:10.6vw;line-height:.8;letter-spacing:-.055em}.name-gap{width:8.5vw}.hero-aperture{width:8.5vw;height:6vw}.hero-bottom{font-size:9px;grid-template-columns:1fr 1.6fr .7fr;gap:14px;line-height:1.05}.hero-bottom>p{font-size:9px;max-width:160px}.hero-bottom>button{font-size:9px}.viewing{gap:4px;font-size:9px}.mini-bars{font-size:9px}.type-experience{height:210px}.ruler{font-size:8px;top:2px}.type-lines{top:20px}.type-row{height:47px;font-size:13vw}.type-row i{width:9vw;height:9vw}.row-two{gap:5vw;padding-left:17%}.row-three{padding-left:45%;gap:5vw}.row-four{padding-left:74%}.platforms{min-height:90px;padding:20px 6px;gap:15px;overflow:auto;justify-content:start;white-space:nowrap;font-size:13px}.first-media{height:68vw;min-height:280px}.first-media>img{padding:15px;transform:scale(1.05)}.media-view{width:55px;height:55px;right:12px;bottom:12px;font-size:9px}.section{padding-top:12px}.section-top{grid-template-columns:1fr 1fr;gap:15px;min-height:120px}.section-top h2{font-size:14px;gap:4px}.section-top h2:before{width:9px;height:9px}.section-top>p{font-size:11px;line-height:1.05}.work{padding-bottom:60px}.work-grid{display:flex;flex-direction:column;gap:25px}.disc-media{width:100%}.project-tabs{gap:10px;padding-bottom:15px}.project-tabs button,.project-tabs>a{font-size:10px}.project-tabs>a{gap:8px;white-space:nowrap}.project-tabs>a span{font-size:20px}.project-copy{padding-top:20px;min-height:360px}.project-copy h3{font-size:16px}.project-body{font-size:12px;max-width:250px;margin:30px 0;padding:0;line-height:1.1}.project-actions>*{min-height:90px;font-size:9px}.experience .section-top{min-height:100px}.experience-image{margin-left:calc(40% + 8px);width:calc(60% - 8px);height:62vw}.career-table{margin-top:50px}.table-head,.career-row{grid-template-columns:1fr 1.2fr 1.2fr;gap:13px;font-size:11px;padding:20px 0;line-height:1.1}.table-head{font-size:8px;padding:12px 0}.career-row{min-height:85px}.full-line{font-size:10px;padding:25px;margin-top:15px}.second-media{height:100vw;min-height:400px}.second-media>img{object-fit:contain;transform:scale(1.2)}.gallery .section-top{min-height:130px}.gallery-stage{height:85vw}.gallery-stage>img{width:75%;height:90%}.gallery-controls{margin:35px 0 0;font-size:11px}.gallery-controls>div{gap:30px}.gallery-controls button{font-size:11px}.archive{padding-bottom:45px}.archive .section-top{min-height:120px}.archive-grid{display:flex;flex-direction:column-reverse;gap:25px}.archive-index a{padding:20px 0;gap:12px}.archive-index a>span:first-child{font-size:9px}.archive-index strong{font-size:15px}.archive-feature{aspect-ratio:16/11}.archive-feature>span{padding:16px;font-size:10px}.about-media{height:120vw;min-height:550px;padding-top:12px}.about-media .section-top{grid-template-columns:1fr 1fr}.about-media .section-top>p{font-size:11px}.giant-year{font-size:36vw;line-height:.82}.contact{padding-bottom:50px}.contact .section-top{min-height:200px}.section-top>.contact-title{font-size:24px;line-height:.95}.filmstrip{margin-bottom:50px;padding:25px 0}.filmstrip-track{gap:8px}.filmstrip-track img{width:110px;height:110px}.filmstrip-track img:nth-child(3n){height:85px}.filmstrip-track img:nth-child(4n){height:135px}#contact-form{grid-template-columns:1fr}#contact-form>label,#contact-form>button{height:95px;min-height:95px;border-right:0;border-bottom:1px solid #000}#contact-form>button{border-bottom:0;font-size:10px}.contact-fine{font-size:8px;gap:20px;line-height:1.1}.contact-fine>a{max-width:50%;overflow-wrap:anywhere}footer{padding-top:45px;min-height:350px}.footer-links{width:100%;gap:20px}.footer-links>div{font-size:12px;gap:13px}.footer-links h3{font-size:9px}.footer-bottom{font-size:11px}dialog{padding:20px}.dialog-heading h2{font-size:32px}.dialog-heading p{font-size:15px}.dialog-grid{grid-template-columns:1fr;gap:15px}.dialog-image{padding:10px}.dialog-grid p{font-size:13px}.dialog-content>.button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}
body{font-weight:700}.header>nav{font-weight:700}.work .section-top{min-height:240px}.archive{min-height:1100px}.contact .section-top{min-height:290px}
@media(max-width:700px){.work .section-top{min-height:120px}.archive{min-height:0}.contact .section-top{min-height:200px}}
.hero{height:100svh}
body.reduced-motion .type-row{padding-left:0!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.type-row{padding-left:0!important;transform:none!important}}

/* Project sleeves restored beneath the reference-style name. */
.hero-album-shelf{position:absolute;top:calc(46.8% + 9vw);left:50%;transform:translateX(-50%);width:min(73vw,1000px);perspective:1800px}.hero-albums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0 17px;align-items:end;position:relative;z-index:2}.hero-album{position:relative;aspect-ratio:1;perspective:1400px;z-index:1}.hero-album:hover,.hero-album:focus-within{z-index:7}.shelf-cover{display:block;width:100%;height:100%;aspect-ratio:1;padding:0;position:relative;background:#111;transform:rotateY(-3deg);transform-origin:bottom center;box-shadow:inset 2px 0 1px #ffffff78,1px 0 0 #bcbcb8,3px 2px 0 #bcbcb7,4px 3px 0 #8c8d85,2px 5px 8px #11111135;transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s}.shelf-cover img{width:100%;height:100%;object-fit:cover}.shelf-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(92deg,#ffffff65,transparent .8%,#00000028 1.4%,#ffffff20 2.1%,transparent 3%,transparent 99%,#00000028);box-shadow:inset 0 1px #fff5,inset 0 -1px #0003}.hero-album:hover .shelf-cover,.hero-album:focus-within .shelf-cover{transform:translateY(-9px) rotateY(0deg) scale(1.035);box-shadow:1px 0 0 #bcbcb8,3px 2px 0 #bcbcb7,4px 3px 0 #8c8d85,7px 18px 15px #11111138}.shelf-actions{position:absolute;left:50%;bottom:10px;display:flex;gap:6px;transform:translate(-50%,3px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:15;white-space:nowrap}.hero-album:hover .shelf-actions,.hero-album:focus-within .shelf-actions{opacity:1;visibility:visible;transform:translate(-50%,-1px)}.shelf-actions a,.shelf-actions button{display:block;color:#000;background:#ffffffb3;backdrop-filter:blur(5px);border:0;border-radius:99px;padding:11px 13px;font-size:12px;line-height:.8;font-weight:400;letter-spacing:0;transition:background .2s}.shelf-actions a:hover,.shelf-actions button:hover{background:#fff}.album-ledge{height:7px;position:absolute;bottom:-6px;left:0;right:0;background:linear-gradient(#fff,#f8f8f8 27%,#e5e5e5 45%,#a8a8a8);box-shadow:0 11px 11px #00000038,0 29px 30px #00000035,0 60px 70px #00000020;z-index:3}.album-ledge:before{content:'';position:absolute;left:5px;right:5px;top:-3px;height:3px;background:#fafafa;transform:skewX(-28deg)}
@media(min-width:601px) and (max-height:780px){.hero{min-height:780px}.hero-centre{top:40%}.hero-album-shelf{top:calc(40% + 9vw)}}
@media(max-width:600px){.hero{height:900px;min-height:900px}.hero-centre{top:22%}.hero-album-shelf{top:310px;width:calc(100% - 34px);max-width:440px}.hero-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 20px;padding:0 9px}.hero-albums:after{content:'';position:absolute;left:0;right:0;top:calc(50% - 24px);height:7px;background:linear-gradient(#fff,#e5e5e5 45%,#a8a8a8);box-shadow:0 12px 14px #00000038,0 25px 30px #00000025;z-index:3}.shelf-actions{opacity:1;visibility:visible;transform:translate(-50%,0)}.shelf-actions a,.shelf-actions button{font-size:11px;padding:9px 10px}.hero-bottom{bottom:18px}.hero-album:hover .shelf-cover,.hero-album:focus-within .shelf-cover{transform:translateY(-5px)}}
@media(hover:none){.shelf-actions{opacity:1;visibility:visible;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.shelf-cover,.shelf-actions{transition:none}.hero-album:hover .shelf-cover,.hero-album:focus-within .shelf-cover{transform:none}}.reduced-motion .shelf-cover,.reduced-motion .shelf-actions{transition:none}.reduced-motion .hero-album:hover .shelf-cover,.reduced-motion .hero-album:focus-within .shelf-cover{transform:none}
/* Eight original album sleeves; two racks and the typographic finale only. */
@font-face{font-family:'ABC Diatype Plus Variable';src:url('assets/fonts/ABCDiatypePlusVariable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
body{font-family:'ABC Diatype Plus Variable',Arial,sans-serif}.header>nav{width:auto;gap:44px}.hero{height:auto;min-height:100svh;padding:clamp(170px,23svh,270px) var(--pad) 24px}.hero-centre{position:relative;top:auto;left:auto;right:auto;transform:none}.hero h1{font-family:'ABC Diatype Plus Variable',Arial,sans-serif;font-weight:700;font-variation-settings:normal;font-size:10.4166667vw;line-height:.8;letter-spacing:-.05em}.hero-album-shelf{position:relative;top:auto;left:auto;transform:none;width:min(83vw,1000px);margin:80px auto 0;perspective:1800px;scroll-margin-top:60px}.project-rack{position:relative;margin-bottom:42px}.project-rack:last-child{margin-bottom:0}.rack-label{position:absolute;left:17px;top:-25px;font-size:9px;letter-spacing:.08em;color:#777;font-weight:500}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:100px;min-height:36px}.shelf-cover{overflow:hidden;text-align:left}.cover-title{position:absolute;top:8%;left:8%;right:7%;color:#181b1c;font-size:clamp(15px,2vw,28px);line-height:.9;letter-spacing:-.045em;font-weight:700;text-transform:uppercase;z-index:3}.tone-1 .cover-title,.tone-2 .cover-title,.tone-3 .cover-title,.tone-6 .cover-title{color:#fff;text-shadow:0 1px 12px #0002}.sample-stamp{position:absolute;bottom:8%;left:8%;font-size:8px;letter-spacing:.15em;color:inherit;mix-blend-mode:difference;background:#fff;color:#000;padding:4px 6px}.shelf-actions button{font-family:'ABC Diatype Plus Variable',Arial,sans-serif}.hero-albums:after{display:none}.hero-aperture img{filter:grayscale(1)}.hero-album-shelf .shelf-cover img{transition:filter .35s}.hero-album:hover .shelf-cover img{filter:saturate(1.15)}
#project-dialog{width:calc(100% - 32px);max-width:1400px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);border:0;border-radius:10px;padding:0;background:#f4f3ef;box-shadow:0 30px 120px #0004;overflow:auto;color:#111}#project-dialog::backdrop{background:#17191870;backdrop-filter:blur(15px)}.preview-chrome{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f4f3efed;backdrop-filter:blur(10px);border-bottom:1px solid #0001;font-size:11px;letter-spacing:.04em}.preview-chrome>div{display:flex;gap:8px}.preview-chrome button{background:#e5e4df;border-radius:99px;padding:11px 15px;line-height:1}.preview-chrome button:hover{background:#d4d3ce}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:50px 6% 70px;align-items:center}.preview-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;box-shadow:4px 6px 0 #cecec5,10px 20px 40px #0002}.preview-art>img{width:100%;height:100%;object-fit:cover}.preview-art>span{position:absolute;left:8%;right:8%;top:8%;font-size:clamp(25px,3.5vw,55px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}.preview-intro>span{font-size:11px;letter-spacing:.1em}.preview-intro h2{font-size:clamp(32px,4.5vw,70px);line-height:.9;letter-spacing:-.055em;margin:24px 0}.preview-intro>p{font-size:17px;line-height:1.45;max-width:470px;font-weight:450}.preview-intro>a{display:inline-block;background:#111;color:#fff;padding:17px 25px;border-radius:99px;margin-top:20px;font-size:13px;line-height:1}.preview-intro>a:hover{background:#333}[hidden]{display:none!important}#sample-notice{padding:18px;border:1px dashed #999;border-radius:4px;font-size:14px;line-height:1.4}.project-glimpse{background:#e5e6df;padding:50px 8%;min-height:420px;display:flex;justify-content:center;align-items:center;overflow:hidden}.project-glimpse>img{max-height:700px;width:100%;object-fit:contain}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:60px 6%}.story-grid h3{font-size:18px;line-height:1.1;margin:0 0 18px}.story-grid p{font-size:15px;line-height:1.5;font-weight:450;margin:0}.document-links{padding:0 6% 50px;display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.document-links a{text-decoration:underline}.preview-end{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;border-top:1px solid #0002;font-size:10px;letter-spacing:.06em}.preview-end button{padding:12px 20px;background:#111;color:#fff;border-radius:99px;font-size:13px;letter-spacing:0}.sample-explanation{padding:30px 6% 60px;font-size:18px;line-height:1.5;font-weight:450;max-width:700px}.modal-open{overflow:hidden}
@media(min-width:601px) and (max-height:780px){.hero{min-height:100svh}.hero-centre{top:auto}.hero-album-shelf{top:auto}}
@media(max-width:600px){.header>nav{display:flex;gap:22px;font-size:11px;width:auto}.hero{height:auto;min-height:100svh;padding-top:155px}.hero-centre{top:auto}.hero-album-shelf{top:auto;width:calc(100% - 24px);max-width:440px;margin-top:65px}.project-rack{margin-bottom:42px}.hero-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 20px;padding:0 9px}.hero-albums:after{display:block}.rack-label{left:9px;font-size:8px}.cover-title{font-size:21px}.hero-bottom{position:relative;bottom:auto;margin-top:85px;grid-template-columns:1fr auto;gap:20px}.hero-bottom>p{grid-row:2;grid-column:1/-1;justify-self:start;font-size:12px;line-height:1.1}.hero-bottom>button{grid-column:2;grid-row:1}.preview-chrome{padding:12px;font-size:9px}.preview-chrome button{padding:10px 12px}#project-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.preview-layout{grid-template-columns:1fr;gap:35px;padding:25px 7% 40px}.preview-art{width:100%;max-width:390px;margin:auto}.preview-art>span{font-size:34px}.preview-intro h2{font-size:42px}.preview-intro>p{font-size:15px}.project-glimpse{padding:30px 5%;min-height:250px}.story-grid{grid-template-columns:1fr;gap:30px;padding:35px 7%}.preview-end{padding:25px 7%;gap:15px}.preview-end>span{font-size:8px}}

.hero-bottom>p{grid-column:2}@media(max-width:600px){.hero-bottom>p{grid-column:1/-1;grid-row:auto}}

.hero-intro{max-width:440px;margin:26px auto 0;text-align:center;font-size:16px;line-height:1.3;font-weight:450;letter-spacing:-.02em}.hero-album-shelf{margin-top:64px}.hero{padding-bottom:105px}@media(max-width:600px){.hero-intro{max-width:310px;padding:0 10px;font-size:13px;line-height:1.35;margin-top:22px}.hero-album-shelf{margin-top:60px}.hero{padding-bottom:90px}}
/* The experience collection: physical CDs on the portfolio’s white stage. */
.cd-career{position:relative;height:340svh;background:#fff;color:#000}.career-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;padding:20px var(--pad);isolation:isolate}.cd-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;position:relative;z-index:3;font-size:10px;letter-spacing:.04em}.cd-heading h2{font-size:12px;letter-spacing:.03em;margin:0;font-weight:700}.cd-heading>span{color:#666}.cd-meta{position:absolute;top:70px;left:var(--pad);width:265px;z-index:3}.cd-meta>p{font-size:38px;font-weight:700;letter-spacing:-.055em;line-height:.9;text-transform:uppercase;margin:0 0 14px;overflow-wrap:anywhere}.cd-meta dl{margin:0;font-size:12px}.cd-meta dl>div{display:grid;grid-template-columns:75px 1fr;gap:10px;border-top:1px solid #000;padding:6px 0;line-height:1.1}.cd-meta dt{font-size:8px;letter-spacing:.07em;padding-top:2px}.cd-meta dd{margin:0;text-align:right;font-weight:500}.cd-display{position:absolute;inset:0;z-index:1}#cd-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#cd-canvas:active{cursor:grabbing}.cd-fallback{position:absolute;width:min(52vw,600px);aspect-ratio:1;top:47%;left:55%;transform:translate(-50%,-50%) rotate(-18deg) rotateY(-25deg);border-radius:50%;border:4px solid #c3c5c7;box-shadow:1px 4px 0 #aaa}.cd-fallback img{width:100%;height:100%;object-fit:cover;border-radius:50%;mask-image:radial-gradient(circle,transparent 0 9%,#000 9.4%)}.cd-fallback:after{content:'';position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border:9px solid #c7c9cc;border-radius:50%;box-shadow:0 0 0 2px #999;pointer-events:none}.cd-webgl .cd-fallback{visibility:hidden}.cd-caption{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);width:min(480px,60%);text-align:center;z-index:3;pointer-events:none}.cd-caption h3{font-size:23px;line-height:1;letter-spacing:-.04em;margin:0 0 12px}.cd-caption>p{font-size:13px;font-weight:450;line-height:1.3;margin:0 auto;max-width:410px}.cd-controls{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:4;border-top:1px solid #000;padding-top:17px;font-size:12px}.cd-controls>button{padding:8px 0;background:none;min-width:70px;text-align:left}.cd-controls>button:last-child{text-align:right}.cd-controls>button:hover{text-decoration:underline}.cd-tabs{display:flex;gap:16px}.cd-tabs button{position:relative;background:none;padding:8px 5px;font-size:10px;color:#888;min-width:28px}.cd-tabs button[aria-selected=true]{color:#000}.cd-tabs button[aria-selected=true]:after{content:'';position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:#000;transform:translateX(-50%)}.cd-controls button:focus-visible{outline:2px solid #000;outline-offset:4px}.career-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);list-style:none}.career-static{height:auto}.career-static .career-stage{position:relative;height:850px}.career-static .career-transcript{position:relative;width:auto;height:auto;clip-path:none;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);gap:35px;padding:30px 3vw 60px;margin:0}.career-transcript li{border-top:1px solid #000;padding-top:18px}.career-transcript li>span{font-size:11px;color:#555}.career-transcript h3{font-size:24px;line-height:1.1;margin:12px 0}.career-transcript p{font-size:14px;line-height:1.45;font-weight:450;color:#555}.cd-reduced .cd-fallback{visibility:visible}.cd-reduced canvas{display:none!important}
@media(max-width:600px){.header>nav{gap:15px;font-size:10px}.cd-career{height:320svh}.career-stage{padding:18px 12px;height:100svh;min-height:650px}.cd-heading{font-size:8px;gap:10px}.cd-heading h2{font-size:10px}.cd-meta{top:60px;left:12px;width:calc(100% - 24px);max-width:340px}.cd-meta>p{font-size:32px;max-width:300px}.cd-meta dl>div{grid-template-columns:75px 1fr;padding:5px 0;font-size:11px}.cd-meta dt{font-size:8px}.cd-display{top:210px;bottom:135px}.cd-caption{bottom:90px;width:calc(100% - 32px)}.cd-caption h3{font-size:20px;margin-bottom:8px}.cd-caption>p{font-size:11px;max-width:320px}.cd-controls{left:12px;right:12px;bottom:16px;padding-top:12px;font-size:11px}.cd-tabs{gap:10px}.cd-fallback{width:73vw;top:50%;left:50%}.career-static{height:auto}.career-static .career-stage{height:780px}.career-static .career-transcript{grid-template-columns:1fr;padding:20px 12px 50px}}
@media(max-height:700px) and (min-width:601px){.career-stage{min-height:600px}.cd-meta{top:58px}.cd-meta>p{font-size:30px}.cd-caption{bottom:90px}.cd-caption h3{font-size:20px}.cd-caption>p{font-size:11px}}

@media(max-width:600px){.cd-display{top:245px}}
/* Physical sleeve racks: shared camera, backward lean, pull-forward hover. */
.hero-album-shelf{perspective:none;overflow:visible}.project-rack{isolation:isolate}.hero-albums{perspective:1800px;perspective-origin:50% 50%;transform-style:preserve-3d;overflow:visible;gap:24px;padding:0 18px}.hero-album{perspective:none;transform-style:preserve-3d;isolation:auto;z-index:2}.hero-album:is(:hover,:focus-within){z-index:8}.sleeve-object{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(8deg) rotateY(-.7deg);transition:transform .58s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-album .sleeve-object .shelf-cover{transform:translateZ(3.2px);box-shadow:none;border-radius:0;overflow:hidden;transition:none;backface-visibility:hidden}.hero-album .sleeve-object .shelf-cover:after{background:linear-gradient(90deg,#ffffff45 0,transparent .8%,#00000022 1.3%,#ffffff20 2%,transparent 3.2%,transparent 98%,#00000030 100%),linear-gradient(145deg,#ffffff10,transparent 50%,#00000009);box-shadow:inset 0 1px #fff7,inset 0 -1px #0003}.sleeve-back{position:absolute;inset:0;background:#cac9c3;transform:translateZ(-.8px);box-shadow:0 0 0 .5px #0003;pointer-events:none}.sleeve-spine{position:absolute;top:0;right:0;height:100%;width:4px;background:linear-gradient(90deg,#f4f1e7,#b2b0a7 45%,#e1dfd4 65%,#8c8b83);transform-origin:right center;transform:translateZ(3.2px) rotateY(-90deg);pointer-events:none}.sleeve-bottom{position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(#dad7ca,#949289);transform-origin:center bottom;transform:translateZ(3.2px) rotateX(90deg);pointer-events:none}.sleeve-wall-shadow{position:absolute;left:3%;right:-7%;top:5%;bottom:0;background:linear-gradient(120deg,#00000003,#00000028 65%,#00000038);filter:blur(8px);transform:translate(7px,4px) skewX(-4deg);transform-origin:center bottom;opacity:.68;pointer-events:none;transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .58s,opacity .58s;z-index:-1}.sleeve-contact-shadow{position:absolute;left:1%;right:-2%;height:5px;bottom:-1px;border-radius:50%;background:#0008;filter:blur(2px);opacity:.7;transition:opacity .4s,transform .5s;pointer-events:none;z-index:0}.hero-album:is(:hover,:focus-within) .sleeve-object{transform:translateY(-18px) translateZ(32px) rotateX(0deg) rotateY(0deg)}.hero-album:is(:hover,:focus-within) .sleeve-wall-shadow{transform:translate(12px,12px) skewX(-3deg) scale(.96);filter:blur(12px);opacity:.78}.hero-album:is(:hover,:focus-within) .sleeve-contact-shadow{opacity:.14;transform:scaleX(.86)}.hero-album .sleeve-object .shelf-actions{bottom:10px;gap:6px;transform:translate3d(-50%,5px,5px);transition:opacity .22s,visibility .22s,transform .35s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}.hero-album:is(:hover,:focus-within) .sleeve-object .shelf-actions{opacity:1;visibility:visible;transform:translate3d(-50%,0,5px)}.shelf-actions button{background:#f4f6e7bd;color:#12150e;font-size:13px;font-weight:450;border-radius:99px;padding:11px 14px;line-height:1;letter-spacing:0;backdrop-filter:blur(7px);box-shadow:inset 0 1px #ffffff40;transition:background .2s,box-shadow .2s}.shelf-actions button:hover,.shelf-actions button:focus-visible{background:#fffef4;box-shadow:inset 0 1px #fff}.hero-album .shelf-cover img,.hero-album:hover .shelf-cover img{filter:none}.album-ledge{display:block;position:absolute;left:0;right:0;bottom:-8px;height:6px;background:none;transform:none;box-shadow:0 1px 1px #00000014,0 11px 11px #00000038,0 29px 30px #00000035,0 60px 70px #00000020;z-index:4;pointer-events:none}.album-ledge:before{content:none}.rack-top{position:absolute;left:0;right:0;height:5px;top:-4px;clip-path:polygon(.4% 0,99.6% 0,100% 100%,0 100%);background:linear-gradient(#e9e9e3 0,#fafbf5 72%,#fff 100%);border-bottom:1px solid #fff}.rack-front{position:absolute;inset:0;background:linear-gradient(#fff 0,#f5f5ef 32%,#d2d3cd 100%);border-top:1px solid #fff;border-bottom:1px solid #bdbfb7}.rack-end{position:absolute;right:0;top:0;width:2px;height:100%;background:linear-gradient(90deg,#ffffff10,#9c9f9270);transform:skewY(-15deg);transform-origin:top right}.mobile-rack-ledge{display:none}.hero-albums:before,.hero-albums:after{display:none!important}
@media(max-width:1000px) and (min-width:601px){.hero-albums{gap:20px}.shelf-actions button{font-size:12px;padding:9px 12px}}
@media(max-width:600px){.hero-albums{gap:56px 20px;padding:0 10px;perspective:1200px;perspective-origin:50% 50%}.sleeve-object{transform:rotateX(7deg) rotateY(-.7deg)}.project-rack{margin-bottom:42px}.hero-album:is(:hover,:focus-within) .sleeve-object{transform:translateY(-10px) translateZ(15px) rotateX(0deg) rotateY(0deg)}.hero-album .sleeve-object .shelf-actions{opacity:1;visibility:visible;transform:translate3d(-50%,0,5px);bottom:9px}.shelf-actions button{font-size:12px;padding:9px 12px}.mobile-rack-ledge{display:block;top:calc(50% - 26px);bottom:auto}.album-ledge{height:6px;bottom:-8px}.rack-top{height:5px;top:-4px}.sleeve-wall-shadow{filter:blur(6px);opacity:.6}.cover-title{font-size:20px}}
@media(hover:none){.hero-album .sleeve-object .shelf-actions{opacity:1;visibility:visible;transform:translate3d(-50%,0,5px)}}
@media(prefers-reduced-motion:reduce){.sleeve-object,.sleeve-wall-shadow,.sleeve-contact-shadow,.shelf-actions{transition:none!important}.hero-album:is(:hover,:focus-within) .sleeve-object{transform:rotateX(8deg) rotateY(-.7deg)}}

.story-grid,.sample-explanation{scroll-margin-top:85px}
@media(max-width:600px){.hero-album:is(:hover,:focus-within) .sleeve-object{transform:rotateX(7deg) rotateY(-.7deg)}}
@media(hover:none){.hero-album:is(:hover,:focus-within) .sleeve-object{transform:rotateX(8deg) rotateY(-.7deg)}}
/* Keep transparent 3D layout planes from intercepting the sleeve controls. */
.hero-album,.sleeve-object,.hero-album .sleeve-object .shelf-actions{pointer-events:none}.hero-album .sleeve-object .shelf-cover,.hero-album .sleeve-object .shelf-actions button{pointer-events:auto}
.hero-album-shelf,.project-rack,.hero-albums{pointer-events:none}

/* Private albums: original covers, no confidential case-study payload. */
.tone-4 .cover-title,.tone-5 .cover-title{color:#181b1c;text-shadow:none}.tone-6 .cover-title{color:#181b1c;text-shadow:none}.tone-5 .cover-title,.tone-7 .cover-title{color:#fff;text-shadow:0 1px 12px #0002}.nda-stamp{position:absolute;bottom:7%;left:8%;padding:5px 7px;font-size:8px;line-height:1;letter-spacing:.1em;color:#fff;background:#111c;border:1px solid #ffffff45;z-index:3}.nda-access{padding:45px 6% 65px;border-top:1px solid #ddd;max-width:900px}.nda-eyebrow{font-size:10px;letter-spacing:.12em;color:#666}.nda-access h3{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.05;margin:20px 0}.nda-access p{font-size:16px;line-height:1.6;font-weight:450;max-width:650px;margin-top:14px}.nda-access a{color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.nda-access{scroll-margin-top:85px}#nda-notice{font-size:12px;color:#666;margin-top:22px}@media(max-width:600px){.nda-access{padding:30px 7% 40px}.nda-stamp{font-size:7px}.nda-access p{font-size:14px}}

.preview-intro>.nda-access{padding:24px 0 0;margin-top:24px}.preview-intro>.nda-access p{font-size:clamp(15px,1.4vw,18px);margin-top:12px}.is-nda .preview-layout{align-items:center}.is-nda .preview-art{max-width:420px}.is-nda .preview-end{border-top:1px solid #ddd}

.tone-6 .cover-title{color:#fff;text-shadow:0 1px 12px #0002}

/* More breathing room around the header on every screen size. */
.header{padding-inline:clamp(24px,4vw,64px)}