@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#ededed;--ink:#191919;--muted:#666;--line:#cdcdcd;--orange:#ec512b;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:white}h1,h2,h3,p{margin:0}button{border:0}sup{font-size:.65em;margin-left:4px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip:focus{top:12px}.scroll-progress{position:fixed;top:0;left:0;z-index:60;height:3px;background:var(--orange);width:0}.header{height:98px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #19191920}.wordmark{font-weight:700;font-size:34px;letter-spacing:-3px;display:flex;align-items:center}.mark{color:var(--orange);margin:0 2px}.wordmark-caption{font-size:10px;letter-spacing:1px;line-height:1.3;margin-left:16px}.header nav{display:flex;gap:44px;align-items:center;font-size:14px;font-weight:500}.header nav a{position:relative}.header nav a:after,.text-link:after{content:'';position:absolute;height:1px;background:currentColor;left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.nav-contact{display:flex;gap:14px;align-items:center}.nav-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.motion-button{display:flex;gap:8px;align-items:center;background:transparent;font-size:12px;border:1px solid #bbb;border-radius:30px;padding:10px 13px}.motion-icon{font-size:14px}.hero{min-height:850px;height:max(850px,100svh);max-height:1100px;position:relative;padding:143px 4.6% 35px;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:98px 4.6% 0;z-index:-1;background:linear-gradient(90deg,transparent calc(25% - 1px),#19191908 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#19191908 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#19191908 75%,transparent calc(75% + 1px));border-left:1px solid #19191908;border-right:1px solid #19191908}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.7px;line-height:1.5}.hero-top{display:flex;justify-content:space-between}.hero-title{position:relative;z-index:2;margin-top:65px;pointer-events:none;width:76%}h1{font-family:var(--display);font-size:clamp(96px,12.8vw,218px);font-weight:700;line-height:.84;letter-spacing:-.025em}h1 span{color:var(--orange)}.hero-art{position:absolute;right:5%;top:27%;width:40%;height:53%;perspective:1200px;z-index:1;--mx:0;--my:0}.floating-art{position:absolute;filter:drop-shadow(8px 35px 25px(#0003));will-change:transform}.floating-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 30px 25px #0003)}.art-front{height:83%;width:52%;right:3%;top:6%;transform:translate(calc(var(--mx)*16px),calc(var(--my)*12px)) rotate(14deg);animation:float-front 7s ease-in-out infinite}.art-back{height:71%;width:46%;right:36%;top:-6%;transform:rotate(-16deg);animation:float-back 8s ease-in-out infinite}.orbit{width:110%;aspect-ratio:1;border:1px solid #aaa7;border-radius:50%;position:absolute;left:-5%;top:-19%;transform:rotateX(62deg) rotateZ(-28deg)}.orbit-two{width:94%;left:4%;transform:rotateX(53deg) rotateZ(36deg);border-color:#aaa4}.orbit-label{position:absolute;bottom:0;right:11%;font-size:10px;letter-spacing:3px;transform:rotate(-12deg);color:#666}.art-coordinate{position:absolute;right:0;top:-8%;font-size:10px;letter-spacing:1.4px;color:#777}.hero-bottom{position:absolute;left:4.6%;right:4.6%;bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-intro p{font-size:17px;line-height:1.65;margin-bottom:25px}.pill{border-radius:50px;padding:17px 24px;display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:600;transition:background .25s,transform .3s var(--ease);min-height:54px}.pill:hover{transform:translateY(-3px)}.primary,.dark{background:var(--ink);color:white}.primary:hover,.dark:hover{background:#373737}.button-symbol{font-size:23px;line-height:.6;font-weight:400}.hero-meta{display:flex;align-items:center;gap:16px;margin-right:4%;padding-bottom:10px}.hero-meta strong{font-family:var(--display);font-size:66px;font-weight:600;line-height:1}.hero-meta span{font-size:12px;line-height:1.6;color:var(--muted)}.scroll-cue{font-size:10px;letter-spacing:1.4px;display:flex;align-items:center;gap:18px;padding-bottom:10px}.scroll-line{height:42px;width:1px;background:#999;position:relative}.scroll-line:after{content:'';height:12px;width:3px;position:absolute;top:0;left:-1px;background:var(--orange);animation:scroll 2s infinite}.discipline-strip{border-block:1px solid var(--line);padding:21px 0;overflow:hidden;background:#e5e5e5}.strip-track{display:flex;align-items:center;gap:48px;width:max-content;animation:marquee 40s linear infinite;white-space:nowrap;font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:1px}.strip-track i{font-style:normal;color:var(--orange);font-size:26px}.section-pad{padding:115px 6.2%}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:52px}.section-heading h2{font-size:clamp(30px,3.1vw,54px);font-weight:500;line-height:1.13;letter-spacing:-1.8px;margin-top:21px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}.project+.project{margin-top:90px}.project-visual{display:block;width:100%;height:610px;position:relative;overflow:hidden;text-align:left;border-radius:6px;background:#171e1b;color:white;perspective:1500px;isolation:isolate}.hunter-visual{background:radial-gradient(ellipse at 50% 85%,#6c685233,transparent 65%),#1e2521}.hunter-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;z-index:-1}.visual-kicker,.visual-category{position:absolute;top:31px;font-size:11px;font-weight:500;letter-spacing:1.8px}.visual-kicker{left:33px}.visual-category{right:33px;color:#bbbbb4}.screen-frame{position:absolute;left:10%;top:21%;width:80%;border:7px solid #111714;border-radius:12px;box-shadow:0 40px 70px #0008,0 0 0 1px #ffffff30;transform:rotateX(5deg) rotateY(-5deg) rotateZ(-3deg);transition:transform .65s var(--ease)}.screen-frame img{width:100%;border-radius:5px}.project-visual:hover .screen-frame{transform:rotateX(0) rotateY(0) rotateZ(0) scale(1.035)}.project-open{display:flex;gap:25px;align-items:center;position:absolute;right:32px;bottom:30px;background:#f0f0eb;color:var(--ink);padding:14px 20px;border-radius:30px;font-size:13px;font-weight:500;transition:background .3s}.project-open span{font-size:20px}.project-visual:hover .project-open{background:var(--orange);color:white}.visual-footnote{position:absolute;left:33px;bottom:44px;color:#bcbfb9;font-size:10px;letter-spacing:1.6px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.project-caption>div:first-child{display:flex;align-items:center;gap:22px}.project-number{color:var(--muted);font-size:12px}.project-caption h3{font-size:24px;font-weight:500;letter-spacing:-.7px}.tags{display:flex;gap:8px}.tags span{border:1px solid #c3c3c3;border-radius:30px;padding:7px 12px;font-size:11px;white-space:nowrap}.cards-visual{background:radial-gradient(ellipse at 50% 90%,#4b546e,transparent 80%),#272e40}.card-collection{position:absolute;inset:16% 7% 13%;transition:transform .65s var(--ease)}.card-collection img{position:absolute;object-fit:contain;filter:drop-shadow(10px 24px 18px #0007);transition:transform .7s var(--ease)}.collection-labour{width:27%;height:93%;left:5%;top:0;transform:rotate(-12deg)}.collection-resource{width:54%;height:74%;left:24%;top:22%;transform:rotate(2deg);z-index:2}.collection-augmentor{width:27%;height:92%;right:1%;top:0;transform:rotate(13deg)}.cards-visual:hover .collection-labour{transform:translate(-8px,-12px) rotate(-15deg)}.cards-visual:hover .collection-augmentor{transform:translate(8px,-12px) rotate(17deg)}.cards-visual:hover .collection-resource{transform:translateY(6px) rotate(0) scale(1.04)}.about{background:#dededc;padding-top:85px}.about-top{display:flex;justify-content:space-between;padding-bottom:45px;border-bottom:1px solid #bfbfbc}.small-index{font-size:11px;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:65px}.about-heading h2{font-size:clamp(44px,5.3vw,83px);font-weight:500;line-height:1.08;letter-spacing:-3px}.about-heading em{font-weight:500;color:var(--orange);font-family:Georgia,serif}.about-stamp{margin-top:55px;font-weight:700;font-size:15px;letter-spacing:1px}.about-stamp span{display:block;font-size:10px;color:var(--muted);margin-top:8px;font-weight:500}.about-copy p{font-size:16px;line-height:1.8;color:#585858;margin-bottom:20px}.about-copy .large-copy{font-size:23px;line-height:1.5;color:var(--ink);margin-bottom:25px;letter-spacing:-.5px}.outline{border:1px solid #999;margin-top:14px}.outline:hover{background:#d0d0ce}.file-tag{font-size:10px;border-left:1px solid #aaa;padding-left:17px}.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:90px;border-top:1px solid #bfbfbc;padding-top:30px}.expertise>div>span{font-size:12px;color:var(--orange)}.expertise h3{font-weight:500;font-size:22px;margin:20px 0 12px;letter-spacing:-.6px}.expertise p{font-size:14px;color:#626262;line-height:1.7;max-width:290px}.experience{background:#ededed}.career-list{border-top:1px solid #bfbfbf}.career-row{border-bottom:1px solid #bfbfbf}.career-row summary{list-style:none;display:grid;grid-template-columns:24% 1fr 40px;align-items:center;padding:30px 0;cursor:pointer}.career-row summary::-webkit-details-marker{display:none}.career-date{font-size:12px;letter-spacing:.6px;color:var(--muted)}.career-row h3{font-size:25px;font-weight:500;letter-spacing:-.7px}.career-row summary div>span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.expand{font-size:26px;font-weight:400;transition:transform .3s}.career-row[open] .expand{transform:rotate(45deg)}.career-row[open] h3{color:var(--orange)}.career-description{margin:0 10% 30px 24%;font-size:16px;color:#666;line-height:1.8;max-width:670px}.toolbox{display:flex;align-items:center;gap:50px;margin-top:55px;line-height:1.8}.toolbox p{font-size:14px;color:#666}.toolbox b{color:var(--orange);margin:0 12px}.contact{background:var(--orange);padding-top:50px;padding-bottom:25px;overflow:hidden}.contact-top{display:flex;justify-content:space-between}.contact h2{font-family:var(--display);font-size:clamp(100px,18vw,300px);font-weight:700;letter-spacing:-.025em;line-height:.83;margin:75px 0 50px;position:relative}.contact h2>span:first-child{color:#f6e6df}.contact-asterisk{position:absolute;right:5%;top:5%;font-size:clamp(100px,19vw,290px);font-family:Arial,sans-serif;font-weight:400;animation:asterisk 30s linear infinite}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:16px;line-height:1.8}.contact-actions{display:flex;gap:30px;align-items:center}.text-link{font-size:14px;position:relative}.contact footer{display:flex;justify-content:space-between;gap:20px;margin-top:95px;padding-top:25px;border-top:1px solid #19191940;font-size:10px;font-weight:500;letter-spacing:1px}.reveal{opacity:1;transform:none}body.animate .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}body.animate .reveal.in-view{opacity:1;transform:none}
dialog{border:0;background:#ededed;color:var(--ink);width:min(1200px,94vw);max-width:none;max-height:94svh;padding:0;border-radius:8px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#0d1416c9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 4%;border-bottom:1px solid #ccc;position:sticky;top:0;z-index:5;background:#edededf7;backdrop-filter:blur(10px)}.close-dialog{background:var(--ink);color:white;border-radius:30px;padding:10px 15px;font-size:13px;display:flex;align-items:center;gap:18px}.close-dialog span{font-size:22px;line-height:1}.dialog-content{padding:50px 6%}.dialog-content>h2{font-size:clamp(38px,6vw,76px);letter-spacing:-2.5px;line-height:1.04;font-weight:500;margin:18px 0 22px}.dialog-intro{font-size:18px;line-height:1.7;max-width:760px;color:#666}.dialog-visual{margin:40px 0;background:#171e1b;border-radius:4px;overflow:hidden}.dialog-visual img{width:100%}.dialog-visual.card-overview{display:flex;justify-content:center;gap:25px;padding:35px;background:#272e40;height:400px}.dialog-visual.card-overview img{width:38%;height:100%;object-fit:contain}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.case-grid h3{font-size:14px;font-weight:600;margin-bottom:14px}.case-grid p{font-size:15px;color:#666;line-height:1.8}.case-grid .case-index{display:block;font-size:11px;color:var(--orange);margin-bottom:14px}.tab-list{display:flex;border-bottom:1px solid #bbb;gap:20px}.tab-list button{background:transparent;padding:16px 8px;border-bottom:3px solid transparent;font-size:14px}.tab-list [aria-selected=true]{border-color:var(--orange);color:var(--orange)}#cardPanel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:35px;background:#dddeda;margin-top:20px}#cardPreview{height:390px;width:100%;object-fit:contain;filter:drop-shadow(0 16px 15px #0002)}#cardPanel h3{font-size:32px;font-weight:500;margin-bottom:20px}#cardPanel p{line-height:1.8;color:#555;font-size:16px;margin-bottom:25px}.case-end{margin-top:55px;border-top:1px solid #ccc;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.case-end p{font-size:20px;letter-spacing:-.5px}
@keyframes float-front{0%,100%{transform:translate(calc(var(--mx)*16px),calc(var(--my)*12px)) rotate(14deg)}50%{transform:translate(calc(var(--mx)*16px),calc(var(--my)*12px - 16px)) rotate(11deg)}}@keyframes float-back{0%,100%{transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px)) rotate(-16deg)}50%{transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px + 18px)) rotate(-11deg)}}@keyframes marquee{to{transform:translateX(-35%)}}@keyframes scroll{to{transform:translateY(28px);opacity:0}}@keyframes asterisk{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-art{right:7%;width:37%}.project-visual{height:700px}}
@media(max-width:1050px){.hero{min-height:820px}.hero-art{top:35%;width:45%;height:42%;right:3%}.hero-title{margin-top:80px;width:100%}h1{font-size:14vw}.hero-bottom{bottom:40px}.hero-meta{margin:0}.scroll-cue{display:none}.project-visual{height:500px}.screen-frame{top:24%}.section-pad{padding:80px 5%}.about-grid{gap:7%}.about-heading h2{font-size:56px}.contact h2{margin:75px 0 45px}.contact-asterisk{right:0}.contact-actions{gap:20px}.contact-bottom p{max-width:320px}.section-heading>p{max-width:230px}.toolbox{gap:25px}.tags{gap:4px}.tags span{padding:7px 9px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:80px;padding:0 5%}.wordmark{font-size:27px}.wordmark-caption{font-size:8px;margin-left:11px}.header nav{gap:21px;font-size:13px}.header nav sup,.nav-dot,.motion-label{display:none}.motion-button{padding:9px 11px;margin-left:5px}.hero{height:auto;min-height:925px;max-height:none;padding:112px 5% 28px}.hero-grid{inset:80px 5% 0}.hero-coordinates{display:none}.hero-top .eyebrow{font-size:10px;letter-spacing:1.3px}.hero-title{margin-top:47px}h1{font-size:19vw;line-height:.88}.hero-art{top:320px;right:12%;width:71%;height:340px}.art-front{height:91%;width:54%;right:0}.art-back{height:79%;width:49%;right:39%;top:4%}.art-coordinate{top:-20px;font-size:9px}.orbit{top:1%}.orbit-label{bottom:-4px;font-size:8px}.hero-bottom{bottom:30px;left:5%;right:5%;gap:12px;align-items:flex-end}.hero-intro p{font-size:14px;line-height:1.75;margin-bottom:20px;max-width:250px}.desktop-break{display:none}.hero-meta{display:block;padding-bottom:5px;max-width:80px}.hero-meta strong{font-size:45px}.hero-meta span{display:block;font-size:10px;margin-top:8px}.pill{padding:15px 20px;min-height:50px;font-size:13px;gap:23px}.discipline-strip{padding:17px 0}.strip-track{font-size:20px;gap:30px}.section-pad{padding:65px 5%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:32px;letter-spacing:-1.2px;margin-top:17px}.section-heading>p{margin-top:22px;max-width:none;font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.3px}.project-visual{height:350px}.visual-kicker{left:17px;top:21px;font-size:9px;letter-spacing:1px}.visual-category{right:17px;top:21px;font-size:8px;letter-spacing:1px}.screen-frame{left:5%;top:27%;width:90%;border-width:4px;border-radius:7px}.project-open{right:17px;bottom:18px;padding:10px 14px;font-size:11px;gap:15px}.visual-footnote{left:17px;bottom:33px;font-size:7px;letter-spacing:.6px;max-width:155px;line-height:1.6}.project-caption{display:block;padding:19px 0}.project-caption h3{font-size:20px}.project-caption>div:first-child{gap:12px}.tags{margin:15px 0 0 26px;gap:6px}.tags span{font-size:10px}.project+.project{margin-top:45px}.card-collection{inset:22% 1% 21%}.collection-resource{height:90%;top:14%}.about{padding-top:40px}.about-top{padding-bottom:25px}.small-index{display:none}.about-grid{grid-template-columns:1fr;gap:38px;padding-top:35px}.about-heading h2{font-size:54px;letter-spacing:-2.5px}.about-heading h2 br:nth-child(2){display:none}.about-stamp{display:none}.about-copy .large-copy{font-size:21px}.about-copy p{font-size:15px}.expertise{grid-template-columns:1fr;gap:25px;margin-top:40px}.expertise>div{display:grid;grid-template-columns:35px 1fr;gap:0 8px}.expertise>div>span{grid-row:span 2;padding-top:6px}.expertise h3{margin:0 0 10px;font-size:20px}.expertise p{grid-column:2;max-width:none}.career-row summary{grid-template-columns:1fr 30px;padding:23px 0;gap:10px}.career-date{grid-column:1;font-size:10px}.career-row summary>div{grid-column:1}.career-row .expand{grid-column:2;grid-row:1/3}.career-row h3{font-size:22px}.career-description{margin:0 30px 24px 0;font-size:14px}.toolbox{display:block;margin-top:35px}.toolbox p{margin-top:15px;line-height:2.3}.toolbox b{margin:0 7px}.contact{padding-top:30px;padding-bottom:25px}.contact-top>.eyebrow:last-child{display:none}.contact h2{font-size:23vw;margin-top:55px;line-height:.87;letter-spacing:-1px}.contact-asterisk{font-size:15vw;top:52%;right:0}.contact-bottom{display:block}.contact-bottom p{font-size:14px;max-width:none}.contact-actions{margin-top:25px;gap:23px}.contact footer{margin-top:50px;font-size:8px;letter-spacing:.5px;flex-wrap:wrap;gap:18px}.contact footer>span:nth-child(2){display:none}.contact footer>a{margin-left:auto}dialog{width:96vw;max-height:96svh;border-radius:5px}.dialog-content{padding:30px 6%}.dialog-content>h2{font-size:40px;letter-spacing:-1.7px}.dialog-intro{font-size:16px}.dialog-visual{margin:27px 0}.dialog-visual.card-overview{height:260px;padding:20px;gap:15px}.case-grid{grid-template-columns:1fr;gap:25px;margin:30px 0}.case-grid h3{margin-bottom:8px}.case-grid .case-index{margin-bottom:8px}.case-grid p{font-size:14px}.tab-list{gap:8px;justify-content:space-between}.tab-list button{font-size:13px}#cardPanel{grid-template-columns:1fr;gap:28px;padding:22px}#cardPreview{height:300px}#cardPanel h3{font-size:25px;margin-bottom:12px}#cardPanel p{font-size:14px}.case-end{display:block;margin-top:35px}.case-end p{font-size:18px;margin-bottom:20px}}
@media(max-width:370px){.header nav{gap:12px}.hero{min-height:890px}.hero-art{top:290px;height:310px}.hero-intro p{max-width:210px}.hero-title{margin-top:42px}.project-visual{height:315px}.visual-category{display:none}.contact-actions{flex-wrap:wrap}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.motion-paused .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal,body.animate .reveal{opacity:1;transform:none}}
.pikamoon-visual{background:radial-gradient(ellipse at 70% 90%,#6877bd55,transparent 70%),#24283e}.pikamoon-visual .screen-frame{top:17%;width:72%;left:14%}@media(max-width:700px){.pikamoon-visual .screen-frame{top:25%;width:90%;left:5%}}
/* Selected work: a compact gallery that grows with the portfolio. */
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px;align-items:start}.work-tile{min-width:0}.work-link{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;border-radius:7px;cursor:pointer}.work-cover{display:block;width:100%;aspect-ratio:16/9;position:relative;border-radius:6px;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),box-shadow .4s var(--ease);background:#1b2436}.work-cover>img{display:block;width:100%;height:100%;object-fit:contain}.cover-hunter{background:#121815}.cover-cards{background:radial-gradient(ellipse at 50% 100%,#576580,transparent 85%),#272e40}.work-info{display:block;padding-top:21px}.work-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.1px;color:#6a6a6a;line-height:1.5;margin-bottom:11px}.work-featured{color:#b1371b}.work-title{display:block;font-size:clamp(22px,2.1vw,32px);font-weight:500;letter-spacing:-.85px;line-height:1.2}.work-description{display:block;margin-top:12px;color:#626262;font-size:14px;line-height:1.7;max-width:470px}.work-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:23px;padding:0 0 19px;border-bottom:1px solid #c6c6c6}.work-disciplines{font-size:12px;color:#606060;line-height:1.6}.work-action{display:inline-flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap}.work-action>span{width:29px;height:29px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:400;transition:background .3s,color .3s,border-color .3s}.work-link:hover .work-cover,.work-link:focus-visible .work-cover{transform:translateY(-5px);box-shadow:0 15px 28px #11111116}.work-link:hover .work-action>span,.work-link:focus-visible .work-action>span{background:var(--orange);color:#fff;border-color:var(--orange)}.mini-card-set{position:absolute;inset:8% 5%;display:block}.mini-card-set img{position:absolute;object-fit:contain;filter:drop-shadow(4px 10px 9px #0006);transition:transform .4s var(--ease)}.mini-labour{width:30%;height:92%;left:4%;top:0;transform:rotate(-10deg)}.mini-resource{width:52%;height:73%;left:24%;top:24%;z-index:2;transform:rotate(2deg)}.mini-augmentor{width:30%;height:92%;right:0;top:0;transform:rotate(12deg)}.work-link:hover .mini-labour{transform:rotate(-13deg) translateY(-3px)}.work-link:hover .mini-augmentor{transform:rotate(15deg) translateY(-3px)}
@media(min-width:1500px){.work-grid{gap:55px 40px}}
@media(max-width:900px){.work-grid{gap:36px 22px}.work-meta{font-size:9px;letter-spacing:.6px}.work-footer{align-items:flex-start}.work-disciplines{max-width:180px}.work-featured{display:none}}
@media(max-width:700px){.work-grid{grid-template-columns:minmax(0,1fr);gap:34px}.work-info{padding-top:18px}.work-title{font-size:25px}.work-description{font-size:14px;margin-top:10px}.work-meta{font-size:10px}.work-featured{display:inline}.work-footer{margin-top:18px;align-items:center}.work-disciplines{max-width:none;font-size:11px}.work-cover{border-radius:4px}.work .section-heading{margin-bottom:30px}}

.work-cover.cover-bolt{background:#ed9871}.work-cover.cover-bolt>img{width:100%;height:100%;object-fit:contain}

/* Cinematic cover motion, with stable text and uncropped artwork. */
.work-tile{perspective:1100px}.work-cover{transform-origin:center;backface-visibility:hidden;transition:box-shadow .6s var(--ease)}
.work-cover>img{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(.97)}
.work-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff22,transparent 48%,#00000012);opacity:0;transition:opacity .6s}
.work-link:hover .work-cover,.work-link:focus-visible .work-cover,.work-cover{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.card-active .work-cover{box-shadow:0 24px 44px -18px #0006}.card-active .work-cover:after{opacity:1}.card-active .work-cover>img{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1)}
.work-info{transition:transform .6s var(--ease)}.work-link:hover .work-info{transform:translateY(3px)}
body.animate .work-tile.reveal{transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
body.animate .work-tile.reveal:not(.in-view){opacity:0;transform:translateY(65px) rotateX(7deg) scale(.97)}
.work-link:focus-visible .work-cover{box-shadow:0 16px 32px #0002}
@media(hover:none),(pointer:coarse){.work-cover>img{transform:none}.work-link:hover .work-info{transform:none}}
body.motion-paused .work-cover,body.motion-paused .work-cover>img,body.motion-paused .work-info{transform:none!important}
@media(prefers-reduced-motion:reduce){.work-cover,.work-cover>img,.work-info{transform:none!important}}
/* Fluid project surfaces. Pointer positions are eased once in JavaScript. */
.work-link{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:transform .65s cubic-bezier(.16,1,.3,1),background .55s,border-radius .7s,box-shadow .6s;transform-origin:center}
.work-info{padding:22px 12px 0}.work-cover{border-radius:8px;transition:box-shadow .6s,border-radius .65s cubic-bezier(.16,1,.3,1)}
.work-cover>img{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1);transition:transform .65s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){
 .card-active{position:relative;z-index:2}
 .card-active .work-link{transform:translateY(-10px) rotate(.6deg) scale(1.015);background:#fff;border-radius:28px 12px 28px 12px;box-shadow:0 24px 55px -22px #0005}
 .card-active .work-cover{border-radius:var(--corner-tl,12px) var(--corner-tr,24px) var(--corner-br,12px) var(--corner-bl,24px);box-shadow:0 12px 25px -16px #0006}
 .card-active .work-cover>img{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.075) rotate(.4deg)}
 html[data-theme=dark] .card-active .work-link{background:#e8e8e8;color:#18191d;box-shadow:0 24px 60px -20px #ffffff35}
 html[data-theme=dark] .card-active .work-link .work-description,html[data-theme=dark] .card-active .work-link .work-disciplines,html[data-theme=dark] .card-active .work-link .work-meta{color:#50505a}
 html[data-theme=dark] .card-active .work-footer{border-color:#b9bbc2}
}
.work-link:focus-visible{outline-offset:8px;border-radius:24px;box-shadow:0 15px 35px #0002}


body.motion-paused .work-link{transform:none!important;border-radius:12px!important}body.motion-paused .work-cover{border-radius:8px!important}
@media(prefers-reduced-motion:reduce){.work-link{transform:none!important;border-radius:12px!important}.work-cover{border-radius:8px!important}}
@media(hover:none),(pointer:coarse){.work-cover>img{transform:none!important}}
@media(hover:hover) and (pointer:fine){html.glow-cursor,html.glow-cursor body,html.glow-cursor a,html.glow-cursor button,html.glow-cursor summary,html.glow-cursor [role=tab],html.glow-cursor .screen-zoom{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ffe9f5%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ff9bda%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b18cff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M5%205L33%2017L21%2021L17%2033Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%2370476c%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 5 5,auto}}

.pointer-effects{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none!important;z-index:2147483646}
@media(prefers-reduced-motion:reduce){.pointer-effects{display:none}}