:root{--ink:#123f4c;--deep:#073745;--cream:#f7f0df;--paper:#fffaf0;--orange:#e97434;--lime:#d7dc64;--jade:#82a989;--line:#123f4c29;color:#173f49;font-synthesis:none;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1700px,100% - 96px);margin-inline:auto}.hero{color:#fff;background:radial-gradient(circle at 70% 42%, #205b67 0, var(--deep) 44%, #052d39 100%);min-height:100vh;position:relative;overflow:hidden}.hero:before{content:"";opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:4;justify-content:space-between;align-items:center;height:96px;display:flex;position:relative}.brand{letter-spacing:.08em;font-weight:800}.brand span{width:34px;height:34px;color:var(--deep);background:var(--lime);border-radius:50%;place-items:center;margin-right:9px;display:inline-grid;transform:rotate(-8deg)}.nav-links{gap:36px;font-size:14px;display:flex}.nav-links a{opacity:.76;transition:all .2s}.nav-links a:hover{opacity:1;color:var(--lime)}.nav-cta{border:1px solid #ffffff59;border-radius:999px;padding:12px 20px;font-size:14px}.hero-grid{z-index:2;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;min-height:calc(100vh - 146px);padding-block:40px 110px;display:grid;position:relative}.eyebrow{letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;font-size:13px;font-weight:700}.eyebrow.orange{color:var(--orange)}.eyebrow.lime{color:#a9b12b}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:30px;font-size:clamp(54px,6.3vw,112px);line-height:1.04}h1 em,h2 em{color:var(--lime);font-style:normal}.hero-lead{color:#ffffffb8;max-width:620px;font-size:18px;line-height:1.9}.hero-actions{gap:14px;margin-top:40px;display:flex}.button{border-radius:15px;justify-content:center;align-items:center;min-height:54px;padding:0 25px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.primary{color:#fff;background:var(--orange);box-shadow:0 12px 35px #e9743442}.primary span{margin-left:22px;font-size:12px}.secondary{color:var(--ink);background:var(--paper)}.hero-stage{place-items:center;min-height:630px;display:grid;position:relative}.showreel{z-index:2;aspect-ratio:1.22;cursor:pointer;background:#0b2025;border:0;border-radius:48% 52% 45% 55%/42% 42% 58% 58%;width:min(760px,93%);padding:0;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000059,0 0 0 10px #ffffff14}.showreel img,.showreel video{object-fit:cover;width:100%;height:100%;transition:transform .8s}.showreel:after{content:"";background:linear-gradient(#0000 45%,#03191f9e);position:absolute;inset:0}.showreel:hover img,.showreel:hover video{transform:scale(1.04)}.play-icon{z-index:3;width:74px;height:74px;color:var(--deep);background:#fffaf0f0;border-radius:50%;place-items:center;padding-left:4px;font-size:20px;transition:transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0003}.showreel:hover .play-icon,.project-media:hover .play-icon{transform:translate(-50%,-50%)scale(1.1)}.showreel>span:last-child{z-index:3;color:#fff;letter-spacing:.12em;font-weight:700;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.orbit{border:1px dashed #d7dc64b3;border-radius:50%;position:absolute}.orbit-one{width:94%;height:70%;transform:rotate(-13deg)}.orbit-two{opacity:.45;width:72%;height:100%;transform:rotate(38deg)}.frame-note{color:var(--lime);padding:14px 16px;font-size:12px;line-height:1.7;position:absolute;top:8%;left:1%;transform:rotate(-7deg)}.bone{z-index:3;border:2px solid var(--orange);background:var(--deep);border-radius:50%;width:17px;height:17px;position:absolute}.bone:after{content:"";background:var(--orange);transform-origin:0;width:64px;height:2px;position:absolute;top:6px;left:14px}.bone-a{top:17%;right:16%}.bone-a:after{transform:rotate(42deg)}.bone-b{bottom:18%;left:14%}.bone-b:after{transform:rotate(-26deg)}.bone-c{bottom:9%;right:25%}.bone-c:after{transform:rotate(155deg)}.hero-ticker{height:58px;color:var(--deep);background:var(--lime);letter-spacing:.12em;justify-content:space-around;align-items:center;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-ticker i{font-style:normal}.hero:has(.hero-design){min-height:0;color:var(--ink);background:#f6f5f1;padding:12px}.hero:has(.hero-design):before{display:none}.hero-design{background:var(--deep);border-radius:34px;width:100%;position:relative;overflow:hidden}.hero-design>img{aspect-ratio:662/376;object-fit:cover;width:100%;height:auto;display:block}.hero-hotspot{z-index:3;outline-offset:3px;border-radius:999px;display:block;position:absolute}.hero-hotspot:hover{background:#d7dc641f;box-shadow:0 0 0 2px #d7dc6442}.hotspot-work{width:6.2%;height:7%;top:5.5%;left:53.6%}.hotspot-about{width:6%;height:7%;top:5.5%;left:60.1%}.hotspot-skills{width:6.2%;height:7%;top:5.5%;left:67.3%}.hotspot-contact-nav{width:7.1%;height:7%;top:5.5%;left:74.3%}.hotspot-work-button{width:14.6%;height:10.2%;top:49.3%;left:4.1%}.hotspot-contact-button{width:13.8%;height:10.2%;top:49.3%;left:19%}.hero-mobile-actions{display:none}.hero:has(.hero-video){color:#fff;background:var(--deep);isolation:isolate;min-height:100vh;padding:0}.hero:has(.hero-video):before{z-index:1;pointer-events:none;display:block}.hero-video,.hero-poster,.hero-wash{width:100%;height:100%;position:absolute;inset:0}.hero-poster{z-index:-3;object-fit:cover}.hero-video{z-index:-2;object-fit:cover;opacity:0;transition:opacity .6s}.hero-video.is-ready{opacity:1}.hero-wash{z-index:-1;background:linear-gradient(90deg,#03222bf5 0%,#032a34c4 42%,#03232b47 72%,#031f2661 100%)}.brand small{letter-spacing:.2em;color:var(--lime);margin:3px 0 0 2px;font-size:8px;font-weight:500;display:block}.hero-content{z-index:2;flex-direction:column;justify-content:center;min-height:calc(100vh - 96px);padding:40px 0 110px;display:flex;position:relative}.hero-content h1{text-shadow:0 4px 28px #0000003d;max-width:960px;margin-bottom:28px}.hero-content>p:not(.eyebrow){color:#ffffffc7;max-width:570px;font-size:18px;line-height:1.9}.hero-note{color:var(--lime);text-align:center;border:1px dashed #d7dc64b3;border-radius:50%;padding:18px 22px;font-size:11px;line-height:1.8;position:absolute;bottom:15%;right:3%;transform:rotate(-8deg)}.hero-scroll{z-index:3;color:#ffffffb3;letter-spacing:.18em;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-scroll span{color:var(--lime);font-size:20px}.section{padding:140px 0}.work-section{background:var(--paper)}.section-head{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:65px;display:flex}.section-head h2,.about-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.4vw,76px);line-height:1.13}.section-head>p{color:#667a7f;max-width:430px;line-height:1.9}.section-head.compact{align-items:center}.section-head.compact h2{font-size:clamp(42px,4vw,68px)}.project-grid{grid-template-columns:1.25fr .8fr .8fr .62fr;grid-auto-rows:minmax(280px,auto);gap:18px;display:grid}.project-card{border:1px solid var(--line);background:#fffdf8;border-radius:22px;transition:transform .3s,box-shadow .3s;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #123f4c1f}.project-featured{border-color:#e974346b;grid-row:span 2;box-shadow:0 25px 80px #123f4c1f}.project-portrait{grid-area:1/4/span 2}.project-media{cursor:pointer;background:#082f3a;border:0;width:100%;height:calc(100% - 98px);min-height:220px;padding:0;display:block;position:relative;overflow:hidden}.project-featured .project-media,.project-portrait .project-media{min-height:550px}.project-media img,.project-media video{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-portrait .project-media video{object-fit:contain;background:#062b35}.project-media:hover img,.project-media:hover video{transform:scale(1.04)}.project-portrait .project-media:hover video{transform:scale(1.015)}.media-shade{background:linear-gradient(#0000 45%,#051c228c);position:absolute;inset:0}.project-media .play-icon{width:62px;height:62px;font-size:16px}.play-copy{z-index:3;color:#fff;font-size:12px;position:absolute;bottom:17px;left:18px}.project-info{justify-content:space-between;align-items:center;gap:12px;min-height:98px;padding:17px 18px;display:flex}.project-info h3{margin-bottom:5px;font-size:19px}.project-info p{color:#77878a;margin:0;font-size:12px}.tag-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tag-row span,.about-chips span{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px}.project-featured .tag-row span:last-child{color:#fff;border-color:var(--orange);background:var(--orange)}.illustration-section{background:#eee3cc}.illustration-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:18px;display:grid}.illustration-card{background:var(--paper);border-radius:24px;transition:all .45s cubic-bezier(.2,.8,.2,1);overflow:hidden}.illustration-card.is-open{order:-1;grid-column:1/-1;box-shadow:0 30px 80px #46371b24}.illustration-trigger{cursor:pointer;text-align:left;background:#ddd;border:0;width:100%;height:420px;padding:0;position:relative;overflow:hidden}.illustration-trigger img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.illustration-trigger:hover img{transform:scale(1.035)}.illustration-overlay{background:linear-gradient(#031e250d 30%,#031e25bd);position:absolute;inset:0}.illustration-index{color:var(--deep);background:var(--lime);border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700;position:absolute;top:18px;left:18px}.expand-icon{width:42px;height:42px;color:var(--deep);background:var(--paper);border-radius:50%;place-items:center;font-size:25px;display:grid;position:absolute;top:17px;right:17px}.illustration-title{color:#fff;position:absolute;bottom:22px;left:22px;right:22px}.illustration-title b,.illustration-title small{display:block}.illustration-title small{opacity:.7}.illustration-detail{opacity:0;grid-template-columns:.65fr 1.35fr;gap:35px;max-height:0;padding:0 28px;transition:max-height .55s,opacity .35s,padding .55s;display:grid;overflow:hidden}.illustration-detail>div{align-self:center}.illustration-detail span{color:#8b9897;font-size:12px}.illustration-detail img{object-fit:contain;background:#f3ead8;border-radius:16px;width:100%;max-height:670px}.illustration-card.is-open .illustration-trigger img{filter:saturate(.8)}.illustration-card.is-open .illustration-detail{opacity:1;max-height:760px;padding:28px}.about-section{background:#f3ecde}.about-grid{background:var(--paper);border-radius:36px;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:690px;display:grid;overflow:hidden;box-shadow:0 25px 80px #4238231a}.about-art{min-height:580px;position:relative;overflow:hidden}.about-art img{object-fit:cover;object-position:left center;width:100%;height:100%}.art-label{background:var(--lime);border-radius:999px;padding:12px 18px;font-weight:700;position:absolute;bottom:28px;left:28px;transform:rotate(-2deg)}.about-copy{flex-direction:column;justify-content:center;padding:8%;display:flex}.about-copy h2{font-size:clamp(40px,4vw,68px)}.about-intro{color:#63777b;margin:28px 0;line-height:2}.about-chips{flex-wrap:wrap;gap:10px;display:flex}.about-chips span{background:#fff;padding:10px 14px}.profile-list{border-top:1px solid var(--line);margin:35px 0 0}.profile-list div{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;padding:17px 0;display:grid}.profile-list dt{font-weight:700}.profile-list dd{color:#839093;margin:0}.skills-section{background:var(--cream)}.skills-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.skill-card{border:1px solid var(--line);background:#fffaf0b8;border-radius:22px;min-height:270px;padding:25px;transition:all .3s;position:relative}.skill-card:hover{background:var(--paper);transform:translateY(-5px)rotate(-.5deg)}.skill-number{color:var(--orange);font-weight:900}.skill-mark{height:70px;margin:16px 0;position:relative}.skill-mark i{border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute}.skill-mark i:first-child{top:38px;left:5px}.skill-mark i:nth-child(2){top:9px;left:40px}.skill-mark i:nth-child(3){background:var(--lime);top:35px;left:77px}.skill-mark:before,.skill-mark:after{content:"";background:var(--ink);width:40px;height:2px;position:absolute;top:38px;left:18px;transform:rotate(-38deg)}.skill-mark:after{left:52px;transform:rotate(34deg)}.skill-card h3{font-size:20px}.skill-card p{color:#718185;margin:0;font-size:14px;line-height:1.8}.contact-section{color:#fff;background:var(--deep);padding:50px 0 25px}.contact-panel{min-height:530px;color:var(--deep);background:linear-gradient(135deg,#fffaf0 0%,#f5ecd7 58%,#eef0c8 100%);border:1px solid #123f4c21;border-radius:36px;grid-template-columns:1.1fr .8fr .4fr;align-items:center;gap:60px;padding:75px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00121833}.contact-panel:before{content:"";border:80px solid #e9743433;border-radius:50%;width:460px;height:460px;position:absolute;top:-190px;right:-150px}.contact-panel:after{content:"";border:48px solid #d7dc646b;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-190px;left:38%}.contact-panel h2{letter-spacing:-.055em;margin:0;font-size:clamp(50px,6vw,96px);line-height:1}.contact-panel h2 em{color:var(--orange)}.contact-details{z-index:1;flex-direction:column;gap:15px;display:flex;position:relative}.contact-details p{color:#49666d;line-height:1.9}.contact-details>a:not(.button){color:var(--deep);font-size:22px;font-weight:800}.contact-button{color:#fff;background:var(--orange);align-self:flex-start;margin-top:15px;box-shadow:0 12px 30px #e9743438}.contact-button:hover{box-shadow:0 17px 35px #e974344d}.contact-doodle{z-index:1;text-align:center;color:var(--orange);position:relative;transform:rotate(5deg)}.contact-doodle span{font-size:90px;display:block}.contact-doodle b{color:var(--deep);font-size:15px;line-height:1.6}.contact-section footer{opacity:.65;justify-content:space-between;padding-top:25px;font-size:12px;display:flex}.video-modal{z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#011217e0;place-items:center;padding:32px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.video-dialog{background:#092e39;border:1px solid #ffffff29;border-radius:24px;width:min(1280px,94vw);max-height:94vh;padding:18px;box-shadow:0 35px 100px #0000008c}.video-dialog-head{color:#fff;justify-content:space-between;align-items:center;min-height:62px;padding:0 4px 14px 12px;display:flex}.video-dialog-head small{color:var(--lime)}.video-dialog-head h3{margin:2px 0 0}.close-button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:44px;height:44px;font-size:28px}.video-dialog video{background:#000;border-radius:14px;width:100%;max-height:calc(94vh - 110px);display:block}.reveal{animation:.8s both rise}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width<=1100px){.shell{width:min(100% - 48px,1700px)}.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero-stage{min-height:570px}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.project-featured{grid-area:auto/span 2}.project-portrait{grid-area:span 2}.project-media,.project-featured .project-media{aspect-ratio:16/9;height:auto;min-height:0}.project-portrait .project-media{aspect-ratio:auto;min-height:590px}.illustration-grid{grid-template-columns:1fr 1fr}.illustration-card.is-open{grid-column:1/-1}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr 1fr}.contact-doodle{display:none}}@media (width<=720px){.shell{width:calc(100% - 28px)}.nav{height:76px}.nav-links{display:none}.nav-cta{padding:9px 12px}.hero:has(.hero-design){background:var(--deep);padding:7px 7px 18px}.hero-design{border-radius:20px}.hero-hotspot{display:none}.hero-mobile-actions{justify-content:center;gap:10px;padding:17px 14px 0;display:flex}.hero-mobile-actions .button{min-height:45px;padding:0 20px}.hero-grid{padding:55px 0 95px}.hero-stage{min-height:390px}.showreel{width:100%}.frame-note{display:none}.hero-ticker{font-size:11px}.hero-ticker span:nth-of-type(2n),.hero-ticker i:nth-of-type(2n){display:none}.section{padding:85px 0}.section-head{margin-bottom:40px;display:block}.section-head>p{margin-top:20px}.project-grid{display:block}.project-card{margin-bottom:18px}.project-featured .project-media{aspect-ratio:16/10}.illustration-grid{display:block}.illustration-card{margin-bottom:16px}.illustration-trigger{height:340px}.illustration-card.is-open .illustration-trigger{height:160px}.illustration-detail{grid-template-columns:1fr}.illustration-card.is-open .illustration-detail{max-height:900px;padding:20px}.about-grid{display:block}.about-art{min-height:370px}.about-copy{padding:40px 24px}.profile-list div{grid-template-columns:90px 1fr}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:240px}.contact-panel{min-height:auto;padding:48px 24px;display:block}.contact-details{margin-top:42px}.contact-section footer{padding-bottom:5px}.video-modal{padding:10px}.video-dialog{border-radius:16px;width:100%;padding:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-portrait .project-media img{object-fit:contain;background:#062b35}.nav{animation:.75s cubic-bezier(.2,.8,.2,1) both nav-enter}.hero-content .eyebrow{animation:.75s cubic-bezier(.2,.8,.2,1) .12s both hero-enter}.hero-content h1{animation:.9s cubic-bezier(.2,.8,.2,1) .22s both hero-enter}.hero-content>p:not(.eyebrow){animation:.85s cubic-bezier(.2,.8,.2,1) .34s both hero-enter}.hero-content .hero-actions{animation:.8s cubic-bezier(.2,.8,.2,1) .46s both hero-enter}.hero-note{animation:.85s cubic-bezier(.2,.8,.2,1) .62s both note-enter}[data-reveal]{opacity:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);transform:translateY(42px)}[data-reveal].in-view{opacity:1;transform:translateY(0)}.project-card:nth-child(2),.illustration-card:nth-child(2),.skill-card:nth-child(2){transition-delay:60ms}.project-card:nth-child(3),.illustration-card:nth-child(3),.skill-card:nth-child(3){transition-delay:.12s}.project-card:nth-child(4),.illustration-card:nth-child(4),.skill-card:nth-child(4){transition-delay:.18s}.project-card:nth-child(5),.skill-card:nth-child(5){transition-delay:.24s}.project-card:nth-child(6){transition-delay:.3s}.project-card[data-reveal].in-view:hover,.skill-card[data-reveal].in-view:hover{transform:translateY(-6px)}@keyframes nav-enter{0%{opacity:0;transform:translateY(-18px)}}@keyframes hero-enter{0%{opacity:0;transform:translateY(28px)}}@keyframes note-enter{0%{opacity:0;transform:rotate(-8deg)scale(.82)}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.dock-nav{z-index:10;color:#153d47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0ed;border:1px solid #ffffffad;border-radius:999px;align-items:center;gap:4px;padding:7px;animation:.75s cubic-bezier(.2,.8,.2,1) both nav-enter;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #041e2538,inset 0 1px #fff}.dock-nav>a{text-align:center;transform-origin:bottom;will-change:transform;border-radius:999px;min-width:68px;padding:11px 15px;font-size:14px;font-weight:600;transition:transform .18s cubic-bezier(.2,.9,.2,1),background .2s,color .2s}.dock-nav>a:hover,.dock-nav>a:focus-visible{color:#1b4d57;background:var(--lime);outline:none}.dock-nav>a.dock-contact{background:#fff;border:1px solid #123f4c1f;place-items:center;width:44px;min-width:44px;height:44px;margin-left:3px;padding:0;font-size:17px;display:grid}.hero-content{justify-content:flex-end;align-items:flex-start;padding:180px 0 12vh}.hero-content .hero-intro{color:#fff;margin-bottom:30px;font-size:21px;font-weight:700}.hero-content h1{letter-spacing:-.065em;max-width:1050px;margin-bottom:28px;font-size:clamp(64px,7.4vw,132px);line-height:.96}.hero-content h1 em{color:var(--lime)}.hero-content>p:not(.eyebrow):not(.hero-intro){max-width:720px;font-size:19px}.hero-wash{background:linear-gradient(90deg,#03222bed 0%,#032a34b8 40%,#03232b26 75%,#031f2638 100%)}.hero-note{display:none}.site-main{isolation:isolate;background:#f6efdf;position:relative;overflow:hidden}.grainient-bg{--mouse-x:50%;--mouse-y:42%;z-index:-2;pointer-events:none;contain:paint;background:linear-gradient(140deg,#f8f0de 0%,#edf0cd 36%,#f2d7bc 68%,#c5d8cd 100%);position:absolute;inset:0;overflow:hidden}.grainient-bg:before{content:"";background:radial-gradient(42rem 34rem at var(--mouse-x) var(--mouse-y),#e9743433,transparent 62%),radial-gradient(50rem 42rem at 18% 22%,#d7dc646b,transparent 68%),radial-gradient(55rem 46rem at 82% 64%,#679a8f57,transparent 68%),radial-gradient(45rem 40rem at 45% 88%,#efa06f54,transparent 70%);filter:blur(32px)saturate(.9);animation:20s ease-in-out infinite alternate grainient-drift;position:absolute;inset:-12%}.grainient-bg span{opacity:.1;mix-blend-mode:multiply;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:3.2s steps(2,end) infinite grain-shift;position:absolute;inset:0}.site-main>.section{content-visibility:auto;contain-intrinsic-size:auto 900px}.site-main>.section,.site-main>.contact-section{z-index:1;background:0 0;position:relative}.work-section,.illustration-section,.about-section,.skills-section{background:0 0}.work-section:before,.illustration-section:before,.about-section:before,.skills-section:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffaf061;position:absolute;inset:28px 0}.about-art img{object-position:center center}.project-portrait .project-media img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.52)}@keyframes grainient-drift{to{transform:translate(5%,3%)scale(1.08)rotate(2deg)}}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}@media (width<=720px){.dock-nav{gap:0;max-width:calc(100% - 20px);padding:5px;top:12px}.dock-nav>a{min-width:auto;padding:9px 10px;font-size:12px;transform:none!important}.dock-nav>a.dock-contact{width:36px;min-width:36px;height:36px}.hero-content{padding:145px 0 11vh}.hero-content .hero-intro{font-size:16px}.hero-content h1{font-size:clamp(48px,15vw,76px)}.hero-content>p:not(.eyebrow):not(.hero-intro){font-size:15px}.project-portrait .project-media img{transform:scale(1.28)}.project-portrait .project-media:hover img{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.grainient-bg:before,.grainient-bg span{animation:none}.dock-nav>a{transition:none;transform:none!important}}.dock-nav{-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:#fffaf085;border-color:#ffffff57;gap:6px;padding:8px;box-shadow:0 10px 30px #041e251f,inset 0 1px #ffffff94}.dock-nav>a{min-width:88px;padding:12px 18px}.dock-nav>a.is-active{background:#fffaf0b3;box-shadow:inset 0 0 0 1px #ffffff6b}.dock-nav>a:hover,.dock-nav>a:focus-visible{background:#d7dc64c7}.hero-content .hero-intro{letter-spacing:.08em;opacity:.86;margin-bottom:34px;font-size:24px;font-weight:500}.hero-content h1{letter-spacing:0;margin-bottom:42px;line-height:1}.hero-content h1 span,.hero-content h1 em{display:block}.hero-content h1 span{letter-spacing:.035em}.hero-content h1 em{letter-spacing:.1em;margin-top:24px;line-height:1.08}.hero-content>p:not(.eyebrow):not(.hero-intro){letter-spacing:.035em;max-width:750px;line-height:2.05}.hero-actions{margin-top:38px}.hero-actions .secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf0c2;border:1px solid #ffffff6b;border-radius:999px;min-height:58px;padding:0 32px;box-shadow:0 12px 35px #031f2624}.hero-actions .secondary span{margin-left:18px;transition:transform .25s}.hero-actions .secondary:hover{background:var(--paper);transform:translateY(-3px)scale(1.035)}.hero-actions .secondary:hover span{transform:translate(5px)}.project-card{isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#fffaf09e;border:2px solid #ffffffb8;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 12px 34px #123f4c17}.project-card:before{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:var(--glow-opacity,0);background:radial-gradient(260px 220px at var(--glow-x,50%) var(--glow-y,50%),#fff 0%,#ffffff8c 42%,transparent 100%);filter:drop-shadow(0 0 10px #ffffff61);-webkit-mask-composite:xor;padding:2px;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 22px 52px #123f4c21}.project-info{background:#fffaf0ad}.project-featured .project-info{background:linear-gradient(90deg,#fff7e9c7,#eef3c8b8)}.project-info{min-height:92px;padding:18px 20px}.project-info h3{margin:0 0 7px;font-size:20px}.project-info p{letter-spacing:.05em;font-size:12px}.project-portrait .project-media img{object-fit:cover;object-position:center;transform:scale(2.65)}.project-portrait .project-media:hover img{transform:scale(2.72)}.contact-section{background:#073745f5;padding:72px 0 25px}.contact-panel{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#fffaf0c7;border-color:#ffffff85;border-radius:40px;grid-template-columns:1.08fr .92fr;gap:56px;min-height:580px;padding:68px}.contact-panel:before,.contact-panel:after{display:none}.contact-lead,.contact-card{z-index:1;position:relative}.contact-panel h2{font-size:clamp(52px,5.4vw,88px)}.contact-lead h2{letter-spacing:-.045em;word-spacing:.02em}.contact-lead>p:not(.eyebrow){color:#5f7478;max-width:650px;margin:32px 0 0;font-size:17px;line-height:1.9}.contact-actions{gap:12px;margin-top:38px;display:flex}.contact-work{border:1px solid var(--line);background:#ffffff8c}.contact-card{background:#ffffff73;border:1px solid #123f4c1f;border-radius:30px;flex-direction:column;justify-content:center;gap:18px;min-height:390px;padding:52px;display:flex;box-shadow:inset 0 1px #ffffffbf}.contact-card>p{color:var(--orange);letter-spacing:.2em;margin:0 0 4px;font-size:12px;font-weight:800}.contact-card>a{font-size:clamp(20px,2vw,29px);font-weight:900}.contact-card>span{color:#536c72;font-size:16px}.contact-icons{gap:10px;margin-top:18px;display:flex}.contact-icons>*{border:1px solid var(--line);background:#fffaf0c2;border-radius:15px;place-items:center;min-width:52px;height:48px;padding:0 14px;font-size:12px;font-weight:700;display:grid}.contact-card small{color:#8a999b;margin-top:18px}@media (width<=1100px){.contact-panel{grid-template-columns:1fr}.contact-card{min-height:300px}}@media (width<=720px){.dock-nav>a{min-width:auto}.hero-content h1 em{letter-spacing:.06em;margin-top:14px}.hero-content .hero-intro{font-size:19px}.hero-content h1{margin-bottom:30px}.project-portrait .project-media img{transform:scale(2.25)}.project-portrait .project-media:hover img{transform:scale(2.3)}.contact-panel{padding:38px 22px}.contact-actions{flex-direction:column;align-items:stretch}.contact-card{min-height:auto;margin-top:40px;padding:30px 22px}}.skill-icon{width:96px;height:72px;color:var(--ink);margin:15px 0 17px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.skill-icon svg{width:100%;height:100%;display:block;overflow:visible}.skill-icon .accent-fill{fill:var(--lime);stroke:var(--ink)}.skill-icon .accent-stroke{stroke:var(--orange)}.skill-card:hover .skill-icon{transform:translateY(-3px)rotate(-2deg)scale(1.06)}.illustration-section{padding:96px 0 104px}.illustration-feature{background:#fffaf0c2;border:1px solid #123f4c1f;border-radius:30px;grid-template-columns:.78fr 1.22fr;align-items:stretch;min-height:390px;margin-bottom:48px;display:grid;overflow:hidden;box-shadow:0 22px 60px #3f341e17}.illustration-feature-copy{flex-direction:column;justify-content:center;padding:52px 8%;display:flex}.illustration-feature-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(36px,3.5vw,58px);line-height:1.13}.illustration-feature-copy>p:not(.eyebrow){color:#65797d;max-width:490px;margin:24px 0 28px;line-height:1.85}.illustration-feature-copy>span{color:var(--deep);background:#d7dc64a6;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:11px;font-weight:700}.illustration-feature>img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:390px}.illustration-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding:8px 8px 22px}.illustration-card{transform-origin:bottom;border:7px solid #ffffffd6;border-radius:22px;box-shadow:0 13px 32px #2b332a1c}.illustration-card:first-child{transform:rotate(-2.4deg)translateY(5px)}.illustration-card:nth-child(2){transform:rotate(1.8deg)translateY(-4px)}.illustration-card:nth-child(3){transform:rotate(-1deg)translateY(6px)}.illustration-card:nth-child(4){transform:rotate(2.2deg)translateY(-5px)}.illustration-card:nth-child(5){transform:rotate(-1.7deg)translateY(4px)}.illustration-card[data-reveal].in-view:hover{z-index:3;transform:translateY(-9px)rotate(0)scale(1.035);box-shadow:0 22px 45px #2b332a2b}.illustration-trigger{height:240px}.illustration-overlay{background:linear-gradient(#0000 46%,#031e25ad)}.illustration-index{display:none}.expand-icon{width:34px;height:34px;font-size:20px;top:12px;right:12px}.illustration-title{bottom:14px;left:15px;right:15px}.illustration-title b{margin-bottom:3px;font-size:15px}.illustration-title small{font-size:10px}.illustration-card.is-open{border-width:7px;transform:none}.illustration-card.is-open .illustration-trigger{height:170px}.illustration-card.is-open .illustration-detail{max-height:620px;padding:22px}.illustration-detail{grid-template-columns:.45fr 1.55fr;gap:25px}.illustration-detail p{font-size:15px;line-height:1.85}.illustration-detail img{max-height:520px}.illustration-modal{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02181edb;place-items:center;padding:30px;animation:.22s fade-in;display:grid;position:fixed;inset:0}.illustration-dialog{background:var(--paper);border:1px solid #ffffff61;border-radius:26px;grid-template-rows:minmax(0,1fr) auto;width:min(1500px,94vw);max-height:94vh;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000007a}.illustration-dialog>img{object-fit:contain;background:#122f37;width:100%;height:100%;max-height:calc(94vh - 115px);display:block}.illustration-dialog>div{padding:18px 24px 20px}.illustration-dialog h3{margin:0 0 5px;font-size:20px}.illustration-dialog p{color:#6a7d81;margin:0;font-size:13px;line-height:1.7}.illustration-dialog .close-button{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#073745c7;position:absolute;top:14px;right:14px}@media (width<=1100px){.illustration-feature{grid-template-columns:.9fr 1.1fr;min-height:330px}.illustration-feature>img{min-height:330px}.illustration-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.illustration-section{padding:72px 0 80px}.illustration-feature{min-height:0;display:block}.illustration-feature-copy{padding:34px 24px}.illustration-feature>img{aspect-ratio:16/10;min-height:0}.illustration-grid{scroll-snap-type:x mandatory;gap:12px;margin-right:-14px;padding:8px 14px 24px 5px;display:flex;overflow-x:auto}.illustration-card{scroll-snap-align:center;flex:0 0 78vw;margin:0}.illustration-card.is-open{flex-basis:calc(100vw - 42px)}.illustration-trigger{height:225px}.illustration-detail{grid-template-columns:1fr}.illustration-modal{padding:10px}.illustration-dialog{border-radius:18px;width:100%}.illustration-dialog>img{max-height:72vh}}.play-icon{padding-left:0;font-size:0}.play-icon i{border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:19px solid var(--deep);filter:drop-shadow(0 1px #ffffff4d);width:0;height:0;margin-left:6px;display:block}.project-media .play-icon{width:72px;height:72px}.project-media .play-icon i{border-top-width:12px;border-bottom-width:12px;border-left-width:20px}.hero-poster:not(.video-ready){animation:9s ease-in-out infinite alternate hero-poster-drift;transform:scale(1.035)}.hero-poster.video-ready{opacity:0;transition:opacity .7s}@keyframes hero-poster-drift{0%{transform:scale(1.035)translate(-.7%)}to{transform:scale(1.09)translate(.8%,-.6%)}}@media (prefers-reduced-motion:reduce){.hero-poster:not(.video-ready){animation:none}}