/* LOD / editorial art direction */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f2ed;--paper:#262722;--muted:#77776e;--lime:#0071e3;--line:#d3d1c8}body{background:var(--bg);color:var(--paper)}header{height:84px;background:#f4f2edf5;border-color:var(--line);padding:0 4%;position:relative;backdrop-filter:none}.logo{font:800 43px/.8 'Manrope',Arial,sans-serif;letter-spacing:-4px}.logo small{font-size:7px;letter-spacing:4px;margin-left:4px}.logo span{font-size:10px;margin-left:6px}.nav-cta{border:0;border-bottom:1px solid #292b25;border-radius:0;padding:8px 0;font-size:11px}.nav-cta span{margin-left:32px}nav{font-size:11px;gap:38px}.intro{padding:32px 4% 0}.intro-top{display:flex;justify-content:space-between;font-size:10px;line-height:1.7;letter-spacing:.4px}.intro-top>p:nth-child(2){margin-left:8%;color:#727268}.intro-top>a{align-self:center;font-size:9px;letter-spacing:1px;display:flex;gap:35px;align-items:center}.intro-top>a span{font-size:27px}.wordmark{font:800 clamp(180px,29vw,460px)/.88 'Manrope',sans-serif;letter-spacing:-.09em;padding:12px 0 24px;position:relative}.wordmark>span{font-size:28px;vertical-align:top;letter-spacing:0;display:inline-block;margin:36px 0 0 30px}.wordmark-note{position:absolute;right:0;bottom:40px;letter-spacing:-1.3px;font:400 clamp(24px,3.3vw,50px)/1.12 'Manrope',sans-serif}.hero{min-height:570px;height:76vh;max-height:900px;margin:0 20px;background:#887e6d}.hero-image{background-image:url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=2400&q=90');background-position:center;animation:none;opacity:0;transform:scale(1.035);transition:opacity 1s,transform 7s}.hero-image.active{opacity:1;transform:scale(1)}.slide-two{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90')}.slide-three{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=90')}.hero-shade{background:linear-gradient(0deg,#161b17a6,transparent 65%)}.hero-content{padding:0;position:absolute;bottom:105px;left:4.2%;color:#fff;max-width:750px}.hero-content .eyebrow{font-size:9px;letter-spacing:1.8px;color:#efeee8}h1{font-size:clamp(34px,4.4vw,66px);line-height:1.2;letter-spacing:-2.5px;margin:20px 0}.hero-content>p:last-child{font-size:11px;color:#eeece5}.hero-footer{left:4.2%;right:4.2%;bottom:27px;align-items:center;font-size:8px;color:#fff}.slide-controls{display:flex;gap:10px}.slide-controls button{background:#ffffff14;border:1px solid #ffffff8a;border-radius:50%;width:43px;height:43px;font-size:19px;color:#fff}.slide-controls button:hover{background:#fff;color:#222}.manifesto{display:grid;grid-template-columns:1fr 2.25fr;column-gap:7%;padding:120px 6%;max-width:1600px;margin:auto}.manifesto>.eyebrow{align-self:start;margin-top:13px;font-size:9px}.manifesto h2{font-size:clamp(30px,3.8vw,56px);line-height:1.35;margin:0;letter-spacing:-2px}.manifesto>div{grid-column:2;margin:30px 0 0;max-width:460px;font-size:12px;color:var(--muted)}em{color:var(--muted)}.section{padding:95px 6%}.work{border-top:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.6px}h2{font-size:clamp(34px,4vw,60px);letter-spacing:-2px}.section-heading{margin-bottom:55px}.heading-aside{font-size:11px;max-width:330px}.filters button{border:0;border-radius:0;padding:6px 0;margin-right:20px;font-size:10px;border-bottom:1px solid transparent}.filters button.active{background:none;color:var(--paper);border-color:var(--paper)}.projects{grid-template-columns:1.22fr .78fr;gap:80px 7%;align-items:start}.project.wide{grid-column:auto}.project.wide .project-image{height:590px}.project:nth-child(2){margin-top:160px}.project:nth-child(2) .project-image{height:410px}.project:nth-child(3){grid-column:1/-1;width:73%;margin-left:auto}.project:nth-child(3) .project-image{height:500px}.project-image{background:#d0cec5}.image-tag{top:18px;left:18px;background:#f4f2edee;color:#272821;font-size:8px;border-radius:0;padding:7px 10px}.round-arrow{background:#f3f1e9;color:#292b25;border:0;width:43px;height:43px;right:15px;bottom:15px}.project:hover .round-arrow{background:#0071e3;color:#fff}.project-meta{margin-top:16px;align-items:start;flex-direction:column;gap:5px}.project-meta h3{font-size:23px;letter-spacing:-.7px}.project-meta>span{font-size:10px}.caption{margin-top:36px;font-size:9px}.plugins{background:#e7e6df;border-top:1px solid #cecec4;border-bottom:1px solid #cecec4}.plugins h2 em{color:#85877c}.plugin-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #c1c4b8}.plugin-card{display:grid;grid-template-columns:42% 1fr;gap:6%;padding:32px 0;border:0;border-bottom:1px solid #c1c4b8;align-items:center}.plugin-art{height:285px;background:radial-gradient(ellipse at 60% 35%,#424b43,#202720);color:#f1f3eb}.camera-art{background:radial-gradient(ellipse at 60% 35%,#696657,#34372e)}.match-art{background:radial-gradient(ellipse at 60% 35%,#545b58,#27312c)}.edge-art{background:radial-gradient(ellipse at 60% 35%,#726355,#40372e)}.plugin-info{padding:15px 0 15px;max-width:520px}.plugin-info .eyebrow{color:#6d7266;font-size:9px}.plugin-info h3{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;margin:18px 0}.plugin-info>p:not(.eyebrow){color:#707468;font-size:12px;max-width:350px;min-height:0}.detail-link{border:0;border-bottom:1px solid #b1b6a8;width:auto;min-width:190px;gap:30px;font-size:11px;margin-top:25px;padding:8px 0}.detail-link:hover{color:#0071e3}.art-bottom b,.lens,.align-arrow{color:#dce3c9}.lens{border-color:#dce3c9}.store-note{font-size:10px;color:#73786c}.text-link{color:var(--paper);border-color:#9a9d90}.studio{gap:12%;padding-top:130px;padding-bottom:130px}.studio-mark{font:800 clamp(100px,16vw,230px)/1 'Manrope',sans-serif;letter-spacing:-15px;text-transform:lowercase;color:#0071e3}.studio-mark>span{font-size:50px;top:0;right:-10px}.studio-copy h2{font-size:37px}.studio-services{font-size:10px}.faq{padding-top:0;max-width:1100px}summary{font-size:13px}summary span{color:#777}.contact{background:#0071e3;color:#f6f1e7;max-width:none;padding-top:85px;padding-bottom:90px}.contact h2{font-size:clamp(37px,5.3vw,80px);letter-spacing:-2.8px}.contact h2 em{color:#e6c3b3}.contact .eyebrow{font-size:8px}.contact .eyebrow i{background:#f4f0e6}.contact-row p{color:#eed9cc}.button{border-radius:0;font-size:11px;padding:16px 20px}.lime{background:#f4f0e6;color:#392d24}.button:hover{background:white;transform:translateY(-2px)}footer{background:#eeeae1;border:0;padding:40px 6%;color:#72716b}footer .logo{color:#292a24}dialog{background:#f4f2ed;color:#292a24;border:0;padding:42px}.close{background:#f4f2ed;color:#292a24;border-color:#bbb}dialog p,dialog li{color:#6c6f64}dialog .lime{background:#0071e3;color:#fff}dialog h2{color:#292a24}.reveal.visible{transform:none}.js-motion .reveal{transition:opacity .8s,transform .8s}.ticker{display:none}
@media(max-width:900px){.hero{min-height:530px;height:65vh}.wordmark-note{font-size:28px}.project.wide .project-image{height:440px}.project:nth-child(2) .project-image{height:330px}.project:nth-child(3) .project-image{height:400px}.manifesto{padding:90px 6%;column-gap:5%}.manifesto h2{font-size:34px}.studio-copy h2{font-size:30px}.plugin-art{height:250px}}@media(max-width:600px){header{height:75px;padding:0 6%}.logo{font-size:34px}.logo small{font-size:6px}.nav-cta{padding:5px 0;font-size:9px}.menu{color:#292b25}nav{background:#f4f2ed;border-color:#d3d1c8;z-index:30}.intro{padding:24px 6% 0}.intro-top{font-size:7px;gap:20px}.intro-top>p:nth-child(2){display:none}.intro-top>a{font-size:7px;gap:15px}.intro-top>a span{font-size:23px}.wordmark{font-size:52vw;line-height:.95;padding-top:12px;padding-bottom:32px;letter-spacing:-.09em}.wordmark>span{font-size:16px;margin:20px 0 0 15px}.wordmark-note{font-size:10px;letter-spacing:0;bottom:30px;right:0;line-height:1.4}.hero{margin:0 10px;height:570px;min-height:0}.hero-content{left:6%;right:6%;bottom:100px}.hero-content h1{font-size:36px;letter-spacing:-1.4px}.hero-content .eyebrow{font-size:7px}.hero-content>p:last-child{font-size:10px}.hero-footer{left:6%;right:6%;font-size:6px;gap:10px}.hero-footer span:last-child{display:inline}.slide-controls{gap:7px}.slide-controls button{width:36px;height:36px}.manifesto{padding:70px 6%;display:block}.manifesto>.eyebrow{margin-bottom:24px}.manifesto h2{font-size:30px;letter-spacing:-1.2px}.manifesto>div{margin-top:24px;font-size:11px}.section{padding:65px 6%}.section-heading{margin-bottom:35px}.section-heading h2{font-size:34px}.projects{display:grid;grid-template-columns:1fr;gap:38px}.project:nth-child(2){margin-top:0}.project:nth-child(3){grid-column:auto;width:100%;margin:0}.project.wide .project-image{height:410px}.project:nth-child(2) .project-image{height:360px}.project:nth-child(3) .project-image{height:320px}.project-meta{flex-direction:column;gap:5px}.project-meta h3{font-size:21px}.project-meta>span{font-size:9px}.plugin-card{display:block;padding:24px 0}.plugin-art{height:260px}.plugin-info{padding:20px 0 8px}.plugin-info h3{font-size:30px;margin:12px 0}.plugin-info .eyebrow{font-size:8px}.plugin-info>p:not(.eyebrow){font-size:11px}.detail-link{width:100%;margin-top:20px}.studio{gap:40px}.studio-mark{font-size:150px;letter-spacing:-12px}.studio-mark>span{right:0;top:0;font-size:40px}.studio-copy h2{font-size:32px}.faq{padding-top:0}.contact h2{font-size:36px;letter-spacing:-1.4px}.contact .eyebrow{font-size:7px;letter-spacing:1px}footer .logo{width:45%}}