:root{--ink:#101026;--lavender:#d4c0f2;--coral:#ff5c4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f4eefc;font-family:Arial,"Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:5px}.page{max-width:1200px;margin:0 auto;background:radial-gradient(ellipse at 50% 15%,#fcfaff 0,#f5effe 65%,#faf7fe 100%);padding:0 48px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.brand{font-size:25px;font-weight:900;letter-spacing:-1.3px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.brand em{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.7px}.dot{display:inline-block;width:19px;height:19px;border-radius:50%;background:var(--coral);vertical-align:middle;flex-shrink:0}.brand .dot{width:18px;height:18px;margin-left:2px}nav{display:flex;gap:44px;font-size:12px;font-weight:700}.inquiry{padding:17px 24px;background:var(--coral);color:#fff;font-size:14px;font-weight:700}.inquiry span{display:inline-block;transition:transform .65s}.inquiry:hover span{transform:translateX(4px)}.hero{height:720px;position:relative;margin:0 -48px;overflow:hidden;text-align:center}.hero-rule{height:1px;width:48px;background:var(--lavender);position:absolute;top:20px}.left{left:48px}.right{right:48px}h1{position:relative;z-index:1;font:146px/.82 Georgia,"Times New Roman",serif;letter-spacing:-9px;color:#050505;margin:39px 0 0;animation:appear .75s both}h1 span{display:block;font:italic 112px/.9 "Times New Roman",serif;font-weight:300;letter-spacing:-7px}h1 i{position:absolute;top:-31px;left:50%;width:23px;height:23px;background:var(--coral);border-radius:50%;transform:translateX(-50%)}.slogan{position:relative;z-index:1;font:36px/1.3 Georgia,"Batang",serif;margin:17px 0 0;animation:appear .75s .18s both}.slogan strong{color:var(--coral);font-weight:400}.collage{position:absolute;left:0;right:0;bottom:30px;height:410px;background-image:url('assets/reference.png');background-repeat:no-repeat;background-size:236.1% auto;background-position:2.12% 38.2%;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);animation:appear .8s .3s both}.social-logos{position:absolute;right:63px;top:135px;width:175px;height:170px;z-index:2}.social-logos>span{position:absolute;display:grid;place-items:center;color:white;box-shadow:0 3px 10px #5d31781a;animation:appear .7s both}.instagram{top:0;left:70px;width:61px;height:61px;border-radius:16px;background:radial-gradient(circle at 30% 105%,#ffd45b 10%,#ff4b55 40%,#ba26d8 70%,#5e5ce7);animation-delay:.45s!important}.instagram svg{width:54px;fill:none;stroke:white;stroke-width:2}.instagram .solid{fill:white;stroke:none}.youtube{top:86px;left:0;width:76px;height:50px;background:#ff5c4f;border-radius:13px;animation-delay:.6s!important}.youtube svg{width:53px;fill:#fff}.threads{top:67px;right:0;width:59px;height:59px;background:#242424;border-radius:14px;font:55px/1 Arial;animation-delay:.75s!important}.explore{position:absolute;bottom:8px;left:0;right:0;font-size:13px;font-weight:700;letter-spacing:1px}.explore span{font-size:22px;margin-left:8px}.section-heading{display:flex;align-items:center;gap:30px}h2{font:bold italic 54px/1.2 Georgia,serif;margin:0;letter-spacing:-2px;white-space:nowrap}h2 .dot{margin-left:5px}.line{height:1px;background:var(--lavender);flex:1}.services{padding:40px 0 46px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:27px}.service-grid article{padding:0 30px;border-right:1px solid var(--lavender)}.service-grid article:first-child{padding-left:10px}.service-grid article:last-child{border:0;padding-right:0}h3{margin:0;font-size:26px;letter-spacing:-1.5px}h3 span{display:inline-block;font-size:21px;margin-left:5px;transition:transform .65s}a:hover h3 span,h3 a:hover span{transform:translateX(4px)}.service-grid p{font-size:21px;line-height:1.4;margin:10px 0 0;letter-spacing:-1px}.portfolio{border-top:1px solid var(--lavender);padding:25px 0 28px}.controls{display:flex;gap:12px}.controls button{display:grid;place-items:center;border:1.5px solid #171321;background:transparent;width:46px;height:46px;border-radius:50%;font:36px/1 Georgia;cursor:pointer;transition:transform .65s,background .65s}.controls button:hover{transform:translateX(4px);background:#e8dcf8}.portfolio-window{overflow:hidden;margin-top:32px}.portfolio-track{display:flex;gap:16px;transition:transform .7s ease}.project{flex:0 0 calc((100% - 48px)/4);min-width:0}.project a{display:block}.project a[aria-disabled=true]{cursor:default}.project-image{aspect-ratio:1.5;background-image:url('assets/reference.png');background-repeat:no-repeat;border-radius:10px;transition:transform .7s ease}.project a:hover .project-image{transform:scale(1.025)}.image-ai{background-size:910% auto;background-position:3.4% 82.5%}.image-duru{background-size:1025% auto;background-position:15.72% 82.5%}.image-bbodi{background-size:1025% auto;background-position:26.15% 82.5%}.image-education{background-size:1025% auto;background-position:37.35% 82.5%}.project h3{font-size:20px;margin-top:13px;letter-spacing:-.8px}.project h3 span{font-size:19px}.pagination{display:flex;justify-content:center;gap:13px;margin-top:27px}.pagination button{border:0;width:15px;height:15px;background:#dac4f8;border-radius:50%;padding:0;cursor:pointer}.pagination button[aria-current=true]{background:var(--coral)}footer{border-top:1px solid var(--lavender);padding:28px 0 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:23px}footer .brand{font-size:24px}footer p{font-size:13px;font-weight:600;margin:0}.divider{margin:0 25px;color:#b79bd9}.footer-social{display:flex;align-items:center;gap:22px;font-size:29px;color:#32145b}.footer-social span{font-size:22px}.footer-social .blog{font-size:10px;background:#32145b;color:white;border-radius:4px;padding:5px}footer small{width:100%;font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@media(min-width:1400px){.page{margin:30px auto;border:1px solid #d6c4eb;border-radius:24px;box-shadow:0 3px 14px #634f7715}}@media(max-width:900px){.page{padding:0 30px}.header{height:90px;gap:16px}.brand{font-size:20px}nav{gap:22px;font-size:10px}.inquiry{padding:13px;font-size:11px}.hero{margin:0 -30px;height:600px}h1{font-size:115px}h1 span{font-size:90px}.slogan{font-size:29px}.collage{height:335px}.social-logos{right:25px;transform:scale(.8);transform-origin:top right}h2{font-size:42px}.service-grid article{padding:0 18px}h3{font-size:20px}.service-grid p{font-size:16px}.project h3{font-size:15px}.controls button{width:36px;height:36px}footer p{font-size:10px}.divider{margin:0 10px}}@media(max-width:600px){.page{padding:0 20px}.header{height:82px;flex-wrap:wrap;gap:12px;align-content:center}.brand{font-size:18px}.brand .dot{width:10px;height:10px}nav{order:3;width:100%;justify-content:center;gap:35px;font-size:9px}.inquiry{margin-left:auto;padding:10px 12px;font-size:10px}.hero{margin:0 -20px;height:430px}h1{font-size:78px;letter-spacing:-5px;margin-top:29px}h1 span{font-size:62px;letter-spacing:-4px}h1 i{width:14px;height:14px;top:-20px}.slogan{font-size:21px;margin-top:12px}.collage{height:230px;bottom:20px}.social-logos{top:90px;right:15px;transform:scale(.48)}.hero-rule{width:20px;top:10px}.left{left:20px}.right{right:20px}.explore{font-size:9px;bottom:0}.explore span{font-size:16px}.services{padding:30px 0}.section-heading{gap:15px}h2{font-size:34px}.dot{width:12px;height:12px}.service-grid{margin-top:23px}.service-grid article{padding:0 10px}.service-grid article:first-child{padding-left:0}.service-grid h3{font-size:14px;letter-spacing:-.7px}.service-grid h3 span{font-size:11px;margin-left:0}.service-grid p{font-size:11px;line-height:1.55;letter-spacing:-.5px}.portfolio{padding-top:20px}.controls{gap:7px}.controls button{width:29px;height:29px;font-size:25px}.portfolio-window{margin-top:23px}.portfolio-track{gap:12px}.project{flex-basis:calc((100% - 12px)/2)}.project h3{font-size:13px}.project h3 span{font-size:13px}.pagination{gap:10px;margin-top:23px}.pagination button{width:10px;height:10px}footer{gap:18px;padding-top:22px}footer .brand{font-size:17px}footer p{order:3;width:100%;font-size:10px}footer small{order:4;font-size:9px}.footer-social{font-size:23px;gap:13px}.footer-social span{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}