@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#eeeae3;--ink:#25251f;--accent:#b9a5e8;--line:#cfcbc2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,.cube:focus-visible{outline:3px solid #75609d;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:white;padding:16px}header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:800;letter-spacing:-2px}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:38px;font-size:13px}.contact-link{border:1px solid var(--ink);border-radius:30px;padding:12px 20px}.hero{min-height:770px;position:relative;padding:66px 5% 95px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.dot{display:inline-block;height:7px;width:7px;background:#7d8964;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(62px,7.5vw,110px);line-height:1.08;letter-spacing:-7px;font-weight:500;margin:32px 0 28px;position:relative;z-index:2;pointer-events:none}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-5px}h1 em{color:#7f7069}.intro{max-width:355px;font-size:14px;line-height:1.9;color:#66645e}.pill{margin-top:30px;display:inline-flex;align-items:center;gap:40px;padding:17px 22px;background:var(--ink);color:var(--paper);border-radius:30px;font-size:12px}.pill span{font-size:20px}.playground{position:absolute;right:3%;top:45px;width:49%;height:570px;perspective:1100px;display:flex;align-items:center;justify-content:center}.cube-wrap{width:240px;height:240px;transform-style:preserve-3d;will-change:transform}.cube{height:240px;width:240px;position:relative;transform-style:preserve-3d;cursor:grab;touch-action:none}.cube:active{cursor:grabbing}.face{position:absolute;width:240px;height:240px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#24232a;padding:5px;border-radius:9px;backface-visibility:hidden;box-shadow:inset 0 0 0 2px #24232a}.tile{border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--tile);box-shadow:inset 0 1px 3px #ffffff70,inset 0 -4px 8px #00000016;color:#29252f;font-family:Georgia,serif;font-size:38px}.front{transform:translateZ(120px);--tile:#bba6e6}.back{transform:rotateY(180deg) translateZ(120px);--tile:#abc0ad}.right{transform:rotateY(90deg) translateZ(120px);--tile:#e8a488}.left{transform:rotateY(-90deg) translateZ(120px);--tile:#adbdce}.top{transform:rotateX(90deg) translateZ(120px);--tile:#e8e3d5}.bottom{transform:rotateX(-90deg) translateZ(120px);--tile:#d9c37f}.orbit{position:absolute;width:470px;height:470px;border:1px solid #d5d0c8;border-radius:50%;pointer-events:none}.orbit-two{width:370px;height:370px}.side-note{position:absolute;right:0;top:180px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.cube-controls{position:absolute;bottom:35px;display:flex;gap:12px}.cube-controls button{border:1px solid #cbc5ba;background:transparent;border-radius:20px;padding:8px 12px;font-size:10px;cursor:pointer}.hint{position:absolute;bottom:4px;font-size:9px;letter-spacing:1.5px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:9px;letter-spacing:1.5px}.section{padding:85px 5%}.work{background:#e5e0d7}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-heading h2{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2.5px;margin-top:18px;font-weight:500}.section-heading h2 span{color:#8e79b0}.section-heading p{font-size:12px;line-height:1.8;color:#6f6b63}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project{padding:0;border:0;text-align:left;background:transparent;cursor:pointer}.art{position:relative;height:420px;overflow:hidden;padding:26px;transition:transform .35s}.project:hover .art{transform:translateY(-6px)}.art-one{background:#b7a6d0}.art-two{background:#b6bda8}.tiny,.art-foot{font-size:9px;letter-spacing:1.6px;position:relative;z-index:1}.art-foot{position:absolute;bottom:25px;left:26px}.art-one strong{position:absolute;left:40px;top:120px;font-family:Georgia,serif;font-size:65px;font-weight:400;line-height:1;z-index:1;letter-spacing:-3px}.ring{height:230px;width:230px;border:42px solid #dfd5eb;border-radius:50%;position:absolute;right:35px;top:80px;transform:rotate(-30deg) skew(-12deg);box-shadow:18px 26px 28px #4b3f6350,inset 7px 8px 12px #53425d50}.poster{position:absolute;left:20%;top:65px;transform:rotate(-9deg);background:#eeebe1;width:65%;height:285px;padding:35px 25px;box-shadow:12px 18px 25px #45503b35}.poster>span{font-size:23px}.poster strong{display:block;font-size:60px;letter-spacing:-5px;font-weight:500}.poster-line{height:40px;border-top:1px solid;border-bottom:1px solid;margin:20px 0}.poster small{font-size:7px;letter-spacing:2px}.project-title{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.project-title h3{font-size:18px;font-weight:500}.project-title span{font-size:10px;color:#716c63}.about{padding-top:100px;padding-bottom:100px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:35px}.about h2{font-size:70px;line-height:1.1;letter-spacing:-4px;font-weight:500}.about p{font-size:14px;line-height:1.9;color:#726f66;margin-bottom:20px;max-width:440px}.about .large{font-size:23px;line-height:1.5;color:var(--ink)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{border:1px solid var(--line);padding:9px 12px;border-radius:30px;font-size:10px}.contact{background:#d0c3e3;position:relative}.contact h2{font-size:clamp(50px,6.8vw,94px);letter-spacing:-5px;line-height:1.1;font-weight:500;margin:35px 0 25px}.contact p{font-size:13px}.spark{position:absolute;right:12%;top:120px;font-size:160px;font-weight:400}.contact .pill{margin-top:20px}footer{border-bottom:0;gap:20px;padding:35px 0}footer>span,footer>a:last-child{font-size:10px;color:#747067}dialog{border:1px solid var(--line);border-radius:14px;padding:55px;max-width:560px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#2228;backdrop-filter:blur(6px)}dialog h2{font-size:40px;margin:25px 0}dialog p{line-height:1.8;font-size:15px}.dialog-note{margin-top:25px;font-size:12px;color:#747067}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;cursor:pointer;font-size:22px}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:900px){h1{font-size:75px;letter-spacing:-5px}.playground{right:-5%;width:52%;transform:scale(.8)}.hero{min-height:720px}.intro{max-width:290px}.section-heading p{max-width:220px}.art{height:340px}.ring{right:10px;width:180px;height:180px}.art-one strong{font-size:52px;left:25px}.poster{left:15%;width:75%;padding:25px 15px;height:230px}.poster strong{font-size:45px}.about-grid{gap:35px}.about h2{font-size:58px}.spark{right:7%;font-size:120px}}@media(max-width:650px){header{padding:23px 0}.wordmark{font-size:26px}nav{gap:17px;font-size:11px}.contact-link{padding:9px 12px}nav>a:first-child{display:none}.hero{padding-top:40px;min-height:1040px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:67px;line-height:1.08;letter-spacing:-4px;margin-top:25px}em{letter-spacing:-3px}.intro{max-width:330px;font-size:13px}.playground{top:445px;right:0;width:100%;height:490px;transform:scale(.85)}.side-note{right:0}.orbit{width:390px;height:390px}.hero-bottom{font-size:7px;gap:20px;line-height:1.8}.section{padding:60px 6%}.section-heading{display:block}.section-heading h2{font-size:36px}.section-heading p{margin-top:18px;max-width:none}.projects{grid-template-columns:1fr;gap:35px}.art{height:370px}.art-one strong{font-size:65px}.ring{width:230px;height:230px;right:25px}.poster{width:65%;left:20%;height:270px;padding:30px 20px}.poster strong{font-size:57px}.about-grid{grid-template-columns:1fr;gap:28px}.about h2{font-size:58px}.contact h2{font-size:55px;letter-spacing:-3px}.spark{position:static;font-size:50px;display:inline-block;margin-left:15px}.contact h2 em{letter-spacing:-3px}footer{flex-wrap:wrap}footer>span{font-size:9px}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}