@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f8f6ed;--ink:#24261f;--muted:#67695e;--yellow:#efd14e;--line:#deded1;--sage:#e4e8d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8a6912;outline-offset:6px}.wrap{max-width:1320px;margin-inline:auto;padding-inline:52px}.header{height:128px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Manrope',sans-serif;font-size:39px;font-weight:800;text-decoration:none;letter-spacing:-2px;display:inline-flex;align-items:center}.brand>span{color:#9c7e12}.header nav{display:flex;gap:38px}.header nav a{font-size:15px;text-decoration:none;padding:8px 0}.header nav a[aria-current]{border-bottom:2px solid var(--ink)}.bee{position:relative;display:inline-block;width:29px;height:20px;background:repeating-linear-gradient(90deg,#e4bd25 0 7px,#24261f 7px 11px);border-radius:50%;transform:rotate(-25deg);margin-left:16px}.bee:before,.bee:after{content:'';position:absolute;width:16px;height:13px;border:1.5px solid #24261f;border-radius:70%;top:-10px;background:var(--paper)}.bee:before{left:1px;transform:rotate(-30deg)}.bee:after{left:10px;transform:rotate(30deg)}.bee b{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink);right:3px;top:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--yellow);padding:10px}.skip:focus{top:10px}.hero{min-height:655px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding-top:45px;padding-bottom:100px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;margin:0 0 24px}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-2.4px;margin:0}h1{font-size:clamp(42px,5.2vw,72px)}h1 em{font-style:normal;position:relative;z-index:0}h1 em:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:13px;background:var(--yellow);z-index:-1;transform:rotate(-1deg)}h2{font-size:42px;letter-spacing:-1.8px}h3{font-size:24px;letter-spacing:-.8px}.lead{font-size:18px;line-height:1.7;max-width:580px;color:var(--muted);margin:28px 0 30px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;padding:15px 24px;background:var(--ink);color:var(--paper);border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#4f543e}.text-link{font-size:15px;font-weight:600;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.hero-visual{position:relative;height:450px}.sun-disc{position:absolute;width:305px;height:305px;background:var(--yellow);border-radius:50%;top:58px;left:60px}.orbit{position:absolute;border:1px solid #b5b9a9;border-radius:50%;z-index:1;transform:rotate(-30deg)}.orbit-one{width:420px;height:210px;left:0;top:104px}.orbit-two{width:290px;height:425px;left:70px;top:5px;transform:rotate(35deg)}.specimen{position:absolute;z-index:2;background:#fffef8;box-shadow:0 12px 40px #3333140c;border:1px solid #e3e2d8;border-radius:9px;padding:22px;width:190px;font-family:'Manrope',sans-serif;font-size:48px;line-height:1.2}.specimen span{display:block;font:11px 'DM Sans',sans-serif;margin-top:20px;color:#686b5e}.specimen-one{top:25px;right:0;transform:rotate(8deg)}.specimen-two{left:0;bottom:15px;background:#e5e9dc;transform:rotate(-7deg)}.visual-caption{position:absolute;bottom:15px;right:5px;font-size:13px;line-height:1.6}.section{padding-block:95px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-bottom:45px;align-items:end}.section-heading p:not(.eyebrow){color:var(--muted);max-width:410px;margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 28px}.project-card{display:block;text-decoration:none}.project-card[hidden]{display:none}.project-card:hover h3{color:#726019}.project-card:hover .art{transform:translateY(-4px)}.art{height:240px;border-radius:9px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s;background:#e5e9dc}.art>span{font:700 76px 'Manrope',sans-serif;letter-spacing:-5px;z-index:1}.card-copy{padding:24px 0 8px}.card-copy .eyebrow{font-size:10px;margin-bottom:12px;color:var(--muted)}.card-copy h3{display:flex;justify-content:space-between;gap:15px}.card-copy h3>span{font:22px 'DM Sans',sans-serif;font-weight:400}.card-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin:13px 0 0}.check{background:#e6eadb}.check:after{content:'✓';display:grid;place-items:center;position:absolute;right:18%;top:20%;border-radius:50%;width:57px;height:57px;background:#f5f5e9;font-size:25px;transform:rotate(13deg)}.words{background:#eadbc9}.chart{background:#e7e8db;gap:9px;align-items:flex-end;padding-bottom:45px}.chart>span{position:absolute;left:45px;top:5px;font-size:60px}.chart i{width:25px;background:#a2ac84;height:30px}.chart i:nth-of-type(2){height:50px}.chart i:nth-of-type(3){height:70px}.chart i:nth-of-type(4){height:100px}.chart i:nth-of-type(5){height:125px;background:#566446}.editorial{background:#e9d7c8}.editorial>span{font:italic 105px Georgia,serif}.eclipse{background:#252b2a}.eclipse:before{content:'';width:125px;height:125px;background:#202624;border-radius:50%;box-shadow:0 0 0 3px #fff6bd,0 0 23px 8px #eee5a465,0 0 60px 30px #eee5a411}.eclipse:after{content:'';width:6px;height:6px;border-radius:50%;background:white;position:absolute;left:25%;top:25%}.post{background:#e4e5f0}.post>span{position:absolute;top:25px;right:45px;font-size:55px;color:#72798c}.post i{position:absolute;left:38px;top:60px;border:1px solid #c3c7d4;border-radius:7px;background:#fffefb;padding:22px 18px 45px;font:15px 'DM Sans';transform:rotate(-8deg)}.post b{position:absolute;right:25px;bottom:38px;padding:14px 20px;background:#cbd1e4;border-radius:7px;transform:rotate(5deg);font-size:13px;line-height:2}.ban{background:#e8e1cf}.ban>span{border:2px solid #7c796a;border-radius:22px;width:110px;height:85px;display:grid;place-items:center;line-height:.5;font-size:65px;color:#7c796a}.ban:after{content:'';position:absolute;width:23px;height:23px;background:#e8e1cf;border-right:2px solid #7c796a;border-bottom:2px solid #7c796a;transform:skewY(-35deg);top:145px;left:calc(50% - 30px)}.memory{background:#e2ded7;gap:8px}.memory>span{font-size:35px;letter-spacing:-2px;background:#faf7ee;border-radius:6px;padding:27px 14px;transform:rotate(-10deg)}.memory i{width:65px;height:95px;background:#a1a68b;border:5px solid #f7f6ed;border-radius:6px;transform:rotate(12deg)}.memory i:nth-of-type(n+2){display:none}.globe{background:#e5e9d9}.globe:before{content:'';width:180px;height:180px;border:1px solid #667651;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 34px,#8e9b7866 34px 35px);transform:rotate(-20deg)}.globe:after{content:'';position:absolute;width:80px;height:180px;border:1px solid #667651;border-radius:50%;transform:rotate(-20deg)}.section-link{display:inline-block;margin-top:42px}.lab-band{background:#ecebdc;margin-top:25px}.lab-inner{padding-block:70px;display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}.lab-inner p:not(.eyebrow){color:var(--muted);max-width:490px}.lab-inner .art{height:310px;background:transparent}.lab-inner .globe:before{width:270px;height:270px}.lab-inner .globe:after{height:270px;width:120px}.closing{padding-block:115px;max-width:850px;text-align:center}.closing p:not(.eyebrow){max-width:440px;margin:25px auto;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-top:42px;padding-bottom:32px;display:grid;grid-template-columns:1fr auto}.footer .brand{font-size:31px}.footer p{font-size:13px;color:var(--muted);margin-top:6px}.footer-links{display:flex;gap:30px;padding-top:15px;font-size:13px}.footer-links a{text-decoration:none}.footer small{grid-column:1/-1;font-size:11px;color:var(--muted);margin-top:30px}.page-intro{padding-top:70px;padding-bottom:65px}.page-intro h1{max-width:950px;font-size:60px}.page-intro .lead{max-width:690px}.catalogue{padding-bottom:110px}.filters{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;padding:8px 16px;border-radius:30px;cursor:pointer;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters button:hover{border-color:var(--ink)}#project-count{margin-left:auto;font-size:12px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1.5fr;gap:110px;padding-bottom:100px}.story p{color:var(--muted)}.story-aside{padding:35px;background:#e9eadc;border-radius:8px;align-self:start}.large-dot{font:800 120px 'Manrope';letter-spacing:-10px;color:#474f32}.contact{margin-top:80px;padding-top:50px;border-top:1px solid var(--line);scroll-margin-top:40px}.contact .eyebrow{color:var(--ink)}.detail-hero{padding-top:35px;padding-bottom:70px}.back{font-size:13px;text-decoration:none;color:var(--muted)}.detail-grid{margin-top:50px;display:grid;grid-template-columns:1.3fr 1fr;gap:85px;align-items:center}.detail-grid h1{font-size:54px}.detail-grid .art{height:350px}.status{font-size:12px;color:var(--muted);margin-top:30px}.detail-body{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:65px;border-top:1px solid var(--line)}.detail-body p{margin-top:0;color:var(--muted)}.feature-list{list-style:none;padding:0}.feature-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.feature-list li:before{content:'✓';margin-right:15px;color:#697243}.muted{color:var(--muted);font-size:14px}.next-project{padding-block:50px 90px;display:flex;justify-content:space-between;align-items:center}.next-project h2{font-size:30px}
@media(max-width:1000px){.wrap{padding-inline:30px}.hero{gap:20px}.hero-visual{transform:scale(.8);transform-origin:center right}.hero h1{font-size:58px}.section-heading{gap:40px}.detail-grid{gap:40px}.detail-grid h1{font-size:44px}.project-grid{gap:35px 20px}.art{height:210px}.story{gap:55px}}@media(max-width:700px){body{font-size:16px}.wrap{padding-inline:23px}.header{height:95px;gap:20px}.brand{font-size:30px}.bee{display:none}.header nav{gap:17px}.header nav a{font-size:12px}.hero{display:block;padding-top:35px;padding-bottom:45px}.hero h1{font-size:49px;letter-spacing:-2.5px}.eyebrow{font-size:10px}.lead{font-size:16px}.hero-visual{height:360px;max-width:410px;margin:30px auto 0;transform:scale(.85);transform-origin:center center}.sun-disc{left:35px}.orbit-one{left:-20px;width:380px}.orbit-two{height:360px;left:35px}.specimen-one{right:0}.specimen{width:165px;font-size:42px}.specimen-two{bottom:-10px}.visual-caption{bottom:-8px}.actions{gap:20px}.button{padding:14px 19px;font-size:13px}.text-link{font-size:13px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:35px}h2{font-size:33px}.section-heading p:not(.eyebrow){margin-top:22px}.project-grid{grid-template-columns:1fr;gap:32px}.art{height:245px}.card-copy{padding-top:18px}.card-copy h3{font-size:25px}.lab-inner{grid-template-columns:1fr;gap:10px;padding-block:50px}.lab-inner .art{height:245px}.lab-inner .globe:before{height:210px;width:210px}.lab-inner .globe:after{height:210px;width:95px}.closing{padding-block:70px}.footer{display:block}.footer-links{gap:25px;padding:15px 0 25px}.footer small{display:block;margin-top:10px}.page-intro{padding-top:40px;padding-bottom:35px}.page-intro h1{font-size:43px}.filters{gap:4px}.filters button{padding:8px 12px}#project-count{width:100%;padding:8px 12px;margin:0}.story{grid-template-columns:1fr;gap:35px}.story-aside{display:flex;gap:35px;align-items:center;padding:10px 25px}.large-dot{font-size:90px}.contact{margin-top:50px}.detail-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.detail-grid h1{font-size:42px}.detail-grid .art{height:250px}.detail-body{grid-template-columns:1fr;gap:20px;padding-block:40px}.next-project{display:block;padding-bottom:65px}.next-project h2{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
