:root{--ink:#171915;--paper:#ecebe3;--muted:#a6a99a;--accent:#d4ec7c;--line:#c6c8bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cabinet Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8f9e40;outline-offset:6px}main{width:100%;max-width:100%;overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}em{font-family:Georgia,serif;font-weight:400}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff25}.wordmark{font-size:36px;line-height:.8;font-weight:900;letter-spacing:-2px}.wordmark span{display:block;font-size:9px;letter-spacing:7px;line-height:2;text-align:center;padding-left:5px}nav{display:flex;gap:42px;font-size:15px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}.nav-cta{border-bottom:1px solid #8b8e7b;padding:12px 0;min-width:120px;display:flex;justify-content:space-between}.hero{min-height:790px;height:calc(100svh - 96px);max-height:1100px;background:var(--ink);color:var(--paper);position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-image{position:absolute;inset:0;background:url('assets/realism.jpg') center 46%/cover;filter:grayscale(1);opacity:.48}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141711b0,#14171122 50%,#14171188),linear-gradient(0deg,#171915 0%,transparent 40%,#17191544)}.hero-content{position:relative;padding:60px 20px 140px;width:100%}.kicker{font-size:11px;letter-spacing:2.5px;font-weight:700;line-height:1.8}.hero h1{font-size:clamp(72px,9vw,145px);line-height:.95;letter-spacing:-6px;max-width:1200px;margin:32px auto}.hero h1 em{letter-spacing:-7px}.hero-intro{font-size:18px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:56px;padding:18px 25px;font-size:14px;font-weight:700;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.light{background:var(--paper);color:var(--ink)}.light:hover{background:var(--accent)}.outline{border:1px solid #ecebe377;color:var(--paper)}.outline:hover{background:#ecebe322}.dark{background:var(--ink);color:var(--paper)}.hero-foot{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;text-align:left;font-size:10px;line-height:1.8;letter-spacing:1.5px}.hero-foot span:last-child{text-align:right}.hero-foot a{align-self:flex-end}.hero-foot a span{margin-left:30px}.ticker{overflow:hidden;background:var(--accent);padding:20px 0;white-space:nowrap;border-bottom:1px solid var(--ink)}.ticker>div{width:max-content;font-size:21px;letter-spacing:1px;font-weight:800;animation:marquee 28s linear infinite}.ticker span{margin:0 45px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:145px 6%}.intro h2{font-size:clamp(38px,5.4vw,82px);line-height:1.1;letter-spacing:-2.8px;margin:38px 0 65px}.intro-bottom{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:50px;align-items:end}.asterisk{font-size:105px;line-height:.75}.intro-bottom p{font-size:19px;line-height:1.6;max-width:480px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding:12px 0;display:flex;gap:28px;justify-content:space-between;width:fit-content}.intro-bottom .text-link{justify-self:end}.work{background:var(--ink);color:var(--paper)}.work-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:9%}.work-heading h2{font-size:clamp(65px,7vw,110px);line-height:1;letter-spacing:-4px;margin:35px 0}.work-heading>p:last-of-type{color:#bfc1b5;line-height:1.6;font-size:18px}.gallery-controls{display:flex;align-items:center;gap:10px;margin-top:40px}.gallery-controls button{border:1px solid #666a5c;background:none;width:48px;height:48px;border-radius:50%;font-size:20px;transition:background .3s}.gallery-controls button:hover{background:#404638}.gallery-controls>span{margin-left:20px;font-size:11px;letter-spacing:2px}.portfolio{display:grid;grid-template-columns:1fr;grid-auto-flow:dense;gap:65px}.piece{display:block;padding:0;background:none;border:0;text-align:left;width:100%}.image-wrap{aspect-ratio:4/5;position:relative;overflow:hidden;background:#35392f}.image-wrap img{transition:transform .8s;filter:saturate(.7)}.piece:hover img{transform:scale(1.045)}.expand{position:absolute;bottom:20px;right:20px;background:var(--paper);color:var(--ink);font-size:12px;padding:12px 18px}.caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px}.caption h3{font-size:23px;font-weight:500}.caption>span{font-size:10px;letter-spacing:1.5px}.section-heading h2{font-size:clamp(45px,6vw,90px);line-height:1.05;letter-spacing:-3px;margin:30px 0 80px}.artist{border-top:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:220px 1fr;gap:8%;align-items:center}.artist-picture{height:240px;overflow:hidden}.artist-picture img{transition:transform .8s;filter:saturate(.6)}.artist-picture:hover img{transform:scale(1.08)}.artist h3{font-size:clamp(40px,5vw,72px);letter-spacing:-2px;display:flex;justify-content:space-between;margin:8px 0 16px}.artist h3 span{font-weight:400;font-size:40px}.artist div>p:not(.kicker){font-size:18px;line-height:1.6;max-width:590px}.artist .text-link{margin-top:22px}.process{background:#dde0d2}.process h2{font-size:clamp(45px,6.2vw,96px);line-height:1.05;letter-spacing:-3px;margin:35px 0 65px}.inline-photo{display:inline-block;width:130px;height:65px;border-radius:50%;background:url('assets/colour.jpg') center/cover;margin:0 18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:40px}.steps article{border-top:1px solid #aeb3a3;padding-top:24px}.steps span{font-size:10px;letter-spacing:1.5px}.steps h3{font-size:26px;letter-spacing:-.6px;margin:25px 0 15px}.steps p{font-size:17px;line-height:1.65;max-width:340px}.faq{margin:100px 0 0 auto;max-width:820px}.faq details{border-top:1px solid #aeb3a3;padding:25px 0}.faq summary{cursor:pointer;list-style:none;font-size:22px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:17px;line-height:1.7;max-width:650px;margin-top:22px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--ink);color:var(--paper)}.visit h2{font-size:clamp(45px,5.2vw,80px);line-height:1.05;letter-spacing:-2px;margin:30px 0}.visit p:not(.kicker){font-size:18px;line-height:1.6;margin-bottom:24px}.visit .button{margin-top:10px}.street-art{background:#30372b;position:relative;min-height:470px;overflow:hidden;background-image:linear-gradient(25deg,transparent 44%,#68715a 44%,#68715a 45%,#252b21 45%,#252b21 55%,#68715a 55%,#68715a 56%,transparent 56%)}.street-art:before,.street-art:after{content:'';position:absolute;background:#22291f;width:150%;height:60px;transform:rotate(-65deg);top:20%;left:-20%;border:1px solid #5b6651}.street-art:after{top:80%;left:20%}.street-label{position:absolute;left:15%;bottom:26%;transform:rotate(25deg);font-size:12px;letter-spacing:5px}.studio-marker{position:absolute;top:30%;left:16%;background:var(--accent);color:var(--ink);padding:28px 30px;font-size:42px;letter-spacing:-2px;font-weight:900;z-index:1;transform:rotate(-6deg);box-shadow:8px 8px 0 #1117}.studio-marker span{display:block;font-size:10px;letter-spacing:1.5px;line-height:1.7;margin-top:18px}.studio-marker b{position:absolute;bottom:28px;right:25px;font-size:24px}.leith-label{position:absolute;bottom:25px;left:25px;letter-spacing:3px;font-size:10px}.contact{background:var(--accent)}.contact h2{font-size:clamp(65px,9vw,140px);line-height:1;letter-spacing:-5px;margin:35px 0 60px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-row p{font-size:19px;line-height:1.5}.contact-links{border-top:1px solid #17191544;margin-top:65px;padding-top:25px;display:flex;gap:40px;font-size:15px}footer{background:var(--ink);color:var(--paper);padding:60px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font-size:10px;line-height:1.8;letter-spacing:1px}footer>a:not(.wordmark),footer>button{font-size:12px}footer button{background:none;border:0;border-bottom:1px solid #666a5c;padding:8px 0}dialog{border:0;background:var(--ink);color:var(--paper);padding:25px;max-width:92vw;max-height:95svh}dialog::backdrop{background:#111e;backdrop-filter:blur(10px)}dialog img{width:auto;max-width:80vw;height:75svh;object-fit:contain}dialog p{margin-top:15px;font-size:16px}.close{background:none;border:0;color:var(--paper);display:block;margin:0 0 15px auto;padding:8px}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);padding:15px;transform:translateY(-150%)}.skip:focus{transform:none}.motion-off *{scroll-behavior:auto!important}.motion-off .ticker>div{animation-play-state:paused}
@media(min-width:1500px){.section{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:900px){.section{padding:95px 6%}.hero{min-height:720px}.hero h1{letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.intro-bottom{grid-template-columns:.5fr 2fr;gap:30px}.intro-bottom .text-link{grid-column:2;justify-self:start}.work-layout{gap:6%;grid-template-columns:.85fr 1fr}.work-heading h2{font-size:64px}.caption{display:block}.caption>span{display:block;margin-top:8px}.artist{grid-template-columns:180px 1fr;gap:6%}.steps{gap:25px}.steps h3{font-size:22px}.visit{gap:30px}.street-art{min-height:440px}.studio-marker{left:8%;font-size:36px;padding:25px}.contact-links{gap:25px}footer{flex-wrap:wrap}.inline-photo{width:100px;height:50px}}
@media(max-width:600px){header{height:80px;padding:0 6%}.wordmark{font-size:30px}nav{gap:17px}nav a{font-size:12px}nav a:last-child{display:none}.nav-cta{min-width:auto;gap:15px;font-size:12px}.hero{height:calc(100svh - 80px);min-height:670px;max-height:900px}.hero-content{padding:40px 6% 130px}.hero h1{font-size:clamp(52px,12vw,73px);letter-spacing:-2.8px;margin:30px auto}.hero h1 em{letter-spacing:-3px}.hero-intro{font-size:16px;max-width:280px;margin:0 auto 30px;line-height:1.5}.kicker{font-size:9px;letter-spacing:1.7px}.hero-actions{gap:10px}.button{padding:15px 18px;gap:20px;font-size:12px;min-height:52px}.hero-foot{bottom:24px;left:6%;right:6%;font-size:8px;letter-spacing:.8px}.hero-foot>a{display:none}.hero-image{background-position:58% center}.ticker{padding:15px 0}.ticker>div{font-size:15px}.ticker span{margin:0 25px}.section{padding:80px 6%}.intro h2{font-size:38px;letter-spacing:-1.5px;margin:28px 0 40px}.intro-bottom{grid-template-columns:1fr;gap:25px}.asterisk{font-size:70px}.intro-bottom p{font-size:17px}.intro-bottom .text-link{grid-column:1}.work-layout{display:block}.work-heading h2{font-size:65px;line-height:.95;margin:25px 0}.work-heading h2 br{display:none}.work-heading h2 em{display:block}.work-heading>p:last-of-type{font-size:16px}.gallery-controls{margin:25px 0 35px}.portfolio{gap:45px}.caption{display:flex}.caption h3{font-size:21px}.caption>span{font-size:9px;margin:0}.image-wrap{aspect-ratio:4/5}.section-heading h2{font-size:43px;letter-spacing:-1.7px;margin:25px 0 40px}.artist{grid-template-columns:100px 1fr;gap:22px;align-items:start;padding:30px 0}.artist-picture{height:145px}.artist h3{font-size:36px;letter-spacing:-1.5px}.artist h3 span{display:none}.artist div>p:not(.kicker){font-size:16px}.artist .kicker{font-size:8px}.artist .text-link{font-size:12px;gap:10px}.process h2{font-size:43px;letter-spacing:-1.7px;margin:25px 0 45px}.inline-photo{width:70px;height:35px;margin:0 10px}.steps{grid-template-columns:1fr;gap:35px}.steps h3{font-size:25px;margin:18px 0 10px}.steps p{max-width:none}.faq{margin-top:65px}.faq summary{font-size:19px}.faq p{font-size:16px}.visit{grid-template-columns:1fr;gap:40px}.visit h2{font-size:49px}.street-art{min-height:380px}.studio-marker{left:18%;top:26%}.contact h2{font-size:65px;letter-spacing:-3px;margin:28px 0 35px}.contact-row{align-items:start;flex-direction:column}.contact-row p{font-size:17px}.contact-links{margin-top:45px;gap:20px;flex-wrap:wrap;font-size:13px}footer{padding:45px 6%;gap:28px;justify-content:flex-start}footer>span{width:calc(100% - 150px)}dialog{padding:15px}dialog img{max-width:82vw;height:70svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*,*:before,*:after{transition:none!important}}

@media(max-width:380px){.hero h1{font-size:44px;letter-spacing:-2px}.hero h1 em{letter-spacing:-2.5px;white-space:nowrap}.hero-actions .button{padding:14px 13px;gap:10px;font-size:11px}.contact h2{font-size:56px}.section-heading h2{font-size:37px}}