:root{--ink:#172135;--sub:#526078;--paper:#f7f9fc;--line:rgba(34,60,92,.13);--accent:#0065ec;--glass:rgba(255,255,255,.44);--glass-line:rgba(255,255,255,.85);--shadow:0 18px 55px rgba(42,72,112,.10);--ease:cubic-bezier(.2,.8,.2,1);--hero-image:url('../media/hero.webp')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1689ff}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0}button svg,a svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}svg.icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}::selection{background:#a8d8ff;color:#102139}[hidden]{display:none!important}.latin{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;direction:ltr}.eyebrow{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:11px;font-weight:650;letter-spacing:2.6px;line-height:1.5}.muted{color:var(--sub)}.section-wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.glass{position:relative;background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #7892b515,var(--shadow);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.glass:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--pointer-x,20%) var(--pointer-y,0%),#ffffff78,transparent 55%);pointer-events:none;opacity:.5}.glass>*{position:relative}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:50;border-radius:12px}.skip:focus{top:16px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:880px;background:#e9eff9}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;animation:backdrop-drift 24s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:auto 0 0;height:100px;z-index:-1;background:linear-gradient(transparent,var(--paper));pointer-events:none}.site-header{height:120px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:'Helvetica Neue',Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-2px;direction:ltr;width:47px;height:47px;display:grid;place-items:center;border-radius:16px}.brand-name{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:12px;font-weight:750;letter-spacing:2px;line-height:1.4}.brand-name small{display:block;font-size:8px;letter-spacing:2.2px;color:var(--sub);font-weight:500;margin-top:5px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:transform .25s var(--ease),background .25s}.icon-button:hover{transform:translateY(-3px);background:#ffffffb0}.header-note{font-size:11px;margin-inline-end:8px;color:var(--sub)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;min-height:590px;padding-bottom:45px}.hero-copy{padding-top:12px}.hello{display:flex;align-items:center;gap:10px;margin-bottom:25px;font-size:13px;color:#435570}.hello i{width:7px;height:7px;border-radius:50%;background:#178875;box-shadow:0 0 0 5px #239d8010}.hero h1{font-size:clamp(64px,5.8vw,84px);line-height:1.08;letter-spacing:-4px;font-weight:650;margin:0 0 26px}.hero h1 span{display:block;color:var(--accent)}.hero-description{font-size:17px;line-height:1.95;max-width:420px;margin:0;color:#4f6078}.hero-buttons{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:100px;font-weight:600;font-size:13px;transition:transform .3s var(--ease),box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 8px 26px #0065ec2b,inset 0 1px 0 #fff4}.button.primary:hover{box-shadow:0 12px 28px #0065ec45}.button.primary svg{width:16px;fill:currentColor;stroke:currentColor}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:10px}.text-link svg{width:15px}.hero-visual{position:relative;direction:ltr;perspective:1200px;margin-top:10px}.edit-window{border-radius:28px;padding:10px;transform:rotate(-4deg);animation:window-float 8s ease-in-out infinite;box-shadow:inset 0 2px 1px #fff9,0 35px 70px #215b8c20,0 3px 12px #20618b10}.window-top{display:flex;justify-content:space-between;align-items:center;height:33px;padding:0 12px 9px;color:#405570}.traffic{display:flex;gap:5px}.traffic i{width:5px;height:5px;border-radius:50%;background:#6b91a366}.window-title{font-size:9px;letter-spacing:2px;font-weight:600}.window-top svg{width:13px;height:13px}.hero-film{height:320px;border-radius:19px;overflow:hidden;position:relative;background:#061721;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-film:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 15%,#0e9b9c60,transparent 60%),radial-gradient(ellipse at 90% 90%,#0c60ef66,transparent 65%)}.hero-film:after{content:'';position:absolute;inset:13px;border:1px solid #ffffff18;border-radius:10px}.kinetic-type{position:relative;text-align:center;color:#f0fff6;font-family:'Helvetica Neue',Arial,sans-serif;font-size:62px;font-weight:850;line-height:.93;letter-spacing:-4px;z-index:2;transform:rotate(-4deg);text-shadow:0 2px 25px #0005}.kinetic-type em{font-style:normal;color:#b7f8e0}.kinetic-type .word{display:block;animation:type-in 7s var(--ease) infinite}.kinetic-type .word:nth-child(2){animation-delay:.12s}.kinetic-type .word:nth-child(3){animation-delay:.24s}.film-orbit{position:absolute;width:270px;height:270px;border:25px solid #75e8f8aa;box-shadow:inset 0 3px 9px #ecffff,0 0 30px #10d9f266;border-radius:50%;transform:rotate(-25deg) rotateY(65deg);animation:orbit 14s linear infinite;z-index:1}.film-orbit:after{content:'';position:absolute;inset:-30px;border:1px solid #a4f7ff99;border-radius:50%}.film-label{position:absolute;color:#d0eef1;left:22px;top:21px;font-size:8px;letter-spacing:2px;z-index:3}.film-label:before{content:'';display:inline-block;width:4px;height:4px;background:#b4f5d9;margin-right:6px;border-radius:50%}.film-counter{position:absolute;bottom:19px;right:22px;font-size:9px;letter-spacing:2px;color:#b9dde3;z-index:3}.timeline{height:71px;padding:15px 12px 3px;display:grid;grid-template-columns:27px 1fr 25px;gap:12px;align-items:center}.timeline svg{width:16px;height:16px;fill:#34556b;stroke:none}.tracks{position:relative;height:40px;display:flex;flex-direction:column;gap:4px}.track{display:flex;gap:4px;height:16px}.track i{border-radius:4px;background:#6ac3ef88;flex:1;border:1px solid #ffffff70}.track i:nth-child(2){background:#9c9ee977;flex:1.6}.track i:nth-child(3){background:#e4bca588;flex:.8}.audio-track{height:14px;border-radius:4px;background:#8ac8bd55;overflow:hidden;position:relative}.audio-track:after{content:'';position:absolute;inset:3px 5px;background:repeating-linear-gradient(90deg,#4f9e97 0 1px,transparent 1px 4px);clip-path:polygon(0 40%,4% 10%,8% 50%,12% 0,16% 80%,20% 25%,24% 65%,28% 15%,32% 80%,36% 0,40% 45%,44% 10%,48% 90%,52% 20%,56% 65%,60% 0,64% 80%,68% 25%,72% 65%,76% 10%,80% 70%,84% 20%,88% 65%,92% 10%,96% 60%,100% 30%,100% 100%,0 100%)}.playhead{position:absolute;top:-6px;bottom:-2px;width:1px;background:#fcffff;box-shadow:0 0 3px #426789;animation:scrub 8s linear infinite;z-index:2}.playhead:before{content:'';position:absolute;width:5px;height:5px;background:#fff;left:-2px;top:0;border-radius:2px}.timeline-time{font-size:8px;color:#46647b}.floating-label{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;border-radius:18px;padding:13px 18px;direction:ltr;right:-27px;bottom:25px;transform:rotate(4deg);animation:label-float 7s ease-in-out infinite}.floating-label svg{stroke:#167f9c;width:22px;height:22px}.floating-label span{display:block;font-size:11px;font-weight:600}.floating-label small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.3px;color:#5b6e80;display:block;direction:ltr}.sound-badge{position:absolute;top:-30px;left:-20px;width:76px;height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-10deg);animation:label-float 6s ease-in-out infinite reverse}.sound-badge i{width:3px;border-radius:3px;background:#3480be;height:15px;animation:wave 1.3s ease-in-out infinite alternate}.sound-badge i:nth-child(2n){height:29px;animation-delay:.3s}.sound-badge i:nth-child(3n){height:40px;animation-delay:.6s}.visual-caption{text-align:center;font-size:9px;letter-spacing:2px;color:#5c7289;padding-top:26px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #6684a321;padding:24px 0 45px;gap:20px;font-size:12px;color:#5b6b7f}.hero-foot strong{font-family:Arial,sans-serif;font-size:24px;color:#2b455f;font-weight:400;margin-inline-end:10px}.hero-foot p{margin:0}.mini-tags{display:flex;gap:26px}.scroll-cue{display:flex;gap:9px;align-items:center;font-size:10px}.scroll-cue svg{height:15px;width:15px;animation:scroll-cue 2s ease infinite}
.dock-wrap{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px)}.dock{display:flex;gap:4px;border-radius:28px;padding:7px;box-shadow:inset 0 1px 1px #fff,0 12px 40px #1c477c26;background:#f1f8ff9c}.dock a{width:67px;height:59px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:21px;font-size:9px;color:#4f6580;transition:background .35s var(--ease),color .3s,transform .3s}.dock a:hover{background:#ffffff70;transform:translateY(-2px)}.dock a[aria-current]{background:#fff9;color:var(--accent);box-shadow:inset 0 1px 0 #fff,0 3px 10px #3d7db90c}.dock a svg{width:21px;height:21px}.dock-divider{width:1px;background:#617e9726;margin:13px 5px}.dock .motion-control{background:transparent;width:39px;align-self:center;height:42px;border-radius:16px;color:#51667d;display:grid;place-items:center}.dock .motion-control:hover{background:#ffffff80}
.work{padding-block:110px 90px}.section-label{display:flex;gap:13px;align-items:center;direction:ltr;justify-content:flex-start;color:#7a879a;margin-bottom:22px}.section-label:before{content:'';height:1px;width:34px;background:#8f9bad70}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px}.section-title-row h2{font-size:43px;line-height:1.4;letter-spacing:-1.4px;margin:0;font-weight:600}.section-title-row p{font-size:13px;color:var(--sub);max-width:320px;margin:0 0 7px;line-height:1.9}.filters{display:flex;gap:7px;margin-bottom:30px;flex-wrap:wrap}.filter{border-radius:40px;padding:9px 20px;background:transparent;font-size:11px;color:#607087;transition:background .2s,color .2s}.filter[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.filter:hover{background:#dfe9f4;color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{min-width:0}.project-open{display:block;width:100%;background:transparent;padding:0;text-align:inherit;border-radius:26px}.project-art{height:330px;border-radius:25px;position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.project-open:hover .project-art{transform:translateY(-7px);box-shadow:0 18px 35px #18476020}.poster-top{position:absolute;left:22px;right:22px;top:22px;display:flex;justify-content:space-between;font-family:Arial,sans-serif;direction:ltr;font-size:8px;letter-spacing:1.8px;z-index:3}.demo-label{position:absolute;right:17px;bottom:17px;background:#ffffff45;backdrop-filter:blur(15px);padding:4px 10px;border:1px solid #ffffff60;border-radius:20px;font-size:9px;z-index:3}.poster-play{position:absolute;width:43px;height:43px;border:1px solid #fff9;background:#fff3;backdrop-filter:blur(20px);border-radius:50%;left:17px;bottom:17px;display:grid;place-items:center;z-index:4}.poster-play svg{width:13px;height:13px;fill:currentColor;stroke:currentColor;margin-left:2px}.art-medical{background:#cee7e3;color:#1b6660}.art-medical:before{content:'';position:absolute;width:265px;height:265px;background:radial-gradient(circle,#effffd,transparent 68%);left:50%;top:46%;transform:translate(-50%,-50%)}.tooth{position:absolute;left:50%;top:45%;width:165px;height:190px;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 12px #327c6c33);animation:tooth-float 7s ease-in-out infinite}.medical-orbit{position:absolute;width:245px;height:125px;left:50%;top:48%;border:1px solid #70aaa580;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.medical-orbit:after{content:'';width:9px;height:9px;background:#2e8a80;border:3px solid #caeee7;border-radius:50%;position:absolute;top:8px;left:45px;box-shadow:0 0 0 4px #2e8a8010}.poster-word{position:absolute;bottom:61px;left:23px;font-family:Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1;direction:ltr}.poster-word small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:10px}.art-education{background:#ffe9ca;color:#895b2b}.art-education:before{content:'';position:absolute;inset:57px 35px 70px;background:#8cced7;border-radius:95px 95px 70px 70px;transform:rotate(16deg);border:14px solid #fff9;box-shadow:0 15px 25px #a46f3220,inset 0 0 0 1px #70afb6;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#fff4 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#fff4 28px 29px)}.pool-ball{position:absolute;width:112px;height:112px;border-radius:50%;background:conic-gradient(from -15deg,#f3f5df 0 25%,#ed8257 25% 50%,#fffbd8 50% 75%,#efb250 75%);box-shadow:inset -14px -15px 20px #84491524,inset 5px 6px 14px #fff8,0 16px 16px #247b8850;left:50%;top:44%;transform:translate(-50%,-50%);animation:ball-float 8s ease-in-out infinite}.pool-ring{position:absolute;width:34px;height:34px;border:8px solid #fff0b7;border-radius:50%;top:95px;left:61px;box-shadow:0 6px 8px #2d8d9640;animation:label-float 5s ease-in-out infinite}.pool-spark{position:absolute;right:48px;top:86px;font-size:33px;color:#ed8d46}.art-social{background:#252641;color:#eeeafb}.art-social:before{content:'';position:absolute;width:260px;height:260px;border:34px solid #b4afff55;border-radius:50%;left:-85px;top:30px;box-shadow:inset 0 5px 10px #c5ddff88,0 0 30px #ada3ff22;transform:rotateY(42deg);animation:social-ring 15s linear infinite}.social-type{position:absolute;top:75px;left:24px;right:24px;direction:ltr;font-family:'Helvetica Neue',Arial,sans-serif;font-size:63px;font-weight:850;line-height:.89;letter-spacing:-4px;transform:rotate(-7deg)}.social-type span{color:#d2ffae}.social-star{position:absolute;right:32px;top:58px;font-size:55px;color:#cfedac;animation:spin-slow 22s linear infinite}.project-info{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 3px 0;gap:10px}.project-info h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 7px}.project-info p{font-size:10px;color:var(--sub);margin:0}.project-info>span{font-family:Arial,sans-serif;font-size:10px;direction:ltr;color:#8191a4;line-height:2.2}.work-footnote{font-size:10px;color:#8791a0;margin:28px 0 0;text-align:center}
.about{padding-block:70px 120px;display:grid;grid-template-columns:1.18fr .85fr;gap:110px;align-items:center;border-top:1px solid var(--line)}.about h2{font-size:42px;font-weight:600;letter-spacing:-1.2px;line-height:1.45;margin:0 0 22px}.about-bio{font-size:14px;color:var(--sub);line-height:2.1;margin:0 0 25px}.about-actions{display:flex;gap:24px;flex-wrap:wrap}.about-actions button{font-size:11px;background:transparent;padding:0;color:var(--accent);display:flex;align-items:center;gap:8px}.about-actions svg{width:15px;height:15px}.experience{border-radius:40px;min-height:390px;background:linear-gradient(145deg,#e7f1fd,#f9faff 70%,#ffede0);padding:38px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.experience:before{content:'';position:absolute;left:-60px;top:20px;width:240px;height:240px;border-radius:50%;border:25px solid #b1d8f344;box-shadow:inset 0 4px 12px #fff,0 4px 15px #a3cbe31a;transform:rotateY(45deg)}.experience-number{font-family:'Helvetica Neue',Arial,sans-serif;direction:ltr;font-weight:250;font-size:145px;letter-spacing:-12px;color:#3e739d;line-height:1;margin-bottom:8px;position:relative}.experience-caption{position:relative;font-size:12px;color:#5d7891}.expertise{position:relative;border-top:1px solid #5b8ba728;margin-top:24px;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.expertise span{font-size:9px;border:1px solid #fff;padding:6px 10px;background:#fff5;border-radius:30px;color:#52708b}.process{margin-top:35px;border-top:1px solid var(--line)}.process-row{display:flex;align-items:baseline;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.process-row>span{font-family:Arial,sans-serif;font-size:9px;color:#8f9bae}.process-row p{margin:0;color:var(--sub)}.process-row strong{font-weight:600;color:var(--ink);margin-inline-end:7px}
.contact{padding:0 0 40px}.contact-panel{background:#142536;color:#f5faff;overflow:hidden;position:relative;isolation:isolate;border-radius:43px;padding:65px 70px;min-height:340px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-panel:before{content:'';position:absolute;width:430px;height:430px;left:-60px;top:-45px;border:48px solid #77b6db44;border-radius:50%;box-shadow:inset 0 5px 25px #c2f0ff7a,0 0 60px #4c9bdb33;transform:rotateY(52deg) rotate(-20deg);z-index:-1;animation:contact-ring 18s ease-in-out infinite alternate}.contact-panel:after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 0 70%,#257fa466,transparent 65%)}.contact .eyebrow{color:#aac8de;font-size:9px;margin:0 0 18px}.contact h2{font-size:47px;font-weight:500;letter-spacing:-1px;line-height:1.4;margin:0}.contact-copy>p:last-child{font-size:12px;color:#b7c7d7;margin:18px 0 0}.contact-links{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:190px;position:relative}.contact-links a,.contact-links button{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 24px;border-radius:30px;border:1px solid #ffffff55;background:#ffffff13;backdrop-filter:blur(16px);color:#fff;font-size:12px;transition:background .25s,transform .25s;overflow-wrap:anywhere}.contact-links a:hover,.contact-links button:hover{background:#ffffff26;transform:translateY(-3px)}.contact-links a svg{width:15px;height:15px}.site-footer{display:flex;align-items:center;justify-content:space-between;color:#8894a3;font-size:9px;padding:20px 0 140px}.site-footer .latin{letter-spacing:2px}.site-footer p{margin:0}
dialog{color:var(--ink);background:#f6f9fded;border:1px solid #fff;border-radius:30px;padding:0;box-shadow:0 40px 120px #0b1e3d55;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);max-height:88vh;max-width:calc(100vw - 28px);width:640px;overflow:auto}dialog::backdrop{background:#0c20335c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[open]{animation:dialog-enter .35s var(--ease)}.dialog-head{padding:24px 28px 15px;display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-head h2{font-size:21px;margin:0;font-weight:600}.dialog-close{background:#7d91ad12;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.dialog-close svg{width:17px;height:17px}.settings-intro{font-size:12px;color:var(--sub);padding:0 28px;margin:0 0 22px}.settings-form{padding:0 28px 28px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--sub);min-width:0}.field.full{grid-column:1/-1}.field input,.field textarea{border:1px solid var(--line);background:#ffffff80;color:var(--ink);border-radius:11px;padding:10px 12px;font-size:12px;width:100%;min-width:0}.field textarea{min-height:100px;resize:vertical;line-height:1.9}.field input[type="url"],.field input[type="email"],.field input[type="tel"]{direction:ltr;text-align:left}.settings-divider{font-size:12px;font-weight:600;margin:25px 0 13px;padding-top:20px;border-top:1px solid var(--line)}.settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.settings-actions .button{padding:11px 20px;font-size:11px}.button.secondary{background:#dce8f766;color:var(--ink);border:1px solid var(--line)}.settings-note{font-size:9px;color:var(--sub);margin:15px 0 0;line-height:1.8}.project-dialog{width:820px}.project-dialog .dialog-head{padding-bottom:6px}.project-type{font-size:10px;color:var(--sub);margin:0;padding:0 28px 18px}.project-media{margin:0 18px;border-radius:20px;overflow:hidden;background:#112030;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-media video,.project-media iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}.project-media .project-art{width:100%;height:410px;max-width:100%;border-radius:20px}.project-media .demo-large .tooth{width:220px;height:240px}.project-media .demo-large .social-type{font-size:90px;left:calc(50% - 140px);top:80px}.project-media .demo-large .poster-word{bottom:65px}.project-media .demo-large.art-education:before{inset:50px 24% 60px}.project-media .demo-large .pool-ball{width:155px;height:155px}.project-media>a{color:white;font-size:12px;margin:15px;display:block;text-decoration:underline}.project-description{font-size:13px;line-height:1.9;color:var(--sub);padding:0 28px;margin:20px 0 26px}.toast{position:fixed;left:50%;bottom:115px;z-index:100;transform:translate(-50%,15px);opacity:0;background:#152d46ed;color:#fff;border:1px solid #ffffff55;border-radius:22px;padding:11px 22px;box-shadow:0 10px 30px #06203b33;font-size:12px;pointer-events:none;transition:opacity .25s,transform .25s;max-width:calc(100vw - 30px);text-align:center}.toast.visible,.toast.show{opacity:1;transform:translate(-50%,0)}
html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes backdrop-drift{from{transform:scale(1)}to{transform:scale(1.06) translateY(-1%)}}@keyframes window-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes wave{to{transform:scaleY(.4)}}@keyframes orbit{0%{transform:rotate(-25deg) rotateY(65deg) rotateZ(0)}100%{transform:rotate(-25deg) rotateY(65deg) rotateZ(360deg)}}@keyframes type-in{0%,4%{opacity:0;translate:0 12px;filter:blur(5px)}12%,83%,100%{opacity:1;translate:0 0;filter:blur(0)}}@keyframes scrub{from{left:0}to{left:100%}}@keyframes scroll-cue{50%{translate:0 4px}}@keyframes tooth-float{50%{transform:translate(-50%,-55%) rotate(5deg)}}@keyframes ball-float{50%{transform:translate(-50%,-60%) rotate(35deg)}}@keyframes social-ring{to{transform:rotateY(42deg) rotate(360deg)}}@keyframes spin-slow{to{rotate:360deg}}@keyframes contact-ring{to{transform:rotateY(62deg) rotate(25deg);translate:20px 0}}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
html[data-motion="paused"] *,html[data-motion="paused"] *:before,html[data-motion="paused"] *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html[data-motion="paused"] .kinetic-type .word{opacity:1;filter:none;translate:0 0}html[data-motion="paused"] .reveal{opacity:1;transform:none}
html[data-theme="dark"]{--ink:#e6eef9;--sub:#a1b1c9;--paper:#101a28;--line:#b1c9ee25;--accent:#88baff;--glass:#1e344b9c;--glass-line:#bbdcfa44;--shadow:0 18px 55px #0002}html[data-theme="dark"] .hero{background:#132338}html[data-theme="dark"] .hero:before{filter:brightness(.3) saturate(1.1)}html[data-theme="dark"] .hero-description,html[data-theme="dark"] .hello,html[data-theme="dark"] .header-note,html[data-theme="dark"] .hero-foot,html[data-theme="dark"] .hero-foot strong,html[data-theme="dark"] .visual-caption{color:#c0d0e5}html[data-theme="dark"] .button.primary{color:#122842;background:#b5d8ff}html[data-theme="dark"] .dock{background:#263e55b8;border-color:#c0ddff44;box-shadow:inset 0 1px 1px #c5ddff55,0 12px 40px #0005}html[data-theme="dark"] .dock a,html[data-theme="dark"] .dock .motion-control{color:#c2d3e7}html[data-theme="dark"] .dock a[aria-current]{background:#c3def51c;color:#b5d8ff;box-shadow:inset 0 1px 0 #c0e5ff44}html[data-theme="dark"] .icon-button:hover{background:#769ac633}html[data-theme="dark"] .experience{background:linear-gradient(145deg,#1d3750,#182235 70%,#352c2a)}html[data-theme="dark"] .experience-number{color:#a3c9ef}html[data-theme="dark"] .experience-caption,html[data-theme="dark"] .expertise span{color:#a9c7e2}html[data-theme="dark"] .expertise span{background:#bdd6f010;border-color:#bdd6f033}html[data-theme="dark"] dialog{background:#142436ed;border-color:#c0d5f155}html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea{background:#ffffff0b}html[data-theme="dark"] .button.secondary{background:#5e85b126}html[data-theme="dark"] .filter:hover{background:#94c6ff1a}html[data-theme="dark"] .floating-label small,html[data-theme="dark"] .window-top,html[data-theme="dark"] .timeline-time{color:#bdd8e9}
@media(min-width:1500px){.hero{min-height:920px}.hero-grid{min-height:630px}.hero-film{height:350px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 64px)}.hero-grid{gap:35px}.hero h1{font-size:clamp(60px,6.7vw,74px)}.hero-film{height:285px}.kinetic-type{font-size:55px}.floating-label{right:-10px}.about{gap:65px}.project-art{height:290px}.social-type{font-size:54px}.poster-word{font-size:23px}.contact-panel{padding:55px 45px}.contact h2{font-size:42px}}
@media(max-width:850px){.hero{min-height:0}.hero-grid{grid-template-columns:1fr;gap:55px;padding:25px 0 55px;min-height:0;text-align:center}.hero-copy{padding-top:0}.hello,.hero-buttons{justify-content:center}.hero-description{margin-inline:auto;max-width:480px;font-size:15px}.hero h1{font-size:78px}.hero-visual{max-width:510px;width:90%;margin:0 auto}.hero-film{height:320px}.kinetic-type{font-size:63px}.floating-label{right:-24px;bottom:25px}.hero-foot{padding-bottom:38px}.mini-tags{gap:16px}.project-grid{gap:18px}.project-art{height:255px}.tooth{width:125px;height:160px}.medical-orbit{width:190px;height:105px}.social-type{font-size:45px;letter-spacing:-3px;top:75px;left:18px}.social-star{font-size:35px;top:60px;right:20px}.poster-top{left:16px;right:16px;font-size:6px}.poster-word{font-size:20px;left:18px}.art-education:before{inset:55px 20px 65px;border-width:10px}.pool-ball{width:85px;height:85px}.pool-ring{left:35px;width:27px;height:27px;border-width:6px}.section-title-row h2{font-size:34px}.section-title-row p{max-width:280px;font-size:11px}.about{gap:36px;grid-template-columns:1fr .85fr;padding-bottom:85px}.about h2{font-size:33px}.about-bio{font-size:12px}.experience{min-height:365px;padding:28px}.experience-number{font-size:120px}.contact-panel{gap:25px}.contact h2{font-size:35px}.contact-links{min-width:160px}.contact-panel:before{left:-100px}}
@media(max-width:600px){.section-wrap{width:calc(100% - 40px)}.site-header{height:96px;gap:10px}.brand-name{font-size:10px;letter-spacing:1.1px}.brand-name small{font-size:6px;letter-spacing:1.7px}.brand{gap:9px}.brand-mark{width:40px;height:40px;font-size:18px;border-radius:13px}.header-note{display:none}.header-actions{gap:7px}.icon-button{width:37px;height:37px}.icon-button svg{width:18px;height:18px}.hero-grid{gap:48px;padding:23px 0 33px}.hello{font-size:11px;gap:8px;margin-bottom:19px}.hero h1{font-size:clamp(50px,13.5vw,64px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:19px}.hero-description{font-size:13px;line-height:2;max-width:310px}.hero-buttons{gap:18px;margin-top:26px}.button{padding:12px 20px;font-size:12px}.text-link{font-size:12px;gap:7px}.hero-visual{width:91%;margin-top:3px}.edit-window{border-radius:24px;padding:8px}.window-title{font-size:7px;letter-spacing:1.4px}.window-top{height:28px;padding:0 9px 7px}.hero-film{height:250px;border-radius:16px}.kinetic-type{font-size:53px}.film-orbit{width:235px;height:235px;border-width:22px}.timeline{height:60px;padding-top:10px;grid-template-columns:18px 1fr 21px;gap:8px}.floating-label{padding:10px 12px;border-radius:15px;right:-17px;bottom:20px;gap:7px}.floating-label span{font-size:9px}.floating-label small{font-size:6px}.floating-label svg{width:19px;height:19px}.sound-badge{width:59px;height:59px;border-radius:19px;left:-13px;top:-20px;gap:3px}.sound-badge i{width:2px;height:13px}.sound-badge i:nth-child(2n){height:24px}.sound-badge i:nth-child(3n){height:32px}.visual-caption{font-size:7px;padding-top:21px;letter-spacing:1.7px}.hero-foot{font-size:9px;padding:19px 0 30px;gap:12px}.hero-foot strong{font-size:21px;margin-inline-end:6px}.mini-tags{gap:12px;font-size:8px}.scroll-cue{display:none}.dock-wrap{bottom:max(14px,env(safe-area-inset-bottom))}.dock{padding:6px;gap:2px;border-radius:26px}.dock a{width:59px;height:55px;border-radius:20px;font-size:8px}.dock a svg{width:20px;height:20px}.dock .motion-control{width:33px}.dock-divider{margin-inline:3px}.work{padding-block:70px 60px}.section-label{font-size:8px;letter-spacing:2px;margin-bottom:17px}.section-title-row{display:block;margin-bottom:23px}.section-title-row h2{font-size:32px;letter-spacing:-.8px;margin-bottom:17px}.section-title-row p{max-width:100%;font-size:11px;line-height:1.9}.filters{gap:3px;margin-bottom:24px}.filter{font-size:10px;padding:8px 16px}.project-grid{grid-template-columns:1fr;gap:31px}.project-art{height:350px;border-radius:26px}.poster-top{left:24px;right:24px;top:24px;font-size:8px}.tooth{width:170px;height:205px}.medical-orbit{width:260px;height:140px}.poster-word{font-size:30px;left:25px;bottom:65px}.poster-word small{font-size:10px}.art-education:before{inset:56px 45px 74px;border-width:15px}.pool-ball{width:120px;height:120px}.pool-ring{width:36px;height:36px;border-width:8px;left:65px}.social-type{font-size:75px;top:82px;left:30px;letter-spacing:-4px}.social-star{font-size:60px;top:62px;right:35px}.project-info{padding-top:16px}.project-info h3{font-size:17px}.project-info p{font-size:10px}.work-footnote{font-size:9px;margin-top:30px}.about{grid-template-columns:1fr;gap:34px;padding-top:45px;padding-bottom:70px}.about h2{font-size:34px}.about-bio{font-size:13px}.experience{min-height:310px;padding:30px;border-radius:32px}.experience-number{font-size:130px}.experience:before{left:30px;top:30px}.experience-caption{font-size:12px}.expertise span{font-size:10px}.process-row{font-size:11px;gap:12px}.contact-panel{padding:40px 28px;border-radius:32px;display:block;min-height:440px}.contact h2{font-size:37px}.contact-copy>p:last-child{font-size:11px}.contact-links{margin-top:30px;align-items:flex-start;min-width:0}.contact-links a,.contact-links button{padding:12px 22px;font-size:11px}.contact-panel:before{width:330px;height:330px;left:-115px;top:110px;border-width:35px;opacity:.6}.contact .eyebrow{font-size:8px}.contact{padding-bottom:20px}.site-footer{font-size:8px;padding-bottom:120px}.site-footer .latin{font-size:7px;letter-spacing:1.5px}.settings-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-head{padding:22px 21px 14px}.dialog-head h2{font-size:19px}.settings-intro{padding-inline:21px;font-size:11px}.settings-form{padding-inline:21px}.settings-actions .button{flex:1;padding-inline:12px}dialog{border-radius:25px;max-height:86vh}.project-media .project-art{height:350px}.project-media .demo-large .social-type{font-size:75px;left:25px;top:85px}.project-media .demo-large.art-education:before{inset:55px 35px 70px}.project-media .demo-large .tooth{width:175px;height:210px}.project-media .demo-large .pool-ball{width:120px;height:120px}.project-type{font-size:9px;padding-inline:22px}.project-description{font-size:12px;padding-inline:22px}.toast{bottom:105px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.kinetic-type .word{opacity:1!important;translate:0 0!important;filter:none!important}html.js .reveal{opacity:1;transform:none}}
@supports not (backdrop-filter:blur(1px)){.glass{background:#eef5f9ee}.dock{background:#e8f0f9f5}html[data-theme="dark"] .glass,html[data-theme="dark"] .dock{background:#24384ef5}}
/* Keep the title readable when motion is paused between animation frames. */
html[data-motion="paused"]{scroll-behavior:auto!important}
html[data-motion="paused"] .kinetic-type .word{opacity:1!important;filter:none!important;translate:0 0!important}
@keyframes type-in{0%,4%{opacity:1;translate:0 5px;filter:blur(0)}12%,83%,100%{opacity:1;translate:0 0;filter:blur(0)}}

.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.portrait-frame:before{z-index:1;background:linear-gradient(180deg,#11213538,transparent 28%,transparent 65%,#11213570)}
.portrait-frame:after{z-index:2;pointer-events:none}
.portrait-frame .film-label,.portrait-frame .film-counter{z-index:3;color:#fff;text-shadow:0 1px 6px #07162370}
.project-media video{height:min(62vh,680px);width:100%;aspect-ratio:auto;object-fit:contain;background:#071623}
.project-dialog{width:820px}.project-media>.motion-poster{max-height:62vh;width:100%;object-fit:contain}
.project-media>a{color:#fff;padding:15px;text-decoration:underline}