@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#191715;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8e2d5;font-family:Space Grotesk,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}.opening-loader{z-index:30;color:var(--paper);background:var(--coral);grid-template-rows:auto 1fr auto;padding:28px 5.2vw 24px;display:grid;position:fixed;inset:0}.loader-meta,.loader-footer{font:10px var(--mono);letter-spacing:.07em;justify-content:space-between;display:flex}.loader-center{place-items:center;display:grid;position:absolute;inset:0}.loader-logo-frame{background:var(--coral);width:100vw;height:100vh;overflow:hidden}.loader-logo-frame img{object-fit:contain;width:100%;height:100%;display:block}.loader-line{background:var(--coral);transform-origin:0;width:min(420px,55vw);height:2px;display:block;position:absolute;bottom:12vh}@media (width<=700px){.opening-loader{padding:24px 6vw 20px}.loader-meta,.loader-footer{font-size:8px}.loader-line{width:62vw;bottom:10vh}.loader-footer span:last-child{text-align:right}}.portrait-image{object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.04);width:76%;height:71%;position:absolute;inset:16% 12% 13%;transform:rotate(1.5deg)}.paper-sheet>span{z-index:1;color:var(--paper);mix-blend-mode:difference;position:absolute;top:28px;left:28px}.paper-sheet>small{z-index:1}.about-scene{grid-template-areas:"copy visual"}.about-scene .scene-index{position:absolute;top:50%;left:10vw;transform:translateY(-50%)}.about-scene .about-copy{grid-area:copy}.about-scene .about-visual{grid-area:visual}@media (width<=700px){.about-scene{grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);grid-template-areas:"visual copy";align-items:center;gap:4vw;padding:18vw 6vw}.about-visual{order:1;min-height:360px}.about-copy{order:2;min-width:0}.about-copy .scene-label{margin-bottom:1.5rem;font-size:9px}.about-copy h2{font-size:clamp(38px,12vw,62px)}.about-copy p{margin:4vh 0;font-size:13px;line-height:1.35}.about-copy .text-link{font-size:9px}.portrait-image{width:80%;height:74%;inset:14% 10% 12%}}.contact-actions{align-items:flex-end;gap:42px;margin-top:8vh;display:flex}.contact-actions .contact-button{margin-top:0}.cv-actions{gap:24px;padding-bottom:18px;display:flex}.cv-actions a{border-bottom:1px solid var(--paper);font:10px var(--mono);white-space:nowrap;padding-bottom:7px;text-decoration:none}.cv-actions a span{color:var(--coral);margin-left:14px;font-size:16px}@media (width<=700px){.contact-actions{margin-top:10vh;display:block}.cv-actions{gap:18px;padding-top:28px;padding-bottom:0}.cv-actions a{font-size:9px}}.certificates-scene{min-height:100vh;color:var(--paper);background:#191715;padding:10vw;position:relative;overflow:hidden}.certificates-scene:before{content:"CREDENTIALS";color:#e8e2d508;pointer-events:none;letter-spacing:-.08em;-webkit-user-select:none;user-select:none;font:800 clamp(100px,18vw,240px)/1 Space Grotesk,sans-serif;position:absolute;bottom:-4vw;right:-2vw}.certificates-heading{z-index:2;justify-content:space-between;align-items:start;margin-bottom:8vh;display:flex;position:relative}.certificates-heading .scene-label{color:var(--paper)}.certificates-heading h2{letter-spacing:-.09em;word-break:break-word;margin:0;font:600 clamp(48px,7vw,110px)/.85 Space Grotesk,sans-serif}.certificates-heading h2 em{color:var(--coral);font-style:normal}.credentials-layout{z-index:2;grid-template-columns:1.1fr 1.3fr;align-items:start;gap:4vw;display:grid;position:relative}.cert-featured-column{flex-direction:column;display:flex}.cert-cards-stack{flex-direction:column;gap:3vh;display:flex}.cert-column-title,.courses-column-title{font:11px var(--mono);letter-spacing:.12em;color:var(--coral);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:2vh;display:flex}.cert-card-official{background:#23201c;border:1px solid #e8e2d533;border-radius:4px;flex-direction:column;justify-content:space-between;padding:2.8vw;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 20px 40px #0006}.cert-card-official:hover{border-color:var(--coral);transform:translateY(-6px);box-shadow:0 25px 50px #e85c3d26}.cert-top-bar{border-bottom:1px dashed #e8e2d526;justify-content:space-between;align-items:center;margin-bottom:2vh;padding-bottom:1.5vh;display:flex}.cert-issuer-badge{font:10px var(--mono);background:var(--coral);color:var(--paper);letter-spacing:.08em;border-radius:2px;padding:4px 10px;font-weight:500}.cert-period-tag{font:10px var(--mono);opacity:.7;letter-spacing:.05em}.cert-main-body{margin-bottom:2vh}.cert-type{font:10px var(--mono);color:var(--yellow);letter-spacing:.1em;margin-bottom:1vh;display:block}.cert-title{letter-spacing:-.04em;color:var(--paper);margin:0 0 1.2vh;font:700 clamp(24px,2.6vw,36px)/1.08 Space Grotesk,sans-serif}.cert-issuer-name{font:11px var(--mono);color:var(--paper);opacity:.85;margin-bottom:1.5vh}.cert-reg{font:10px var(--mono);color:var(--coral);letter-spacing:.04em;background:#e85c3d1a;border:1px solid #e85c3d4d;margin-bottom:1.8vh;padding:5px 10px;display:inline-block}.cert-desc{opacity:.75;margin-bottom:2vh;font-size:13.5px;line-height:1.55}.cert-skills-list{flex-wrap:wrap;gap:7px;margin-top:1.2vh;display:flex}.cert-skill-pill{font:9.5px var(--mono);color:var(--paper);background:#e8e2d50f;border:1px solid #e8e2d51f;border-radius:2px;padding:3px 8px}.cert-footer{border-top:1px solid #e8e2d51a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:2.2vh;padding-top:1.8vh;display:flex}.cert-status-tag{font:10px var(--mono);color:#70d898;align-items:center;gap:8px;display:flex}.status-dot{background:#70d898;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #70d898}.cert-view-link{font:10px var(--mono);color:var(--paper);background:#e8e2d514;border:1px solid #e8e2d540;border-radius:2px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;transition:all .25s;display:inline-flex}.cert-view-link:hover{background:var(--coral);border-color:var(--coral);color:var(--paper)}.courses-column{flex-direction:column;display:flex}.courses-ledger{flex-direction:column;gap:1.2vh;display:flex}.course-row-item{color:inherit;background:#23201c;border:1px solid #e8e2d51a;border-radius:4px;grid-template-columns:35px 1fr auto;align-items:center;gap:1.4vw;padding:1.6vw 1.8vw;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.course-row-item:before{content:"";background:var(--coral);width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.course-row-item:hover{background:#2a2723;border-color:#e85c3d66;transform:translate(6px)}.course-row-item:hover:before{transform:scaleY(1)}.course-num{font:500 12px var(--mono);color:var(--coral);opacity:.9}.course-details{flex-direction:column;gap:.4vh;display:flex}.course-tag-row{align-items:center;gap:8px;display:flex}.course-platform{font:10px var(--mono);color:var(--yellow);letter-spacing:.04em}.course-tag{font:8.5px var(--mono);opacity:.8;background:#e8e2d514;border-radius:2px;padding:2px 6px}.course-title{letter-spacing:-.02em;color:var(--paper);margin:0;font:600 clamp(15px,1.4vw,20px)/1.25 Space Grotesk,sans-serif}.course-highlight{opacity:.65;font-size:11.5px;font-family:var(--mono);margin:0;line-height:1.4}.course-status-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.course-year{font:10px var(--mono);opacity:.6}.course-verified-badge{font:9px var(--mono);color:#70d898;white-space:nowrap;border:1px solid #70d8984d;border-radius:2px;align-items:center;gap:4px;padding:3px 7px;transition:all .2s;display:inline-flex}.course-row-item:hover .course-verified-badge{background:#70d89826;border-color:#70d898}@media (width<=900px){.credentials-layout{grid-template-columns:1fr;gap:6vw}.certificates-scene{padding:16vw 8vw}.course-row-item{grid-template-columns:28px 1fr;padding:4vw}.course-status-side{flex-direction:row;grid-column:2/-1;justify-content:space-between;margin-top:1vh}}:root{--ink:#191715;--paper:#e8e2d5;--coral:#e85c3d;--yellow:#e6c45d;--line:#1917154d;--mono:"DM Mono",monospace}main{background:var(--paper)}.site-header{z-index:10;height:76px;font:11px var(--mono);letter-spacing:.06em;background:var(--paper);justify-content:space-between;align-items:center;padding:0 5.2vw;transition:all .4s;display:flex;position:fixed;inset:0 0 auto}.logo-word{letter-spacing:-.04em;font:700 17px Space Grotesk,sans-serif;text-decoration:none}.logo-word span{color:var(--coral)}.header-meta{opacity:.58}.menu-link{text-decoration:none}.menu-link span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:10px;font:18px Space Grotesk;display:inline-grid}.progress-rail{z-index:9;gap:14px;display:grid;position:fixed;top:50%;right:2vw;transform:translateY(-50%)}.progress-rail a{color:var(--ink);opacity:.35;font:9px var(--mono);writing-mode:vertical-rl;align-items:center;gap:7px;text-decoration:none;display:flex}.progress-rail a i{background:currentColor;border-radius:50%;width:4px;height:4px}.progress-rail a.active{opacity:1}.progress-rail a.active i{background:var(--coral);border-radius:0;height:24px}.cursor{z-index:20;border:1px solid var(--coral);pointer-events:none;width:14px;height:14px;font:8px var(--mono);border-radius:50%;place-items:center;transition:width .2s,height .2s,background .2s;display:grid;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-active{width:58px;height:58px;color:var(--paper);background:var(--coral);border-color:var(--coral)}.scene{min-height:100vh;padding:10vw;position:relative;overflow-x:hidden}.scene-label{font:11px var(--mono);letter-spacing:.08em;margin:0 0 3rem}.scene-label span{color:var(--coral);margin-right:14px}.intro-stage{background:var(--paper);align-content:center;height:100vh;min-height:100vh;padding:9vw 11vw;display:grid;overflow-x:hidden}.hero-kicker,.intro-copy,.hero-note,.scroll-prompt{font:10px/1.5 var(--mono);letter-spacing:.08em;position:absolute}.hero-kicker{top:17vh;left:11vw}.intro-copy{text-align:right;opacity:.58;bottom:11vh;right:11vw}.hero-note{color:var(--coral);line-height:1.1;top:34vh;right:18vw}.hero-name{z-index:2;letter-spacing:-.09em;max-width:100vw;font:700 clamp(74px,14vw,220px)/.79 Space Grotesk;display:grid;position:relative}.hero-name span:last-child{margin-left:11vw}.hero-tagline{z-index:2;letter-spacing:-.04em;max-width:100%;margin:4vh 0 0 20vw;font-size:clamp(17px,2vw,27px);line-height:1.08}.scroll-prompt{bottom:5vh;left:50%;transform:translate(-50%)}.scroll-prompt span{color:var(--coral);padding-left:8px;font-size:20px}.hero-orbit{pointer-events:none;width:45vw;height:45vw;position:absolute;top:13vh;left:37vw}.orbit-ring{border:1px solid var(--coral);border-radius:50%;display:block;position:absolute;transform:rotate(-24deg)skew(-12deg)}.ring-one{inset:4%}.ring-two{border-color:var(--ink);inset:17%}.hero-sun{background:var(--coral);border-radius:50%;width:8vw;height:8vw;position:absolute;top:37%;left:38%}.mark{border:1px solid;border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}.mark:before,.mark:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mark:before{width:120%;height:1px}.mark:after{width:1px;height:120%}.hero-mark{color:var(--coral);position:absolute;top:75%;left:12%;transform:rotate(23deg)}.about-scene{background:var(--coral);min-height:100vh;color:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.about-copy h2,.path-copy h2,.stack-top h2,.work-heading h2,.contact-scene h2{letter-spacing:-.09em;word-break:break-word;overflow-wrap:break-word;margin:0;font:600 clamp(56px,8vw,120px)/.82 Space Grotesk}.about-copy h2 em,.path-copy h2 em,.stack-top h2 em,.work-heading h2 em,.contact-scene h2 em{color:var(--ink);font-style:normal}.about-copy p,.path-copy p{max-width:360px;margin:6vh 0 5vh;font-size:16px;line-height:1.45}.about-copy .scene-label{color:var(--paper)}.text-link{border-bottom:1px solid var(--paper);font:11px var(--mono);padding-bottom:7px;text-decoration:none}.text-link span{margin-left:20px;font-size:17px}.about-visual{min-height:470px;position:relative}.paper-sheet{background:var(--paper);color:var(--ink);padding:28px;position:absolute;inset:9% 17% 7% 5%;transform:rotate(-7deg);box-shadow:15px 17px #19171529}.paper-sheet span,.paper-sheet small{font:10px var(--mono)}.paper-sheet strong{letter-spacing:-.08em;margin-top:28%;font:600 clamp(45px,5vw,78px)/.78 Space Grotesk;display:block}.paper-sheet small{position:absolute;bottom:24px;right:28px}.red-stamp{z-index:2;border:2px solid var(--ink);color:var(--ink);font:700 15px/1 var(--mono);padding:20px 14px;position:absolute;top:18%;right:5%;transform:rotate(12deg)}.about-line{background:var(--paper);width:100%;height:1px;position:absolute;bottom:5%;left:0;transform:rotate(11deg)}.path-scene{background:#d8d0c0;grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;display:grid}.path-copy p{color:#514a40}.journey-map{height:480px;position:relative}.map-line{background:var(--coral);transform-origin:0;width:91%;height:2px;position:absolute;top:55%;left:3%;transform:rotate(-14deg)}.map-node{font:10px/1.3 var(--mono);gap:10px;display:grid;position:absolute}.map-node b{width:60px;height:60px;color:var(--paper);background:var(--ink);font:12px var(--mono);border-radius:50%;place-items:center;display:grid}.node-one{top:43%;left:3%}.node-two{top:22%;left:43%}.node-three{top:3%;right:0}.node-three b{background:var(--coral)}.map-mark{color:var(--coral);position:absolute;bottom:12%;right:26%}.stack-scene{background:var(--ink);min-height:100vh;color:var(--paper);padding-top:12vw}.stack-top{justify-content:space-between;align-items:start;display:flex}.stack-top h2{text-align:right}.toolbox{background:#25221e;border:1px solid #e8e2d580;max-width:980px;min-height:450px;margin:11vh auto 0;padding:4vw;position:relative;transform:rotate(-2deg)}.toolbox-lid{color:var(--ink);background:var(--yellow);font:11px var(--mono);padding:10px 22px;position:absolute;top:-22px;left:8%;transform:rotate(2deg)}.token-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.stack-token{letter-spacing:-.08em;padding:16px 22px;font:600 clamp(20px,3vw,42px)/1 Space Grotesk;display:inline-block}.token-coral{color:var(--paper);background:var(--coral);transform:rotate(-5deg)}.token-ink{color:var(--paper);background:#111;transform:rotate(4deg)}.token-paper{color:var(--ink);background:var(--paper);transform:rotate(-2deg)}.token-yellow{color:var(--ink);background:var(--yellow);transform:rotate(3deg)}.token-outline{border:1px solid var(--paper);transform:rotate(-3deg)}.work-scene{background:var(--paper);min-height:100vh;padding-top:12vw;padding-left:0;padding-right:0;overflow-x:hidden}.work-heading{z-index:5;background:var(--paper);justify-content:space-between;align-items:end;padding:0 10vw 5vh;display:flex;position:sticky;top:0}.work-heading h2{color:var(--coral)}.work-heading .scene-label{align-self:start}.work-count{font:11px var(--mono)}.project-list{margin-top:12vh}.project{grid-template-columns:1fr 1fr;min-height:540px;display:grid}.project-art{background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.ascinema-art{background-image:url(/images/ascinema.png);background-repeat:no-repeat;background-color:var(--coral)}.bprtilatang-art{background-image:url(/images/bprtilatang.png);background-repeat:no-repeat;background-color:var(--yellow)}.logbook-art{background-color:#4d6d63;background-image:url(/images/logbook.png);background-repeat:no-repeat}.project-info{white-space:normal;border:1px solid #0000001a;max-width:100%;padding:8vw 7vw;position:relative;overflow-x:hidden;background:#d8d0c0!important}.project-two .project-info{color:var(--paper);background:var(--ink)!important}.project-three .project-info{background:var(--coral)!important}.project-info>span,.project-info small{font:10px var(--mono)}.project-info h3{letter-spacing:-.09em;margin:15vh 0 3vh;font:600 clamp(45px,6vw,88px)/.8 Space Grotesk}.project-info p{max-width:330px;margin-bottom:3vh;font-size:15px;line-height:1.4}.project-info a{border:1px solid;border-radius:50%;place-items:center;width:53px;height:53px;font-size:23px;text-decoration:none;transition:transform .3s;display:grid;position:absolute;bottom:7vw;right:7vw}.project-info a:hover{transform:rotate(45deg)}.identity-scene{background:var(--coral);min-height:100vh;color:var(--ink);align-content:center;display:grid}.identity-small,.identity-foot{font:10px/1.4 var(--mono)}.identity-small{position:absolute;top:14vh;left:10vw}.identity-words{letter-spacing:-.1em;font:700 clamp(67px,14vw,210px)/.76 Space Grotesk;display:grid}.identity-words span:nth-child(2){color:var(--paper);margin-left:17vw}.identity-words span:nth-child(3){margin-left:5vw}.identity-words span:nth-child(4){color:var(--paper);margin-left:24vw}.identity-foot{align-items:center;gap:16px;display:flex;position:absolute;bottom:9vh;right:10vw}.contact-scene{background:var(--ink);min-height:100vh;color:var(--paper);padding:10vw}.contact-top{font:10px/1.4 var(--mono);justify-content:space-between;display:flex}.contact-top .scene-label{color:var(--paper)}.contact-scene h2{color:var(--paper);margin-top:19vh}.contact-scene h2 em{color:var(--coral)}.contact-button{border-bottom:1px solid var(--coral);font:12px var(--mono);margin-top:8vh;padding:18px 0;text-decoration:none;display:inline-block}.contact-button span{color:var(--coral);margin-left:55px;font-size:20px}.contact-bottom{font:10px var(--mono);gap:30px;display:flex;position:absolute;bottom:8vh;left:10vw;right:10vw}.contact-bottom a{text-decoration:none}.contact-bottom span{opacity:.5;margin-left:auto}.experience-scene{min-height:100vh;color:var(--ink);background:#d8d0c0;padding:10vw}.experience-heading{justify-content:space-between;align-items:start;margin-bottom:8vh;display:flex}.experience-heading h2{letter-spacing:-.09em;word-break:break-word;overflow-wrap:break-word;margin:0;font:600 clamp(56px,8vw,120px)/.82 Space Grotesk}.experience-heading h2 em{color:var(--coral);font-style:normal}.experience-grid{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.experience-card{background:var(--paper);cursor:pointer;border:1px solid #19171533;flex-direction:column;justify-content:space-between;width:100%;max-width:580px;padding:3.5vw;transition:transform .3s,box-shadow .3s;display:flex;transform:rotate(-1deg)}.experience-card:hover{transform:translateY(-8px)rotate(0);box-shadow:0 15px 30px #19171526}.exp-header{margin-bottom:2vh}.exp-header span{font:10px var(--mono);color:var(--coral);margin-bottom:1vh;display:block}.exp-header h3{letter-spacing:-.04em;margin:0 0 .5vh;font:600 clamp(24px,3vw,38px)/1.1 Space Grotesk}.exp-role{font:11px var(--mono);opacity:.7;margin:0}.exp-content p{margin:0;font-size:15px;line-height:1.5}.exp-footer-badge{font:10px var(--mono);color:var(--coral);border-top:1px dashed #19171533;justify-content:space-between;align-items:center;margin-top:3vh;padding-top:1.5vh;display:flex}.exp-view-btn{font-weight:600;text-decoration:underline}.modal-overlay{z-index:100;background:#191715e0;place-items:center;width:100%;height:100%;padding:2vw;display:grid;position:fixed;top:0;left:0;overflow-y:auto}.modal-overlay::-webkit-scrollbar{width:8px}.modal-overlay::-webkit-scrollbar-track{background:#19171533}.modal-overlay::-webkit-scrollbar-thumb{background:var(--coral);border-radius:4px}.modal-content{background:var(--paper);border:2px solid var(--coral);width:90%;max-width:900px;max-height:90vh;padding:3vw;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1917150d}.modal-content::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.modal-close{border:2px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;z-index:10;place-items:center;font-size:24px;transition:all .3s;display:grid;position:absolute;top:1vw;right:1vw}.modal-close:hover{background:var(--ink);color:var(--paper);border-color:var(--coral)}.modal-exp-content{color:var(--ink)}.modal-header{border-bottom:1px solid var(--line);margin-bottom:3vh;padding-bottom:2vh}.modal-period{font:10px var(--mono);color:var(--coral);margin-bottom:1vh;display:block}.modal-title{letter-spacing:-.08em;margin:0 0 .5vh;font:600 clamp(38px,5vw,62px)/1.1 Space Grotesk}.modal-role{font:12px var(--mono);opacity:.8;margin:0}.modal-body{grid-template-columns:1fr;gap:3vw;display:grid}.modal-description h3{font:13px var(--mono);letter-spacing:.08em;color:var(--coral);margin:0 0 1.5vh}.modal-description p{margin-bottom:2vh;font-size:16px;line-height:1.6}.modal-extra{opacity:.7;font-size:14px}.modal-images{margin-top:2vh}.modal-image-placeholder{text-align:center;background:#e8e2d54d;border:2px dashed #1917154d;padding:5vw}.placeholder-text{color:var(--coral);margin-bottom:1vh;font:600 clamp(22px,3vw,38px)/1.2 Space Grotesk}.modal-image-placeholder p{font:11px var(--mono);opacity:.6}.modal-gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5vw;margin-top:2vh;display:grid}.modal-image-item{background:var(--paper);border:1px solid #19171526;border-radius:4px;padding:6px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.modal-image-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.modal-image-item img{object-fit:cover;border-radius:2px;width:100%;height:180px;display:block}@media (width<=700px){.site-header{padding:0 6vw}.header-meta,.progress-rail,.cursor{display:none}.scene{min-height:auto;padding:24vw 8vw}.intro-stage{height:100svh;min-height:650px;padding:25vw 8vw 14vw}.hero-kicker{top:16vh;left:8vw}.hero-name{font-size:clamp(61px,19vw,105px)}.hero-name span:last-child{margin-left:4vw}.hero-note{top:29vh;right:8vw}.hero-tagline{margin:7vh 0 0 8vw;font-size:18px}.hero-orbit{opacity:.65;width:86vw;height:86vw;top:24vh;left:11vw}.hero-sun{width:18vw;height:18vw}.scroll-prompt{white-space:nowrap;bottom:6vh}.about-scene,.path-scene{grid-template-columns:1fr;gap:6vw}.about-scene{padding-top:22vw}.about-visual{order:2;min-height:380px}.paper-sheet{inset:7% 8% 6% 2%}.paper-sheet strong{margin-top:30%}.about-copy{order:1}.about-copy h2,.path-copy h2,.stack-top h2,.work-heading h2,.contact-scene h2{font-size:clamp(54px,17vw,88px)}.about-copy p,.path-copy p{margin:5vh 0}.path-scene{padding-top:24vw}.journey-map{height:390px;margin-top:8vw}.map-node{font-size:9px}.node-one{left:0}.node-two{top:26%;left:34%}.node-three{top:8%;right:0}.stack-scene{min-height:100svh;padding-top:24vw}.stack-top{display:block}.stack-top h2{text-align:left;margin-top:8vh}.toolbox{min-height:490px;margin-top:12vh;padding:17vw 5vw}.token-cloud{gap:11px}.stack-token{padding:13px 14px;font-size:25px}.work-scene{min-height:auto;padding-top:24vw}.work-heading{display:block}.work-count{margin-top:3vh;display:block}.project-list{margin-top:10vh}.project{grid-template-columns:1fr;min-height:auto}.project-art{min-height:330px}.project-info{min-height:430px;padding:12vw 8vw}.project-info h3{margin:11vh 0 4vh;font-size:60px}.project-info a{bottom:9vw;right:8vw}.identity-scene{min-height:100svh;padding:27vw 8vw}.identity-words{font-size:clamp(60px,17vw,100px)}.identity-words span:nth-child(2){margin-left:8vw}.identity-words span:nth-child(3){margin-left:2vw}.identity-words span:nth-child(4){margin-left:12vw}.contact-scene{min-height:100svh;padding:24vw 8vw 10vw}.contact-top{display:block}.contact-top>span{margin-top:8vh;display:block}.contact-scene h2{margin-top:17vh}.contact-button{margin-top:10vh}.contact-bottom{flex-wrap:wrap;gap:17px;bottom:6vh;left:8vw;right:8vw}.contact-bottom span{width:100%;margin:10px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width>=701px){.work-scene{z-index:1;height:100vh;min-height:100vh;padding-top:clamp(96px,12vh,130px);padding-bottom:4vh;position:relative;overflow:hidden}.work-heading{padding:0 10vw 2vh;position:relative;top:auto}.work-heading h2{margin:0;font-size:clamp(48px,6.5vw,100px);line-height:.95}.project-list{white-space:nowrap;will-change:transform;gap:5vw;width:max-content;height:calc(100vh - 340px);min-height:340px;margin-top:2vh;display:flex}.project-list-wrapper{width:100%;height:calc(100vh - 340px);margin:0;padding:0;overflow:hidden}.project-list-wrapper::-webkit-scrollbar{display:none}.project-list{white-space:nowrap;gap:4vw;width:max-content;min-height:340px;margin:0;padding:0}.project{flex-shrink:0;grid-template-columns:1.4fr 1fr;gap:0;width:80vw;height:100%;min-height:0;margin-right:2vw;display:grid}.project-art{height:100%;min-height:0;overflow:hidden}.project-info{flex-direction:column;justify-content:center;height:100%;min-height:0;padding:6vw 5vw;display:flex;overflow:hidden}.project-info>span{margin-bottom:1vh;font-size:10px}.project-info h3{margin:0 0 2vh;font-size:clamp(32px,4vw,60px);line-height:1.1}.project-info p{flex:1;margin-bottom:3vh;font-size:14px;line-height:1.6}.project-info small{margin-bottom:2vh;font-size:9px}}@media (width<=700px){.work-scene{height:auto;min-height:auto;margin-bottom:0}.project-list{width:auto;display:block}.project{width:auto;height:auto}}@media (width>=701px){.hero-name{font-size:clamp(64px,10vw,155px);line-height:.84}.hero-name span:last-child{margin-left:8vw}.hero-tagline{margin-left:15vw;font-size:clamp(16px,1.6vw,22px)}}@media (width<=700px){body,main{width:100%;max-width:100%;overflow-x:hidden}.site-header{background:var(--paper);height:64px;padding:0 6vw;transition:all .4s}.logo-word{font-size:14px}.intro-stage{height:100svh;min-height:100svh;padding:26vw 8vw 14vw;overflow:hidden}.hero-name{overflow-wrap:anywhere;width:100%;font-size:clamp(52px,17vw,86px);line-height:.84}.hero-name span:last-child{margin-left:3vw}.hero-kicker{max-width:42vw;font-size:8px;top:15vh;left:8vw}.hero-note{font-size:8px;top:29vh;right:8vw}.hero-tagline{max-width:75%;margin:6vh 0 0 6vw;font-size:16px}.intro-copy{font-size:8px;bottom:14vh;right:8vw}.hero-orbit{width:92vw;height:92vw;top:27vh;left:8vw}.about-scene{grid-template-columns:1fr;grid-template-areas:"visual""copy";gap:8vw;min-height:auto;padding:22vw 8vw 18vw;display:grid}.about-scene .scene-index{font-size:11px;top:10vw;left:8vw;transform:none}.about-scene .about-visual,.about-scene .about-copy{width:100%;min-width:0}.about-scene .about-visual{min-height:390px}.about-scene .about-copy h2{font-size:clamp(52px,16vw,78px)}.about-scene .about-copy p{max-width:100%;font-size:15px;line-height:1.45}.paper-sheet{inset:5% 10% 5% 4%}.portrait-image{width:80%;height:74%;inset:14% 10% 12%}.path-scene{min-height:100svh;padding:22vw 8vw 16vw}.journey-map{width:100%;height:360px}.stack-scene{min-height:100svh;padding:22vw 8vw 18vw}.stack-top h2{font-size:clamp(48px,15vw,74px)}.toolbox{min-height:440px;margin-top:10vh;padding:18vw 5vw 10vw}.project-info h3{font-size:clamp(48px,15vw,68px)}.identity-words{overflow-wrap:anywhere;max-width:100%;font-size:clamp(55px,16vw,88px)}.experience-scene{padding:24vw 8vw}.experience-heading{margin-bottom:6vh;display:block}.experience-heading h2{font-size:clamp(54px,17vw,88px)}.experience-grid{justify-content:center;width:100%;display:flex}.experience-card{border-radius:4px;width:100%;max-width:100%;transition:transform .3s,box-shadow .3s;transform:none}.experience-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #1917151f}.modal-content{width:95%;padding:6vw 5vw}.modal-title{font-size:clamp(32px,7vw,48px)}.modal-body{grid-template-columns:1fr;gap:4vw}.modal-image-placeholder{padding:8vw 4vw}.certificates-scene{padding:24vw 8vw}.certificates-heading{margin-bottom:6vh;display:block}.certificates-heading h2{font-size:clamp(48px,15vw,76px)}}