@font-face{font-family:Fraunces;src:url('/ugc-portfolio/assets/fraunces-soft-640-v1.woff2');font-weight:500 800;font-display:swap}@font-face{font-family:Fraunces;src:url('/ugc-portfolio/assets/fraunces-soft-italic-600-v1.woff2');font-weight:500 800;font-style:italic;font-display:swap}@font-face{font-family:'Pixelify Sans';src:url('/ugc-portfolio/assets/pixelify-sans-latin-500-normal-v2.woff2');font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url('/ugc-portfolio/assets/geist-latin-400-normal.woff2');font-display:swap}@font-face{font-family:Caveat;src:url('/ugc-portfolio/assets/caveat-latin-600-normal-v2.woff2');font-weight:600;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:transparent;color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:var(--k-grain);background-size:220px 220px;pointer-events:none;z-index:100;opacity:.72}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--f-display);font-variation-settings:var(--fvs-soft);font-weight:600;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(3.6rem,7.8vw,7rem);line-height:1.01}h2{font-size:clamp(2.6rem,4.6vw,4.6rem)}h3{font-size:clamp(1.45rem,2vw,1.8rem)}em{color:var(--orange-deep);font-weight:600}a{color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--orange-deep);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font:500 14px/1.5 var(--f-pixel);letter-spacing:1.3px}.hand{font:600 28px/1.05 var(--f-hand);color:var(--orange-deep);display:inline-block;transform:rotate(-4deg)}.filters{position:absolute;pointer-events:none}.skip{position:fixed;z-index:200;top:-80px;left:20px;background:var(--card);padding:12px 20px}.skip:focus{top:12px}.day-sky{position:fixed;inset:0;z-index:-1;background:var(--day-colour,#fbf6ee);transition:background-color .25s linear}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--orange);width:calc(var(--page-progress,0) * 100%);z-index:150}
.header{width:min(1100px,calc(100% - 48px));position:sticky;top:12px;margin:14px auto 0;z-index:50}.nav{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 11px 9px 22px;transition:transform .55s var(--ease-out)}.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf9ed;border:1.5px solid var(--ink);border-radius:18px;filter:url(#rough);box-shadow:var(--sh-nav);transition:background .3s,box-shadow .3s}.header.scrolled .nav{transform:scale(.965)}.header.scrolled .nav:before{background:#fffdf9e8;box-shadow:var(--sh-nav-scrolled);backdrop-filter:blur(14px)}.wordmark{font:600 29px/1 var(--f-display);letter-spacing:-1.5px;text-decoration:none}.wordmark span{color:var(--orange);display:inline-block;margin-left:6px;transition:transform .6s var(--ease-pop)}.wordmark:hover span{transform:rotate(150deg)}.nav nav{display:flex;gap:4px;background:#ede6dc75;padding:3px;border-radius:12px;box-shadow:var(--sh-inset)}.nav nav a{font:500 16px var(--f-pixel);text-decoration:none;padding:10px 18px;border-radius:9px;transition:background .2s,transform .25s var(--ease-pop)}.nav nav a:hover,.nav nav a.active{background:var(--card);box-shadow:var(--sh-raised);transform:translateY(-2px)}.nav-tag{font:600 19px var(--f-hand);position:absolute;right:24px;top:calc(100% - 3px);padding:7px 18px 5px;background:var(--card);box-shadow:var(--sh-nav);border-radius:0 0 16px 16px;z-index:-2;transform:translateY(-100%);opacity:0;transition:transform .5s var(--ease-pop),opacity .25s}.scrolled .nav-tag{transform:translateY(0);opacity:1}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 8px 8px 23px;min-height:60px;border:0;border-radius:16px;color:var(--card);text-decoration:none;font:500 20px/1 var(--f-pixel);white-space:nowrap;transition:transform .18s var(--ease-pop)}.button:before{content:"";position:absolute;inset:0;z-index:-1;border:2.5px solid var(--ink);border-radius:inherit;background:var(--slate);box-shadow:0 5px 0 var(--ink);filter:url(#rough);transition:background .2s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button:hover:before{background:var(--slate-hover);box-shadow:0 7px 0 var(--ink)}.button:active{transform:translateY(3px)}.button:active:before{box-shadow:0 1px 0 var(--ink)}.button.yellow{color:var(--ink)}.button.yellow:before{background:var(--butter)}.button.yellow:hover:before{background:var(--butter-soft)}.button.small{font-size:16px;min-height:43px;padding:5px 6px 5px 15px;gap:12px;border-radius:13px}.well{display:grid;place-items:center;background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:9px;width:42px;height:42px;transition:width .4s var(--ease-pop),transform .4s var(--ease-pop);font-size:18px}.button:hover .well{width:62px;transform:rotate(3deg)}.small .well{width:30px;height:30px;font-size:22px;background:var(--cream)}.small:hover .well{width:40px}
.hero{position:relative;isolation:isolate;padding:38px 0 48px}.hero-colour{position:absolute;inset:0 0 auto;height:1250px;z-index:-2;overflow:hidden;background:#fbede0;mask:linear-gradient(#000 85%,transparent)}.hero-colour svg{width:100%;height:100%;transform:translateY(var(--sky-y,0px));transition:transform .12s linear}.hero-copy{text-align:center}.hero .eyebrow{margin-bottom:18px}.ink-orange{color:var(--orange);font-style:italic;letter-spacing:-.01em;-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.035em .05em 0 var(--ink);filter:url(#rough-type)}.human-word{position:relative}.spark{font:normal 33px var(--f-display);color:var(--butter);-webkit-text-stroke:1.5px var(--ink);position:absolute;top:-12px;right:-29px;animation:spark 4.8s var(--ease-pop) infinite}.hero-lede{font:500 clamp(18px,1.8vw,23px)/1.5 var(--f-pixel);max-width:750px;margin:24px auto 0}.hero-action{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:26px}.hero-action .hand{max-width:190px;text-align:left;font-size:27px}.reach{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;width:fit-content;margin:36px auto 0}.reach strong{font:600 clamp(46px,5vw,67px)/1 var(--f-display);letter-spacing:-3px}.reach strong span{font-size:.65em;color:var(--orange-deep)}.reach>div{text-align:left;font:500 17px/1.4 var(--f-pixel)}.reach b{font-weight:500;color:var(--orange-deep)}.reach-star{font:45px var(--f-display);color:var(--orange);margin-left:12px;animation:turn 18s linear infinite}.intro-reveal{animation:arrive .85s var(--ease-out) both}.intro-reveal:nth-child(2){animation-delay:.07s}.intro-reveal:nth-child(3){animation-delay:.14s}.intro-reveal:nth-child(4){animation-delay:.21s}.intro-reveal:nth-child(5){animation-delay:.28s}.work{padding-top:72px}.work-heading{display:flex;justify-content:space-between;align-items:center;padding:0 14px 28px}.work-heading h2{font-size:36px;letter-spacing:-1px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;align-items:start}.video-card{min-width:0;background:var(--card);border:2.5px solid var(--ink);border-radius:20px;box-shadow:0 7px 0 var(--ink),var(--sh-soft);rotate:var(--rest);transition:rotate .45s var(--ease-pop),translate .45s var(--ease-pop);overflow:hidden}.video-card:hover,.video-card:focus-within{rotate:0deg;translate:0 -6px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 12px;background:var(--orange-soft);border-bottom:2px solid var(--ink);font:500 12px var(--f-pixel);white-space:nowrap}.card-top strong{font:500 16px var(--f-pixel)}.card-top.butter{background:var(--butter-soft)}.card-top.sky{background:var(--sky-soft)}.embed-shell{background:#fff;min-height:630px}.embed-shell iframe{width:100%;height:630px;border:0;display:block;color-scheme:light}.card-caption{padding:20px 18px 19px;border-top:1.5px solid var(--line-2)}.card-caption h3{font-size:25px}.card-caption p{font-size:14px;line-height:1.55;color:var(--ink-2);margin-top:10px;min-height:43px}.text-link{text-decoration:none;background:linear-gradient(var(--orange),var(--orange)) no-repeat 0 96%/100% 2px;padding-bottom:2px;transition:background-size .3s var(--ease),color .2s}.text-link:hover{background-size:100% 7px;color:var(--orange-deep)}.card-caption a{font-size:14px;display:inline-block;margin-top:14px}.card-caption small{display:block;font-size:12px;color:var(--ink-3);line-height:1.5;margin-top:12px}.metric-note{font-size:12px;text-align:center;color:var(--ink-3);margin-top:27px}.brands{text-align:center;padding:28px 0 50px;border-bottom:1px solid var(--line-2)}.brands .hand{color:var(--ink-2);font-size:25px;transform:rotate(-2deg)}.brands ul{display:flex;align-items:center;justify-content:center;gap:80px;list-style:none;margin:23px 0 0;padding:0}.brands li{font:600 36px var(--f-display);transition:transform .35s var(--ease-pop)}.brands li:hover{transform:rotate(-4deg) translateY(-4px)}
.story{text-align:center;max-width:950px}.story-title{margin-top:20px}.story-copy{font:600 clamp(25px,3.2vw,40px)/1.5 var(--f-display);margin:40px 0 0;letter-spacing:-.6px}.story-copy mark{background:none;box-shadow:inset 0 -.3em var(--butter-soft);color:inherit}.settle-word{display:inline-block;transition:opacity .7s var(--ease-out),transform .9s var(--ease-pop);transition-delay:calc(var(--w) * .035s)}.motion-ready [data-settle]:not(.is-in) .settle-word{opacity:.18;transform:translateY(.23em) rotate(var(--wr))}.about-bottom{max-width:670px;margin:30px auto 0}.about-bottom>p{color:var(--ink-2);font-size:18px;line-height:1.8}.about-bottom>a{display:inline-block;margin-top:24px}.niches{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}.niches span{font:500 17px var(--f-pixel);border:1.5px solid var(--ink);border-radius:9px;background:var(--card);box-shadow:0 3px var(--ink);padding:9px 17px;rotate:-2deg;transition:rotate .35s var(--ease-pop),translate .35s var(--ease-pop)}.niches span:nth-child(even){rotate:2deg}.niches span:hover{rotate:0deg;translate:0 -4px;background:var(--butter-soft)}.services{position:relative;background:var(--mint);margin-top:35px;padding-bottom:85px}.section-wave{position:absolute;height:70px;left:0;right:0;top:-68px;pointer-events:none}.section-wave svg{height:100%;width:100%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px}.section-heading h2{margin-top:16px}.section-heading .hand{max-width:220px;font-size:29px}.services em{color:var(--ink);box-shadow:inset 0 -.14em var(--butter)}.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.format{background:var(--cream);border:2.5px solid var(--ink);border-radius:17px;box-shadow:0 5px var(--ink);overflow:hidden;transition:transform .3s var(--ease-pop)}.format:hover{transform:translateY(-3px)}.format summary{display:flex;align-items:center;gap:17px;cursor:pointer;padding:24px 23px;list-style:none}.format summary::-webkit-details-marker{display:none}.format-no{display:grid;place-items:center;width:37px;height:37px;background:var(--butter);border:1.5px solid var(--ink);border-radius:50%;font:500 17px var(--f-pixel);flex-shrink:0}.format:nth-child(2) .format-no{background:var(--sky)}.format:nth-child(3) .format-no{background:var(--blush)}.format:nth-child(4) .format-no{background:var(--mint)}.format summary h3{font-size:27px}.plus{margin-left:auto;font:32px/1 var(--f-pixel);transition:rotate .4s var(--ease-pop)}.format[open] .plus{rotate:45deg}.format[open] .format-no{animation:pop .45s var(--ease-pop)}.format-body{padding:0 24px 26px 77px;animation:arrive .35s var(--ease-out)}.format-body p{font-size:16px;line-height:1.7;color:var(--ink-2)}.format-tag{font:500 12px/1.5 var(--f-pixel);display:block;margin-top:18px}.process{padding-top:110px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;position:relative}.steps:before{content:"";position:absolute;top:26px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange) calc(var(--step-progress,0) * 100%),var(--line-2) 0);transform:rotate(-.5deg);filter:url(#rough)}.steps li{position:relative}.steps li>span{position:relative;display:grid;place-items:center;width:55px;height:55px;border:2.5px solid var(--ink);background:var(--card);border-radius:14px;box-shadow:0 4px var(--ink);font:500 21px var(--f-pixel);rotate:-5deg;transition:rotate .4s var(--ease-pop),background .4s}.steps li:nth-child(2)>span{rotate:4deg}.steps li:hover>span{rotate:0deg;background:var(--butter)}.steps h3{margin-top:30px}.steps p{margin-top:14px;max-width:280px;color:var(--ink-2)}.contact-section{padding:30px 0 100px;position:relative;background:linear-gradient(transparent,#e6dcf2 65%,#2e2b4f 65%)}.contact{position:relative;text-align:center;background:var(--orange);border:3px solid var(--ink);border-radius:44px;box-shadow:0 8px var(--ink);padding:64px 30px 62px;isolation:isolate;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background-image:var(--k-grain);z-index:-1}.contact h2{font-size:clamp(3rem,6vw,5.5rem);margin:20px 0}.contact em{color:var(--cream);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 3px 0 var(--ink)}.contact>p:not(.eyebrow){font-size:18px;line-height:1.7}.contact .button{margin-top:30px}.contact>.hand{display:block;margin-top:25px;color:var(--ink);font-size:28px}.footer{background:#2e2b4f;color:var(--cream);padding:20px 0 45px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 25px;border:2px solid var(--ink);border-radius:22px;background:#fff6ea;color:var(--ink);box-shadow:0 7px var(--ink)}.footer p{font-size:13px;margin-top:10px}.footer a:not(.wordmark){font-size:14px;text-underline-offset:5px}.preferences{display:flex;flex-direction:column;align-items:start;gap:8px}.preferences button{border:0;padding:3px 0;background:none;font:500 14px var(--f-pixel);text-decoration:underline;text-underline-offset:4px}.footer small{font-size:12px}.cursor-label{position:fixed;left:0;top:0;z-index:200;pointer-events:none;opacity:0;background:var(--orange);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px var(--ink);border-radius:16px;padding:3px 11px;font:500 14px var(--f-pixel);transition:opacity .15s,scale .3s var(--ease-pop);scale:.75}.cursor-label.visible{opacity:1;scale:1}.motion-ready [data-reveal]{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--rd,0s)}.motion-ready [data-reveal]:not(.is-in){opacity:0;transform:translateY(26px)}.motion-ready .video-card[data-reveal]{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),rotate .45s var(--ease-pop),translate .45s var(--ease-pop)}
@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spark{0%,70%,100%{transform:scale(1) rotate(-8deg)}80%{transform:scale(1.3) rotate(20deg)}90%{transform:scale(.85) rotate(-15deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.85) rotate(-10deg)}65%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1)}}
@media(min-width:1600px){.hero-colour{height:1350px}.hero{padding-top:55px}.work{padding-top:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.header{width:calc(100% - 36px)}.nav{gap:12px}.nav nav a{padding:9px 13px}.video-grid{gap:18px}.card-top{flex-direction:column;align-items:flex-start;gap:7px}.video-card{rotate:0deg!important}.embed-shell,.embed-shell iframe{min-height:580px;height:580px}.card-caption{padding:18px 13px}.card-caption h3{font-size:23px}.card-caption p{min-height:64px}.footer-inner{gap:20px;flex-wrap:wrap}.section{padding-block:80px}.format summary h3{font-size:25px}.format-body{padding-left:25px}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{top:8px;margin-top:10px}.nav{padding:10px 10px 10px 17px}.nav nav{display:none}.nav-tag{right:20px;font-size:17px}.wordmark{font-size:27px}.button.small{min-height:42px;font-size:15px}.hero{padding-top:38px}.hero .eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:clamp(3.5rem,11vw,5.4rem)}.hero-lede{font-size:20px;max-width:500px}.hero-action{gap:18px}.hero-action .hand{font-size:24px;max-width:140px}.hero-colour{height:1100px}.reach{margin-top:34px}.reach>div{font-size:16px}.reach-star{font-size:33px;margin-left:0}.work{max-width:500px;padding-top:60px}.work-heading{padding-inline:0;align-items:start;gap:20px}.work-heading h2{font-size:32px;max-width:260px}.work-heading>.hand{max-width:120px;font-size:24px}.video-grid{grid-template-columns:1fr;gap:34px}.card-top{flex-direction:row;align-items:center;padding:14px 18px;font-size:13px}.card-top strong{font-size:18px}.embed-shell,.embed-shell iframe{height:720px;min-height:720px}.card-caption{padding:22px}.card-caption h3{font-size:27px}.card-caption p{min-height:0;font-size:16px}.card-caption a{font-size:15px}.video-card{rotate:0deg!important}.brands{padding-top:0}.brands ul{gap:50px}.brands li{font-size:31px}.section{padding-block:70px}.story-copy{font-size:30px}.about-bottom>p{font-size:17px}.section-heading{align-items:start;gap:15px}.section-heading .hand{max-width:150px;font-size:25px}.format-grid{grid-template-columns:1fr}.format summary{padding:22px}.format-body{padding-left:76px}.steps{gap:24px}.steps h3{font-size:24px}.steps p{font-size:15px}.contact-section{padding-bottom:65px}.contact{border-radius:28px;padding:50px 22px}.contact>p:not(.eyebrow){font-size:16px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;padding:25px;gap:30px}.footer-inner>div:first-child{grid-column:1/-1}.footer-inner>small{grid-column:1/-1}.cursor-label{display:none}}
@media(max-width:430px){.wrap{width:calc(100% - 32px)}.header{width:calc(100% - 24px)}.hero .eyebrow{font-size:12px;letter-spacing:.5px}h1{font-size:clamp(3.1rem,12vw,3.8rem);letter-spacing:-.045em}.spark{font-size:24px;right:-20px;top:-5px}.hero-lede{font-size:19px;line-height:1.5;max-width:350px}.desktop{display:none}.hero-action{flex-direction:column;gap:20px;margin-top:25px}.hero-action .hand{max-width:none;font-size:25px}.button{min-height:56px;font-size:19px}.reach{gap:12px;margin-top:30px}.reach strong{font-size:49px;letter-spacing:-2px}.reach>div{font-size:14px}.reach-star{font-size:26px}.work{padding-top:50px}.work-heading h2{font-size:29px}.work-heading .hand{font-size:22px;max-width:100px}.embed-shell,.embed-shell iframe{height:645px;min-height:645px}.brands ul{gap:35px}.brands li{font-size:30px}.story-title{font-size:40px}.story-copy{font-size:27px}.niches span{font-size:15px;padding:8px 14px}.section-heading{flex-direction:column;gap:22px}.section-heading .hand{max-width:none}.format summary{padding:20px 16px;gap:14px}.format summary h3{font-size:24px}.format-body{padding:0 20px 24px}.steps{grid-template-columns:1fr;gap:32px}.steps:before{display:none}.steps li{display:grid;grid-template-columns:55px 1fr;gap:0 20px}.steps li>span{grid-row:1/3}.steps h3{margin-top:0}.steps p{margin-top:10px;max-width:none}.contact h2{font-size:45px}.contact .eyebrow{font-size:12px}.footer-inner{gap:25px;padding:22px}.footer-inner>a{font-size:13px}.preferences button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal],.motion-ready [data-settle] .settle-word{opacity:1!important;transform:none!important}.hero-colour svg{transform:none!important}.cursor-label{display:none!important}}
html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important}html.reduce-motion [data-reveal],html.reduce-motion [data-settle] .settle-word{opacity:1!important;transform:none!important}html.reduce-motion .hero-colour svg{transform:none!important}html.reduce-motion .cursor-label{display:none!important}@media(forced-colors:active){body:before,.hero-colour,.day-sky,.cursor-label{display:none}.ink-orange{-webkit-text-stroke:0;text-shadow:none}.button:before{background:ButtonFace}.button{color:ButtonText}.contact em{-webkit-text-stroke:0;text-shadow:none;color:CanvasText}}
/* Instagram's portrait post layout: media is 4:5, with its native header and controls. */
.embed-shell{container-type:inline-size;height:auto;min-height:0}.embed-shell iframe{height:calc(125cqw + 195px);min-height:0}
@media(min-width:761px) and (max-width:1100px){.work{max-width:540px}.video-grid{grid-template-columns:1fr;gap:35px}.card-top{flex-direction:row;align-items:center}.card-caption p{min-height:0}.work-heading{padding-inline:0}.work-heading>.hand{max-width:155px}}
/* Compact, tactile reel shelf. Only the supplied Instagram posts supply imagery. */
.work{max-width:920px;padding-top:55px}.work-heading h2{font-size:35px}.work-heading>.hand{font-size:26px}.reel-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:16px 12px 18px}.reel{rotate:var(--rest);transition:rotate .45s var(--ease-pop),translate .45s var(--ease-pop)}.reel:hover,.reel:focus-within{rotate:0deg;translate:0 -9px}.reel-open{display:block;text-align:left;width:100%;background:var(--card);border:2.5px solid var(--ink);border-radius:15px;box-shadow:0 6px var(--ink),0 18px 25px -22px #632909aa;padding:9px 9px 16px;color:var(--ink)}.reel-thumb{position:relative;aspect-ratio:4/4.5;overflow:hidden;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper-2)}.reel-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.reel-open:hover img{transform:scale(1.06)}.reel-metric{position:absolute;top:10px;right:9px;font:500 14px var(--f-pixel);background:var(--butter);padding:6px 10px;border:1.5px solid var(--ink);border-radius:30px;box-shadow:0 2px var(--ink);rotate:4deg}.reel-play{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);border:1.5px solid var(--ink);border-radius:24px;background:var(--card);padding:7px 16px;white-space:nowrap;font:500 15px var(--f-pixel);box-shadow:0 3px var(--ink);transition:background .2s,scale .3s var(--ease-pop)}.reel-open:hover .reel-play{background:var(--butter);scale:1.06}.reel-label{font:500 12px var(--f-pixel);display:block;margin:14px 5px 8px}.reel h3{font-size:22px;margin-inline:5px;line-height:1.15}.shelf-hint{display:block;text-align:center;margin:20px 0 0;font-size:25px}.metric-note{margin-top:14px}.hero-colour{height:1160px}.brands{padding-top:15px}.work-heading{padding-bottom:15px}
/* The format menu is a small kinetic studio, with the reference's ink edges and shelf shadows. */
.services{padding-top:80px;padding-bottom:0;overflow:visible}.services>.wrap{max-width:1120px}.format-studio{border:2.5px solid var(--ink);border-radius:25px;background:var(--cream);box-shadow:0 9px var(--ink),0 30px 60px -30px #253e2c77;overflow:hidden;isolation:isolate;rotate:-.7deg}.studio-top{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;background:var(--slate);color:var(--cream);font:500 14px var(--f-pixel);border-bottom:2.5px solid var(--ink)}.studio-dots{display:flex;gap:7px}.studio-dots i{height:11px;width:11px;border:1.5px solid var(--ink);border-radius:50%;background:var(--tomato)}.studio-dots i:nth-child(2){background:var(--butter)}.studio-dots i:nth-child(3){background:var(--mint)}.studio-issue{font:600 20px var(--f-hand);color:var(--butter)}.format-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:2.5px solid var(--ink);background:#efe5d5}.format-tabs button{position:relative;display:flex;align-items:center;gap:10px;border:0;border-right:1.5px solid var(--ink);padding:20px 13px;font:500 17px/1.2 var(--f-pixel);text-align:left;background:transparent;color:var(--ink);transition:background .25s var(--ease),padding .3s var(--ease-pop)}.format-tabs button:last-child{border-right:0}.format-tabs button>span{font:600 27px var(--f-display);opacity:.6;transition:transform .4s var(--ease-pop),opacity .2s}.format-tabs button>b{position:absolute;right:7px;top:3px;font-size:21px;scale:0;transition:scale .4s var(--ease-pop),rotate .6s var(--ease-pop)}.format-tabs button:hover{background:#fff6ea}.format-tabs button:hover>span{transform:rotate(-10deg) translateY(-3px);opacity:1}.format-tabs button[aria-selected=true]{background:var(--butter)}.format-tabs button[aria-selected=true]>b{scale:1;rotate:30deg}.format-tabs button[aria-selected=true]>span{opacity:1}.format-tabs button:nth-child(2)[aria-selected=true]{background:var(--sky)}.format-tabs button:nth-child(3)[aria-selected=true]{background:var(--blush)}.format-tabs button:nth-child(4)[aria-selected=true]{background:var(--orange-light)}.format-panel{display:grid;grid-template-columns:1.08fr 1fr;gap:34px;padding:42px;--panel-accent:var(--butter)}.format-panel[hidden]{display:none!important}.theme-face{--panel-accent:var(--sky)}.theme-voice{--panel-accent:var(--blush)}.theme-trend{--panel-accent:var(--orange-light)}.format-kicker{font:500 12px/1.4 var(--f-pixel);letter-spacing:1px;display:block}.format-pitch h3{font-size:clamp(35px,4.2vw,54px);line-height:1.08;letter-spacing:-1.7px;margin-top:22px}.format-pitch h3 em{box-shadow:none;color:var(--orange-deep);position:relative}.format-pitch h3 em:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;border-radius:50%;background:var(--panel-accent);rotate:-3deg;transform-origin:left;animation:underline-in .8s var(--ease-out) both}.format-pitch>p{font-size:17px;line-height:1.7;color:var(--ink-2);margin:24px 0;max-width:390px}.format-pitch>a{font-size:16px}.format-pitch>.hand{display:block;margin-top:25px;font-size:29px}.format-panel:not([hidden]) .format-pitch>*{animation:arrive .5s var(--ease-out) both}.format-panel:not([hidden]) .format-pitch h3{animation-delay:.06s}.format-panel:not([hidden]) .format-pitch>p{animation-delay:.12s}.format-score{align-self:center;background:var(--slate);color:var(--cream);padding:22px;border:2.5px solid var(--ink);border-radius:20px;box-shadow:6px 7px var(--panel-accent),8px 9px var(--ink);rotate:2deg;animation:arrive .6s var(--ease-pop) both}.score-top{display:flex;align-items:center;justify-content:space-between;font:500 12px var(--f-pixel);letter-spacing:.7px;gap:15px}.score-top>span:last-child{font-size:28px;color:var(--panel-accent);animation:turn 15s linear infinite}.format-score ol{list-style:none;margin:22px 0;padding:0;display:grid;gap:14px}.format-score li{display:flex;align-items:center;gap:13px;background:var(--cream);color:var(--ink);padding:17px 14px;border:2px solid var(--ink);border-radius:12px;box-shadow:0 3px var(--ink);animation:beat 7.5s var(--ease-pop) infinite;animation-delay:calc(var(--beat) * 2.5s);transform-origin:left center}.beat-number{font:600 27px var(--f-display);color:var(--orange-deep)}.format-score strong{font:600 22px var(--f-display);letter-spacing:-.5px}.format-score li p{font-size:13px;margin-top:5px;line-height:1.35}.beat-tick{margin-left:auto;color:var(--orange-deep);font-size:25px;animation:tick-turn 7.5s var(--ease-pop) infinite;animation-delay:calc(var(--beat) * 2.5s)}.score-track{height:8px;background:#11181e;border:1px solid var(--ink);border-radius:5px;overflow:hidden}.score-track>span{display:block;height:100%;width:100%;transform-origin:left;background:var(--panel-accent);animation:score-progress 7.5s linear infinite}.score-footer{display:flex;justify-content:space-between;margin-top:8px;font:500 12px var(--f-pixel);color:#fff0db}.studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 25px;border-top:2px dashed var(--ink);background:#f9e7c9;font:500 12px var(--f-pixel);letter-spacing:.4px}.studio-bottom .hand{font-size:25px}.format-ticker{margin-top:65px;padding:18px 0;background:var(--butter);border-block:2px solid var(--ink);overflow:hidden;white-space:nowrap;font:500 22px var(--f-pixel);rotate:-1deg}.format-ticker>div{width:max-content;animation:marquee 24s linear infinite}.format-studio:not(.is-playing) .format-score *,.format-ticker:not(.is-playing)>div{animation-play-state:paused}.format-studio:hover .score-track>span{filter:brightness(1.15)}
/* Full post viewer, opened only when a reel is selected. */
.viewer-open{overflow:hidden}#reel-dialog{width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:2.5px solid var(--ink);border-radius:20px;padding:0;background:var(--card);color:var(--ink);box-shadow:0 8px var(--ink),0 30px 100px #0006;overscroll-behavior:contain}#reel-dialog::backdrop{background:#1a1b22b8;backdrop-filter:blur(7px)}#reel-dialog[open]{animation:viewer-in .3s var(--ease-pop)}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;border-bottom:2px solid var(--ink);background:var(--butter-soft);position:sticky;top:0;z-index:2}.viewer-head h2{font-size:24px;margin-top:5px}.viewer-head .eyebrow{font-size:12px;letter-spacing:.6px}.viewer-close{border:2px solid var(--ink);background:var(--card);border-radius:50%;flex:0 0 36px;height:36px;font-size:28px;line-height:1;box-shadow:0 2px var(--ink)}#viewer-media{container-type:inline-size;background:white}#viewer-media iframe{display:block;width:100%;height:calc(125cqw + 195px);border:0}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-top:1px solid var(--line-2);font-size:13px}.viewer-foot button{border:1.5px solid var(--ink);background:var(--paper-2);border-radius:8px;padding:7px 11px;font:500 14px var(--f-pixel)}#viewer-note{font-size:12px;line-height:1.5;padding:0 18px 17px;color:var(--ink-3)}.phone-link{display:block;width:fit-content;margin:10px auto 0;color:var(--cream);text-decoration:none;font:600 clamp(28px,4vw,49px) var(--f-display);letter-spacing:-1px;text-shadow:2px 2px var(--ink);transition:rotate .35s var(--ease-pop)}.phone-link:hover{rotate:-2deg}.contact .dm-label{margin-top:25px;font:500 23px var(--f-pixel)}.contact-email{display:block;width:fit-content;margin:20px auto 0;font-size:18px;text-underline-offset:5px}.contact-instagram{display:block;width:fit-content;margin:18px auto 0;font-size:14px;text-underline-offset:4px}.contact>.hand{margin-top:33px}
@keyframes underline-in{from{scale:0 1}to{scale:1 1}}@keyframes beat{0%,27%,100%{transform:translateX(0) rotate(0);background:var(--cream)}8%,19%{transform:translateX(-5px) rotate(-1deg);background:var(--panel-accent)}}@keyframes tick-turn{0%,27%,100%{transform:scale(1) rotate(0)}8%,19%{transform:scale(1.25) rotate(120deg)}}@keyframes score-progress{0%{transform:scaleX(0)}95%,100%{transform:scaleX(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes viewer-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1000px){.format-panel{padding:30px;gap:25px}.format-tabs button{padding:20px 10px;gap:7px;font-size:15px}.format-tabs button>span{font-size:23px}.format-pitch h3{font-size:40px}.format-score{padding:16px}.format-score strong{font-size:21px}.format-score li{padding:15px 10px;gap:10px}.studio-issue{font-size:18px}.work{max-width:820px}.reel-shelf{gap:19px}.reel h3{font-size:21px}}
@media(max-width:760px){.work{max-width:none}.reel-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:20px 12px 22px;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;overscroll-behavior-x:contain}.reel{flex:0 0 235px;scroll-snap-align:center;rotate:0deg!important}.reel-thumb{aspect-ratio:4/4}.reel h3{font-size:22px}.reel-label{font-size:12px}.work-heading{padding-inline:8px}.work-heading h2{font-size:30px}.work-heading .hand{font-size:23px;max-width:140px}.shelf-hint{font-size:24px}.format-studio{rotate:0deg}.format-tabs{grid-template-columns:1fr 1fr}.format-tabs button{padding:19px 14px;font-size:17px}.format-tabs button:nth-child(2){border-right:0}.format-tabs button:nth-child(-n+2){border-bottom:1.5px solid var(--ink)}.format-panel{grid-template-columns:1fr;gap:32px;padding:30px}.format-pitch h3{font-size:44px;max-width:420px}.format-pitch>p{max-width:100%;font-size:16px;margin-block:22px}.format-pitch>.hand{display:none}.format-score{max-width:none;padding:22px;rotate:1deg;margin-right:6px}.format-score ol{margin:20px 0}.format-score li{padding:16px}.format-score strong{font-size:24px}.studio-top{padding:15px}.studio-issue{display:none}.studio-bottom{padding:17px 20px;flex-direction:column;gap:16px;text-align:center}.format-ticker{font-size:18px;margin-top:45px}.phone-link{font-size:35px}.contact-email{font-size:17px}.hero-colour{height:1100px}}
@media(max-width:430px){.work{width:100%}.work-heading{padding-inline:20px;gap:10px}.work-heading h2{font-size:27px}.work-heading .hand{font-size:21px;max-width:110px}.reel-shelf{padding-left:24px;padding-right:24px;gap:18px}.reel{flex-basis:220px}.metric-note{padding-inline:24px}.shelf-hint{font-size:22px}.format-panel{padding:27px 19px 25px;gap:25px}.format-pitch h3{font-size:39px}.format-score{padding:16px}.format-score li{padding:14px 10px}.format-score strong{font-size:22px}.format-score li p{font-size:12px}.format-tabs button{font-size:16px;padding:18px 10px;gap:8px}.format-tabs button>span{font-size:24px}.studio-top{font-size:12px}.studio-bottom>span:first-child{font-size:11px}.score-top{font-size:11px}.phone-link{font-size:30px;letter-spacing:-.7px}.contact-email{font-size:16px}.viewer-head h2{font-size:21px}.viewer-foot{padding:14px 10px;font-size:12px}.viewer-foot button{font-size:13px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.format-score *, .format-ticker>div,.reel *{animation:none!important;transition:none!important}.cur-root{display:none!important}html.has-cur,html.has-cur *{cursor:auto!important}}
html.reduce-motion .cur-root{display:none!important}html.reduce-motion.has-cur,html.reduce-motion.has-cur *{cursor:auto!important}
/* Brand value and editorial work pages: same ink, paper and human voice. */
.nav nav a[aria-current=page]{background:var(--butter);box-shadow:var(--sh-raised)}.work-more{text-align:center;margin:28px 0 4px}.brand-value{max-width:1100px}.value-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-top:22px}.value-intro>p{color:var(--ink-2);max-width:430px;line-height:1.8}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}.route-card{display:flex;flex-direction:column;position:relative;background:var(--butter-soft);padding:34px;border:2px solid var(--ink);border-radius:20px;box-shadow:0 5px var(--ink);text-decoration:none;transition:translate .3s var(--ease-pop)}.route-card:nth-child(2){background:var(--sky-soft)}.route-card:hover{translate:0 -5px}.route-card h3{font-size:38px;margin:26px 0 18px}.route-card p{max-width:350px;font-size:16px;line-height:1.7;color:var(--ink-2)}.route-end{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--ink);margin-top:30px;padding-top:18px;font:500 19px var(--f-pixel)}.route-end b{font-size:30px;font-weight:400;transition:rotate .3s}.route-card:hover b{rotate:15deg}.page-hero{padding-top:34px;text-align:center;max-width:1080px}.breadcrumb{font:500 15px var(--f-pixel);display:block;text-align:left;width:fit-content;text-decoration:none;padding:10px 0;margin-bottom:42px}.breadcrumb:hover{text-decoration:underline;text-underline-offset:5px}.page-hero h1{font-size:clamp(48px,6.4vw,84px);margin:24px 0}.page-lede{max-width:680px;margin:0 auto;font-size:20px;line-height:1.7;color:var(--ink-2)}.page-hero>.button{margin-top:30px}.proof-strip{display:grid;grid-template-columns:1.2fr .8fr 1fr;margin-top:45px;border:2px solid var(--ink);border-radius:18px;background:var(--butter-soft);box-shadow:0 5px var(--ink);text-align:left}.proof-strip>div{padding:25px 28px;border-right:1px dashed var(--ink)}.proof-strip>div:last-child{border:0}.proof-strip strong{display:block;font:600 44px var(--f-display);letter-spacing:-1.5px}.proof-strip span{font:500 15px/1.5 var(--f-pixel);display:block;margin-top:8px}.subpage .metric-note{max-width:750px;margin:22px auto 0}.case-list{max-width:1040px;display:grid;gap:90px}.case{display:grid;grid-template-columns:280px 1fr;gap:75px;align-items:center}.case-preview{position:relative;border:2px solid var(--ink);border-radius:20px;background:var(--cream);box-shadow:0 6px var(--ink);overflow:hidden;rotate:-2deg}.case:nth-child(2) .case-preview{rotate:2deg}.case-preview .reel-open{width:100%;padding:0}.case-preview .reel-thumb{aspect-ratio:4/5;border-radius:0;border-bottom:2px solid var(--ink)}.case-stamp{display:block;font:500 13px var(--f-pixel);padding:18px;text-align:center}.case-copy h2{font-size:46px;margin:14px 0 20px}.case-metric{display:flex;align-items:baseline;gap:12px;margin-bottom:26px}.case-metric strong{font:600 45px var(--f-display);color:var(--orange-deep);letter-spacing:-1px}.case-metric span{font:500 17px var(--f-pixel)}.case-copy h3{font-size:25px;line-height:1.25;max-width:460px}.case-copy>p{margin:15px 0 24px;line-height:1.8;color:var(--ink-2)}.case-fit{padding:20px 24px;border-left:3px solid var(--orange);background:#fff9ec;border-radius:0 12px 12px 0}.case-fit p{font-size:15px;line-height:1.7;margin-top:7px}.case-fit .eyebrow{font-size:12px;text-transform:uppercase}.evidence-note{max-width:800px;text-align:center;padding:35px 20px 95px}.evidence-note h2{font-size:40px;margin:20px 0}.evidence-note p{line-height:1.8;color:var(--ink-2);margin-bottom:24px}.value-columns{max-width:1100px}.value-three{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:35px}.value-three article{border-top:2px solid var(--ink);padding-top:24px}.value-number{font:500 19px var(--f-pixel);background:var(--butter);padding:7px 12px;border:1.5px solid var(--ink);border-radius:8px;display:inline-block;rotate:-4deg}.value-three h2{font-size:39px;margin:25px 0 20px}.value-three p{font-size:16px;line-height:1.8;color:var(--ink-2)}.brief-section{background:var(--sky-soft);padding:85px 0;border-block:2px solid var(--ink)}.brief-board{border:2px solid var(--ink);border-radius:20px;background:var(--cream);box-shadow:0 6px var(--ink);overflow:hidden;margin-top:34px}.goal-buttons{display:flex;background:var(--slate);padding:14px;gap:12px}.goal-buttons button{flex:1;border:1.5px solid var(--ink);background:var(--cream);padding:14px 16px;border-radius:10px;font:500 17px var(--f-pixel);transition:background .25s}.goal-buttons button[aria-pressed=true]{background:var(--butter);box-shadow:0 3px var(--ink)}.brief-result{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:40px}.brief-result h3{font-size:42px;line-height:1.1;margin:20px 0}.brief-result>div>p:not(.eyebrow){font-size:16px;color:var(--ink-2);line-height:1.8}.goal-format{display:block;font:500 16px var(--f-pixel);margin-top:26px;color:var(--orange-deep)}.brief-beats{list-style:none;padding:0;margin:0;display:grid;gap:14px;align-content:center}.brief-beats li{display:flex;gap:18px;align-items:center;padding:21px;background:var(--butter-soft);border:1.5px solid var(--ink);border-radius:12px}.brief-beats li:nth-child(2){background:var(--mint-soft)}.brief-beats li:nth-child(3){background:var(--blush-soft,#f9ded8)}.brief-beats span{font:600 28px var(--f-display);color:var(--orange-deep)}.brief-beats p{font:500 17px/1.5 var(--f-pixel)}.brief-foot{padding:19px 30px;border-top:1px dashed var(--ink);font-size:12px;color:var(--ink-3)}.brand-engagement{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center;max-width:1100px}.brand-engagement h2{margin-top:22px}.brand-engagement>div>p:not(.eyebrow){margin:25px 0;line-height:1.8;max-width:490px}.brief-checklist{border:2px solid var(--ink);border-radius:20px;padding:32px;background:var(--butter-soft);box-shadow:5px 6px var(--ink);rotate:1deg}.brief-checklist ul{list-style:none;padding:0;margin:20px 0}.brief-checklist li{padding:13px 0;border-bottom:1px dashed var(--line-2);font-size:16px}.brief-checklist li:before{content:'↳';margin-right:12px;color:var(--orange-deep)}.brief-checklist p{font-size:13px}.brief-checklist .button{font-size:18px}.compact-proof{text-align:center;padding:10px 0 90px;max-width:700px}.compact-proof>p{font-size:22px;line-height:1.8;margin:23px 0}.compact-proof strong{font:600 36px var(--f-display);color:var(--orange-deep)}.compact-proof small{display:block;font-size:12px;margin-top:24px;color:var(--ink-3)}
@media(max-width:900px){.case{gap:40px;grid-template-columns:240px 1fr}.case-copy h2{font-size:38px}.value-intro{gap:30px}.value-three{gap:25px}.value-three h2{font-size:32px}.brief-result{gap:30px;padding:30px}.brand-engagement{gap:35px}.nav nav a{padding-inline:14px}}
@media(max-width:760px){.page-hero{padding-top:25px}.breadcrumb{margin-bottom:35px}.page-hero h1{font-size:clamp(42px,9vw,65px)}.page-lede{font-size:17px}.proof-strip{grid-template-columns:1fr 1fr;margin-top:35px}.proof-strip>div{padding:20px}.proof-strip>div:nth-child(2){border:0}.proof-strip>div:last-child{grid-column:1/-1;border-top:1px dashed var(--ink);display:flex;align-items:center;gap:20px}.proof-strip strong{font-size:34px}.proof-strip>div:last-child strong{font-size:29px}.proof-strip span{font-size:13px}.proof-strip>div:last-child span{margin:0}.value-intro,.route-cards,.brand-engagement,.brief-result{grid-template-columns:1fr}.value-intro{gap:25px}.route-card{padding:28px}.route-card h3{font-size:34px}.case-list{gap:60px;padding-block:60px}.case{grid-template-columns:1fr;gap:32px;border-bottom:1px dashed var(--ink);padding-bottom:45px}.case-preview{width:220px;margin:auto}.case-copy h2{font-size:36px}.case-copy h3{font-size:24px}.case-metric{margin-bottom:22px}.case-copy>p{font-size:16px}.case-metric strong{font-size:39px}.evidence-note{padding-bottom:60px}.evidence-note h2{font-size:34px}.value-columns{padding-block:60px}.value-three{grid-template-columns:1fr;gap:32px}.value-three h2{font-size:36px;margin:20px 0 15px}.value-three h2 br{display:none}.value-three p{max-width:500px}.brief-section{padding:60px 0}.goal-buttons{flex-wrap:wrap;gap:9px;padding:12px}.goal-buttons button{flex:1 1 100%;font-size:16px;padding:12px}.brief-result{gap:28px;padding:27px 23px}.brief-result h3{font-size:35px}.brief-beats li{padding:17px}.brief-foot{padding:18px 23px}.brand-engagement{padding-block:65px;gap:35px}.brief-checklist{padding:26px;rotate:0deg}.compact-proof{padding-bottom:55px}.compact-proof>p{font-size:18px}.compact-proof strong{font-size:32px}.nav nav a{font-size:15px;padding:9px 11px}}
@media(max-width:480px){.nav nav{display:flex!important;gap:0;margin-top:8px;order:3;width:100%;justify-content:center}.nav{flex-wrap:wrap;gap:10px;padding:12px 14px}.nav>.wordmark{font-size:26px}.nav>.button{margin-left:auto}.header{width:calc(100% - 24px);top:8px}.nav nav a{flex:1;text-align:center;font-size:15px;padding:9px 12px}.header.scrolled .nav{transform:none}.nav-tag{display:none}.page-hero h1{font-size:43px}.page-hero .eyebrow{font-size:12px}.page-hero .metric-note{text-align:left}.route-card h3{font-size:32px}.value-intro h2{font-size:37px}.value-intro>p{font-size:16px}.brief-result h3{font-size:33px}.proof-strip>div{padding:17px}.proof-strip strong{font-size:31px}.proof-strip span{font-size:12px}.subpage .contact-section{margin-top:20px}}
/* A local player keeps playback inside the portfolio. */
#viewer-media video{display:block;width:100%;max-height:calc(100dvh - 225px);aspect-ratio:9/16;object-fit:contain;background:#151515;border:0;color-scheme:dark}#viewer-media:has(video){background:#151515}
/* Outline → travelling fill → spring settle, inspired by Ignura display type. */
.sr-only{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important;border:0!important}.ignite-type{--ignite-fill:var(--orange-deep)}.ink-orange.ignite-type{--ignite-fill:var(--orange);text-shadow:none}.ignite-word{display:inline-block;white-space:nowrap}.ignite-char{display:inline-block;position:relative;color:transparent;-webkit-text-stroke:.025em var(--ink);paint-order:stroke fill;text-shadow:none;transform-origin:50% 85%}.ignite-char:after{content:attr(data-glyph);position:absolute;inset:0;color:var(--ignite-fill);-webkit-text-stroke:0;clip-path:inset(-.35em -.45em);pointer-events:none}.ink-orange .ignite-char{-webkit-text-stroke:.045em var(--ink)}.ink-orange .ignite-char:after{text-shadow:.025em .035em 0 var(--ink)}.motion-ready .ignite-type:not(.is-ignited) .ignite-char:after{clip-path:inset(100% 0 0)}.is-ignited .ignite-char{animation:ignite-pop .8s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--ignite-delay)}.is-ignited .ignite-char:after{animation:ignite-fill .62s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--ignite-delay)}
@keyframes ignite-fill{0%{clip-path:inset(100% 0 0);color:var(--butter);filter:drop-shadow(0 0 3px #ff8b36)}40%{color:var(--orange);filter:drop-shadow(0 0 2px #ff8b36)}100%{clip-path:inset(-.35em -.45em);color:var(--ignite-fill);filter:none}}@keyframes ignite-pop{0%{transform:translateY(.11em) scale(.94) rotate(-2deg)}55%{transform:translateY(-.035em) scale(1.055) rotate(.7deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.ignite-char,.ignite-char:after{animation:none!important;transform:none!important;clip-path:inset(-.35em -.45em)!important;color:var(--ignite-fill)!important;filter:none!important}}
html.reduce-motion .ignite-char,html.reduce-motion .ignite-char:after{animation:none!important;transform:none!important;clip-path:inset(-.35em -.45em)!important;color:var(--ignite-fill)!important;filter:none!important}

/* Let italic overhangs fill fully; keep useful format details easy to scan. */
.format-details{margin:22px 0 25px;border-top:1px dashed var(--line-2);padding-top:16px;display:grid;gap:13px}.format-details div{display:grid;gap:5px}.format-details dt{font:500 12px var(--f-pixel);letter-spacing:.8px;text-transform:uppercase;color:var(--orange-deep)}.format-details dd{margin:0;font-size:14px;line-height:1.6;max-width:400px;color:var(--ink-2)}.format-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--ink);transform-origin:left;animation:underline-in .45s var(--ease-out) both}.format-score li{transition:box-shadow .3s,background .3s}.format-score li:hover{box-shadow:0 5px var(--ink);background:var(--panel-accent)}
/* The supplied portrait gives the creator story a face. */
.creator-story{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:85px;align-items:center;text-align:left;max-width:1120px}.creator-photo{margin:0;position:relative;rotate:-3deg;transition:rotate .5s var(--ease-pop),translate .5s var(--ease-pop)}.creator-photo:hover{rotate:0deg;translate:0 -4px}.creator-photo-frame{padding:10px;background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:0 6px var(--ink),var(--sh-soft);overflow:hidden}.creator-photo img{display:block;width:100%;height:auto;aspect-ratio:1170/1535;object-fit:cover;border-radius:12px}.creator-photo figcaption{display:block;text-align:center;margin:22px -15px 0;color:var(--orange-deep);font-size:27px;rotate:1deg}.creator-location{position:absolute;top:20px;right:-18px;rotate:6deg;padding:9px 13px;background:var(--butter);border:1.5px solid var(--ink);box-shadow:0 3px var(--ink);border-radius:9px;font:500 14px var(--f-pixel)}.creator-copy .story-title{font-size:clamp(40px,4.4vw,60px);margin-top:20px}.creator-copy .story-copy{font-size:clamp(24px,2.6vw,32px);line-height:1.5;margin-top:27px}.creator-copy .about-bottom{margin-top:25px}.creator-copy .about-bottom>p{font-size:16px;line-height:1.8}.creator-copy .about-bottom>a{font-size:14px;margin-top:20px}.creator-copy .niches{justify-content:flex-start;margin-top:28px;gap:10px}.creator-copy .niches span{font-size:15px}
@media(max-width:900px){.creator-story{gap:42px;grid-template-columns:260px minmax(0,1fr)}.creator-copy .story-title{font-size:42px}.creator-copy .story-copy{font-size:25px}}
@media(max-width:760px){.creator-story{grid-template-columns:1fr;text-align:center;gap:40px}.creator-photo{width:min(280px,calc(100% - 35px));margin-inline:auto;rotate:-2deg}.creator-copy .story-title{font-size:clamp(36px,8vw,48px)}.creator-copy .story-copy{font-size:25px}.creator-copy .niches{justify-content:center}.creator-location{right:-14px;font-size:12px}.creator-photo figcaption{font-size:25px}.creator-copy .eyebrow{font-size:12px}}
/* Ignura's original illustrated world, adapted around Niketh's work. */
.hero-colour.illustrated-sky{height:780px;background:var(--cream);mask:linear-gradient(#000 94%,transparent);overflow:hidden}.scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.illustrated-sky:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 37%,#fbf6eef5 0%,#fbf6eedb 28%,#fbf6ee40 64%,transparent 84%);pointer-events:none}.scene-mid,.scene-near{transform:translateY(calc(var(--sky-y,0px) * .25));will-change:auto}.scene-friend{display:block;position:absolute;pointer-events:none;z-index:2;width:90px;transform-origin:center bottom}.scene-friend>svg{display:block;width:100%;height:auto;overflow:visible}.hero-friend{left:max(35px,calc(50% - 465px));top:340px;width:95px;rotate:-7deg}.hero-friend>svg{animation:buddy-bob 5s ease-in-out infinite}.scene-friend .k-eye{transform-box:fill-box;transform-origin:center;animation:buddy-blink 7s infinite}.scene-friend .arm-r{transform-box:fill-box;transform-origin:20% 20%;animation:buddy-wave 6s ease-in-out infinite}.studio-stage{position:relative;margin-top:0}.studio-friend{width:88px;right:28px;top:-55px;z-index:0;rotate:8deg}.studio-friend>svg{animation:buddy-peek 8s ease-in-out infinite}.studio-stage>.format-studio{position:relative;z-index:1}.process{position:relative}.process-friend{right:45px;top:95px;width:85px;rotate:8deg}.process-friend>svg{animation:buddy-bob 6s ease-in-out infinite reverse}.contact-friend{right:45px;bottom:30px;width:85px;rotate:8deg}.contact-friend>svg{animation:buddy-bob 4s ease-in-out infinite}.contact-section{background:var(--cream);padding-bottom:0}.closing-landscape{position:relative;width:100%;height:240px;overflow:hidden;pointer-events:none;background:var(--cream)}.closing-landscape>img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:max(100%,1100px);height:auto;max-width:none;display:block}.footer{border-top:2px solid var(--ink)}.page-hero{position:relative}.page-sun{width:70px;right:20px;top:130px;rotate:9deg}.page-sun>svg{animation:buddy-bob 7s ease-in-out infinite}.scene-friend .k-lid,.scene-friend .k-lidc{opacity:0}.scene-friend:not(.is-playing)>svg,.scene-friend:not(.is-playing) *{animation-play-state:paused!important}
@keyframes buddy-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes buddy-blink{0%,42%,45%,100%{scale:1 1}43%,44%{scale:1 .12}}@keyframes buddy-wave{0%,75%,100%{rotate:0deg}80%,90%{rotate:-16deg}85%,95%{rotate:4deg}}@keyframes buddy-peek{0%,100%{transform:translateY(7px) rotate(0)}45%,60%{transform:translateY(-7px) rotate(-4deg)}}
@media(max-width:1000px){.hero-friend{width:72px;left:22px;top:370px}.contact-friend{width:65px;right:25px;bottom:25px}.page-sun{width:50px;right:0;top:90px}.process-friend{right:30px;width:70px;top:75px}}
@media(max-width:760px){.hero-colour.illustrated-sky{height:900px}.hero-friend{width:58px;left:18px;top:460px;rotate:-8deg}.hero-copy{position:relative;z-index:3}.studio-friend{width:64px;right:12px;top:-40px}.studio-stage{margin-top:20px}.process-friend{width:55px;right:12px;top:65px}.contact-friend{width:54px;right:16px;bottom:18px;opacity:.9}.contact{padding-bottom:80px}.closing-landscape{height:180px}.page-sun{top:45px;right:0;width:40px}.creator-story{padding-top:80px}}
@media(prefers-reduced-motion:reduce){.scene-friend>svg,.scene-friend *{animation:none!important}.scene-mid,.scene-near{transform:none!important}}
html.reduce-motion .scene-friend>svg,html.reduce-motion .scene-friend *{animation:none!important}html.reduce-motion .scene-mid,html.reduce-motion .scene-near{transform:none!important}
@media(max-width:760px){.hero-colour.illustrated-sky{background:var(--cream) url('/ugc-portfolio/assets/scenes/scene-mobile.svg') center bottom / 100% auto no-repeat}.illustrated-sky .scene-layer{display:none}.illustrated-sky:after{background:linear-gradient(#fbf6eeeb 0%,#fbf6ee88 45%,transparent 80%)}.hero-friend{top:400px;left:15px;width:48px}}
@media(max-width:760px){.illustrated-sky:after{background:linear-gradient(#fbf6ee 0%,#fbf6eef2 65%,#fbf6ee44 81%,transparent 95%)}}


/* Cohesive Ignura scenery, with a different scene around each chapter. */
html{overflow-x:clip}
.hero-colour.illustrated-sky{height:930px;mask:linear-gradient(#000 87%,transparent);background:var(--cream)}
.illustrated-sky:after{background:radial-gradient(ellipse at 50% 25%,#fbf6eecc 0%,#fbf6ee55 36%,transparent 70%)}
.scene-sky{animation:sky-drift 18s ease-in-out infinite alternate}.scene-far{animation:far-drift 22s ease-in-out infinite alternate}
.creator-story,.brand-value,.process{position:relative;isolation:isolate}
.brand-value:before,.process:before{content:'';position:absolute;z-index:-1;left:calc((100vw - 100%) / -2);width:100vw;top:0;bottom:0;pointer-events:none;background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;opacity:.8;mask:linear-gradient(transparent,#000 35%)}
.creator-story:before{content:none}
.brand-value:before{background-image:url('/ugc-portfolio/assets/scenes/scene-mid.svg');opacity:.45}
.process:before{background-image:url('/ugc-portfolio/assets/scenes/scene-near.svg');opacity:.5}
.services:before{content:'';position:absolute;inset:0;pointer-events:none;background:url('/ugc-portfolio/assets/scenes/cloud.svg') 4% 40px/170px auto no-repeat,url('/ugc-portfolio/assets/scenes/cloud.svg') 96% 85px/125px auto no-repeat;opacity:.4;animation:cloud-drift 12s ease-in-out infinite alternate}
.services>.wrap{position:relative;z-index:1}
.contact-section{position:relative;isolation:isolate;padding-top:100px;padding-bottom:160px;overflow:hidden;background:var(--cream)}
.contact-section .contact{max-width:900px;margin-inline:auto;padding:55px 40px;border-radius:35px;box-shadow:0 9px var(--ink),0 18px 45px #2f3a4520}
.contact-section .closing-landscape{position:absolute;z-index:-1;inset:0;width:100%;height:100%;mask:linear-gradient(transparent,#000 35%)}
.contact-section .closing-landscape>img{position:absolute;bottom:0;left:50%;width:max(100%,1600px);height:auto;transform:translateX(-50%);max-width:none}
.page-hero{isolation:isolate}.page-hero:before{content:'';position:absolute;z-index:-1;inset:-120px calc((100vw - 100%) / -2) -60px;background:linear-gradient(#fbf6ee80,#fbf6ee15 65%,#fbf6ee),url('/ugc-portfolio/assets/scenes/scene-mid.svg') center bottom/cover no-repeat;pointer-events:none}
.studio-stage:before{content:'';position:absolute;inset:25px -25px -25px;border:1px dashed #2f3a4530;border-radius:32px;rotate:-1deg;pointer-events:none}
@keyframes sky-drift{from{translate:0 0}to{translate:0 -8px}}@keyframes far-drift{from{translate:-5px 0}to{translate:5px -5px}}@keyframes cloud-drift{from{translate:-6px 0}to{translate:6px -5px}}
@media(max-width:760px){.hero-colour.illustrated-sky{height:950px}.illustrated-sky:after{background:linear-gradient(#fbf6eec0,#fbf6ee75 50%,transparent 84%)}.hero .work-heading>.hand{transform:none;rotate:0deg;max-width:100px;font-size:23px;padding:6px}.brand-value:before,.process:before{background-size:auto 370px;opacity:.4}.services:before{background-size:85px auto,70px auto}.contact-section{padding-top:65px;padding-bottom:140px}.contact-section .contact{width:calc(100% - 30px);padding:40px 20px 70px;border-radius:25px}.contact-section .contact-friend{width:48px;right:18px;bottom:16px}.studio-stage:before{inset:20px -7px -14px;rotate:0deg}}
@media(prefers-reduced-motion:reduce){.scene-sky,.scene-far,.services:before{animation:none!important}}html.reduce-motion .scene-sky,html.reduce-motion .scene-far,html.reduce-motion .services:before{animation:none!important}
@media(max-width:760px){.hero-colour.illustrated-sky{height:850px}}

/* Two editorial illustrations, placed with the story rather than behind it. */
.brand-value:before,.process:before{content:none}
.value-story-grid,.process-story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:center;gap:42px}
.value-story-grid .value-intro{display:block;margin-top:20px}
.value-story-grid .value-intro>p{margin-top:25px;max-width:560px}
.story-art{margin:0;width:100%;max-width:420px;justify-self:center;pointer-events:none}
.story-art img{display:block;width:100%;height:auto;object-fit:contain}
.process-story-grid{margin-bottom:45px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)}
.process-story-grid .section-heading{display:block;margin-bottom:0}
.process-story-grid .hand{margin-top:22px;display:block;max-width:none}
.story-art-process{max-width:330px}
.process-friend{top:auto;bottom:15px;right:20px;width:60px}
.chapter-note{font:500 14px/1.5 var(--f-pixel);letter-spacing:.7px;color:var(--ink-2)}
@media(max-width:760px){.value-story-grid,.process-story-grid{grid-template-columns:1fr;gap:20px}.story-art{max-width:280px}.story-art-process{max-width:240px}.process-story-grid{margin-bottom:32px}.process-friend{bottom:0;right:10px;width:45px}.value-story-grid .value-intro>p{margin-top:20px}}
.format-ticker>div{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 32px;width:100%;animation:none;transform:none}
.format-ticker span{white-space:nowrap;font:500 18px/1.5 var(--f-pixel)}
.format-ticker span:before{content:'✳︎';color:var(--orange-deep);margin-right:12px}
@media(max-width:760px){.format-ticker>div{flex-direction:column;align-items:center;gap:9px}.format-ticker{padding:18px 12px}.format-ticker span{font-size:16px}}

/* Keep every process paragraph on clear paper, without scenery overlays. */
.process:before,.process:after{content:none!important;background:none!important}

/* Full-bleed opening scenery: fill the viewport with no SVG letterboxing. */
.hero-colour.illustrated-sky{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
.illustrated-sky .scene-layer{left:-12px;right:auto;width:calc(100% + 24px);object-fit:cover;object-position:center bottom}

/* An oversized signature closes the story. */
.footer-signoff{padding:75px 3vw 5px;text-align:center;overflow:hidden}
.footer-signoff>.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cream);opacity:.8}
.footer a.giant-name{display:flex;justify-content:center;align-items:baseline;text-decoration:none;font:600 clamp(72px,21vw,360px)/.95 var(--f-display);letter-spacing:-.065em;margin:28px auto 14px;width:100%;color:var(--orange);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 5px var(--ink);font-variation-settings:var(--fvs-soft)}
.giant-name span{display:block;flex:1;min-width:0;transition:translate .4s var(--ease-pop),color .25s;transform-origin:center bottom}
.giant-name span:nth-child(2),.giant-name span:nth-child(5){color:var(--butter)}
.giant-name span:nth-child(3){color:var(--mint)}
@media(hover:hover){.giant-name span:hover{translate:0 -12px;color:var(--cream)}}
.footer-signoff .signoff-note{font:600 24px/1.3 var(--f-hand);color:var(--cream);margin-top:20px;rotate:-2deg}
.signoff-note span{display:inline-block;color:var(--orange);font:28px var(--f-display);margin-left:12px}
@media(max-width:760px){.footer-signoff{padding-top:50px}.footer a.giant-name{font-size:21vw;letter-spacing:-.065em;-webkit-text-stroke:1px var(--ink);text-shadow:0 3px var(--ink);margin-top:20px}.footer-signoff>.eyebrow{font-size:9px;letter-spacing:1px}.footer-signoff .signoff-note{font-size:21px}}
@media(prefers-reduced-motion:reduce){.giant-name span{transition:none}}
html.reduce-motion .giant-name span{transition:none}

/* Presentation polish: a continuous opening scene and a readable work title. */
.hero-colour.illustrated-sky{top:-160px;height:1090px}
.hero .work-heading{position:relative;align-items:center;gap:24px;background:var(--cream);border:1.5px solid var(--ink);border-radius:18px;padding:22px 26px;margin:0 12px 14px;box-shadow:0 4px var(--ink)}
.hero .work-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;max-width:720px}
.hero .work-heading>.hand{font:500 12px/1.5 var(--f-pixel);letter-spacing:1px;color:var(--ink-2);transform:none;rotate:0;max-width:none;white-space:nowrap}
@media(max-width:760px){.hero-colour.illustrated-sky{top:-170px;height:1020px}.hero .work-heading{display:block;padding:20px;margin:0 4px 16px}.hero .work-heading>.hand{display:block;margin-top:12px;padding:0}.hero .work-heading h2{font-size:clamp(30px,8vw,40px)}.hero .eyebrow{max-width:100%;padding-inline:10px}.hero-copy{min-width:0}.hero-lede{overflow-wrap:break-word}}
/* The closing name is part of a hand-illustrated night scene. */
.footer-signoff.night-signoff{padding:45px 0 0;line-height:0}
.footer-signoff .night-name{display:block;width:100%;text-decoration:none;line-height:0;position:relative}
.night-name img{display:block;width:100%;height:auto}
.footer:has(.night-signoff){padding-bottom:0}
.night-name:focus-visible{outline-offset:-8px}
@media(max-width:760px){.footer-signoff.night-signoff{padding-top:25px}}

/* The last chapter moves from daylight to night with the reader. */
.story-footer{--night-progress:0;--footer-bg:#fbede0;--footer-ink:#252522;background:var(--footer-bg);color:var(--footer-ink);border-top:0}
.story-footer .footer-inner{background:transparent;color:var(--footer-ink);border:0;border-radius:0;box-shadow:none;padding:34px 20px 18px}
.story-footer .night-signoff{padding-top:0}
.story-footer .night-name{isolation:isolate;overflow:hidden}
.story-footer .night-name img{width:100%;height:auto;mask:linear-gradient(transparent,#000 9%)}
.story-footer .footer-day{position:relative}
.story-footer .footer-night{position:absolute;inset:0;opacity:var(--night-progress)}
.story-footer .wordmark{color:var(--footer-ink)}
@media(max-width:760px){.story-footer .footer-inner{padding:25px 20px;gap:20px}.story-footer .night-signoff{padding-top:0}}
.story-footer .night-name{mask:linear-gradient(transparent,#000 9%)}
.story-footer .night-name img{mask:none}
.story-footer .preferences button{color:inherit}

/* Give the complete daytime scene room before dusk begins. */
.story-footer .night-signoff{height:calc(100vw / 3 + 90svh);overflow:visible;position:relative}
.story-footer .night-name{position:sticky;top:20svh}
@media(max-width:760px){.hero-colour.illustrated-sky{background:var(--cream) url('/ugc-portfolio/assets/scenes/scene-mobile.svg') center 140px / 100% auto no-repeat}.illustrated-sky:after{background:linear-gradient(#fbf6ee90,#fbf6ee40 40%,transparent 72%)}.story-footer .night-name{top:30svh}}
@media(max-width:760px){.hero .reach{background:#fbf6eef2;border-radius:16px;padding:14px 12px;position:relative;z-index:3}.hero-action>.hand{background:#fbf6eedb;border-radius:12px;padding:7px 12px}.hero-colour.illustrated-sky{mask:linear-gradient(#000 65%,transparent 88%)}}
.creator-studio{max-width:1120px;padding-block:85px}
.creator-studio-window{background:var(--cream);border:2px solid var(--ink);border-radius:24px;box-shadow:0 7px var(--ink);overflow:hidden;rotate:-.4deg}
.studio-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 25px;background:var(--mint);border-bottom:2px solid var(--ink)}
.studio-window-bar>span:first-child{color:var(--orange-deep);letter-spacing:3px;font-size:15px}
.studio-window-bar .eyebrow{font-size:12px}
.studio-window-star{font-size:24px;color:var(--ink)}
.studio-window-body{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:50px 45px}
.studio-value-copy h2{margin:18px 0 24px;font-size:clamp(38px,4.5vw,62px)}
.studio-value-copy>p{color:var(--ink-2);font-size:16px;line-height:1.8;max-width:510px}
.studio-value-copy>.hand{font-size:25px}
.studio-value-tags{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;padding:0}
.studio-value-tags li{font:500 13px/1.4 var(--f-pixel);padding:7px 11px;background:var(--butter-soft);border:1px solid var(--ink);border-radius:8px;rotate:-1deg}
.studio-value-tags li:nth-child(2){background:var(--mint);rotate:1deg}
.studio-illustration{margin:0;text-align:center}
.studio-illustration img{width:100%;height:auto;display:block}
.studio-illustration figcaption{font-size:24px;margin-top:10px}
.studio-story-path{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;background:var(--butter-soft);border-top:1.5px dashed var(--ink)}
.studio-story-path .eyebrow{font-size:11px;margin-bottom:8px}
.studio-story-path>div>p:last-child{font-size:14px}
.studio-story-path ol{list-style:none;display:flex;align-items:center;gap:14px;padding:0;margin:0;font:500 18px var(--f-pixel)}
.studio-story-path li{white-space:nowrap}
.studio-story-path li span{margin-left:12px;color:var(--orange-deep);font-size:27px}
.story-footer .night-signoff{height:auto;overflow:hidden}
.story-footer .night-name{position:relative;top:auto}
@media(max-width:900px){.studio-story-path{flex-wrap:wrap}.studio-story-path>div{flex-basis:100%}.studio-window-body{padding:35px 28px;gap:20px}}
@media(max-width:760px){.creator-studio{padding-block:60px}.creator-studio-window{rotate:0;border-radius:18px}.studio-window-bar{padding:12px 15px;gap:8px}.studio-window-bar .eyebrow{font-size:10px}.studio-window-bar>span:first-child{font-size:12px;letter-spacing:0}.studio-window-body{grid-template-columns:1fr;padding:30px 22px;gap:25px}.studio-illustration{max-width:290px;justify-self:center}.studio-story-path{padding:22px;gap:20px}.studio-story-path ol{font-size:15px;gap:8px}.studio-story-path li span{margin-left:5px}.studio-story-path .button{width:100%;justify-content:center}.story-footer .night-name{top:auto}}
/* Fade the footer's changing sky into the paper above. */
.story-footer{position:relative;isolation:isolate;background:transparent}
.story-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--footer-bg);mask:linear-gradient(transparent 0,#000 110px);pointer-events:none}
.story-footer .footer-inner{padding-top:65px}
@media(max-width:760px){.story-footer:before{mask:linear-gradient(transparent 0,#000 75px)}.story-footer .footer-inner{padding-top:45px}}
.story-footer:before{mask:none;background:linear-gradient(var(--cream),var(--footer-bg) 110px)}
@media(max-width:760px){.story-footer:before{mask:none;background:linear-gradient(var(--cream),var(--footer-bg) 75px)}}

/* A continuous full-width story banner. */
.services>.format-ticker{width:100%;max-width:none;margin-inline:0;rotate:0;border-radius:0;box-sizing:border-box}

/* Let the navigation leave the viewport naturally on phones. */
@media(max-width:760px){.header{position:relative;top:auto}.header.scrolled .nav{transform:none}}

.client-logo{display:block;width:102px;height:36px;object-fit:contain}.client-names{align-items:center}.brands ul{align-items:center}

html{overflow-x:clip}

.hero-colour.illustrated-sky{left:0;right:0;width:100%;transform:none}