.portfolio-section{background:#171716;border-top:1px solid #383834}.portfolio-section[open]{padding-bottom:40px}.wall-heading{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.wall-heading::-webkit-details-marker{display:none}.wall-heading h2{margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.7px}.wall-heading h2 span{margin-left:14px;font-size:12px;color:#9d9c94;letter-spacing:0;font-weight:400}.collapse-mark{width:18px;height:18px;position:relative}.collapse-mark:before,.collapse-mark:after{content:'';position:absolute;background:#9d9c94;left:1px;right:1px;top:8px;height:1px}.collapse-mark:after{transform:rotate(90deg)}details[open] .collapse-mark:after{display:none}.thumbnail-wall{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:0 4px}.wall-tile{position:relative;aspect-ratio:1;display:block;overflow:hidden;background:#232321}.wall-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.wall-caption{position:absolute;inset:auto 0 0;padding:34px 16px 16px;background:linear-gradient(transparent,#000e);display:flex;align-items:end;justify-content:space-between;gap:12px;color:#eeeae2;font-size:13px;line-height:1.35;opacity:0;transition:opacity .2s}.wall-caption>span:last-child{font-size:19px}.wall-tile:hover .wall-caption,.wall-tile:focus-visible .wall-caption{opacity:1}.wall-tile:hover img{transform:scale(1.035)}.wall-tile:focus-visible{outline:2px solid #d0ed9a;outline-offset:-3px;z-index:1}.wall-heading:focus-visible{outline:2px solid #d0ed9a;outline-offset:-4px}.ai-content{padding:5px 5% 25px;color:#9d9c94;font-size:14px}.project-page{padding:40px 5% 0;max-width:1600px;margin:auto}.project-back,.source-link{font-size:12px;color:#babbad}.project-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:45px 0 35px}.project-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4.2vw,65px);line-height:1.13;letter-spacing:-2px;font-weight:450;margin:16px 0 0;max-width:1000px}.source-link{white-space:nowrap;padding-bottom:6px}.project-context{display:grid;grid-template-columns:2fr 1fr;gap:65px;margin:0 0 50px}.project-description{font-size:16px;line-height:1.8;color:#bebeb5;max-width:800px}.project-description p:first-child{margin-top:0}.project-description a{color:#d0d6bb;text-decoration:underline;overflow-wrap:anywhere}.project-facts{border-left:1px solid #383834;padding-left:30px}.project-facts h2{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:400;color:#9d9c94;margin:0 0 10px}.project-facts p{font-size:12px;line-height:1.7;color:#bebeb5;margin:0 0 24px}.project-figure{margin:0 0 35px}.project-figure img{display:block;max-width:100%;width:auto;height:auto;max-height:none;margin:0 auto}.project-figure figcaption{font-size:12px;line-height:1.7;color:#a5a69a;margin:13px 0 0;text-align:center}.project-embed{position:relative;width:100%;max-height:850px;background:#0e0f0d}.project-embed iframe{position:absolute;width:100%;height:100%;inset:0;border:0}.project-pagination{border-top:1px solid #383834;margin-top:60px;padding:30px 0 55px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;font-size:13px}.project-pagination a{max-width:100%}.project-pagination a:last-child{text-align:right}.project-pagination span{display:block;font-size:9px;letter-spacing:1.5px;color:#9d9c94;margin-bottom:12px}.project-pagination a:nth-child(2){font-size:9px;align-self:center;color:#9d9c94;letter-spacing:1.3px}@media(max-width:1100px){.thumbnail-wall{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:700px){header{gap:18px}.brand{flex-shrink:0}nav{gap:13px;font-size:10px}nav>a:nth-child(2){display:block}nav .contact-link{display:none}.project-intro{display:block;margin-top:30px}.source-link{display:inline-block;margin-top:20px}.project-context{grid-template-columns:1fr;gap:20px}.project-facts{border-left:0;border-top:1px solid #383834;padding:20px 0 0}.project-intro h1{letter-spacing:-1px}.project-description{font-size:14px}.project-pagination{gap:12px;font-size:11px}.project-pagination a:nth-child(2){font-size:8px}.project-pagination span{font-size:8px}.project-page{padding-top:25px}.project-context{margin-bottom:30px}}@media(max-width:650px){.thumbnail-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 3px}.wall-heading{padding:22px 5%}.wall-heading h2{font-size:21px}.wall-caption{opacity:1;padding:30px 10px 10px;font-size:11px}.wall-caption>span:last-child{font-size:16px}}@media(hover:none){.wall-caption{opacity:1}}@media(prefers-reduced-motion:reduce){.wall-tile img,.wall-caption{transition:none}}
.project-facts:empty{display:none}
.wall-summary{display:block;list-style:none;cursor:pointer}
.wall-summary::-webkit-details-marker{display:none}
.wall-summary:focus-visible{outline:2px solid #d0ed9a;outline-offset:-4px}
.wall-summary .wall-heading{cursor:inherit}
/* The explicitly requested disclosure easing also applies when system effects are off. */
.wall-peek{height:0;overflow:hidden;pointer-events:none;transition:height 416ms ease-in-out!important}
.wall-peek .wall-caption{display:none}
.wall-peek .tool-strip{overflow:hidden;scrollbar-width:none}
.portfolio-section[open] .wall-peek{display:none}
@media(hover:hover) and (pointer:fine){.portfolio-section:not([open])>.wall-summary:hover .wall-peek{height:var(--peek-height,0px)}}
.portfolio-section:not([open])>.wall-summary:focus-visible .wall-peek{height:var(--peek-height,0px)}
.worldbuilding-wall .wall-tile{aspect-ratio:9/16}.worldbuilding-player{position:relative;aspect-ratio:9/16;width:min(100%,450px);margin:0 auto;background:#0e0f0d}.worldbuilding-player iframe{width:100%;height:100%;position:absolute;inset:0;border:0}

@media(max-width:650px){.wall-caption>span:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wall-caption{padding:22px 7px 7px;gap:4px}.wall-caption>span:last-child{display:none}}

/* Keep the approved showreel supporting copy visible on small screens. */
@media(max-width:700px){.reel-note>p:first-child{display:block;margin:0 0 12px;max-width:36em}}

.reel-intro h1 .reel-experience{display:block;font-family:inherit;font-size:clamp(18px,1.6vw,26px);line-height:1.3;letter-spacing:-.4px;margin-top:8px}