/* shared by every inner page, same language as the homepage */
:root{--seam:0px}body{background:#fff}
@property --c{syntax:"<length>";inherits:false;initial-value:6px}
#mk{display:block;width:58px;height:29px;overflow:visible}
.nav li a{position:relative;border:0}.nav li a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .28s steps(6)}.nav li a:hover::after{transform:none}.nav li a[aria-current]::after{transform:none}
.btn{transition:--c .16s steps(3),filter .2s,transform .15s}.btn:hover{--c:9px;filter:none}.btn:active{--c:3px;transform:translateY(1px)}.btn.w{background:#fff}
.ar{position:relative;display:block;width:15px;height:15px;overflow:hidden;flex:none}.ar svg{position:absolute;inset:0;transition:transform .34s cubic-bezier(.65,0,.2,1)}.ar svg+svg{transform:translate(-110%,110%)}.btn:hover .ar svg{transform:translate(110%,-110%)}.btn:hover .ar svg+svg{transform:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.l{display:block;overflow:clip;padding-bottom:.16em;margin-bottom:-.16em}.l i{display:block;font-style:normal;transition:transform 1s cubic-bezier(.16,1,.3,1) calc(var(--i,0)*.11s)}.js [data-in]:not(.in) .l i{transform:translateY(112%)}
@media(prefers-reduced-motion:reduce){.js [data-in] .l i{transform:none!important;transition:none}}
.more-l{display:inline-block;font:400 12px/1.3 var(--mono);color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .28s steps(6)}.more-l:hover{background-size:0 1px;background-position:100% 100%}
/* tops */
.top{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.lime{background:var(--lime);color:var(--ink)}.ink{background:#0d0d0c;color:#f3f1ea}.ink .mark,.cob .mark{color:#fff}.cob{background:#2f4fd8;color:#fff}.pap{background:#fff;color:var(--ink)}
.mass{flex:1 1 auto;padding:0 var(--mx);display:flex;flex-direction:column;justify-content:center}
.mass h1{margin:0;font:460 var(--fs,clamp(56px,min(14.6vw,19svh),280px))/.9 var(--sans);letter-spacing:-.06em}.mass h1 .l{padding-bottom:.14em;margin-bottom:-.14em}
.strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px var(--mx);border-top:1px solid currentColor;min-height:84px}.strip p{margin:0;font:430 clamp(17px,1.5vw,24px)/1.2 var(--sans);letter-spacing:-.018em;max-width:36em}.strip .btn{flex:none}
/* sections */
.sec{padding:clamp(60px,7.4vw,120px) var(--mx)}.sec h2{margin:0;font:430 clamp(40px,min(6.4vw,12svh),118px)/.96 var(--sans);letter-spacing:-.05em}
.rows{list-style:none;margin:clamp(28px,3.6vw,54px) 0 0;padding:0;border-top:1px solid currentColor}.rows li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,70px);align-items:baseline;padding:clamp(18px,2.2vw,30px) 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.rows b{font:430 clamp(26px,3.1vw,54px)/1.04 var(--sans);letter-spacing:-.038em}.rows p{margin:0;font:400 clamp(16px,1.3vw,20px)/1.42 var(--sans);opacity:.86;max-width:32em}.rows small{display:block;margin-top:8px;font:400 11px/1.3 var(--mono)}.rows a{display:contents}.rows a:hover b{color:var(--hv,inherit)}
.ink .rows{--hv:var(--lime)}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);margin-top:clamp(28px,3.6vw,54px);border-top:1px solid currentColor;padding-top:18px}.four small{font:400 11px/1 var(--mono);color:var(--lime)}.four b{display:block;margin:12px 0 10px;font:430 clamp(26px,2.5vw,42px)/1.04 var(--sans);letter-spacing:-.035em}.four p{margin:0;font:400 clamp(15px,1.15vw,18px)/1.42 var(--sans);opacity:.84}
.quote{display:flex;flex-direction:column;gap:clamp(24px,3vw,44px)}.quote blockquote{margin:0;font:430 clamp(36px,min(6vw,11svh),112px)/1 var(--sans);letter-spacing:-.05em;max-width:17em;text-wrap:balance}.quote em{font-style:normal;color:var(--lime)}.quote figcaption{font:400 12px/1.3 var(--mono)}.quote{margin:0}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);margin-top:clamp(28px,3.6vw,50px)}.two h3{margin:0 0 10px;font:430 clamp(22px,2vw,32px)/1.1 var(--sans);letter-spacing:-.025em}.two p{margin:0;font:400 clamp(16px,1.3vw,20px)/1.45 var(--sans);opacity:.86}
.faq{margin-top:clamp(28px,3.6vw,50px);border-top:1px solid currentColor}.faq details{border-bottom:1px solid rgba(20,22,26,.2)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(16px,1.8vw,24px) 0;font:430 clamp(22px,2.3vw,38px)/1.08 var(--sans);letter-spacing:-.03em}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";flex:none;font-weight:300;transition:transform .5s cubic-bezier(.16,1,.3,1)}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{margin:0;padding:0 0 clamp(20px,2vw,28px);max-width:40em;font:400 clamp(16px,1.3vw,20px)/1.45 var(--sans);color:#3d4047}
.end2{background:var(--lime);padding:clamp(60px,7vw,110px) var(--mx);display:flex;flex-direction:column;gap:clamp(30px,4vw,60px)}.end2 h2{margin:0;font:460 clamp(60px,min(13.4vw,25svh),236px)/.88 var(--sans);letter-spacing:-.06em}.end2 .a{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}.end2 p{margin:0;font:430 clamp(18px,1.6vw,25px)/1.2 var(--sans);letter-spacing:-.02em;max-width:24em}.end2 .btn{flex:none}
footer{background:#0d0d0c;color:#c8c5bc;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding:20px var(--mx);font:400 11px/1.5 var(--mono)}footer a:hover{color:var(--lime)}footer span{display:inline-flex;gap:18px;flex-wrap:wrap}
/* about */
.who2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff}.who2 .pt{background:url(assets/obj/eric-colour.webp) 50% 16%/cover no-repeat;min-height:min(92svh,780px)}.who2 .tx{padding:clamp(50px,6vw,90px) var(--mx) clamp(40px,5vw,70px) clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:30px}.who2 h2{margin:0;font:430 clamp(40px,min(6.4vw,12svh),118px)/.96 var(--sans);letter-spacing:-.05em}.who2 p{margin:0 0 .9em;font:400 clamp(16px,1.3vw,20px)/1.45 var(--sans);color:#3d4047;max-width:34em}.sig{display:block;height:clamp(48px,4.6vw,70px);width:auto;margin:6px 0 0 -4px}
/* work */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px) clamp(10px,1.2vw,18px);padding:0 var(--mx) clamp(60px,7vw,110px)}.t{display:block;position:relative}.t .pic{display:block;overflow:hidden;aspect-ratio:3/4;background:#191816}.t img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.06) brightness(.86);transition:filter .6s,transform 1.2s cubic-bezier(.16,1,.3,1)}.t:hover img,.t.lit img{filter:none}.t:hover img{transform:scale(1.025)}.t b{display:block;margin-top:10px;font:430 clamp(17px,1.4vw,22px)/1.1 var(--sans);letter-spacing:-.02em}.t span.d{display:block;margin-top:3px;font:400 clamp(13px,1vw,15px)/1.35 var(--sans);opacity:.66}
@media(max-width:767px){.mass h1{--fs:clamp(50px,15.6vw,120px)}.mass{justify-content:flex-start;padding-top:8px}.strip{flex-direction:column;align-items:stretch;gap:14px;padding-top:18px;padding-bottom:18px}.strip .btn,.end2 .btn{width:100%}.rows li,.two,.who2{grid-template-columns:minmax(0,1fr)}.rows li{gap:6px}.four{grid-template-columns:minmax(0,1fr)}.who2 .pt{min-height:0;height:92vw}.end2 .a{flex-direction:column;align-items:stretch}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.top{min-height:100svh}}
/* short form */
dialog.sf{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;border:0;padding:clamp(30px,4vw,56px) clamp(22px,3.4vw,50px);background:#fff;color:var(--ink);overflow:auto;box-shadow:-30px 0 90px rgba(0,0,0,.25)}
dialog.sf[open]{display:flex;flex-direction:column;animation:sfin .55s cubic-bezier(.16,1,.3,1)}@keyframes sfin{from{transform:translateX(48px);opacity:0}}
dialog.sf::backdrop{background:rgba(13,13,12,.5);animation:sfbk .3s linear}@keyframes sfbk{from{opacity:0}}
.sf h2{margin:clamp(24px,5svh,56px) 0 clamp(24px,3.4svh,38px);padding-right:30px;font:430 clamp(34px,3.2vw,48px)/1 var(--sans);letter-spacing:-.045em}
.sf label{display:block;margin:0 0 clamp(16px,2.4svh,24px);font:400 11px/1 var(--mono)}.sf input{display:block;width:100%;margin-top:6px;padding:9px 0 10px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:430 clamp(18px,1.5vw,21px)/1.2 var(--sans);letter-spacing:-.012em;outline:0;transition:box-shadow .15s}.sf input:focus{box-shadow:0 1px 0 var(--ink)}.sf textarea{display:block;width:100%;margin-top:6px;padding:9px 0 10px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:430 clamp(16px,1.25vw,18px)/1.35 var(--sans);letter-spacing:-.008em;outline:0;resize:vertical;min-height:4.4em;transition:box-shadow .15s}.sf textarea:focus{box-shadow:0 1px 0 var(--ink)}.sf input[aria-invalid=true]{border-color:#c8341d;box-shadow:0 1px 0 #c8341d}
.hp{position:absolute!important;left:-9999px;width:1px!important;height:1px}
.sfs{width:100%;background:var(--lime);border:0;cursor:pointer;margin-top:6px;font:500 17px/1 var(--sans);color:var(--ink)}
.sfa{margin:12px 0 0;font:400 14px/1.4 var(--sans);color:#4c5057;text-align:center}.sfe{margin:0 0 10px;font:400 14px/1.4 var(--sans);color:#c8341d}
.sfo{margin:auto 0 0;padding-top:24px;font:400 13.5px/1.5 var(--sans);color:#4c5057}.sfo a{color:var(--ink);border-bottom:1px solid currentColor;white-space:nowrap}
.sfx{position:absolute;right:clamp(14px,2vw,26px);top:clamp(14px,2vw,26px);width:44px;height:44px;border:0;background:transparent;color:var(--ink);font:300 30px/1 var(--sans);cursor:pointer}
@media(prefers-reduced-motion:reduce){dialog.sf[open],dialog.sf::backdrop{animation:none}}
.more-l{display:inline-block;margin-top:clamp(20px,2.2vw,30px);font:400 12px/1.3 var(--mono);color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .28s steps(6)}.more-l:hover{background-size:0 1px;background-position:100% 100%}
/* fixes after the first walk */
.more-l,.more-l:visited{color:inherit}
.mass h1.f3{--fs:clamp(50px,min(11.6vw,19svh),220px)}
.mass h1.f2{--fs:clamp(50px,min(13vw,24svh),250px)}
@media(max-width:767px){.top{min-height:0}.mass{flex:none;padding-bottom:clamp(30px,10vw,56px)}.mass h1.f3{--fs:clamp(34px,10.7vw,80px)}.mass h1.f2{--fs:clamp(36px,12.4vw,90px)}}

/* promos, brands, seo, apps, moves, articles */
.lede{margin:clamp(16px,1.8vw,26px) 0 0;font:430 clamp(18px,1.6vw,25px)/1.25 var(--sans);letter-spacing:-.018em;max-width:34em}
.big{margin:0;font:430 clamp(26px,3.1vw,54px)/1.08 var(--sans);letter-spacing:-.035em;max-width:24em;text-wrap:pretty}
.two .st h3{margin:0 0 10px}.two .st p{margin:0}
.four.wh small,.cob .four small{color:inherit;opacity:.8}.four.dk small{color:inherit;opacity:.7}
.cob .four{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:clamp(30px,3.6vw,54px)}
.tt0{padding-top:0}
.ink.sec.fm{padding-top:clamp(40px,4vw,70px)}
.film{all:unset;display:block;cursor:pointer;box-sizing:border-box}.film:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.pic{display:block;position:relative;overflow:hidden;background:#191816}
.film .pic{aspect-ratio:9/16}.film video,.mv video{display:block;width:100%;height:100%;object-fit:cover}
.pl{position:absolute;left:10px;bottom:10px;padding:7px 10px 8px;background:#fff;color:var(--ink);font:400 11px/1 var(--mono);transition:background .2s}.film:hover .pl{background:var(--lime)}
.film b,.bt b,.mv b{display:block;margin-top:12px;font:430 clamp(20px,1.8vw,30px)/1.08 var(--sans);letter-spacing:-.028em}
.film .d,.bt .d,.mv .d{display:block;margin-top:6px;font:400 clamp(14px,1.05vw,17px)/1.4 var(--sans);opacity:.8}
.film small,.bt small{display:block;margin-top:8px;font:400 11px/1.3 var(--mono);opacity:.8}
.films,.bts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(26px,3vw,44px) clamp(12px,1.6vw,26px)}
.bts{margin-top:clamp(28px,3.6vw,54px)}.bt img{display:block;width:100%;height:auto}
.mvs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,40px) clamp(12px,1.4vw,22px);margin-top:clamp(28px,3.6vw,50px)}.mv{display:block}.mv .pic{aspect-ratio:7/8}.mv:hover b{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}
.feat{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(30px,6vw,110px);align-items:center;padding:clamp(60px,7.4vw,120px) var(--mx)}.feat .film{max-width:min(100%,calc(82svh*9/16))}
.feat h2{margin:0 0 clamp(18px,2vw,30px);font:430 clamp(40px,min(6.4vw,12svh),118px)/.96 var(--sans);letter-spacing:-.05em}
.feat ol{list-style:none;margin:clamp(22px,2.6vw,38px) 0;padding:0;border-top:1px solid currentColor}.feat li{padding:clamp(10px,1vw,15px) 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);font:400 clamp(16px,1.3vw,20px)/1.35 var(--sans)}
dialog.pv{margin:auto;padding:0;border:0;background:#000;max-width:none;max-height:none;width:min(100vw,calc(100dvh*9/16));height:min(100dvh,calc(100vw*16/9));overflow:hidden}dialog.pv[open]{display:block}dialog.pv::backdrop{background:rgba(13,13,12,.92)}dialog.pv video{display:block;width:100%;height:100%}dialog.pv .sfx{z-index:2;color:#fff;top:6px;right:6px}
.prose{padding-left:var(--mx);padding-right:var(--mx)}.prose>*{max-width:44rem}.prose>.big{max-width:24em;margin-bottom:clamp(26px,3vw,44px)}.prose p{margin:0 0 1em;font:400 clamp(17px,1.35vw,21px)/1.5 var(--sans);color:#2d3036}.prose>.big{color:var(--ink);font:430 clamp(26px,3.1vw,54px)/1.08 var(--sans)}.prose h2{margin:clamp(34px,4vw,60px) 0 clamp(12px,1.2vw,18px);font:430 clamp(28px,3vw,50px)/1.04 var(--sans);letter-spacing:-.035em}.prose strong{font-weight:560;color:var(--ink)}.prose ul{margin:0 0 1em;padding-left:1.15em;font:400 clamp(17px,1.35vw,21px)/1.5 var(--sans);color:#2d3036}.prose li{margin:0 0 .5em}.prose a{border-bottom:1px solid currentColor}
.legal h2{font-size:clamp(23px,2vw,32px);letter-spacing:-.025em}.legal p,.legal ul{font-size:clamp(16px,1.15vw,18px)}.legal .lede{font:430 clamp(21px,2vw,32px)/1.2 var(--sans);letter-spacing:-.022em;color:var(--ink);margin-bottom:1em}.upd{font:400 11px/1 var(--mono)!important;margin-bottom:clamp(20px,2.4vw,34px)!important}
.nf{display:flex;gap:26px;flex-wrap:wrap;margin-top:clamp(20px,2.4vw,34px)}
.in2{max-width:none}
@media(max-width:767px){.films,.bts,.mvs{grid-template-columns:repeat(2,minmax(0,1fr))}.cob .four{grid-template-columns:minmax(0,1fr)}.feat{grid-template-columns:minmax(0,1fr);gap:28px}.feat .film{width:64%;max-width:none}.film small,.bt small{font-size:10px}}
p .more-l{display:inline;margin-top:0;padding-bottom:1px}
.ink .film .pl{background:#fff}
@media(max-width:767px){.nav ul{display:flex;gap:clamp(12px,3.6vw,20px);font-size:11px}.nav li a{display:block;padding:14px 0}.nav li a::after{bottom:9px}}

/* WORK (Eric 11-06): all colour, nothing under the pictures */
.t img{filter:none}.t.wide{grid-column:span 2}.t.wide .pic{aspect-ratio:auto;height:100%}.t.wide img{object-position:0 0}.tiles{row-gap:clamp(10px,1.2vw,18px)}

/* PROMOS (11-06): the promos themselves on a ring you can spin */
.pr{height:100svh;min-height:600px;display:flex;flex-direction:column}.pr .mass{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(4px,1svh,14px);gap:0}.pr .mass h1.f3{--fs:clamp(36px,min(6.9vw,11.6svh),120px);white-space:nowrap}
.rstage{position:relative;flex:1;min-height:0;--w:clamp(100px,min(12vw,19svh),210px);perspective:calc(var(--w)*9);touch-action:pan-y;cursor:grab;margin:clamp(6px,1.4svh,20px) calc(var(--mx)*-1) 0;overflow:hidden;user-select:none;-webkit-user-select:none}.rstage:active{cursor:grabbing}
.ring{position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:9/16;transform-style:preserve-3d;margin:calc(var(--w)*-16/18) 0 0 calc(var(--w)/-2);will-change:transform}
.rt{all:unset;position:absolute;inset:0;cursor:pointer;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#191816;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.45)}.rt img,.rt video{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rt img,.rt video,.wt img,.wt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.rt video,.wt video{opacity:0;transition:opacity .25s}.rt video.go,.wt video.go{opacity:1}.rt:focus-visible,.wt:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.sr{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.pw-s{margin:0;font:430 clamp(19px,1.6vw,25px)/1.2 var(--sans);letter-spacing:-.02em;opacity:.86}
.wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,.7vw,12px);margin-top:clamp(26px,3vw,46px)}.wt{all:unset;position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#191816;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.wt:hover{transform:scale(1.03);z-index:2}}
.ps{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(30px,4.4vw,80px);align-items:center}.ps-a{display:flex;align-items:center;gap:clamp(18px,2vw,32px);flex-wrap:wrap}.ps-a .more-l{margin:0}.ps-d{margin:clamp(20px,2.4vw,36px) 0 0;font:430 clamp(20px,1.9vw,30px)/1.2 var(--sans);letter-spacing:-.02em;max-width:30em;text-wrap:pretty}
.ps-r{list-style:none;margin:clamp(26px,3vw,46px) 0 clamp(20px,2vw,30px);padding:0;border-top:1px solid rgba(255,255,255,.3)}.ps-r button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:20px;align-items:baseline;width:100%;padding:clamp(14px,1.3vw,20px) 0;border-bottom:1px solid rgba(255,255,255,.3);cursor:pointer}.ps-r b{font:430 clamp(24px,2.3vw,38px)/1.05 var(--sans);letter-spacing:-.03em;transition:color .2s}.ps-r span{font:400 clamp(15px,1.15vw,18px)/1.38 var(--sans);opacity:.86;text-wrap:pretty}.ps-r [aria-current] b{color:var(--lime)}.ps-r button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.ps .more-l{color:#fff}
.ps-p{aspect-ratio:9/16;background:#000;overflow:hidden;box-shadow:0 24px 70px rgba(10,20,80,.45);width:min(26vw,calc(80svh*9/16));min-width:240px}.ps-p video{display:block;width:100%;height:100%;object-fit:cover}
.chain{display:grid;grid-template-columns:minmax(0,5fr) 34px minmax(0,4fr) 34px minmax(0,3fr);gap:clamp(8px,1.2vw,20px);align-items:start;margin-top:clamp(28px,3.6vw,54px)}.ca{width:34px;height:34px;align-self:center;margin-top:-90px}.cp{height:clamp(240px,27vw,430px);background:#f1efe8;overflow:hidden;display:flex;align-items:center;justify-content:center}.cp img,.cp video{display:block;width:100%;height:100%;object-fit:cover}.cg{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}.chain small{display:block;margin-top:16px;font:400 12px/1 var(--mono)}.chain p{margin:9px 0 0;font:400 clamp(16px,1.25vw,19px)/1.4 var(--sans);color:#3d4047;text-wrap:pretty}
@media(max-width:767px){.pr{min-height:560px}.pr .mass h1.f3{--fs:clamp(34px,9.5vw,60px)}.pr .strip{gap:12px}.rstage{--w:clamp(104px,min(32vw,24svh),150px);perspective:calc(var(--w)*5)}.wall{grid-template-columns:repeat(3,minmax(0,1fr))}.wt:nth-child(n+13){display:none}.ps{grid-template-columns:minmax(0,1fr);gap:0}.ps-l{display:contents}.ps-l h2{order:1}.ps-d{order:2}.ps-p{order:3;justify-self:center;width:66vw;height:auto;max-height:none;margin-top:30px}.ps-r{order:4;margin-top:34px}.ps .more-l{order:5;justify-self:start}.ps-r button{grid-template-columns:minmax(0,1fr);gap:4px}.chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.ca{display:none}.cp{height:auto;aspect-ratio:4/5}.c1{grid-column:1/-1}.c1 .cp{aspect-ratio:2/1}.chain p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.rt video,.wt video{display:none}}

/* APPS (11-06): each app in its own colours, the real thing running */
.apx{min-height:0}.apx .mass{min-height:clamp(260px,44svh,520px)}
.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.ap{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(24px,2.6vw,40px);background:var(--bg);color:var(--fg);padding:clamp(26px,3vw,48px) var(--mx) 0;overflow:hidden;min-height:clamp(420px,46vw,760px)}.ap h2{margin:0;font:430 clamp(40px,5vw,84px)/.98 var(--sans);letter-spacing:-.05em}.ap h2 span{display:inline-block;font-size:.5em;vertical-align:.5em;transition:transform .4s cubic-bezier(.16,1,.3,1)}.ap:hover h2 span{transform:translate(6px,-6px)}.ap p{margin:clamp(12px,1.2vw,18px) 0 0;max-width:34em;font:400 clamp(16px,1.25vw,20px)/1.38 var(--sans);text-wrap:pretty}
.apf{position:relative;aspect-ratio:16/10;margin-bottom:-6%;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;background:#000;border-radius:8px 8px 0 0;transition:transform .7s cubic-bezier(.16,1,.3,1)}.ap:hover .apf{transform:translateY(-1.2%)}.apf video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ap.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:start;padding-top:clamp(40px,5vw,84px);min-height:0}.ap.wide .apf{margin-bottom:-4%}
.ay-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,50px);margin-top:clamp(30px,3.6vw,54px);border-top:1px solid currentColor;padding-top:18px}.ay-g small{font:400 11px/1 var(--mono);color:var(--lime)}.ay-g b{display:block;margin:12px 0 10px;font:430 clamp(26px,2.6vw,44px)/1.04 var(--sans);letter-spacing:-.035em}.ay-g p{margin:0;font:400 clamp(16px,1.25vw,19px)/1.42 var(--sans);opacity:.86;text-wrap:pretty}
@media(max-width:767px){.shelf{grid-template-columns:minmax(0,1fr)}.ap,.ap.wide{display:flex;min-height:0;padding-top:34px;gap:24px}.ap h2{font-size:clamp(40px,11.7vw,58px)}.ay-g{grid-template-columns:minmax(0,1fr)}.apx .mass{min-height:0;padding-bottom:30px}}

/* ABOUT (11-06): the numbers */
.nums{background:var(--lime);color:var(--ink);padding:clamp(50px,6vw,100px) var(--mx);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4.4vw,80px) clamp(20px,3vw,50px)}.num{border-top:1px solid var(--ink);padding-top:12px}.num b{display:block;font:430 clamp(72px,11.4vw,210px)/.92 var(--sans);letter-spacing:-.06em}.num span{display:block;margin-top:clamp(8px,.9vw,14px);font:400 clamp(16px,1.3vw,20px)/1.3 var(--sans);text-wrap:balance}
.rows a{color:inherit}.abr .rows b{font-weight:430}
@media(max-width:767px){.nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;padding:60px var(--mx)}.num b{font-size:clamp(54px,16.4vw,92px)}.num span{font-size:15px}}

/* the big film on Promos, and FAQ with the title beside it so the answers fill their column */
.fw{background:#000}.fwb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden}.fwb video{display:block;width:100%;height:100%;object-fit:cover}.fwb .pl{left:var(--mx);bottom:clamp(14px,2vw,28px)}
dialog.pv.wide{width:min(100vw,calc(100dvh*16/9));height:min(100dvh,calc(100vw*9/16))}
.fq2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);align-items:start}.fq2-l{position:sticky;top:clamp(20px,4svh,48px)}.fq2-l p{margin:clamp(16px,1.8vw,26px) 0 0;font:400 clamp(16px,1.3vw,20px)/1.4 var(--sans);color:#3d4047}.fq2-l .btn{margin-top:clamp(18px,2vw,28px)}.fq2 .faq{margin-top:0}.fq2 .faq p{max-width:none;text-wrap:pretty}
@media(max-width:767px){.fq2{grid-template-columns:minmax(0,1fr);gap:28px}.fq2-l{position:static}.ps-a .btn{width:100%}.ps-a{gap:16px}.ps-a,.ps .ps-r{order:4}.ps-a{order:5;justify-self:stretch}.ps-p{min-width:0}}
.wl{display:none}@media(min-width:1100px){.wl{display:inline}}

/* ABOUT (11-07): rebuilt. Portrait cover, numbers, the road here, what we make */
.abh{position:relative;background:linear-gradient(180deg,#c9ced6,#e3e7ed 46%,#d9dce1);color:var(--ink);overflow:hidden}.abh .nav,.abh .mass,.abh .strip{position:relative;z-index:2}.abh .mark{color:var(--ink)}.abh .mass{justify-content:flex-end}.abh h1.f2{--fs:clamp(44px,min(7.6vw,14svh),150px)}
.abp{position:absolute;z-index:1;right:0;top:0;bottom:0;width:min(56vw,calc(100svh*.98));background:url(assets/obj/eric-colour.webp) 50% 0/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%);mask-image:linear-gradient(90deg,transparent,#000 16%)}
.abh .strip{background:#0d0d0c;color:#f3f1ea;border-top:0}
.tl ol{list-style:none;margin:clamp(30px,4vw,60px) 0 0;padding:0;border-top:1px solid #f3f1ea}.tl li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,5fr);gap:clamp(18px,3vw,50px);align-items:baseline;padding:clamp(18px,2vw,30px) 0;border-bottom:1px solid rgba(243,241,234,.22)}.tl time{font:430 clamp(52px,6.6vw,120px)/.9 var(--sans);letter-spacing:-.055em;color:var(--lime)}.tl b{font:430 clamp(24px,2.5vw,42px)/1.08 var(--sans);letter-spacing:-.03em;text-wrap:balance}.tl p{margin:0;font:400 clamp(16px,1.25vw,20px)/1.42 var(--sans);color:#d9d6cd;text-wrap:pretty}.tl p a{color:inherit;border-bottom:1px solid currentColor}
.js .tl li{opacity:0;transform:translateY(18px);transition:opacity .5s linear calc(.1s + var(--i)*.08s),transform .9s cubic-bezier(.16,1,.3,1) calc(.1s + var(--i)*.08s)}.js .tl.in li{opacity:1;transform:none}
.wms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-top:clamp(28px,3.4vw,50px)}.wm{display:flex;flex-direction:column;background:#f4f2ea;color:var(--ink);overflow:hidden}.wm-p{display:block;aspect-ratio:4/3;overflow:hidden;background:#191816}.wm-p img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.wm:hover .wm-p img{transform:scale(1.04)}.wm-t{display:block;padding:clamp(14px,1.4vw,22px)}.wm b{display:block;font:430 clamp(24px,2.3vw,40px)/1.05 var(--sans);letter-spacing:-.03em}.wm b i{font-style:normal;display:inline-block;font-size:.6em;vertical-align:.25em;transition:transform .4s cubic-bezier(.16,1,.3,1)}.wm:hover b i{transform:translate(4px,-4px)}.wm-t>span{display:block;margin-top:6px;font:400 clamp(15px,1.15vw,18px)/1.38 var(--sans);opacity:.8;text-wrap:pretty}.wm.cob{background:#2f4fd8;color:#fff;justify-content:flex-end}.wm.lim{background:var(--lime);justify-content:flex-end}
@media(max-width:767px){.abh{display:flex;flex-direction:column}.abh .mass{order:1;padding-bottom:0}.abh h1.f2{--fs:clamp(36px,12.4vw,90px)}.abp{position:relative;order:2;width:100%;height:96vw;-webkit-mask-image:none;mask-image:none;margin-top:18px}.abh .strip{order:3}.tl li{grid-template-columns:minmax(0,1fr);gap:8px}.tl time{font-size:clamp(52px,15vw,76px)}.tl b{font-size:25px}.tl p{font-size:16.5px}.wms{grid-template-columns:repeat(2,minmax(0,1fr))}.wm b{font-size:21px}.wm-t>span{font-size:14px}}

/* LAUNCH (11-07): the monthly plans. Four steps up */
.pr2{padding-bottom:clamp(50px,6vw,90px)}
.pr2-g{--st:clamp(34px,3.6vw,64px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:clamp(10px,1.2vw,20px)}.pr2-h{grid-column:1/4;grid-row:1;padding-bottom:clamp(30px,3.2vw,52px)}.pr2-h h2{white-space:nowrap}.pr2-h p{margin:clamp(14px,1.4vw,22px) 0 0;font:430 clamp(18px,1.5vw,24px)/1.28 var(--sans);letter-spacing:-.018em;color:#e6e3da}
.pcs{display:contents}.pc:nth-child(1){grid-column:1;grid-row:2;margin-top:calc(var(--st)*2)}.pc:nth-child(2){grid-column:2;grid-row:2;margin-top:var(--st)}.pc:nth-child(3){grid-column:3;grid-row:2}.pc:nth-child(4){grid-column:4;grid-row:1/3}
.pc{--n:clamp(8px,.8vw,12px);position:relative;display:flex;flex-direction:column;background:#fff;color:var(--ink);padding:clamp(22px,2.2vw,38px);clip-path:polygon(0 calc(var(--n)*2),var(--n) calc(var(--n)*2),var(--n) var(--n),calc(var(--n)*2) var(--n),calc(var(--n)*2) 0,calc(100% - var(--n)*2) 0,calc(100% - var(--n)*2) var(--n),calc(100% - var(--n)) var(--n),calc(100% - var(--n)) calc(var(--n)*2),100% calc(var(--n)*2),100% calc(100% - var(--n)*2),calc(100% - var(--n)) calc(100% - var(--n)*2),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)*2) calc(100% - var(--n)),calc(100% - var(--n)*2) 100%,calc(var(--n)*2) 100%,calc(var(--n)*2) calc(100% - var(--n)),var(--n) calc(100% - var(--n)),var(--n) calc(100% - var(--n)*2),0 calc(100% - var(--n)*2))}
.pc-top{background:var(--lime)}.pc>*{position:relative}
.pc h3{margin:0;font:430 clamp(28px,2.5vw,44px)/1 var(--sans);letter-spacing:-.045em}.pc header p{margin:8px 0 0;font:430 clamp(17px,1.4vw,22px)/1.2 var(--sans);letter-spacing:-.015em;color:#3d4047}.pc-top header p{color:var(--ink)}
.pm{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:clamp(14px,1.5vw,22px) 0 clamp(14px,1.6vw,24px)}.pm i{display:block;aspect-ratio:1;background:rgba(20,22,26,.1)}.pm i.on{background:var(--ink);transition:background-color .01s linear calc(.5s + var(--i,0)*.12s + var(--k)*.055s)}.js .pr2:not(.in) .pm i.on{background:rgba(20,22,26,.1)}
.pp{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px}.pp small{flex:0 0 100%;margin-bottom:6px;font:400 12px/1 var(--mono)}.pp sup{align-self:flex-start;margin-top:.3em;font:430 clamp(20px,1.8vw,30px)/1 var(--sans);letter-spacing:-.02em}.pp b{font:430 clamp(56px,5.2vw,96px)/.86 var(--sans);letter-spacing:-.06em}.pp .pu{margin-left:2px;font:430 clamp(20px,1.8vw,30px)/1 var(--sans);letter-spacing:-.02em}
.pc h4{margin:clamp(18px,2vw,30px) 0 2px;font:400 12px/1.2 var(--mono)}
.pc ul{list-style:none;flex:1;margin:0 0 clamp(20px,2.2vw,32px);padding:0}.pc li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-top:1px solid rgba(20,22,26,.14);font:400 clamp(15px,1.12vw,18px)/1.3 var(--sans);text-wrap:pretty}.pc li:first-child{border-top:0}.pc li svg{width:12px;height:12px;margin-top:.26em}.pc-top li:first-child{font-weight:500}
.pc .btn{width:100%;justify-content:center;background:var(--lime);color:var(--ink)}.pc .btn.w{background:#fff}
.js .pc{opacity:0;transform:translateY(40px);transition:opacity .4s linear calc(.1s + var(--i)*.14s),transform 1s cubic-bezier(.16,1,.3,1) calc(.1s + var(--i)*.14s)}.js .pr2.in .pc{opacity:1;transform:none}@media(hover:hover){.js .pr2.in .pc:hover{transform:translateY(-10px);transition:transform .55s cubic-bezier(.16,1,.3,1)}}
.pr2 .plans-n{margin:clamp(18px,2vw,28px) 0 0;color:#f3f1ea;opacity:.8;font:400 12px/1.3 var(--mono)}
@media(max-width:1099px){.pr2-g{display:block}.pcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc:nth-child(n){margin-top:0;grid-column:auto;grid-row:auto}}@media(max-width:699px){.pr2-h h2{white-space:normal}.pcs{grid-template-columns:minmax(0,1fr)}.pp b{font-size:clamp(68px,20vw,104px)}}
@media(prefers-reduced-motion:reduce){.js .pc,.js .tl li{opacity:1!important;transform:none!important;transition:none!important}}
.abh .mass{padding-bottom:clamp(20px,3svh,36px)}
@media(max-width:767px){.abh .mass{padding-bottom:0}}

.pc-top ul{display:flex;flex-direction:column}.pc-top li{flex:1;align-items:center}.pc-top li svg{margin-top:0}
@media(max-width:1099px){.pc-top li{flex:none}}
.pc-0{background:#1d1f23;color:#f3f1ea}.pc-0 header p{color:#c9c7c0}.pc-0 li{border-top-color:rgba(255,255,255,.14)}.pc-0 .pm i{background:rgba(255,255,255,.12)}.pc-0 .pm i.on{background:var(--lime)}.js .pr2:not(.in) .pc-0 .pm i.on{background:rgba(255,255,255,.12)}
.pc-top .pp b{font-size:clamp(56px,5.5vw,100px)}.pc-top li{padding:11px 0}
@media(max-width:699px){.pc-top .pp b{font-size:clamp(68px,20vw,104px)}.pc-top li{padding:8px 0}}
@media(max-width:410px){.nav{gap:8px}.nav ul{gap:10px;font-size:10.5px;margin-left:auto}}
@media(max-width:350px){.nav ul{gap:7px;font-size:9.5px;letter-spacing:-.01em}}
.rows-n{margin:clamp(22px,2.4vw,36px) 0 0;font:430 clamp(18px,1.5vw,24px)/1.28 var(--sans);letter-spacing:-.018em}
@media(min-width:768px){.h1l .l{display:inline-block;vertical-align:top;margin-right:.24em}}
.cx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-top:clamp(30px,3.4vw,54px)}.cx img{display:block;width:100%;height:auto;aspect-ratio:16/10}.cx img.on{outline:4px solid var(--lime);outline-offset:-4px}.cx-n{margin:clamp(14px,1.4vw,20px) 0 0;font:400 12px/1.3 var(--mono)}
.js .cx img{opacity:0;transform:translateY(34px);transition:opacity .4s linear,transform 1s cubic-bezier(.16,1,.3,1)}.js .cx img:nth-child(2){transition-delay:.12s}.js .cx img:nth-child(3){transition-delay:.24s}.js .cob.in .cx img{opacity:1;transform:none}
@media(max-width:767px){.cx{grid-template-columns:repeat(2,minmax(0,1fr))}.cx img.on{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){.js .cx img{opacity:1;transform:none;transition:none}}
/* ABOUT (11-07): 24 squares, one per year, five moments lit */
.abp{top:58px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,transparent,#000 46px);mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,transparent,#000 46px);-webkit-mask-composite:source-in;mask-composite:intersect}
.abp{top:44px;bottom:90px;width:min(46vw,calc((100svh - 134px)*.92));background-position:50% 100%}
@media(max-width:767px){.abp{top:0;bottom:auto;width:100%;background-position:50% 0}}
/* ABOUT (11-07): the years stand upright, to scale, one line each */
.yg{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:2px;margin-top:clamp(26px,3vw,44px)}.yc{display:contents}.yc i{grid-row:1;grid-column:calc(var(--k) + 1);height:12px;background:var(--ink);transition:background-color .01s linear calc(.2s + var(--k)*.05s)}.yc i.on{background:var(--lime)}.js .yrs:not(.in) .yc i{background:#e9e8e3}
.yg ol{grid-column:1/-1;grid-row:2;list-style:none;margin:18px 0 0;padding:0}.yg li{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:baseline;padding:11px 0;border-top:1px solid rgba(20,22,26,.14)}.yg time{font:400 12px/1 var(--mono)}.yg b{font:430 20px/1.16 var(--sans);letter-spacing:-.025em}
.js .yg li{opacity:0;transition:opacity .4s linear calc(.3s + var(--k)*.05s)}.js .yrs.in .yg li{opacity:1}
@media(min-width:1100px){.yrs{display:grid;grid-template-columns:calc(41.667vw + clamp(32px,5vw,80px) - var(--mx)) minmax(0,1fr);column-gap:0;align-items:start}.yg{--h:clamp(19px,1.65vw,28px);margin:.2em 0 0;grid-template-columns:clamp(14px,1.15vw,18px) minmax(0,1fr);grid-template-rows:repeat(24,var(--h));column-gap:clamp(16px,1.7vw,28px);row-gap:3px}.yc i{grid-column:1;grid-row:calc(var(--k) + 1);height:auto}.yg ol{display:contents}.yg li{grid-column:2;grid-row:calc(var(--k) + 1);display:flex;align-items:baseline;gap:clamp(14px,1.3vw,22px);padding:0;border:0;height:var(--h);white-space:nowrap}.yg b{font-size:clamp(19px,1.7vw,28px);line-height:var(--h)}.yg time{flex:none}}
@media(max-width:767px){.abp{top:0;bottom:auto;width:100%;background-position:50% 0;-webkit-mask-image:none;mask-image:none}.nums{grid-template-columns:minmax(0,1fr);gap:26px}}
@media(prefers-reduced-motion:reduce){.js .yg li{opacity:1;transition:none}.yc i{transition:none}}
@media(min-width:768px){.who2{align-items:start}.who2 .pt{aspect-ratio:1222/1287;min-height:0;background-position:50% 100%}}
@media(max-width:767px){.who2 .tx{padding-left:var(--mx);padding-right:var(--mx)}}