/* Cinematic editorial portfolio: cream, mineral green and forest. */
.project-pair>.project-card{min-width:0}.project-pair .project-visual{aspect-ratio:auto;width:100%}.archive-block .archive-heading .mono{color:#4c604b;font-size:9px}.header .header-descriptor{color:#e1e7d9}
:root{--accent:#bfceae;--margin:5vw;--text:#f4f2e9;--rail:190px}
body{background:#f3f1e8;padding:10px calc(var(--rail) + 20px) 10px 10px;color:#263327}
main{overflow:clip;border-radius:12px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{letter-spacing:-.055em}.serif{font-style:italic}.orange,.brand-dot{color:#aabc97}.orange-square{background:#657658}
.header{position:absolute;left:35px;right:calc(var(--rail) + 45px);top:18px;height:65px;padding:0;background:transparent;border:0;color:#fff;z-index:15}.header-descriptor{font-size:9px;letter-spacing:.1em}.header nav{display:none}.brand{letter-spacing:-2px;font-size:32px}.menu-toggle{display:none}
.chapter-nav{position:fixed;right:10px;top:10px;bottom:10px;width:var(--rail);display:flex;flex-direction:column;z-index:30;overflow:hidden;border-radius:12px;background:#d9ddce}.chapter-nav a{padding:23px 19px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;position:relative;transition:filter .25s}.chapter-nav a:hover{filter:brightness(1.07)}.chapter-nav span{font:8px var(--mono);letter-spacing:.1em}.chapter-nav b{font-size:16px;font-weight:450;line-height:1.35}.chapter-nav i{font-style:normal;float:right}.chapter-nav a:nth-child(1){background:#e9e5d9;flex:.7}.chapter-nav a:nth-child(2){background:#cbd4c2}.chapter-nav a:nth-child(3){background:#a4b3a0}.chapter-nav a:nth-child(4){background:#697962;color:white}.chapter-nav a:nth-child(5){background:#2c3e2d;color:white}.chapter-nav a[aria-current="location"]::after{content:'';position:absolute;right:13px;top:22px;width:5px;height:5px;border-radius:50%;background:currentColor}.chapter-progress{height:3px;background:#263327}.chapter-progress span{display:block;width:0;height:100%;background:#cfdbc0}
.hero{height:calc(100svh - 20px);max-height:none;min-height:740px;padding:110px 5vw 40px;color:#fff;display:flex;align-items:center;flex-direction:column;isolation:isolate;background:#25392f}.hero-top{width:100%;justify-content:center;color:#e7eee2;font-size:9px;gap:20px}.hero-top>span:last-child{display:none}.hero-title-wrap{margin-top:30px;text-align:center;width:100%}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7.9vw,150px);font-weight:400;letter-spacing:-.07em;line-height:.98;position:relative;z-index:2}.hero h1>span{color:#fff}.hero-walkthrough{border-radius:0}.hero-walkthrough .hero-cinema{object-position:50% 52%}.hero-walkthrough::after{background:linear-gradient(180deg,#142b3266 0%,#15272b22 48%,#0d211ee0 100%)}.hero-bottom{margin-top:auto;display:flex;flex-direction:column;gap:26px;text-align:center}.hero-bottom p{color:#e8ede4;font-size:12px;line-height:1.6}.hero-bottom p br{display:none}.hero-bottom p span{display:block;color:#e8ede4}.hero-bottom .circle-link{background:#f3f1e8;border:0;color:#263327;border-radius:5px;padding:5px 5px 5px 19px;gap:20px;box-shadow:none;font-family:var(--mono);font-size:10px;letter-spacing:.07em}.hero-bottom .circle-link .circle{border:0;background:#2c3e2d;border-radius:3px;color:white;width:34px;height:34px;font-size:22px}.hero-bottom .circle-link:hover{background:#d6e1cb}.hero-foot{position:static;margin-top:30px;width:100%;padding-top:16px;border-top:1px solid #ffffff40;font-size:8px}.hero-foot>span{max-width:50%}.hero-walkthrough .model-label{bottom:180px;font-size:7px;right:20px;writing-mode:vertical-rl}.discipline-strip{background:#2c3e2d;color:#dce3d3;border:0;font-size:8px;letter-spacing:.13em;padding:25px 4vw}.discipline-strip .cross{color:#aabc97}
.section{padding:90px 5vw}.work{background:#eeeee2;color:#29372b;border:0}.section-label{font-size:9px}.work .section-label,.work .section-heading p{color:#596451}.chapter-number{display:none}.work .section-heading{padding:0;margin:55px 0;align-items:flex-end}.work .section-heading h2{font-size:clamp(50px,6vw,100px);color:#29372b}.work .section-heading .serif{color:#6b7e5b}.work .section-heading p{font-size:12px;max-width:230px}.flagship{background:#dce1d3;padding:14px;border-radius:10px}.flagship .project-visual{border-radius:5px;height:clamp(400px,43vw,660px);overflow:hidden}.flagship .project-info,.flagship .project-description{padding:10px 12px}.work .project-info h3{color:#29372b;font-size:28px}.work .project-info p,.work .project-description p{color:#586250}.work .eyebrow{color:#5b6d4e}.work .project-open{border-color:#8f9c82;color:#29372b}.work .project-open:hover{background:#29372b;color:#fff}.work .tags{color:#536548}.work .tags span{border-color:#9fac93}.project-description{border-color:#aab79b}.nexus-cinema{background:#233225}.nexus-building{width:62%;object-fit:cover}.nexus-cinema .cinema-overlay{background:linear-gradient(90deg,#233225 0%,#233225 20%,#23322566 48%,transparent 72%)}.cinema-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#f3f1e8}.visual-top,.visual-bottom{color:#eff1e5}.project-pair{gap:22px;margin-top:32px;align-items:start}.project-card{padding:12px;background:#e0e3d7;border-radius:9px}.offset-card{margin-top:90px}.project-card .project-visual{border-radius:5px;height:400px}.project-card .project-info{padding:20px 6px 10px}.project-card .project-info h3{font-size:24px}.project-card video{transition:transform 1s}.project-card:hover video{transform:scale(1.035)}
.archive-block{margin:85px -5vw -90px;padding:70px 5vw;background:#b9c7b4;color:#25372a;border:0}.archive-heading{align-items:end}.archive-heading h3{font:clamp(36px,4.6vw,76px)/1 Georgia,serif;letter-spacing:-.05em}.archive-heading .mono{color:#4c604b}.explorer-tools{display:flex;justify-content:space-between;align-items:center;margin:35px 0 20px;gap:20px}.project-filters{display:flex;gap:8px;flex-wrap:wrap}.project-filters button{border:1px solid #748b6e;border-radius:30px;padding:9px 17px;font-size:11px}.project-filters button.active{background:#2c3e2d;border-color:#2c3e2d;color:#fff}.rail-controls{display:flex;gap:6px}.rail-controls button{border:1px solid #748b6e;border-radius:50%;width:38px;height:38px}.rail-controls button:disabled{opacity:.3;cursor:default}.rail-hint{color:#4c604b;font-size:8px;margin-bottom:14px}.archive-list{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6a8060 transparent;padding-bottom:18px;border:0;overscroll-behavior-x:contain}.archive-list button{flex:0 0 42%;min-width:0;display:flex;flex-direction:column;align-items:stretch;position:relative;padding:0 0 18px;gap:18px;border:0;border-radius:7px;overflow:hidden;background:#dbe2d3;text-align:left;scroll-snap-align:start}.archive-list button[hidden]{display:none}.archive-block .archive-list img{width:100%;height:245px;object-fit:cover;filter:none;transition:transform .7s}.archive-list button:hover img{transform:scale(1.03)}.archive-list button>span{padding:0 20px}.archive-list button>span:last-child{position:absolute;top:16px;right:16px;background:#eeeee2;width:34px;height:34px;padding:4px;text-align:center;border-radius:50%}.archive-block .archive-list b{font:23px/1.1 Georgia,serif;letter-spacing:-.02em;color:#29372b}.archive-block .archive-list small{font-size:10px;color:#52634b;margin-top:10px;display:block;line-height:1.5}.archive-block .text-link{color:#29372b;border-color:#6a8060}.archive-block .text-link span{color:#29372b}
.profile{background:#334733;color:#edf0e4;border:0}.profile .section-label{color:#c0ccaf}.profile-layout{grid-template-columns:.9fr 1.1fr;gap:5vw;margin-top:55px}.profile h2{font-size:clamp(40px,4.3vw,78px)}.profile .identity-panel{border-radius:50% 50% 8px 8px;min-height:530px;background-color:#283b2a;border-color:#718267}.profile .identity-mark{font-size:clamp(70px,10vw,170px)}.profile .identity-mark>.orange{color:#bbcbaa}.profile p{font-size:13px}.profile .profile-lead{font-size:17px}.profile .credential-card{background:#283b2a;border-color:#657d5c}.profile .profile-facts{margin:22px 0}.contact{background:#eeeee2;color:#29372b}.contact-heading h2{font-size:clamp(60px,7.2vw,125px)}.contact .contact-arrow{font-size:100px}.contact-bottom{gap:30px;flex-wrap:wrap}.contact .contact-bottom p{font-size:14px}.contact-actions{flex-wrap:wrap}.contact-actions a{font-size:12px;padding:13px 22px}.contact-orbit{border-color:#62745422}footer{padding:35px 4vw;background:#223124;color:#bdc9af;border-radius:0 0 12px 12px;font-size:9px}footer>.mono{display:none}
.scroll-reveal{transition:opacity .8s,translate .8s}.scroll-reveal.pending{opacity:0;translate:0 26px}.motion-paused .scroll-reveal{transition:none;opacity:1;translate:none}.motion-paused .project-card video{transition:none}a:focus-visible,button:focus-visible{outline:2px solid #688d50;outline-offset:4px}.hero a:focus-visible,.chapter-nav a:focus-visible{outline-color:white;outline-offset:-4px}
@media(min-width:1900px){:root{--rail:250px}.hero h1{font-size:clamp(150px,8vw,290px)}.hero{min-height:900px}.hero-top,.hero-foot,.hero-bottom p{font-size:13px}.hero-bottom .circle-link{font-size:13px}.chapter-nav b{font-size:21px}.chapter-nav span{font-size:10px}.section{padding-block:140px}.archive-block{margin-bottom:-140px}.project-card .project-visual{height:620px}.archive-block .archive-list img{height:380px}}
@media(max-width:1100px){:root{--rail:150px}.chapter-nav a{padding:20px 13px}.chapter-nav b{font-size:13px}.chapter-nav span{font-size:7px}.header-descriptor{display:none}.hero h1{font-size:8vw}.profile-layout{grid-template-columns:1fr}.profile .identity-panel{min-height:300px;max-width:400px;display:none}.project-pair{grid-template-columns:1fr}.offset-card{margin-top:0}.project-card .project-visual{height:420px}.work .section-heading p{display:none}.archive-list button{flex-basis:65%}.hero-bottom p{font-size:11px}.hero-foot>span{display:none}}
@media(max-width:700px){body{padding:6px}.chapter-nav{display:none}.header{position:absolute;top:15px;left:24px;right:24px;height:45px}.header .menu-toggle{display:block;margin-left:auto;color:#fff;font-size:12px}.header nav.open{display:flex;position:absolute;top:55px;left:0;right:0;background:#293e2d;padding:25px;border-radius:8px;flex-direction:column;align-items:start}.hero{height:calc(100svh - 12px);min-height:680px;padding:105px 22px 24px}.hero h1{font-size:clamp(43px,10vw,70px);line-height:1.03}.hero-title-wrap{margin-top:24px}.hero-top{font-size:7px}.hero-bottom{margin-top:auto;align-items:center;gap:20px}.hero-bottom p{max-width:260px}.hero-bottom .circle-link{padding:5px 5px 5px 15px;gap:18px;font-size:9px}.hero-walkthrough .model-label{display:none}.hero-foot{margin-top:25px;font-size:7px}.hero-walkthrough::after{background:linear-gradient(180deg,#142b3277,#15272b22 45%,#0d211eee)}.discipline-strip{flex-wrap:wrap;font-size:7px;justify-content:center;gap:10px}.discipline-strip span:last-child,.discipline-strip .cross:last-of-type{display:none}.section{padding:60px 22px}.work .section-heading{margin:35px 0}.work .section-heading h2{font-size:48px}.flagship{padding:8px}.flagship .project-visual{height:430px}.nexus-building{width:100%}.nexus-cinema .cinema-overlay{background:linear-gradient(90deg,#233225c9,transparent),linear-gradient(0deg,#233225b0,transparent)}.cinema-title{font-size:43px}.flagship .project-description{padding:12px 5px}.project-description p{font-size:12px}.work .project-info h3{font-size:23px}.project-pair{margin-top:20px;gap:20px}.project-card .project-visual{height:330px}.project-info p{font-size:11px}.archive-block{margin:55px -22px -60px;padding:45px 22px}.archive-heading{display:block}.archive-heading .mono{display:block;margin-top:15px;max-width:none!important;text-align:left!important}.explorer-tools{gap:10px;align-items:end}.project-filters{gap:6px}.project-filters button{padding:7px 10px;font-size:10px}.rail-controls button{width:30px;height:30px}.archive-list button{flex-basis:87%}.archive-block .archive-list img{width:100%;height:230px}.archive-block .archive-list button{gap:18px}.archive-block .archive-list b{font-size:22px}.profile-layout{margin-top:35px}.profile h2{font-size:44px}.profile .credential-card summary{padding:18px}.contact-heading h2{font-size:53px}.contact .contact-arrow{font-size:55px}.contact-actions{gap:8px}.contact-actions a{padding:10px 15px;font-size:11px}.contact-bottom{margin-top:35px}.contact-note{overflow-wrap:anywhere}footer{padding:28px 22px;gap:20px;flex-wrap:wrap}footer .brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.pending{opacity:1;translate:none;transition:none}.project-card video,.archive-list img{transition:none}}
/* Chapter links follow the portfolio's reading order. */
.chapter-nav a{padding:14px 16px;gap:10px;min-height:0}.chapter-nav b{font-size:14px;line-height:1.25}.chapter-nav a:nth-child(1){background:#e9e5d9}.chapter-nav a:nth-child(2){background:#cad5c1}.chapter-nav a:nth-child(3){background:#b9c7af}.chapter-nav a:nth-child(4){background:#a4b3a0;color:#263a2e}.chapter-nav a:nth-child(5){background:#879a7d;color:#fff}.chapter-nav a:nth-child(6){background:#697962;color:#fff}.chapter-nav a:nth-child(7){background:#2c3e2d;color:#fff}
