:root{--bg:#0b0c0d;--panel:#111315;--line:rgba(220,210,190,.22);--text:#e8e4dc;--muted:#a9a6a0;--gold:#c6a16b;--red:#6f1f1f;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:#070808;color:var(--text);font-family:var(--sans);font-size:12px;font-weight:300;letter-spacing:.02em}button,a{font:inherit;color:inherit;background:none;border:0;text-decoration:none;cursor:pointer}.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(95,55,34,.1),transparent 30%),var(--bg)}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 4.2vw;mix-blend-mode:screen}.brand{font-family:var(--serif);font-size:16px;letter-spacing:.13em}.main-nav{display:flex;gap:32px}.main-nav button,.menu-toggle{font-size:9px;letter-spacing:.13em;color:#d6d2cb;padding:8px 0;position:relative}.main-nav button.active:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:1px;left:0;right:0}.menu-toggle{display:none}.page{min-height:100vh;padding:120px 4.2vw 54px;display:none;position:relative}.page.active{display:block}.image-surface{background-image:linear-gradient(125deg,rgba(7,8,9,.1),rgba(7,8,9,.42)),url('assets/roman-hero-placeholder.png');background-size:cover;background-position:center}.page-home{height:100vh;min-height:680px;padding:0 4.2vw;display:none}.page-home.active{display:block}.hero-image{position:absolute;inset:0 0 0 30%;background-position:66% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0d 0%,rgba(11,12,13,.92) 15%,rgba(11,12,13,.08) 62%,rgba(11,12,13,.25)),linear-gradient(0deg,rgba(7,8,9,.5),transparent 33%)}.hero-copy{position:absolute;z-index:1;left:7.2vw;top:34%;max-width:360px}.eyebrow{font-size:9px;letter-spacing:.19em;color:#bab5ac;margin:0 0 18px}.hero-copy .eyebrow{font-size:11px;color:var(--text)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:.02em;margin:0}h1{font-size:clamp(56px,7.4vw,116px);line-height:.78;text-transform:uppercase}h1 em,h2 em{font-style:normal;color:#a5a29b}.hero-intro{color:#c4c0b8;line-height:1.65;margin-top:40px}.hero-footer{position:absolute;z-index:1;bottom:58px;left:7.2vw;right:5vw;display:flex;justify-content:space-between;align-items:end}.rule{display:block;width:26px;height:1px;background:var(--gold);margin-bottom:12px}.hero-footer p{line-height:1.4;letter-spacing:.09em;margin:0;color:#bbb5ac}.hero-project{text-align:right;display:grid;gap:4px}.hero-project strong{font-family:var(--serif);font-size:18px;font-weight:400}.hero-project span,.hero-project small{font-size:9px;color:var(--muted)}.hero-project small{margin-top:12px;color:var(--text)}.scroll-cue{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.17em;color:#bbb5ac}.scroll-cue span{display:block;text-align:center;font-size:15px;margin-top:8px;color:var(--gold)}.page-heading,.detail-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.page-heading h2,.detail-heading h2{font-size:66px;line-height:.72;text-transform:uppercase}.heading-note{font-size:9px;text-align:right;line-height:1.55;color:var(--muted);margin:0 0 2px}.filters{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:14px}.filter{font-size:9px;letter-spacing:.08em;color:#aaa69e;padding:0;position:relative}.filter.active{color:var(--text)}.filter.active:after{content:'';position:absolute;height:1px;background:var(--gold);left:0;right:0;bottom:-18px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-card{height:min(29vw,300px);position:relative;overflow:hidden;border:1px solid var(--line);padding:0;text-align:left}.card-image{position:absolute;inset:0;transition:transform .7s ease,filter .4s ease}.project-card:hover .card-image{transform:scale(1.05);filter:brightness(1.13)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,6,.85),transparent 48%)}.card-copy{position:absolute;left:18px;bottom:16px;display:grid;gap:3px;text-align:left}.card-copy strong{font-family:var(--serif);font-size:17px;font-weight:400}.card-copy small{font-size:9px;color:#aaa69f}.crop-portrait{background-position:66% 38%}.crop-athena{background-position:72% 30%;filter:grayscale(.24) sepia(.12)}.crop-beast{background-position:52% 52%;filter:contrast(1.15) saturate(.75)}.crop-wolcen{background-position:80% 48%;filter:grayscale(.38)}.crop-explorer{background-position:38% 45%;filter:grayscale(.58) contrast(1.15)}.crop-hard{background-position:48% 75%;filter:grayscale(.7) sepia(.2) contrast(1.2)}.detail-heading h2{font-size:50px}.back-link{font-size:9px;letter-spacing:.12em;color:#c0bbb1;padding-bottom:6px}.project-hero{height:min(43vw,520px);position:relative;border:1px solid var(--line)}.project-hero span{position:absolute;right:18px;bottom:18px;font-size:9px;letter-spacing:.14em}.crop-detail{background-position:68% 37%;}.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:22px 1px 38px;border-bottom:1px solid var(--line);line-height:1.7;color:#c0bcb4}.project-summary p{max-width:480px;margin:0}.project-summary dl{margin:0;display:grid;gap:13px}.project-summary dl div{display:grid;gap:3px}.project-summary dt{font-size:9px;color:var(--gold);letter-spacing:.13em}.project-summary dd{margin:0;font-size:10px;color:#c2beb6}.detail-gallery{padding-top:25px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-grid>div{height:150px;border:1px solid var(--line)}.crop-face{background-position:71% 31%}.crop-armor{background-position:42% 67%;filter:sepia(.22) contrast(1.16)}.crop-back{background-position:82% 64%;filter:grayscale(.22)}.crop-full{background-position:57% 78%;filter:sepia(.18) contrast(1.1)}.process-link{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);margin-top:42px;padding-top:18px;font-size:9px;letter-spacing:.15em;color:#d3c4ac}.process-link span{font-size:16px}.compact-heading{align-items:start}.compact-heading h2{font-size:55px}.process-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:36px;padding-bottom:58px;border-bottom:1px solid var(--line)}.stage{text-align:center;display:grid;justify-items:center;gap:4px}.stage-art{width:100%;height:190px;margin-bottom:14px}.stage strong{font-size:9px;color:var(--gold);font-weight:400}.stage span{font-family:var(--serif);font-size:15px}.stage small{font-size:9px;color:var(--muted)}.crop-sculpt{background-position:69% 27%;filter:grayscale(.65) brightness(1.3)}.crop-mesh{background-position:50% 39%;filter:grayscale(1) contrast(.75)}.stage-grid{background-color:#181a1c;background-image:linear-gradient(rgba(207,191,163,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(207,191,163,.13) 1px,transparent 1px);background-size:16px 16px;box-shadow:inset 0 0 0 12px #101213}.stage-swatches{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#101112}.stage-swatches i:nth-child(1){background:#2f2925}.stage-swatches i:nth-child(2){background:#665342}.stage-swatches i:nth-child(3){background:#453b87}.stage-swatches i:nth-child(4){background:#8f755d}.details-block{padding-top:25px}.process-details>div{height:140px}.crop-fur{background-position:50% 64%;filter:grayscale(.4) contrast(1.2)}.crop-sword{background-position:48% 84%;filter:sepia(.35) contrast(1.2)}.about-layout{display:grid;grid-template-columns:minmax(340px,42%) 1fr;gap:6vw;align-items:center;max-width:1050px;margin:20px auto 70px}.portrait{height:480px;border:1px solid var(--line);background-position:68% 26%;filter:grayscale(.9) contrast(1.08)}.about-copy{max-width:440px}.about-copy h2{font-size:64px;line-height:.75;margin-bottom:26px}.about-copy p{max-width:390px;line-height:1.7;color:#c3beb6}.signature{font-family:var(--serif);font-size:32px;font-style:italic;margin:27px 0;color:#d9d0c1}.outline-button{display:inline-flex;align-items:center;gap:25px;border:1px solid var(--gold);padding:12px 21px;color:#d2b991;font-size:9px;letter-spacing:.1em;transition:background .3s,color .3s}.outline-button:hover{background:var(--gold);color:#111}.experience{border-top:1px solid var(--line);padding-top:22px}.wordmarks{display:flex;justify-content:space-around;align-items:center;color:#969798;font-family:var(--serif);font-size:23px;letter-spacing:.13em}.wordmarks span:nth-child(2){text-align:center;font-size:20px;line-height:.85}.wordmarks small{font-family:var(--sans);font-size:10px;letter-spacing:.16em}.wordmarks .nacon{font-family:var(--sans);font-weight:600;letter-spacing:-.06em}.cv-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;max-width:1000px;margin:65px auto 58px}.cv-layout h2{font-size:67px;line-height:.74}.muted-copy{color:var(--muted);line-height:1.7;max-width:300px;margin-top:35px}.cv-list{border-top:1px solid var(--line)}.cv-list article{padding:23px 0;border-bottom:1px solid var(--line)}.cv-list span{font-size:9px;color:var(--gold);letter-spacing:.14em}.cv-list h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:10px 0 5px}.cv-list p{color:var(--muted);line-height:1.6;margin:0}.page-cv>.outline-button{margin-left:calc(50% + 4.5vw)}.page-contact{padding:0;min-height:100vh;display:none}.contact-backdrop{position:absolute;inset:0;background-position:57% 75%;filter:brightness(.4) grayscale(.45)}.contact-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.9),rgba(7,8,9,.12) 75%),linear-gradient(0deg,rgba(7,8,9,.85),transparent 60%)}.crop-landscape{background-position:52% 73%}.contact-copy{position:absolute;z-index:1;top:35%;left:7.3vw}.contact-copy h2{font-size:68px;line-height:.76}.contact-copy .rule{margin:30px 0 15px}.contact-copy>p:not(.eyebrow){color:#c0bbb1;margin-bottom:23px}.socials{display:flex;gap:20px;margin-top:34px}.socials a{font-size:14px;font-weight:500}.page-contact footer{position:absolute;z-index:1;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:18px 7.3vw;display:flex;gap:8px;align-items:baseline}.page-contact footer strong{font-family:var(--serif);letter-spacing:.1em;font-size:13px}.page-contact footer span{font-size:9px;color:var(--muted)}.page-contact footer small{margin-left:auto;color:var(--muted);font-size:8px}.prototype-label{position:fixed;z-index:20;bottom:10px;right:13px;color:rgba(211,198,173,.5);font-size:8px;letter-spacing:.13em;pointer-events:none}
@media(max-width:760px){.site-header{padding:21px 6vw}.main-nav{position:absolute;top:58px;right:6vw;display:none;flex-direction:column;align-items:flex-end;gap:13px;padding:16px 18px;background:rgba(10,11,12,.94);border:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.page{padding:105px 6vw 42px}.page-home{padding:0 6vw;min-height:660px}.hero-image{inset:0;background-position:67% center}.hero-copy{left:10vw;top:30%}.hero-copy h1{font-size:57px}.hero-footer{left:10vw;right:10vw;bottom:46px}.hero-project strong{font-size:14px}.hero-project span{display:none}.scroll-cue{bottom:15px}.page-heading,.detail-heading{display:block;margin-bottom:30px}.page-heading h2,.detail-heading h2{font-size:51px;margin-top:6px}.heading-note{text-align:left;margin-top:20px}.filters{gap:15px;overflow:auto;padding-bottom:15px}.filter{white-space:nowrap;font-size:8px}.project-grid{grid-template-columns:1fr;gap:8px}.project-card{height:290px}.project-summary{grid-template-columns:1fr;gap:26px}.project-hero{height:400px}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid>div{height:135px}.process-stages{grid-template-columns:repeat(2,1fr);gap:30px 12px}.stage:last-child{grid-column:1/-1;width:48%;justify-self:center}.stage-art{height:170px}.process-details{grid-template-columns:repeat(2,1fr)}.about-layout,.cv-layout{grid-template-columns:1fr;gap:34px;margin-top:20px}.portrait{height:410px}.about-copy h2,.cv-layout h2,.contact-copy h2{font-size:54px}.experience{margin-top:20px}.wordmarks{gap:18px;justify-content:flex-start;overflow:hidden;font-size:16px}.wordmarks span:nth-child(2){font-size:14px}.page-cv>.outline-button{margin-left:0}.contact-copy{left:10vw;top:31%;right:6vw}.contact-copy h2{line-height:.8}.page-contact footer{padding:15px 7vw;display:grid;grid-template-columns:1fr 1fr}.page-contact footer small{margin-left:0;grid-column:1/-1}.prototype-label{display:none}}
.production-years{margin:17px 0 0;color:var(--muted);font-size:9px;letter-spacing:.16em}
.page-work .production-years{margin-top:30px}
.page-work .work-title-number{display:inline-block;transform:translateY(-.09em)}
.project-context{display:none;max-width:820px;padding:25px 0 10px;border-bottom:1px solid var(--line);color:var(--muted)}.project-context.is-visible{display:block}.project-context .eyebrow{margin-bottom:12px;color:var(--gold)}.project-context p:last-child{font-size:10px;line-height:1.8;white-space:pre-line;margin:0}
.project-detail-nav{display:flex;align-items:center;gap:28px}.back-link,.next-project-link{font-size:9px;letter-spacing:.12em;color:#c0bbb1;padding-bottom:6px;white-space:nowrap}.next-project-link{color:var(--gold);transition:color .25s ease,transform .25s ease}.next-project-link:hover{color:var(--text);transform:translateX(3px)}.next-project-link span{font-size:14px;margin-left:8px}
.heading-note{display:grid;justify-items:end;gap:14px}.heading-note p{font-size:9px;text-align:right;line-height:1.55;color:var(--muted);margin:0 0 2px}.production-context-trigger{display:block;width:min(100%,280px);padding:0;transition:transform .3s ease,filter .3s ease}.production-context-trigger img{display:block;width:100%;height:auto}.production-context-trigger:hover{transform:translateX(4px);filter:brightness(1.15)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.context-modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:3vw;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.context-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.context-modal-backdrop{position:absolute;inset:0;background:rgba(3,4,5,.92)}.context-modal-panel{position:relative;z-index:1;display:grid;place-items:center;width:min(94vw,1500px);height:min(94vh,1050px)}.context-modal-panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;animation:lightboxIn .4s ease both}.context-modal-close{position:absolute;z-index:2;top:-10px;right:-10px;width:42px;height:42px;border:1px solid rgba(198,161,107,.65);background:#101214;color:#c9b99f;font-size:26px;line-height:1;font-weight:200;transition:background .25s ease,color .25s ease,border-color .25s ease}.context-modal-close:hover{background:rgba(198,161,107,.14);border-color:var(--gold);color:#e2d4bc}
@media(max-width:760px){.heading-note{justify-items:start}.heading-note p{text-align:left}.production-context-trigger{width:min(100%,320px)}}
.page-work .page-heading{align-items:flex-start}.page-work .page-heading h2{white-space:nowrap}.page-work .heading-note{padding-top:1px}
@media(max-width:760px){.page-work .page-heading h2{white-space:normal}.page-work .page-heading{align-items:initial}.page-work .heading-note{padding-top:0}}
.about-context-trigger{margin-top:18px;width:min(100%,260px)}.about-context-trigger img{mix-blend-mode:screen}.about-context-trigger:hover{filter:none}
.about-context-trigger,.about-context-trigger:hover{transform:none!important;filter:none!important}.about-context-trigger img,.about-context-trigger:hover img{filter:none!important}
.hero-image{background-image:linear-gradient(125deg,rgba(7,8,9,.1),rgba(7,8,9,.42)),url('assets/home-hero-athena.png')}
.hero-image{inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 5%,#000 16%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 5%,#000 16%)}
.hero-copy .hero-intro{font-size:10px;line-height:1.45;margin-top:28px}
.project-hero{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#0b0c0d}
.page-project .project-detail-image,.page-process .project-detail-image,.page-process .detail-grid>div,.page-process .stage-art{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#0b0c0d}

/* Keep image frames predictable across viewport sizes so cover crops do not shift the subject. */
.hero-image{background-position:right center}
.project-card,.preview-grid .project-card{height:auto;aspect-ratio:16 / 9}
.project-hero{height:auto;aspect-ratio:16 / 9}
.detail-grid>div,.process-details>div{height:auto;aspect-ratio:4 / 3}
.page-process .stage-art{height:auto;aspect-ratio:4 / 3}
@media(min-width:761px){.hero-image{background-size:100% 100%,contain;background-position:center,right center;background-repeat:no-repeat;background-color:#0b0c0d}}