@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{--bg:#f5f4ee;--ink:#24251f;--muted:#77786e;--line:#d6d7cd;--blue:#294af2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body.dark{--bg:#20221f;--ink:#f4f3ec;--muted:#b1b4a9;--line:#44483e}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}header,main,footer{max-width:1600px;margin:auto}header{height:108px;display:flex;align-items:center;margin:0 auto;padding:0 5%;gap:40px}.logo{font-family:Georgia,serif;font-size:70px;line-height:1;letter-spacing:-9px;font-weight:bold}.logo span{font:12px Arial;letter-spacing:0;vertical-align:top;display:inline-block;margin:16px 0 0 12px}nav{margin-left:auto;display:flex;gap:45px;font-size:13px}nav span{margin-left:8px;color:var(--muted);font-size:10px}.theme{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;background:none;font-size:21px}.hero,.section{margin:0 5%}.hero{padding-top:52px}.eyebrow,.contact-top,.section-title>span{font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between}.eyebrow:before{content:'';width:6px;height:6px;background:var(--blue);border-radius:50%;margin:3px 10px 0 0}.eyebrow>span:first-child{margin-right:auto}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(54px,7.7vw,119px);font-weight:500;line-height:1.09;letter-spacing:-7px;margin:37px 0 29px}em{font-family:Georgia,serif;font-weight:400}.period{color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.hero-bottom p{font-size:15px;line-height:1.7;max-width:390px;color:var(--muted);margin:0}.round-link{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:1px}.round-link b{border:1px solid var(--line);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:400}.hero-art{height:320px;background:#dee3d7;position:relative;overflow:hidden;display:grid;place-items:center}.orbit{position:absolute;width:460px;height:170px;border:23px solid #294af2;border-radius:50%;box-shadow:inset 0 4px 7px #172ca5,0 6px 10px #9da697;transform:rotate(-28deg)}.orbit-two{transform:rotate(32deg)}.orbit-three{transform:rotate(90deg);height:170px;width:340px}.art-label,.art-index{position:absolute;bottom:20px;left:24px;font-size:9px;letter-spacing:1px;color:#454c40}.art-index{left:auto;right:24px}.section{padding-top:100px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-title h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.section-title h2 span{font-size:11px;margin-right:22px;color:var(--muted)}.section-title p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:21px 0 27px}.filters button{border:1px solid var(--line);border-radius:25px;padding:9px 18px;background:none;font-size:11px}.filters button.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.filters sup{margin-left:6px;font-size:8px}.filters>span{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:36px 25px}.project{text-align:left;padding:0;border:0;background:none;min-width:0}.project[hidden]{display:none}.project-image{height:360px;position:relative;overflow:hidden;display:grid;place-items:center;padding:45px;transition:filter .3s}.project:hover .project-image{filter:saturate(1.15)}.project:hover .view{opacity:1;transform:translateY(0)}.sage{background:#dde2d7}.lavender{background:#d8d5eb}.orange{background:#f0a57e}.mock-browser{width:100%;max-width:500px;background:#f7f6ed;color:#2c352d;box-shadow:0 15px 30px #67745933;transform:rotate(-5deg);padding-bottom:17px}.browser-bar{height:20px;background:#eaece2;display:flex;align-items:center;gap:3px;padding:0 9px}.browser-bar i{width:3px;height:3px;background:#a7ada0;border-radius:50%}.browser-bar span{margin:auto;font-size:5px}.forma-nav{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:22px;padding:12px 18px}.forma-nav span{font:4px Arial;margin-top:9px}.forma-content{display:flex;align-items:center;padding:0 20px 15px;height:165px}.forma-content h3{font:38px Georgia;line-height:1;flex:1}.sculpture{width:100px;height:125px;border-radius:48% 48% 13% 13%;background:linear-gradient(100deg,#a9b69b,#e2e6d6 45%,#7d8d70);transform:rotate(9deg);margin-right:20px;box-shadow:15px 16px 15px #71836633}.sculpture div{height:58px;width:44px;border-radius:50% 50% 0 0;background:#f7f6ed;margin:39px auto 0;box-shadow:inset 8px 0 8px #727e65}.forma-footer{padding:8px 18px 0;display:flex;justify-content:space-between;font-size:4px;border-top:1px solid #dadfd2}.dashboard{width:100%;max-width:500px;display:flex;background:#fbfbfd;color:#353342;box-shadow:0 15px 35px #554f7b22;transform:rotate(4deg);border-radius:6px;min-height:235px}.dashboard aside{width:65px;border-right:1px solid #eeecf3;padding:15px 9px;font-size:27px}.dashboard aside span{display:block;font:5px Arial;padding:14px 0 10px;color:#6050bd}.dashboard aside small{font:5px Arial;color:#a09daa;line-height:1.5}.dash-main{flex:1;padding:14px}.dash-top{display:flex;justify-content:space-between;font-size:6px}.dash-main>h3{font-size:20px;line-height:1.2;font-weight:500;margin:14px 0}.dash-cards{display:flex;gap:8px}.dash-cards>div{width:50%;border:1px solid #ece9f4;padding:9px;border-radius:5px;font-size:5px}.dash-cards strong{display:block;font-size:13px;margin-top:7px}.dash-cards strong small{font-size:5px}.dash-cards b{color:#9a91cc}.bars{display:flex;align-items:end;gap:5px;height:40px;margin-top:4px}.bars i{width:9px;height:45%;background:#c5bce7;border-radius:2px 2px 0 0}.bars i:nth-child(2n){height:72%;background:#9080c6}.bars i:nth-child(3n){height:95%}.line-chart{height:30px;border-bottom:2px solid #b4a8d7;border-radius:0 0 50% 30%;transform:rotate(-10deg)}.dash-task{font-size:5px;margin-top:12px;padding:9px;background:#f4f2f8;display:flex;justify-content:space-between}.view{position:absolute;bottom:18px;right:18px;background:var(--ink);color:var(--bg);font-size:9px;letter-spacing:.8px;padding:12px 17px;border-radius:25px;opacity:0;transform:translateY(5px);transition:.2s}.project-meta{display:flex;justify-content:space-between;padding-top:18px}.project-meta h3{font-size:15px;font-weight:500;margin:0 0 7px}.project-meta p{font-size:11px;color:var(--muted);margin:0}.project-meta>span{font-size:12px}.wide{grid-column:1/-1}.wide .project-image{height:420px;padding:35px 12%}.poster{width:100%;background:#ef6f36;color:#29291f;padding:22px 28px;box-shadow:0 15px 35px #8a462b25;transform:rotate(-2deg)}.poster-top,.poster-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:bold}.poster-top span,.poster-bottom{font-size:6px;letter-spacing:1px}.poster-title{font-family:Manrope,Arial,sans-serif;font-size:clamp(35px,6vw,85px);line-height:1.02;font-weight:700;letter-spacing:-4px;padding:28px 0;position:relative}.poster-title>span{position:absolute;right:0;top:10px;font-size:120px}.poster-bottom{border-top:1px solid #393021;padding-top:14px}.about{padding-bottom:85px;border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-top:25px}.about-mark{background:#e9e9df;min-height:350px;position:relative;display:grid;place-items:center;font:italic 310px Georgia;color:var(--blue);overflow:hidden}.about-mark>span{font:8px Arial;letter-spacing:1px;position:absolute;bottom:24px}.about-grid h3{font-size:39px;line-height:1.15;font-weight:500;letter-spacing:-1.5px;margin:12px 0 24px}.about-grid p{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}.skills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.skills span{font-size:10px;border:1px solid var(--line);border-radius:25px;padding:9px 13px}.template-note{font-size:10px!important;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:30px}.steps article>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.steps h3{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:20px 0 12px}.steps p{font-size:13px;line-height:1.7;color:var(--muted);max-width:290px}.contact{background:#e5e8dc;margin-top:100px;padding:45px 45px 30px;color:#24251f}.contact h2{font-size:clamp(40px,6.6vw,90px);font-weight:500;line-height:1.1;letter-spacing:-4px;margin:45px 0 35px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c3c8b8;padding-top:25px}.contact-bottom p{font-size:12px}.contact-button{background:#294af2;color:white;border-radius:30px;padding:17px 22px;font-size:12px}.contact-button span{margin-left:35px}.contact>.template-note{margin-top:20px;color:#6b7263}footer{display:flex;justify-content:space-between;align-items:center;padding:38px 5%;font-size:10px}footer p{color:var(--muted)}.footer-name{font-weight:700;font-size:11px}.footer-name span{display:block;font-size:7px;letter-spacing:1px;color:var(--muted);margin-top:6px}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);max-width:650px;width:calc(100% - 36px);padding:50px;border-radius:4px}dialog::backdrop{background:#14180dcc;backdrop-filter:blur(6px)}dialog h2{font-size:40px;letter-spacing:-1.5px;font-weight:500;line-height:1.15}dialog>p{font-size:15px;line-height:1.8;color:var(--muted)}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px}.dialog-details{display:flex;gap:50px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.dialog-details span{font-size:9px;letter-spacing:1px}.dialog-details p{font-size:12px}.dialog-done{background:var(--ink);color:var(--bg);border:0;border-radius:25px;padding:13px 20px;margin-top:20px;font-size:12px}@media(min-width:1500px){header{margin:auto}.hero-art{height:380px}}@media(max-width:800px){header{height:85px;gap:20px}nav{gap:20px;font-size:11px}.hero{padding-top:30px}h1{letter-spacing:-3.5px}.edition{display:none}.hero-art{height:270px}.section{padding-top:65px}.project-image{height:285px;padding:28px}.mock-browser{min-width:220px}.dashboard{min-width:230px}.projects{gap:28px 18px}.about-grid{gap:35px;grid-template-columns:1fr 1.2fr}.about-grid h3{font-size:31px}.about-mark{font-size:240px}.steps{gap:25px}.filters>span{display:none}.contact{margin-top:65px}.contact h2{letter-spacing:-2px}.section-title>span{font-size:8px}.wide .project-image{height:330px}}@media(max-width:560px){header{gap:17px}nav{gap:17px}nav span{display:none}.logo{font-size:55px}.logo span{font-size:9px;margin-top:12px}.theme{width:29px;height:29px;font-size:18px}.eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:49px;letter-spacing:-3px;margin-top:28px}.hero-bottom{align-items:start;gap:20px}.hero-bottom p{font-size:12px;max-width:240px}.round-link{gap:0}.round-link>span{display:none}.round-link b{width:43px;height:43px}.hero-art{height:235px}.orbit{width:320px;height:125px;border-width:18px}.orbit-three{width:250px}.art-label,.art-index{font-size:6px;left:15px}.art-index{left:auto;right:15px}.section-title{align-items:start;gap:12px}.section-title h2{font-size:17px}.section-title h2 span{margin-right:10px}.section-title p{font-size:10px;max-width:100px;margin:2px 0}.projects{grid-template-columns:1fr}.project-image{height:310px;padding:40px}.wide .project-image{height:280px;padding:25px}.view{opacity:1}.poster-title{font-size:42px;letter-spacing:-2px}.poster-title>span{font-size:70px}.poster-top{font-size:10px}.poster-top span,.poster-bottom{font-size:4px}.poster{padding:18px}.about-grid{grid-template-columns:1fr;gap:25px;padding-top:5px}.about-mark{min-height:270px;font-size:240px}.about-grid h3{font-size:37px}.section-title>span{display:none}.steps{grid-template-columns:1fr;gap:25px}.steps article{border-bottom:1px solid var(--line);padding-bottom:18px}.steps h3{margin-top:12px}.steps p{max-width:100%}.contact{padding:26px 22px}.contact-top{font-size:7px;letter-spacing:.5px}.contact h2{font-size:43px;margin:35px 0}.contact-bottom{align-items:start;gap:20px;flex-direction:column}.contact-bottom p{margin:0}.contact-button{width:100%;display:flex;justify-content:space-between}footer{gap:15px;flex-wrap:wrap}footer p{font-size:8px}footer>a:last-child{font-size:9px}dialog{padding:40px 25px}dialog h2{font-size:32px}.dialog-details{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}