*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Manrope,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:DM Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!fixed{position:fixed!important}.fixed{position:fixed}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Manrope,sans-serif;color:#11243d;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400;--paper:#f4f6f8;--ink:#11243d;--blue:#2456e8;--muted:#647287;--line:#dce2e9;--navy:#10213a;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::-moz-selection{background:#cbd7ff;color:var(--ink)}::selection{background:#cbd7ff;color:var(--ink)}.page-shell{max-width:1600px;margin:0 auto;overflow:hidden;background:var(--paper)}.section-wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.site-header{height:88px;width:min(1440px,calc(100% - 112px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--blue);color:#fff;font-size:21px;line-height:1;font-weight:800;letter-spacing:-2px;padding:0 3px 4px 0}.brand-mark span{color:#8fb1ff}.brand-name{font-family:var(--mono);font-size:11px;letter-spacing:.12em;font-weight:500}.brand-name span{font-size:8px;vertical-align:top;margin-left:2px}.nav-links{display:flex;align-items:center;gap:36px;font-size:12px;color:#56657b}.nav-links>a{transition:color .2s ease}.nav-links>a:hover{color:var(--blue)}.nav-links .nav-contact{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;padding:12px 15px 12px 19px;border:1px solid #cbd3dd;border-radius:2px;margin-left:8px;transition:background .2s,border-color .2s,color .2s}.nav-contact:hover{background:var(--blue);border-color:var(--blue);color:#fff!important}.menu-toggle{display:none}.hero{position:relative;min-height:604px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding-top:38px;padding-bottom:70px;-moz-column-gap:32px;column-gap:32px}.hero-copy{position:relative;z-index:1;padding-bottom:12px}.availability{display:inline-flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.09em;color:#51627a;margin-bottom:27px}.availability span{width:7px;height:7px;background:#3ba77c;border-radius:50%;box-shadow:0 0 0 4px #3ba77c1a;animation:pulse 2s infinite}.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.075;letter-spacing:-.075em;font-weight:600;margin:0;max-width:740px}.hero h1 em{font-style:normal;color:var(--blue);font-weight:700}.hero h1>span{font-weight:500;color:#637187}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:34px;max-width:620px}.hero-bottom p{font-size:13px;line-height:1.9;color:#59687d;max-width:338px;margin:0}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:12px;font-weight:700;white-space:nowrap}.text-link svg,.contact-button svg,.project-open svg{transition:transform .2s}.text-link:hover svg,.contact-button:hover svg,.project-card:hover .project-open svg{transform:translate(4px)}.hero-visual{height:410px;position:relative;background:#e8edf5;overflow:hidden;margin-left:10px;border:1px solid #dce4ee;animation:arrive .8s .08s both}.visual-topline{position:absolute;left:23px;right:23px;top:19px;display:flex;justify-content:space-between;color:#738198;font:9px var(--mono);letter-spacing:.08em;z-index:2}.visual-orbit{position:absolute;border:1px solid #c1cede;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:230px;height:230px;border-style:dashed;border-color:#b5c5dd;animation:rotate 38s linear infinite}.visual-core{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);box-shadow:0 14px 40px #2456e83b;font-size:59px;font-weight:700;letter-spacing:-.11em;padding:0 9px 11px 0;animation:float 5s ease-in-out infinite}.visual-card{position:absolute;background:#f9fbfd;border:1px solid #d7e0ea;box-shadow:0 10px 28px #19385f12}.visual-card-top{top:93px;left:37px;width:149px;height:102px;padding:16px}.mini-label{font:9px var(--mono);color:#6c7c91}.mini-lines{display:flex;gap:5px;align-items:flex-end;height:36px;margin-top:8px}.mini-lines i{display:block;background:#c8d6e8;width:20px;height:13px}.mini-lines i:nth-child(2){height:23px;background:#8ca9d8}.mini-lines i:nth-child(3){height:31px;background:var(--blue)}.mini-dot{position:absolute;right:14px;top:14px;width:5px;height:5px;background:#5cb58d;border-radius:50%}.visual-card-bottom{right:28px;bottom:47px;width:156px;height:93px;padding:14px}.card-metric{display:flex;justify-content:space-between;align-items:center}.card-metric span{font:8px var(--mono);letter-spacing:.1em;color:#708096}.card-metric strong{font-size:20px;line-height:1;color:var(--blue);font-weight:600}.metric-bars{height:35px;display:flex;gap:5px;align-items:flex-end;margin-top:8px}.metric-bars i{flex:1;background:#cad6e7;height:42%}.metric-bars i:nth-child(2),.metric-bars i:nth-child(5){height:68%}.metric-bars i:nth-child(3),.metric-bars i:nth-child(7){height:92%;background:#7797d7}.metric-bars i:nth-child(4){height:58%}.metric-bars i:nth-child(6),.metric-bars i:nth-child(8){height:80%;background:var(--blue)}.visual-index{position:absolute;bottom:19px;left:23px;display:flex;flex-direction:column;gap:4px;font:8px var(--mono);letter-spacing:.08em;color:#8a96a8}.visual-index strong{font-weight:400;color:#4d5e74}.visual-cross{position:absolute;color:var(--blue);font:17px var(--mono)}.cross-a{right:24%;top:24%}.cross-b{left:27%;bottom:21%}.hero-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:#8792a2}.hero-foot i{font-style:normal;color:var(--blue);font-size:14px;vertical-align:-1px}.ticker{height:57px;background:var(--blue);color:#f7f9ff;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;justify-content:space-around;min-width:100%;width:-moz-max-content;width:max-content;gap:30px;white-space:nowrap;animation:marquee 34s linear infinite}.ticker-track span{font:10px var(--mono);letter-spacing:.13em}.ticker-track i{font-style:normal;color:#a9befd;font-size:12px}.section-label{display:flex;align-items:center;gap:11px;font:10px var(--mono);letter-spacing:.06em;color:#66758a}.section-label>span{color:var(--blue)}.section-label i{width:21px;height:1px;background:#adb8c6}.section-label-light{color:#b0bdd0}.section-label-light i{background:#556780}.about{padding-top:120px;padding-bottom:104px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;margin-top:48px}.about h2{font-size:clamp(30px,4vw,49px);line-height:1.22;letter-spacing:-.06em;font-weight:500;margin:0;max-width:670px}.about h2 span{color:var(--blue)}.about-text{padding-top:5px}.about-text p{font-size:13px;line-height:1.9;color:#647187;margin:0 0 18px}.about-text .text-link{margin-top:6px}.about-bottom{display:flex;align-items:center;gap:20px;margin-top:71px;font:9px var(--mono);letter-spacing:.1em;color:#8792a2}.about-rule{height:1px;background:var(--line);flex:1}.work{padding:40px 0 123px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.work-heading h2{font-size:clamp(36px,5vw,57px);line-height:1.15;letter-spacing:-.065em;font-weight:500;margin:30px 0 0}.work-heading h2 span{color:var(--blue)}.work-heading>p{max-width:290px;color:#647187;font-size:12px;line-height:1.9;margin:0 0 3px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:57px;border-top:1px solid var(--line);padding:15px 0;color:#8a95a5;font:9px var(--mono);letter-spacing:.08em}.work-toolbar>span i{font-style:normal;color:var(--blue);padding:0 7px}.filter-list{display:flex;gap:5px}.filter-list button{border:0;background:transparent;color:#78869a;padding:7px 11px;font:10px var(--mono);cursor:pointer;transition:background .2s,color .2s}.filter-list button:hover,.filter-list button.filter-active{background:var(--ink);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:0;padding:0;text-align:left;color:inherit;background:transparent;cursor:pointer;min-width:0}.project-visual{height:294px;position:relative;overflow:hidden;background:#e8edf4;border:1px solid #dbe2eb;transition:transform .35s,border-color .35s}.project-card:hover .project-visual{transform:translateY(-4px);border-color:#b4c3d9}.visual-caption{position:absolute;left:19px;bottom:17px;font:9px var(--mono);letter-spacing:.04em;color:#50617a}.project-stamp{position:absolute;right:16px;bottom:16px;font:8px var(--mono);letter-spacing:.08em;color:#8c99ab}.phone-frame{position:absolute;top:29px;left:50%;transform:translate(-50%);height:284px;width:180px;border:5px solid #152b4b;border-bottom:0;border-radius:22px 22px 0 0;background:#f8fafc;padding:13px 12px;box-shadow:0 14px 30px #14315a1c}.phone-status{display:flex;justify-content:flex-end;gap:3px;margin-bottom:17px}.phone-status i{width:8px;height:3px;border-radius:3px;background:#8d9aab}.phone-greeting{font-size:9px;color:#52627a}.balance-card{height:82px;margin-top:8px;background:var(--blue);padding:12px;color:#fff}.balance-card>span{font-size:7px;opacity:.8}.balance-card strong{display:block;font-size:12px;margin-top:4px;letter-spacing:-.03em}.balance-line{display:flex;align-items:flex-end;gap:3px;height:21px;margin-top:5px}.balance-line i{height:8px;flex:1;border-top:1px solid #9eb5fc;transform:skewY(-22deg)}.balance-line i:nth-child(2n){height:14px}.balance-line i:nth-child(3n){height:18px}.phone-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:7px;color:#68788c}.phone-row b{font-size:6px;color:#243b5b}.goal-track{height:4px;margin-top:7px;background:#e2e7ee}.goal-track i{display:block;width:66%;height:100%;background:#79a0ff}.phone-tabs{display:flex;justify-content:space-around;margin-top:14px}.phone-tabs i{width:9px;height:9px;border:1px solid #bdc9d8;border-radius:3px}.phone-tabs i:first-child{background:var(--blue);border-color:var(--blue)}.visual-saku{background:#e8edf5}.ruang-sidebar{position:absolute;left:0;top:0;bottom:0;width:47px;background:#1d3556;display:flex;align-items:center;flex-direction:column;gap:21px;padding-top:19px}.ruang-sidebar b{font-size:17px;color:#fff;margin-bottom:10px}.ruang-sidebar i{width:10px;height:10px;border:1px solid #9eafc7;border-radius:3px}.ruang-sidebar i:nth-child(3){background:#6e94e8;border-color:#6e94e8}.ruang-content{position:absolute;left:69px;right:19px;top:27px}.ruang-eyebrow{font:7px var(--mono);letter-spacing:.08em;color:#7c8ca0}.ruang-content>strong{display:block;margin-top:9px;font-size:18px;line-height:1.3;letter-spacing:-.06em;font-weight:600;color:#1b3456}.lesson-card{display:flex;gap:10px;margin-top:19px;padding:9px;background:#f8fafc;box-shadow:0 5px 12px #203d5d0d}.lesson-art{width:51px;height:51px;flex:none;background:#2959d9;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;font:10px var(--mono)}.lesson-art:before,.lesson-art:after{content:"";position:absolute;border:1px solid #a9c0ff;border-radius:50%;width:51px;height:51px;left:13px;top:12px}.lesson-art:after{width:30px;height:30px;left:23px;top:22px}.lesson-card>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.lesson-card small{font:6px var(--mono);color:#8190a3}.lesson-card b{font-size:8px;color:#273e5b}.lesson-card>div:last-child>span{font-size:6px;color:#78879a}.lesson-card>div:last-child>span i{font-style:normal;color:var(--blue);padding-left:9px}.ruang-progress{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:15px;color:#7b899b;font-size:7px}.ruang-progress b{font-weight:500;color:#40536d}.ruang-progress>i{grid-column:1/3;height:3px;background:#d1dae5}.ruang-progress em{display:block;width:62%;height:100%;background:var(--blue)}.visual-jelajah{background:#e6edf2}.map-grid{position:absolute;top:0;right:0;bottom:34px;left:0;background-color:#dce7e7;background-image:linear-gradient(32deg,transparent 46%,#c3d5d1 47%,#c3d5d1 48%,transparent 49%),linear-gradient(120deg,transparent 37%,#c5d7d3 38%,#c5d7d3 39%,transparent 40%),linear-gradient(75deg,transparent 64%,#cfddd8 65%,#cfddd8 66%,transparent 67%)}.map-river{position:absolute;width:140%;height:45px;left:-10%;top:105px;border-radius:50%;border-top:8px solid #bed9e1;transform:rotate(-21deg)}.map-route{position:absolute;left:31%;top:38%;width:122px;height:91px;border-top:1px dashed var(--blue);border-right:1px dashed var(--blue);border-radius:0 50% 0 0;transform:rotate(15deg)}.map-pin{position:absolute;color:var(--blue);font-size:11px;text-shadow:0 2px 5px #183b7630}.pin-one{top:30%;left:28%}.pin-two{top:67%;left:62%;font-size:15px}.map-label{position:absolute;font:7px var(--mono);letter-spacing:.12em;color:#71877f}.label-one{left:19%;top:26%}.label-two{left:64%;top:72%}.map-panel{position:absolute;right:13px;top:16px;width:139px;background:#f8faf8;padding:13px 12px;box-shadow:0 7px 20px #1d39551a;display:flex;flex-direction:column;gap:5px}.map-panel small{font:6px var(--mono);color:#879689}.map-panel strong{font-size:11px;letter-spacing:-.04em}.map-panel span{font:6px var(--mono);color:#778879;letter-spacing:.06em}.map-panel i{font-style:normal;color:var(--blue);padding-left:8px}.project-info{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.project-type{font:9px var(--mono);color:#8793a3}.project-info h3{font-size:25px;letter-spacing:-.06em;font-weight:600;margin:5px 0 0}.project-info h3 span{color:var(--blue)}.project-arrow{width:31px;height:31px;border:1px solid #ccd5df;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}.project-card:hover .project-arrow{background:var(--blue);border-color:var(--blue);color:#fff}.project-card>p{font-size:11px;line-height:1.8;color:#68778b;min-height:40px;margin:11px 0 17px;max-width:330px}.project-foot{border-top:1px solid var(--line);padding-top:11px;display:flex;gap:12px;align-items:center;color:#8a96a5;font:8px var(--mono);letter-spacing:.05em}.project-foot>span:first-child{color:var(--blue)}.project-open{margin-left:auto;display:flex;align-items:center;gap:5px;color:#53637a}.work-note{display:flex;align-items:flex-start;gap:11px;max-width:614px;margin-top:36px;color:#8592a3}.work-note p{margin:0;font-size:10px;line-height:1.7}.note-marker{width:15px;height:15px;flex:none;display:grid;place-items:center;border:1px solid #b7c3d1;border-radius:50%;font:9px var(--mono)}.process{background:var(--navy);color:#f4f7fb}.process-inner{padding-top:94px;padding-bottom:38px}.process-heading{display:grid;grid-template-columns:1.15fr .55fr;align-items:end;gap:50px;margin-top:39px}.process-heading h2{font-size:clamp(35px,4.5vw,53px);line-height:1.22;letter-spacing:-.06em;font-weight:500;margin:0}.process-heading h2 span{color:#8ea9ff}.process-heading p{font-size:11px;line-height:1.9;color:#a8b5c7;margin:0 0 5px}.process-list{margin-top:63px;border-top:1px solid #31425b}.process-list article{min-height:91px;display:grid;grid-template-columns:92px 1fr 20px;align-items:center;border-bottom:1px solid #31425b;transition:padding .25s,color .25s}.process-list article:hover{padding-inline:10px;color:#a9bdff}.process-list article>span:first-child{font:10px var(--mono);color:#74869f}.process-list h3{font-size:16px;letter-spacing:-.03em;margin:0;font-weight:500}.process-list p{font-size:10px;color:#9dacbf;margin:5px 0 0}.process-sign{font:14px var(--mono);color:#8ea9ff}.process-footer{display:flex;justify-content:space-between;margin-top:25px;color:#8292aa;font:8px var(--mono);letter-spacing:.1em}.contact{padding-top:108px;padding-bottom:61px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span{font:8px var(--mono);letter-spacing:.1em;color:#8793a3}.contact-top b{font-weight:400;color:var(--blue);padding-left:7px}.contact-main{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px}.contact-main h2{font-size:clamp(53px,8.5vw,100px);line-height:.98;letter-spacing:-.085em;font-weight:500;margin:0}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:var(--blue);color:#fff;padding:18px 18px 18px 22px;font-size:11px;font-weight:600;min-width:197px;margin-bottom:7px;transition:background .2s,transform .2s}.contact-button:hover{background:#183fc1;transform:translateY(-2px)}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:55px;color:#7f8b9b;font-size:10px}.contact-bottom span:last-child{font:8px var(--mono);letter-spacing:.08em}.footer{min-height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8a96a5}.footer .brand-mark{width:25px;height:25px;font-size:16px}.footer .brand-name{font-size:9px;color:var(--ink)}.footer>span,.back-top{font:8px var(--mono);letter-spacing:.07em}.back-top{color:var(--blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0d1d33a6;display:grid;place-items:center;padding:20px;animation:fade .2s ease}.project-modal{position:relative;width:min(520px,100%);padding:46px 48px;background:var(--paper);box-shadow:0 24px 80px #06132655;animation:modal-in .25s ease}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#5f6d80;font-size:27px;cursor:pointer}.modal-meta{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:#7e8b9d}.project-modal h2{font-size:52px;letter-spacing:-.08em;margin:25px 0 12px;font-weight:600}.project-modal h2 span{color:var(--blue)}.project-modal p{font-size:12px;line-height:1.9;color:#657388}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.modal-tags span{border:1px solid #d5dde7;padding:8px 10px;font:9px var(--mono);color:#55657a}.modal-note{font-size:9px;color:#8a96a5;border-top:1px solid var(--line);padding-top:14px;margin-top:29px}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #3ba77c1a}50%{box-shadow:0 0 0 7px #3ba77c0a}}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1050px){.section-wrap,.site-header{width:calc(100% - 64px)}.hero{grid-template-columns:1fr .8fr;min-height:560px}.hero-visual{height:360px}.hero h1{font-size:clamp(42px,6.2vw,64px)}.visual-card-top{left:15px}.visual-card-bottom{right:15px}.project-grid{gap:14px}.project-visual{height:260px}.about-grid{gap:8%}.contact-main{align-items:flex-end}}@media(max-width:760px){html{scroll-padding-top:70px}.section-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:70px}.menu-toggle{display:flex;width:38px;height:38px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #d1d9e2;background:transparent;cursor:pointer}.menu-toggle span{width:14px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links{position:absolute;top:69px;left:-20px;right:-20px;padding:12px 20px 22px;background:var(--paper);border-bottom:1px solid var(--line);display:none;align-items:stretch;gap:0;box-shadow:0 15px 20px #12243d0a}.nav-links.nav-open{display:flex;flex-direction:column}.nav-links>a{padding:14px 3px;border-bottom:1px solid var(--line)}.nav-links .nav-contact{margin:12px 0 0;justify-content:space-between;border:1px solid #cbd3dd;padding:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:59px;padding-bottom:67px;min-height:auto}.hero-copy{padding-bottom:0}.availability{font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(40px,10.1vw,64px);line-height:1.09}.hero-bottom{margin-top:23px;display:block}.hero-bottom p{font-size:12px;max-width:380px}.hero-bottom .text-link{margin-top:18px}.hero-visual{height:320px;margin:38px 0 0}.hero-foot{bottom:23px;font-size:7px}.visual-orbit.orbit-one{width:250px;height:250px}.visual-orbit.orbit-two{width:190px;height:190px}.visual-core{width:105px;height:105px;font-size:49px}.visual-card-top{top:73px;left:22px}.visual-card-bottom{bottom:36px;right:20px}.ticker{height:48px}.ticker-track{gap:20px}.ticker-track span{font-size:9px}.about{padding-top:82px;padding-bottom:77px}.about-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.about h2{font-size:clamp(31px,8vw,43px)}.about-text p{font-size:12px}.about-bottom{margin-top:47px;gap:12px;font-size:7px}.about-bottom span:last-child{text-align:right}.work{padding:28px 0 82px}.work-heading{display:block}.work-heading h2{font-size:clamp(37px,9vw,50px);margin-top:24px}.work-heading>p{margin-top:19px;max-width:400px}.work-toolbar{margin-top:38px;align-items:flex-start;gap:15px;flex-direction:column}.filter-list{align-self:flex-end}.project-grid{grid-template-columns:1fr;gap:37px}.project-visual{height:320px}.phone-frame{height:304px}.ruang-content{right:28px;top:32px}.ruang-content>strong{font-size:21px}.lesson-card{margin-top:22px}.map-panel{right:20px;top:22px;width:160px}.map-route{width:145px;height:108px}.project-card>p{min-height:0;max-width:470px}.work-note{margin-top:29px}.process-inner{padding-top:76px;padding-bottom:31px}.process-heading{display:block;margin-top:30px}.process-heading h2{font-size:clamp(35px,8.6vw,48px)}.process-heading p{margin-top:17px;max-width:440px}.process-list{margin-top:39px}.process-list article{grid-template-columns:42px 1fr 18px;min-height:94px}.process-list h3{font-size:15px}.process-list p{max-width:390px;line-height:1.7}.process-footer{gap:15px;font-size:7px}.contact{padding-top:77px;padding-bottom:47px}.contact-main{display:block;margin-top:30px}.contact-main h2{font-size:clamp(55px,13vw,82px)}.contact-button{margin-top:28px}.contact-bottom{margin-top:40px;gap:16px;line-height:1.6}.contact-bottom span:last-child{white-space:nowrap}.footer{min-height:102px;display:grid;grid-template-columns:1fr auto;row-gap:10px;padding-block:18px}.footer>span:nth-of-type(1){grid-column:1;grid-row:2;font-size:7px}.footer>span:nth-of-type(2){grid-column:2;grid-row:1}.back-top{grid-column:2;grid-row:2}.project-modal{padding:38px 25px}.project-modal h2{font-size:44px}}@media(max-width:390px){.section-wrap,.site-header{width:calc(100% - 32px)}.hero h1{font-size:39px}.hero-visual{height:292px}.visual-card-top{transform:scale(.88);transform-origin:top left;left:10px}.visual-card-bottom{transform:scale(.9);transform-origin:bottom right;right:9px}.hero-foot,.about-bottom{font-size:6px}.project-visual{height:285px}.contact-main h2{font-size:53px}.footer>span:nth-of-type(1){letter-spacing:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--paper: #f4f6f8;--ink: #101f35;--blue: #2456d8;--muted: #596a80;--line: #d5dde7;--navy: #10213a;--mono: "DM Mono", monospace;--motion-ease: cubic-bezier(.22, .75, .2, 1)}html{scroll-padding-top:84px}body{color:var(--ink);background:#e9edf2;font-size:15px}.page-shell{max-width:1720px;overflow:clip;box-shadow:0 0 90px #10213a0b}.section-wrap{width:min(1320px,calc(100% - 128px))}.site-header{position:sticky;top:0;z-index:12;width:min(1480px,calc(100% - 128px));height:82px;background:#f4f6f8ed;border-color:#d5dde7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{gap:12px}.brand-mark{width:37px;height:37px;border-radius:3px;background:var(--blue);font-size:24px;box-shadow:3px 3px #10213a}.brand-name{font-size:12px;letter-spacing:.16em}.nav-links{gap:34px;font-size:14px}.nav-links>a:not(.nav-contact){position:relative;padding-block:8px}.nav-links>a:not(.nav-contact):after{height:2px;background:var(--blue)}.nav-links .nav-contact{margin-left:1px;padding:12px 16px;border:1px solid var(--ink);color:var(--ink);font-size:13px}.nav-links .nav-contact:hover{background:var(--ink);border-color:var(--ink);color:#fff!important}.scroll-progress{height:3px;background:var(--blue)}.hero{width:100%;min-height:730px;grid-template-columns:minmax(0,1fr) minmax(470px,.94fr);gap:clamp(32px,5vw,78px);padding:68px max(64px,calc((100% - 1320px)/2)) 92px;overflow:hidden}.hero-copy{padding-bottom:24px}.hero-eyebrow{gap:12px;margin-bottom:33px;font-size:12px;letter-spacing:.12em}.hero-eyebrow>span{color:var(--blue);font-weight:600}.hero-eyebrow>i{width:32px;background:#a9b5c5}.hero h1{max-width:780px;font-size:clamp(58px,6.15vw,92px);line-height:1.015;letter-spacing:-.082em;font-weight:600}.hero h1 em{color:var(--blue);font-weight:600}.hero h1>span{color:#728096;font-weight:450}.hero-bottom{max-width:665px;margin-top:34px;gap:34px;align-items:flex-end}.hero-bottom p{max-width:380px;color:#586980;font-size:16px;line-height:1.8}.text-link{gap:13px;font-size:14px}.text-link svg{transition:transform .32s var(--motion-ease)}.text-link:hover svg{transform:translate(5px)}.lanyard-stage{position:relative;width:100%;height:570px;overflow:hidden;isolation:isolate;border:1px solid #d0d9e5;color:var(--ink);background:#e9eef4;box-shadow:8px 8px #dce3ec}.lanyard-deferred{width:100%}.lanyard-placeholder{display:grid;place-items:center}.identity-preview{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;align-items:center;gap:22px;width:min(82%,510px);padding:22px;border:1px solid #d0d9e5;background:#f4f7fb;box-shadow:8px 8px #dce3ec}.identity-preview img{display:block;width:100%;aspect-ratio:.78;border:1px solid #c7d1df;-o-object-fit:cover;object-fit:cover}.identity-preview span{color:#63758d;font:8px var(--mono);letter-spacing:.06em}.identity-preview strong{display:block;margin-top:15px;color:#10213a;font-size:clamp(27px,3vw,42px);line-height:.98;letter-spacing:-.065em}.identity-preview small{display:block;margin-top:12px;color:#2456d8;font-size:11px}.lanyard-stage:before{position:absolute;z-index:-1;top:49%;left:50%;width:min(76%,410px);aspect-ratio:1;content:"";border:1px solid #d1dbe8;border-radius:50%;transform:translate(-50%,-50%)}.lanyard-stage-head,.lanyard-stage-foot{position:absolute;z-index:2;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:21px;color:#566981;background:#e9eef4;font:9px var(--mono);letter-spacing:.08em}.lanyard-stage-head{top:0;height:48px;border-bottom:1px solid #d2dbe6}.lanyard-live{display:inline-flex;align-items:center;gap:7px;color:#2456d8}.lanyard-live i{width:6px;height:6px;border-radius:50%;background:#2456d8;animation:lanyard-pulse 2.4s ease-in-out infinite}.lanyard-canvas{position:absolute;top:0;right:0;bottom:57px;left:0;cursor:grab;touch-action:none}.lanyard-canvas:active{cursor:grabbing}.lanyard-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.lanyard-fallback{display:grid;width:100%;height:100%;place-items:center;padding:24px;color:#566981;font:12px var(--mono);text-align:center}.lanyard-stage-foot{bottom:0;min-height:57px;border-top:1px solid #d2dbe6;color:#64758b;font:10px var(--mono);letter-spacing:0}.lanyard-stage-foot button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #c2cede;color:#1c3f93;background:#f4f7fb;font:600 10px var(--mono);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .3s var(--motion-ease)}.lanyard-stage-foot button:hover{transform:translateY(-2px);border-color:#2456d8;background:#fff}.lanyard-stage-foot button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.lanyard-stage-foot button span{font-size:14px}@keyframes lanyard-pulse{0%,to{box-shadow:0 0 #2456d826}50%{box-shadow:0 0 0 5px #2456d812}}.about{padding-top:134px;padding-bottom:116px}.section-label{gap:13px;font-size:11px;letter-spacing:.09em}.section-label>span{font-weight:500}.about-grid{grid-template-columns:1.16fr .84fr;gap:11%;margin-top:53px}.about h2{max-width:720px;font-size:clamp(39px,4.2vw,60px);line-height:1.12;letter-spacing:-.07em}.about-text{padding-top:6px}.about-text p{color:#586980;font-size:15px;line-height:1.9}.about-bottom{margin-top:83px;font-size:10px;letter-spacing:.12em}.capabilities{padding-top:12px;padding-bottom:142px}.capabilities-heading{-moz-column-gap:12%;column-gap:12%;row-gap:37px}.capabilities-heading h2{font-size:clamp(42px,5.1vw,68px);line-height:1.06;letter-spacing:-.075em}.capabilities-heading>p{max-width:390px;margin-bottom:7px;color:#586980;font-size:15px;line-height:1.8}.capability-list{margin-top:56px;border-color:#cbd5e1}.capability-list article{min-height:304px;padding-top:25px;padding-right:27px}.capability-list article+article{padding-left:27px}.capability-list article:hover{background:#eaf0f7;padding-top:31px}.capability-index{font-size:10px}.capability-list h3{margin-top:48px;font-size:22px}.capability-list article p{max-width:340px;color:#5b6c82;font-size:14px;line-height:1.8}.capability-tags{gap:7px}.capability-tags span{border-color:#cbd5e1;color:#586a80;font-size:10px}.capability-symbol{top:23px;font-size:17px}.work{padding-top:61px;padding-bottom:142px}.project-grid{gap:23px}.project-card{padding:0 0 15px;border-bottom:1px solid #d5dde7}.project-visual{height:350px;border-color:#d1dae5}.visual-caption{left:20px;bottom:19px;font-size:10px}.project-stamp{right:18px;bottom:18px;font-size:10px}.project-info{margin-top:19px}.project-type{font-size:10px;letter-spacing:.04em}.project-info h3{font-size:31px}.project-arrow{width:36px;height:36px;border-color:#bdc9d8}.project-card>p{min-height:58px;max-width:380px;margin-top:12px;color:#5b6c82;font-size:14px;line-height:1.75}.project-foot{padding-top:13px;font-size:10px}.project-open{gap:8px;color:var(--blue);font-size:11px;font-weight:600;transition:color .2s ease}.project-open:hover{color:#173fb9;text-decoration:underline;text-underline-offset:3px}.process{background:#10213a}.process-inner{padding-top:108px;padding-bottom:46px}.process-heading{grid-template-columns:1.1fr .62fr;gap:8%;margin-top:45px}.process-heading h2{font-size:clamp(44px,5vw,68px);line-height:1.08;letter-spacing:-.075em}.process-heading p{color:#b2bfd1;font-size:15px;line-height:1.85}.process-list{margin-top:73px;border-color:#344761}.process-list article{min-height:106px;grid-template-columns:110px 1fr 24px;border-color:#344761}.process-list article>span:first-child{font-size:11px}.process-list h3{font-size:20px}.process-list p{color:#afbdd0;font-size:13px}.process-sign{font-size:17px}.process-footer{margin-top:30px;font-size:10px}.contact{padding-top:124px;padding-bottom:75px}.contact-top>span{font-size:10px}.contact-main{margin-top:53px}.contact-main h2{font-size:clamp(72px,9vw,122px);line-height:.91;letter-spacing:-.09em}.contact-main h2 span{color:var(--blue)}.contact-button{min-width:223px;margin-bottom:8px;padding:19px 19px 19px 23px;font-size:14px}.contact-bottom{padding-top:17px;margin-top:66px;color:#66768b;font-size:13px}.contact-bottom span:last-child{font-size:10px}.footer{min-height:91px}.footer .brand-mark{width:30px;height:30px;font-size:19px}.footer .brand-name{font-size:10px}.footer>span,.back-top{font-size:10px}.project-visual.visual-saku{background:#e6ebf2}.visual-ruang{background:#e4eaf1}.visual-jelajah{background:#e5ebf0}.map-grid{background-color:#dce6e8;background-image:none}.map-river{border-top-color:#bad4dd}.project-card:hover{transform:translateY(-8px)}.project-card:hover .project-visual{border-color:#aabbd0}.project-open:focus-visible,.menu-toggle:focus-visible,.contact-button:focus-visible,.nav-links a:focus-visible,.modal-close:focus-visible,.back-top:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media(max-width:1100px){.section-wrap,.site-header{width:calc(100% - 80px)}.hero{min-height:650px;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);padding-inline:40px;gap:35px}.hero h1{font-size:clamp(54px,6vw,72px)}.lanyard-stage{height:530px}.project-visual{height:300px}.about-grid{gap:8%}.capability-list article{padding-right:18px}.capability-list article+article{padding-left:18px}}@media(max-width:760px){html{scroll-padding-top:70px}.section-wrap{width:calc(100% - 40px)}.site-header{width:100%;height:70px;padding-inline:20px}.site-header:after{display:none}.brand-mark{width:34px;height:34px;font-size:22px}.nav-links{top:69px;left:0;right:0;padding:10px 20px 22px;background:#f4f6f8fa;box-shadow:0 16px 25px #10213a12}.nav-links>a:not(.nav-contact):after{display:none}.nav-links>a.nav-active{color:var(--blue);font-weight:700}.hero{display:flex;width:100%;min-height:0;flex-direction:column;align-items:stretch;gap:34px;padding:58px 20px 70px}.hero-copy{padding-bottom:0}.hero-eyebrow{gap:9px;margin-bottom:25px;font-size:10px}.hero-eyebrow>i{width:18px}.hero h1{max-width:650px;font-size:clamp(48px,10.5vw,73px);line-height:1.025}.hero-bottom{display:block;margin-top:23px}.hero-bottom p{max-width:470px;font-size:15px;line-height:1.75}.hero-bottom .text-link{margin-top:16px}.lanyard-stage{height:min(116vw,510px);min-height:420px;box-shadow:6px 6px #dce3ec}.identity-preview{grid-template-columns:minmax(94px,.72fr) 1.28fr;gap:14px;width:min(86%,400px);padding:15px}.identity-preview strong{margin-top:10px;font-size:clamp(25px,7vw,36px)}.identity-preview small{margin-top:9px;font-size:9px}.lanyard-stage-head,.lanyard-stage-foot{padding-inline:14px}.lanyard-stage-head,.lanyard-stage-foot{font-size:8px}.lanyard-stage-foot button{padding:7px 8px;font-size:8px}.about{padding-top:89px;padding-bottom:82px}.about-grid{grid-template-columns:1fr;gap:24px;margin-top:34px}.about h2{font-size:clamp(35px,8.5vw,51px)}.about-text p{font-size:14px}.capabilities{padding-top:8px;padding-bottom:90px}.capabilities-heading{display:block}.capabilities-heading h2{margin-top:28px;font-size:clamp(39px,9vw,54px)}.capabilities-heading>p{margin-top:19px;font-size:14px}.capability-list{grid-template-columns:1fr;margin-top:34px}.capability-list article,.capability-list article+article{min-height:0;padding:22px 4px 24px 0;border-left:0}.capability-list article+article{border-top:1px solid var(--line)}.capability-list article:hover{padding-top:26px}.capability-list h3{margin:25px 0 9px;font-size:19px}.capability-list article p{max-width:480px;font-size:13px}.capability-tags{padding-top:17px}.work{padding-top:25px;padding-bottom:92px}.project-grid{grid-template-columns:1fr;gap:39px}.project-card{padding-bottom:17px}.project-visual{height:min(95vw,420px)}.project-card>p{min-height:0;max-width:500px;font-size:14px}.project-info h3{font-size:29px}.process-inner{padding-top:79px;padding-bottom:34px}.process-heading{display:block;margin-top:31px}.process-heading h2{font-size:clamp(39px,9vw,54px)}.process-heading p{margin-top:18px;font-size:14px}.process-list{margin-top:42px}.process-list article{grid-template-columns:43px 1fr 18px;min-height:98px}.process-list h3{font-size:16px}.process-list p{max-width:430px;font-size:12px;line-height:1.7}.process-footer{gap:15px;font-size:7px}.contact{padding-top:83px;padding-bottom:50px}.contact-main{display:block;margin-top:31px}.contact-main h2{font-size:clamp(56px,13vw,86px)}.contact-button{margin-top:29px}.contact-bottom{margin-top:41px;gap:16px;font-size:11px}.contact-bottom span:last-child{font-size:8px;white-space:nowrap}.footer{min-height:102px;display:grid;grid-template-columns:1fr auto;row-gap:10px;padding-block:18px}.footer>span:nth-of-type(1){grid-column:1;grid-row:2;font-size:7px}.footer>span:nth-of-type(2){grid-column:2;grid-row:1}.back-top{grid-column:2;grid-row:2;font-size:8px}.project-modal{padding:38px 25px}.project-modal h2{font-size:44px}}@media(max-width:390px){.section-wrap{width:calc(100% - 32px)}.site-header,.hero{padding-inline:16px}.hero h1{font-size:clamp(43px,11.4vw,48px)}.hero-eyebrow{font-size:8px}.lanyard-stage{height:122vw;min-height:390px}.identity-preview{grid-template-columns:minmax(86px,.72fr) 1.28fr;gap:11px;width:90%;padding:12px}.identity-preview span{font-size:7px}.identity-preview strong{font-size:24px}.lanyard-stage-foot>span{max-width:190px;line-height:1.5}.project-visual{height:285px}.contact-main h2{font-size:53px}.footer>span:nth-of-type(1){letter-spacing:0}}@media(prefers-reduced-motion:reduce){.lanyard-live i{animation:none}.project-card:hover{transform:none}}.project-collection{margin-top:71px}.work>.project-collection:first-child{margin-top:0}.project-collection+.project-collection{padding-top:57px;border-top:1px solid #cbd5e1}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:27px}.collection-heading h3{margin:22px 0 7px;font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.07em;font-weight:600}.collection-heading h3 span{color:var(--blue)}.collection-heading p{max-width:520px;margin:0;color:#65758b;font-size:14px;line-height:1.75}.collection-count{padding-bottom:4px;color:#718097;font:10px var(--mono);letter-spacing:.12em;white-space:nowrap}.project-grid-tefa{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-grid-other{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0}.project-card-tefa .project-visual{height:405px}.project-card-other .project-visual{height:330px}.project-card .project-info{align-items:flex-start;gap:12px}.project-card .project-info>div{min-width:0}.project-card .project-info h3{max-width:100%;font-size:clamp(23px,2.1vw,30px);line-height:1.08}.project-card .project-type{display:inline-block;color:#738198;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.project-card>p{max-width:none;min-height:67px}.project-card .project-foot{min-height:35px;gap:9px;flex-wrap:wrap}.project-card .project-foot>span:first-child{color:var(--blue)}.project-card .project-foot>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .project-open{flex:none}.project-card:hover .project-visual{transform:translateY(-5px)}.project-visual{isolation:isolate}.visual-caption{z-index:2;color:#f4f7fc;text-shadow:0 2px 8px #0b1628a6}.project-stamp{z-index:2;color:#f4f7fc;text-shadow:0 1px 7px #0b1628a6}.visual-denso{background:#192432}.denso-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;transition:transform .7s var(--motion-ease)}.denso-cover img,.asuka-photo,.siakad-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.denso-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#07111e70}.denso-window{position:absolute;top:16%;left:8%;width:84%;height:68%;display:grid;grid-template-columns:42px 1fr;overflow:hidden;border:1px solid #ffffffa8;border-radius:7px;color:#27313b;background:#f8f9fb;box-shadow:0 20px 50px #07111e66;transition:transform .48s var(--motion-ease)}.denso-window aside{display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:14px;background:#bd1e25}.denso-window aside b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ffffffb0;color:#fff;font:700 12px var(--mono)}.denso-window aside i{width:13px;height:13px;border:1px solid #ffffff8a;border-radius:3px}.denso-window aside i:first-of-type{background:#fff}.denso-window-main{min-width:0;padding:13px 15px}.denso-window-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e5e8ec;font-size:8px}.denso-window-top span{color:#8a929d;font:7px var(--mono);letter-spacing:.08em}.denso-window-top b{font-size:8px}.denso-window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.denso-window-stats>div{position:relative;min-height:52px;padding:8px;border:1px solid #e8ebef;background:#fff}.denso-window-stats small{display:block;color:#7e8995;font:6px var(--mono)}.denso-window-stats strong{display:block;margin-top:4px;font-size:15px;line-height:1}.denso-window-stats i{position:absolute;right:8px;bottom:9px;width:5px;height:5px;border-radius:50%;background:#37885b}.denso-activity{position:relative;display:flex;align-items:flex-end;gap:8px;height:63px;margin-top:11px;padding:15px 9px 7px;border:1px solid #e8ebef;background:#fff}.denso-activity>span{position:absolute;top:7px;left:9px;color:#596676;font-size:7px}.denso-activity i{flex:1;height:38%;background:#d71920;transform-origin:bottom}.denso-activity i:nth-of-type(2n){height:67%;background:#efb3b6}.denso-activity i:nth-of-type(3n){height:84%}.project-card:hover .denso-cover{transform:scale(1.035)}.project-card:hover .denso-window{transform:translateY(-4px) rotate(-.35deg)}.project-card:hover .denso-activity i{animation:activity-bars .55s ease-in-out both}.visual-asuka{background-color:#28342f;background-position:center;background-size:cover}.asuka-photo{z-index:0}.asuka-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#10192370}.asuka-panel{position:absolute;top:10%;right:8%;bottom:12%;width:min(280px,64%);padding:22px 21px;color:#f5f6f8;background:#171d23ed;box-shadow:0 18px 46px #0b111b66;transition:transform .42s var(--motion-ease)}.asuka-panel>span{color:#c4c9cf;font:7px var(--mono);letter-spacing:.12em}.asuka-panel>strong{display:block;margin-top:13px;font-size:clamp(23px,2.5vw,34px);line-height:.98;letter-spacing:-.06em}.asuka-panel-line{display:flex;align-items:center;gap:7px;margin-top:17px;color:#e7bf76;font:7px var(--mono)}.asuka-panel-line i{width:6px;height:6px;border-radius:50%;background:#cda958;box-shadow:0 0 0 4px #cda95824}.asuka-course-row{display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:7px;min-height:35px;border-top:1px solid #ffffff24;color:#e3e6e9;font-size:8px}.asuka-course-row:first-of-type{margin-top:14px}.asuka-course-row b{color:#cda958;font:7px var(--mono)}.asuka-course-row i{color:#b8c6b5;font:normal 7px var(--mono)}.project-card:hover .asuka-panel{transform:translateY(-4px)}.project-card:hover .asuka-course-row i{color:#d7bd80}.visual-siakad{background-color:#dce4ed;background-position:center 48%;background-size:cover}.siakad-photo{-o-object-position:center 48%;object-position:center 48%}.visual-siakad:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#121e2d72}.siakad-surface{position:absolute;z-index:2;top:9%;left:8%;right:8%;bottom:10%;padding:17px 19px;color:#1d2b40;background:#f8f8f5f2;box-shadow:0 19px 45px #0d172858;transition:transform .45s var(--motion-ease)}.siakad-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #dfe3e8}.siakad-head b{color:#17315b;font-size:10px;letter-spacing:.13em}.siakad-head span{color:#788395;font:6px var(--mono);letter-spacing:.1em}.siakad-greeting{margin-top:15px}.siakad-greeting small{display:block;color:#7c8997;font:6px var(--mono);letter-spacing:.11em}.siakad-greeting strong{display:block;margin-top:6px;color:#1b2d49;font-size:clamp(16px,1.9vw,23px);line-height:1.05;letter-spacing:-.05em}.siakad-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.siakad-summary article{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 7px;border:1px solid #e1e5eb;background:#fff}.siakad-summary small{color:#7b8797;font:6px var(--mono)}.siakad-summary b{overflow:hidden;color:#24446d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.siakad-summary span{overflow:hidden;color:#8791a0;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.siakad-next{display:flex;align-items:center;gap:9px;margin-top:11px;padding:9px;background:#eaf0f7}.siakad-next span{color:#3561a2;font:6px var(--mono);white-space:nowrap}.siakad-next b{overflow:hidden;color:#40516a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.siakad-next i{margin-left:auto;color:#3561a2;font-style:normal}.project-card:hover .siakad-surface{transform:translateY(-4px)}.visual-meeting{background:#e5eaf0}.meeting-browser{position:absolute;top:13%;left:8%;right:8%;bottom:12%;overflow:hidden;border:1px solid #d3dce7;border-radius:6px;color:#1d2d42;background:#fbfcfd;box-shadow:0 20px 42px #20365020;transition:transform .45s var(--motion-ease)}.meeting-top{display:flex;align-items:center;gap:4px;height:25px;padding:0 10px;border-bottom:1px solid #e6e9ed;background:#f2f4f7}.meeting-top>span{width:5px;height:5px;border-radius:50%;background:#ccd2dc}.meeting-top>span:first-child{background:#d57e7e}.meeting-top>b{margin-left:auto;color:#8792a2;font:6px var(--mono);letter-spacing:.09em}.meeting-title{display:flex;align-items:center;gap:10px;padding:13px 14px 11px}.meeting-title small{color:#5578a5;font:6px var(--mono);letter-spacing:.08em}.meeting-title strong{font-size:11px}.meeting-title>span{margin-left:auto;color:#7c8999;font-size:7px}.meeting-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:53px;padding:0 14px;border-top:1px solid #edf0f3;transition:background .3s ease}.meeting-row>i{display:grid;place-items:center;width:24px;height:24px;color:#355a88;background:#eaf0f8;font:normal 7px var(--mono)}.meeting-row>div{display:flex;flex-direction:column;gap:3px}.meeting-row>div b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.meeting-row>div small{color:#7d8998;font-size:7px}.meeting-row>em{padding:4px 6px;color:#9b7531;background:#f7f0e2;font:normal 6px var(--mono)}.project-card:hover .meeting-browser{transform:translateY(-4px)}.project-card:hover .meeting-row-active{background:#f3f7fb}.visual-cihuy{background:#f4e9dc}.cihuy-storefront{position:absolute;top:7%;right:6%;bottom:8%;left:6%;overflow:hidden;color:#252421;background:#fffdfa;box-shadow:0 16px 34px #714b3022}.cihuy-nav{display:flex;align-items:center;gap:12px;height:36px;padding:0 13px;border-bottom:1px solid #ede8e1}.cihuy-nav b{color:#27231f;font-size:13px;letter-spacing:-.07em}.cihuy-nav b span{color:#ef743c}.cihuy-nav>span{color:#7b746c;font-size:6px}.cihuy-nav>i{margin-left:auto;color:#31302e;font: 17px sans-serif}.cihuy-banner{position:relative;min-height:116px;padding:16px 18px;overflow:hidden;background:#f7e5d5}.cihuy-banner>small{color:#8a6250;font:6px var(--mono);letter-spacing:.1em}.cihuy-banner>strong{display:block;margin-top:6px;font-size:22px;line-height:.94;letter-spacing:-.07em}.cihuy-banner>span{display:inline-block;margin-top:8px;color:#534940;font-size:7px}.cihuy-banner>span b{color:#e66c37}.cihuy-food{position:absolute;display:grid;place-items:center;border:4px solid #fffaf4;border-radius:50%;box-shadow:0 7px 16px #7e4f2c32;transition:transform .4s var(--motion-ease)}.food-one{top:13px;right:19%;width:74px;height:74px;background:#e9be82;font-size:31px}.food-two{top:38px;right:5%;width:48px;height:48px;background:#dfd2ae;font-size:21px}.cihuy-menu-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px 7px}.cihuy-menu-head b{font-size:8px}.cihuy-menu-head span{color:#e66c37;font:6px var(--mono)}.cihuy-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 13px 12px}.cihuy-products article{display:flex;min-width:0;flex-direction:column;gap:3px;padding:6px;border:1px solid #eee9e2;background:#fff}.cihuy-products article>i{display:grid;place-items:center;height:45px;background:#f3eee6;font-size:23px;font-style:normal}.cihuy-products b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.cihuy-products small{color:#e36f3a;font:6px var(--mono)}.project-card:hover .food-one{transform:rotate(-9deg) translateY(-2px)}.project-card:hover .food-two{transform:rotate(9deg) translateY(-3px)}.visual-video{display:grid;place-items:center;background:#08090c}.video-device{position:relative;width:min(76%,260px);height:91%;padding:17px 15px 33px;overflow:hidden;border:1px solid #2b2d36;border-radius:11px;color:#f7f8f8;background:#111216;box-shadow:0 15px 34px #0009;transition:transform .45s var(--motion-ease),border-color .3s ease}.video-device-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}.video-device-top>span{color:#8995ff;font-size:11px}.video-device-top>b{color:#e8eaff;font:700 8px var(--mono);letter-spacing:.13em}.video-device-top>i{color:#72747c;font:normal 10px var(--mono)}.video-eyebrow{color:#90929a;font:6px var(--mono);letter-spacing:.11em}.video-input{display:flex;justify-content:space-between;margin-top:6px;padding:9px;border:1px solid #30323a;border-radius:5px;color:#a6a8b2;background:#191a20;font-size:7px}.video-input b{color:#8b96ff}.video-fetch{margin-top:8px;padding:8px;border-radius:5px;color:#fff;background:#5e6ad2;text-align:center;font-size:7px;transition:background .3s ease,transform .3s var(--motion-ease)}.video-result{margin-top:12px;padding:8px;border:1px solid #2b2d34;border-radius:7px;background:#15161a}.video-thumb{position:relative;display:grid;place-items:center;height:70px;color:#fff;background:#343747}.video-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#596ad045}.video-thumb>i{position:relative;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#5e6ad2;font-size:8px;font-style:normal}.video-thumb>span{position:absolute;right:5px;bottom:4px;padding:3px;color:#fff;background:#000a;font:6px var(--mono)}.video-title{display:flex;flex-direction:column;gap:3px;padding:8px 0}.video-title b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.video-title small{color:#8a8d98;font-size:6px}.video-format{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-top:1px solid #2c2e34;color:#a7aab2;font-size:7px}.video-format b{color:#d9dcff;font-size:7px}.video-download{padding:8px;border-radius:4px;color:#fff;background:#5e6ad2;text-align:center;font-size:7px}.video-device-foot{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:9px;border-top:1px solid #282a31;color:#8588a0;background:#101115;font:6px var(--mono);letter-spacing:.06em}.project-card:hover .video-device{transform:translateY(-4px) rotate(.5deg);border-color:#606bd1}.project-card:hover .video-fetch{transform:translateY(-1px);background:#7380ef}.visual-litter{background:#17232c}.litter-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#283640}.litter-moon{position:absolute;top:14%;right:20%;width:35px;height:35px;border-radius:50%;background:#d6cbb4;box-shadow:0 0 25px #e3d5b045}.litter-building{position:absolute;bottom:36%;display:block;width:18%;background:#17232c;box-shadow:inset -7px 0 #101a22}.building-a{left:0;height:45%}.building-b{left:20%;height:57%}.building-c{right:5%;height:49%;width:26%}.litter-road{position:absolute;right:-6%;bottom:0;left:-6%;height:36%;transform:skewY(-4deg);background:#21252a}.litter-road:after{content:"";position:absolute;top:51%;right:0;left:0;height:2px;background:#cbbf9a;opacity:.7}.litter-curb{position:absolute;right:0;bottom:35%;left:0;height:8px;background:#aa9b7a}.litter-object{position:absolute;z-index:1;display:block;width:8px;height:5px;border:1px solid #c8b892;transform:rotate(-19deg);background:#e4d4ac;transition:transform .35s var(--motion-ease)}.litter-object-a{left:17%;bottom:19%}.litter-object-b{left:34%;bottom:13%;width:11px;background:#687867}.litter-object-c{left:52%;bottom:22%;width:6px;height:8px;background:#c9c0a9}.litter-object-d{right:18%;bottom:12%;width:12px;height:4px;background:#8b744d}.litter-object-e{right:35%;bottom:28%;width:5px;height:5px;background:#aab4aa}.litter-label{position:absolute;z-index:2;top:13%;left:9%;padding:12px 14px;border-left:2px solid #d0b47a;color:#f2eee7;background:#111b23db}.litter-label small{color:#d1b77f;font:6px var(--mono);letter-spacing:.1em}.litter-label strong{display:block;margin-top:8px;font-size:27px;line-height:.9;letter-spacing:-.06em}.litter-label span{display:block;margin-top:9px;color:#c1c1bc;font:6px var(--mono);letter-spacing:.1em}.project-card:hover .litter-object-a,.project-card:hover .litter-object-d{transform:translateY(-3px) rotate(13deg)}.visual-gtasa{background:#29211e}.gtasa-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#3a3029}.gtasa-wallpaper:before{content:"";position:absolute;right:-6%;bottom:0;left:-5%;height:39%;transform:skewY(-6deg);background:#221e1b}.gtasa-wallpaper:after{content:"";position:absolute;right:0;bottom:36%;left:0;height:5px;background:#9c8158;opacity:.6}.gtasa-sun{position:absolute;top:11%;right:15%;width:98px;height:98px;border:13px solid #d78d4b50;border-radius:50%;background:#d58d50;box-shadow:0 0 0 18px #d58d5018}.gtasa-mark{position:absolute;top:14%;left:7%;color:#f0e6d4;font:700 20px/ .8 var(--mono);letter-spacing:-.13em;text-shadow:3px 3px #1d1a18}.gtasa-menu{position:absolute;top:17%;left:9%;width:min(245px,66%);padding:18px 20px;border-left:2px solid #e0b96e;color:#f5f0e7;background:#171716e8;box-shadow:0 15px 38px #0f0b0978;transition:transform .4s var(--motion-ease)}.gtasa-menu>small{color:#d4b574;font:6px var(--mono);letter-spacing:.12em}.gtasa-menu>strong{display:block;margin-top:10px;font:700 clamp(21px,2.7vw,31px)/.88 var(--mono);letter-spacing:-.09em}.gtasa-menu>strong em{color:#e5a95c;font-style:normal}.gtasa-menu>span{display:flex;align-items:center;gap:6px;margin-top:12px;color:#c1b9ab;font:6px var(--mono);letter-spacing:.08em}.gtasa-menu>span i{width:5px;height:5px;border-radius:50%;background:#76a873}.gtasa-spec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:7px;border-top:1px solid #ffffff20;color:#cfc8bb;font:6px var(--mono)}.gtasa-spec b{color:#d4b574;font-weight:500;letter-spacing:.08em}.gtasa-spec i{color:#f5f0e7;font-style:normal}.project-card:hover .gtasa-menu{transform:translateY(-3px)}.modal-credit{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;margin-top:16px;border-top:1px solid var(--line);color:#5d6d82;font-size:12px;line-height:1.6}.modal-credit span{color:var(--blue);font:9px var(--mono);letter-spacing:.05em}.modal-credit b{font-weight:500}.modal-credit>div{display:grid;justify-items:start;gap:6px}.modal-credit a{color:var(--blue);font-size:11px}.modal-credit a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.modal-source{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;color:#fff;background:var(--blue);font-size:12px;font-weight:650;transition:transform .25s var(--motion-ease),background .25s ease}.modal-source:hover{transform:translateY(-2px);background:#1742b6}.modal-source:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.modal-note{margin-top:20px}@keyframes activity-bars{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}@media(max-width:1100px){.project-card-tefa .project-visual{height:350px}.project-card-other .project-visual{height:295px}.project-grid-other{gap:18px}.project-card .project-info h3{font-size:25px}}@media(max-width:760px){.project-collection{margin-top:48px}.work>.project-collection:first-child{margin-top:0}.project-collection+.project-collection{margin-top:52px;padding-top:43px}.collection-heading{align-items:flex-start;margin-bottom:21px}.collection-heading h3{margin-top:20px;font-size:36px}.collection-heading p{max-width:410px;font-size:13px}.collection-count{padding-top:4px;font-size:8px}.project-grid-tefa,.project-grid-other{grid-template-columns:1fr;gap:34px}.project-card-tefa .project-visual,.project-card-other .project-visual{height:min(82vw,360px);min-height:270px}.project-card .project-info h3{font-size:28px}.project-card>p{min-height:0}.denso-window{grid-template-columns:34px 1fr}.denso-window-main{padding:10px}.asuka-panel{right:7%;width:69%;padding:16px}.siakad-surface{padding:14px}.meeting-browser{left:5%;right:5%}.meeting-title{flex-wrap:wrap;gap:5px 9px}.meeting-title>span{margin-left:0}.cihuy-storefront{top:5%;right:4%;bottom:7%;left:4%}.gtasa-menu{width:72%}.modal-credit{grid-template-columns:1fr;gap:5px}}@media(max-width:390px){.collection-heading{gap:10px}.collection-heading h3{font-size:32px}.collection-count{font-size:7px}.project-card .project-foot{gap:7px}.project-card .project-foot>span:nth-child(2){max-width:100px}.project-card .project-open{font-size:9px}.denso-window{top:15%;left:5%;width:90%;height:68%}.denso-window-top{flex-direction:column;gap:4px}.denso-window-stats{gap:4px}.denso-window-stats>div{padding:6px 4px}.asuka-panel{top:8%;right:4%;bottom:10%;width:76%;padding:13px}.siakad-surface{left:5%;right:5%;padding:11px}.meeting-title{padding-inline:9px}.meeting-row{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;padding-inline:9px}.meeting-row>em{padding:4px;font-size:5px}.cihuy-products{gap:4px;padding-inline:8px}.cihuy-banner{padding-left:13px}.food-one{right:15%;width:58px;height:58px;font-size:24px}.food-two{width:39px;height:39px;font-size:17px}.video-device{width:79%}.gtasa-menu{left:6%;width:78%}}@media(prefers-reduced-motion:reduce){.denso-cover,.denso-window,.asuka-panel,.siakad-surface,.meeting-browser,.cihuy-food,.video-device,.video-fetch,.litter-object,.gtasa-menu,.project-visual{transition:none}.project-card:hover .denso-activity i{animation:none}}.about{padding-bottom:70px}.skills{padding-top:72px;padding-bottom:112px;border-top:1px solid #d5dde7}.skills-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:6%}.skills-heading>div{max-width:690px}.skills-heading h2{margin:25px 0 14px;color:var(--ink);font-size:clamp(42px,5.3vw,70px);line-height:1.02;letter-spacing:-.075em;font-weight:600}.skills-heading h2 span{color:var(--blue)}.skills-heading p{max-width:470px;margin:0;color:#5b6c82;font-size:15px;line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:50px}.skill-card{position:relative;min-width:0;min-height:188px;padding:18px 19px 15px;overflow:hidden;border:1px solid #d5dde7;color:var(--ink);background:#f8fafc;transition:transform .42s var(--motion-ease),border-color .3s ease,box-shadow .42s var(--motion-ease),background .3s ease}.skill-card:before{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--motion-ease)}.skill-card:hover{transform:translateY(-6px);border-color:#9fb4d0;background:#fff;box-shadow:0 18px 38px #10213a0c}.skill-card:hover:before{transform:scaleX(1)}.skill-card-top,.skill-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8290a2;font:9px var(--mono);letter-spacing:.07em}.skill-card-top>span:last-child{color:#66768b;letter-spacing:.03em}.skill-card-main{display:grid;grid-template-columns:62px minmax(0,1fr) 16px;align-items:center;gap:14px;margin-top:22px}.skill-mark{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #e0e6ed;background:#fff;transition:transform .42s var(--motion-ease),border-color .3s ease,box-shadow .35s ease}.skill-card:hover .skill-mark{transform:translateY(-3px) rotate(-4deg);border-color:#c4d2e3;box-shadow:0 7px 15px #10213a12}.skill-icon{display:block;width:47px;height:47px;transition:transform .42s var(--motion-ease)}.skill-card:hover .skill-icon{transform:scale(1.08)}.skill-card-main h3{margin:0;color:#192a43;font-size:17px;line-height:1.25;letter-spacing:-.04em;font-weight:650}.skill-card-main p{margin:6px 0 0;color:#68788d;font-size:11px;line-height:1.55}.skill-nudge{align-self:start;padding-top:2px;color:#a2adba;font-size:16px;transition:color .25s ease,transform .35s var(--motion-ease)}.skill-card:hover .skill-nudge{color:var(--blue);transform:translate(2px,-2px)}.skill-card-bottom{margin-top:17px;padding-top:11px;border-top:1px solid #e2e7ee;font-size:7px;letter-spacing:.1em}.skill-card-bottom i{width:24px;height:1px;background:#aab7c8;transition:width .42s var(--motion-ease),background .3s ease}.skill-card:hover .skill-card-bottom i{width:54px;background:var(--blue)}.skill-javascript .skill-mark{background:#fffdf1}.skill-laravel .skill-mark{background:#fff7f6}.skill-tailwind .skill-mark,.skill-react .skill-mark{background:#f1fbfd}.skill-node .skill-mark{background:#f5faf4}.skill-php .skill-mark{background:#f6f6fc}@media(max-width:900px){.skills{padding-top:83px;padding-bottom:90px}.skills-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:5%}.skills-grid{gap:12px;margin-top:38px}.skill-card{padding:16px}.skill-card-main{grid-template-columns:54px minmax(0,1fr) 13px;gap:10px}.skill-mark{width:54px;height:54px}.skill-icon{width:42px;height:42px}}@media(max-width:760px){.about{padding-bottom:65px}.skills{padding-top:55px;padding-bottom:78px}.skills-heading{display:block}.skills-heading>p{margin-top:18px}.skills-heading h2{margin-top:23px;font-size:clamp(38px,9vw,54px)}.skills-heading p{font-size:13px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:31px}.skill-card{min-height:176px}.skill-card-main h3{font-size:15px}.skill-card-main p{font-size:10px}}@media(max-width:520px){.skills-grid{grid-template-columns:1fr;gap:10px}.skill-card{min-height:145px;padding:14px 15px 12px}.skill-card-top{font-size:8px}.skill-card-main{grid-template-columns:52px minmax(0,1fr) 16px;margin-top:14px}.skill-mark{width:52px;height:52px}.skill-icon{width:40px;height:40px}.skill-card-bottom{margin-top:11px;padding-top:8px}}@media(prefers-reduced-motion:reduce){.skill-card,.skill-card:before,.skill-mark,.skill-icon,.skill-nudge,.skill-card-bottom i{transition:none}.skill-card:before{display:none}.skill-card:hover,.skill-card:hover .skill-mark,.skill-card:hover .skill-icon,.skill-card:hover .skill-nudge{transform:none}.skill-card:hover .skill-card-bottom i{width:24px;background:#aab7c8}}