@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f9f8f2;--ink:#161616;--yellow:#ffc52a;--teal:#13b7b7;--line:#d8d6cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.skip{position:absolute;top:-60px;left:10px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.site-header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:30px}.logo{display:block;width:153px;height:76px;overflow:hidden}.logo img{display:block;width:153px;height:153px;object-fit:contain;transform:translateY(-38px)}nav{display:flex;align-items:center;gap:clamp(18px,3vw,50px);font-size:14px;font-weight:700}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{padding:13px 18px;border:1px solid var(--ink);border-radius:30px}.nav-contact span{margin-left:18px}.hero{min-height:695px;padding:68px 5vw 50px;position:relative;overflow:hidden}.hero-kicker,.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:800}.hero-kicker{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1,h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.068em;font-weight:700}.hero h1{font-size:clamp(70px,9.8vw,159px);line-height:.93;margin:52px 0 58px;position:relative;z-index:1}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:1%;bottom:-7px;width:99%;height:14px;background:var(--yellow);border-radius:50%;transform:rotate(-1deg);z-index:-1}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:890px}.hero-bottom p{font-size:22px;line-height:1.45;max-width:540px}.round-link{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:76px;height:76px;font-size:30px;transition:background .2s,transform .2s}.round-link:hover{background:var(--yellow);transform:translateY(5px)}.plane-path{position:absolute;right:5vw;top:107px;width:23vw;min-width:180px;transform:rotate(-5deg);color:var(--ink)}.ticker{overflow:hidden;background:var(--yellow);padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:13px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.ticker span{display:block;width:max-content}.section{padding:115px 5vw}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.small-intro{max-width:260px;font-size:15px;line-height:1.5}.section h2,.about h2,.contact h2{font-size:clamp(56px,7.5vw,112px);line-height:.96;margin:18px 0 62px}.section h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--teal)}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5vw;row-gap:75px}.project-two,.project-four{transform:translateY(85px)}.project-art{height:clamp(300px,35vw,560px);position:relative;overflow:hidden;display:grid;place-items:center}.art-droom{background:#f7b625}.art-droom:before{content:'';width:52%;aspect-ratio:1;border-radius:50%;background:#fbd878;position:absolute;top:9%;right:7%}.art-droom:after{content:'';position:absolute;width:120%;height:35%;background:#187f7c;border-radius:50% 50% 0 0;bottom:-15%;left:-10%;transform:rotate(-8deg)}.art-label{font-family:'Space Grotesk';font-size:clamp(46px,6vw,100px);line-height:.84;letter-spacing:-.08em;font-weight:700;z-index:1;transform:rotate(-6deg);text-shadow:3px 3px #f8d768}.art-star{font-size:.65em;margin-left:15px}.art-vaandel{background:#aad6cf}.flag{background:#fcf2d8;width:53%;min-height:78%;display:grid;place-content:center;text-align:center;border:9px solid #142f2b;font:700 clamp(27px,3.5vw,54px)/.96 'Space Grotesk';letter-spacing:-.07em;transform:rotate(8deg);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);padding-bottom:12%}.flag-tail{position:absolute;bottom:9%;left:10%;font-size:36px}.art-rewind{background:#e9ded0}.record{width:68%;aspect-ratio:1;background:#202020;border-radius:50%;box-shadow:0 0 0 13px #242424,0 0 0 18px #d7c6ae,inset 0 0 0 44px #333;display:grid;place-items:center;transform:rotate(-13deg)}.record span{width:35%;aspect-ratio:1;background:var(--teal);border-radius:50%;display:grid;place-items:center;text-align:center;font:700 clamp(16px,2vw,30px)/.95 'Space Grotesk';letter-spacing:-.05em}.sound-line{position:absolute;bottom:15px;right:25px;font-size:55px;color:#e64b39}.art-beer{background:#0c8385;color:#ffca31}.art-beer>span{font:700 clamp(53px,6vw,95px)/.92 'Space Grotesk';letter-spacing:-.08em;transform:rotate(-7deg);text-shadow:5px 5px #103c3b}.art-beer i{font-style:normal;color:#fff4cf}.art-beer b{display:inline-block;color:#fff4cf;margin-left:20px}.project-meta{display:flex;justify-content:space-between;margin-top:18px;border-top:1px solid var(--ink);padding-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.project-meta span:last-child{font-size:18px}.project h3{font:700 clamp(26px,3vw,42px)/1 'Space Grotesk';letter-spacing:-.05em;margin:13px 0 10px}.project p{font-size:16px;line-height:1.55;max-width:420px}.project-note{font-size:12px;color:#5c5a55;margin:140px 0 0}.about{background:#171717;color:#f9f8f2;padding:110px 5vw}.about-inner{max-width:1450px;margin:auto}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}.about h2{margin-top:45px}.about h2 em{color:var(--yellow)}.about-copy{padding-top:62px}.about-copy p{font-size:19px;line-height:1.55}.scribble{color:var(--yellow);font:italic 25px Georgia,serif!important;transform:rotate(-3deg);margin-top:35px}.names{border-top:1px solid #777;display:flex;align-items:center;gap:6vw;padding-top:28px;font-size:14px}.names b{font-size:24px}.plus{color:var(--yellow);font-size:40px}.machine-section{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center}.machine-section h2{margin:30px 0}.machine-copy>p:not(.eyebrow){max-width:550px;font-size:19px;line-height:1.55}.button{background:var(--yellow);border:1px solid var(--ink);border-radius:40px;display:inline-flex;gap:60px;align-items:center;padding:19px 25px;font-weight:800;margin-top:22px;box-shadow:4px 4px 0 var(--ink)}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.machine-copy small{display:block;max-width:380px;margin-top:25px;color:#5c5a55;line-height:1.5}.machine-poster{min-height:530px;background:var(--teal);border:2px solid var(--ink);box-shadow:13px 13px 0 var(--yellow);padding:27px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg)}.poster-top,.poster-footer{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.1em}.poster-top span{font-size:24px}.poster-word{font:700 clamp(100px,14vw,220px)/.8 'Space Grotesk';letter-spacing:-.1em}.poster-word span{color:var(--yellow)}.poster-footer{border-bottom:0;border-top:2px solid var(--ink);padding:13px 0 0}.contact{background:var(--yellow);padding:105px 5vw 115px}.contact h2{margin:38px 0}.contact h2 em{color:var(--ink);text-decoration:underline;text-decoration-thickness:7px;text-underline-offset:12px}.contact p:not(.eyebrow){font-size:20px;max-width:540px;line-height:1.55}.contact-link{display:inline-flex;align-items:center;gap:70px;border-bottom:2px solid var(--ink);font:700 clamp(25px,3vw,40px) 'Space Grotesk';padding:16px 0}.contact small{display:block;margin-top:25px;font-size:11px}.site-footer{padding:40px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.site-footer img{width:85px}.site-footer p{margin:0}@media(max-width:900px){.site-header{height:auto;min-height:90px;align-items:flex-start;padding-top:10px;padding-bottom:10px}nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}.hero{min-height:590px}.hero h1{font-size:clamp(60px,10vw,90px)}.plane-path{top:60px;opacity:.5}.project-grid{gap:50px 20px}.project-two,.project-four{transform:none}.about-grid{grid-template-columns:1fr}.about-copy{padding-top:0}.machine-section{grid-template-columns:1fr}.machine-poster{min-height:450px}}@media(max-width:620px){.site-header{display:block}.logo{margin:auto}.site-header nav{justify-content:center;font-size:12px;gap:10px 15px}.nav-contact{padding:8px 12px}.nav-contact span{margin-left:5px}.hero{padding-top:55px;min-height:520px}.hero h1{font-size:clamp(51px,11.5vw,70px);margin:55px 0}.hero-bottom p{font-size:17px;max-width:260px}.round-link{width:55px;height:55px}.plane-path{width:150px;min-width:0;right:4vw;top:70px}.section,.about,.contact{padding:75px 5vw}.section h2,.about h2,.contact h2{font-size:clamp(50px,11vw,75px);margin-bottom:42px}.section-top{display:block}.project-grid{grid-template-columns:1fr}.project-art{height:390px}.project-note{margin-top:55px}.about-copy p{font-size:17px}.names{flex-wrap:wrap;gap:15px}.names .plus{font-size:26px}.machine-poster{min-height:370px}.poster-word{font-size:110px}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}