/* A measured editorial rhythm beneath the existing opening. */
:root{--ink:#171d15;--paper:#edeade;--muted:#818a75;--line:#69715d45}.eyebrow,.preview,.opening-footer,.work-caption>span,.project-open,.field-controls,footer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.opening-title h1{letter-spacing:-.055em}.statement{padding:135px 10vw 125px;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}.statement>.eyebrow{grid-column:1/-1;margin-bottom:15px}.statement h2{font-size:clamp(42px,5.2vw,90px);grid-column:1/-1;margin:22px 0 40px;line-height:1.06}.statement p{grid-column:2;margin:0;max-width:390px;color:#c0c4b5;font-size:15px;line-height:1.85}.collection{padding:100px 6vw 120px}.collection-heading{grid-template-columns:1fr 1.6fr 1fr;align-items:start;padding-bottom:45px;border-bottom:1px solid var(--line);margin-bottom:65px}.collection-heading h2{font-size:clamp(45px,5vw,84px);line-height:1.03}.collection-heading p{margin:8px 0;font-size:13px;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 4vw;align-items:start}.work-card{grid-column:span 7;padding:0!important}.work-card:nth-child(even){grid-column:span 5;margin-top:150px}.work-card:nth-child(3){grid-column:span 5;margin-top:0}.work-card:nth-child(4){grid-column:span 7;margin-top:120px}.work-image{aspect-ratio:4/3!important}.work-card[data-project=door] .work-image,.work-card[data-project=light] .work-image{aspect-ratio:3/4!important}.work-image img{object-fit:cover}.work-card[data-project=light] img{object-fit:contain;background:#29271c}.work-card[data-project=sign] .work-image{aspect-ratio:1.68!important}.work-card[data-project=stage] .work-image{aspect-ratio:3/4!important}.work-image:after{background:#edeade;color:#172010;width:42px;height:42px;bottom:18px;right:18px;transition:transform .5s}.work-card:hover .work-image:after{transform:rotate(45deg)}.work-caption{border-bottom:0;padding:22px 0 0;display:block}.work-caption h3{font-size:clamp(23px,2.4vw,38px);line-height:1.15;letter-spacing:-.035em;max-width:500px}.work-caption>span{display:block;max-width:none;text-align:left;font-size:8px;margin-top:12px;color:#6b745e}.project-intention{font-size:13px;line-height:1.8;color:#626b57;max-width:430px;margin:17px 0}.project-open{display:inline-block;font-size:9px;border-bottom:1px solid #8e987e;padding:8px 0}.set-collection{padding-top:105px;padding-bottom:130px}.set-collection .work-caption>span{color:#a6b096}.set-collection .project-intention{color:#b8bfac}.set-collection .project-open{color:#e2e4d4}.immersion{height:100vh;min-height:680px}.immersion-copy p{line-height:1.85}.more-work{padding:95px 6vw 100px;background:#dce0d1;overflow:hidden}.more-work>div:first-child{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:end;margin-bottom:30px}.more-work .eyebrow{grid-column:1/-1}.more-work h2{margin:0;font-size:clamp(43px,5.5vw,90px);line-height:1.02}.more-work .line-link{justify-self:end;align-self:end}.field-controls{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#616b54;line-height:1.7;margin:35px 0 25px;padding-top:25px;border-top:1px solid var(--line)}.field-controls button{font-size:25px;padding:0 12px;color:#28351f}.more-grid{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 22px}.more-grid>a{flex:0 0 28%;scroll-snap-align:start}.more-grid>a:nth-child(even){padding-top:45px}.more-grid img{height:330px;object-fit:contain;background:#cdd3c0}.more-grid span{font-size:10px}.making{padding:105px 0 85px}.making-title{grid-template-columns:1fr 1.7fr 1fr}.making h2{font-size:clamp(43px,5vw,82px)}.process-track{padding-top:65px}.process-track figure{flex-basis:36%}.process-track img{height:410px}.capability-overview{padding:90px 8vw;gap:40px}.capability-overview>div{border-top:1px solid #8a957b55;padding-top:10px}.capability-overview h3{font-size:24px}.contact{padding:125px 8vw 100px}.contact h2{font-size:clamp(76px,10.6vw,178px);letter-spacing:-.065em}.project-layout{grid-template-columns:1.6fr 1fr;gap:40px}.project-text{padding:30px 15px}.project-text h2{font-size:clamp(30px,3.3vw,52px);line-height:1.08}.project-text p{font-size:14px;line-height:1.9}.project-text .credit{font-size:10px;line-height:1.7}#project-photo{height:60vh}#story-photo-label{font:10px ui-monospace,monospace;color:#c6cfb6;margin-top:15px}#story-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}#story-thumbs button{font-size:10px;line-height:1.4;border:1px solid #7b876757;padding:9px 12px;color:#adb99b}#story-thumbs button[aria-pressed=true]{border-color:#e0cfaa;color:#f4ead4}dialog{max-height:94dvh;overflow-y:auto}.paused .more-grid{scroll-behavior:auto}@media(min-width:1600px){.collection,.set-collection,.more-work{padding-left:max(6vw,calc((100vw - 1600px)/2));padding-right:max(6vw,calc((100vw - 1600px)/2))}}@media(max-width:900px){.collection-heading{grid-template-columns:1fr 2fr}.collection-heading p{grid-column:2}.work-grid{gap:65px 5vw}.work-card:nth-child(even){margin-top:100px}.work-card:nth-child(4){margin-top:75px}.work-caption h3{font-size:27px}.more-grid>a{flex-basis:42%}.more-grid img{height:300px}.process-track figure{flex-basis:60%}.project-layout{grid-template-columns:1fr}.project-text{padding:20px 0}#project-photo{height:50vh}}@media(max-width:560px){.statement{display:block;padding:80px 8vw}.statement h2{font-size:39px;line-height:1.08;margin-bottom:30px}.statement p{font-size:13px;max-width:310px;margin-left:8%}.collection,.set-collection{padding:65px 6vw}.collection-heading{display:block;margin-bottom:40px;padding-bottom:25px}.collection-heading h2{font-size:47px;margin:24px 0}.collection-heading p{font-size:12px}.work-grid{display:block}.work-card,.work-card:nth-child(even),.work-card:nth-child(3),.work-card:nth-child(4){margin:0 0 55px;display:block}.work-caption h3{font-size:30px}.work-caption>span{font-size:8px}.project-intention{font-size:13px;line-height:1.75;margin:15px 0 8px}.work-card[data-project=door] .work-image,.work-card[data-project=light] .work-image,.work-card[data-project=stage] .work-image{aspect-ratio:4/5!important}.more-work{padding:65px 6vw}.more-work>div:first-child{display:block}.more-work h2{font-size:48px;margin:22px 0}.more-work .line-link{font-size:11px}.field-controls{gap:15px}.field-controls>span{max-width:200px;font-size:8px}.more-grid>a{flex-basis:79%}.more-grid img{height:330px}.more-grid>a:nth-child(even){padding-top:0}.making{padding:70px 0}.making-title{display:block}.making h2{font-size:49px}.process-track figure{flex-basis:85%}.process-track img{height:350px}.capability-overview{padding:65px 8vw}.contact{padding:80px 7vw 65px}.contact h2{font-size:76px}.project-layout{gap:10px}#project-photo{height:46vh}#story-thumbs button{font-size:9px;padding:9px}.project-text h2{font-size:35px}}.field-controls button,#story-thumbs button,.project-controls button{min-height:44px;min-width:44px}
/* Continuous atmospheric motion behind the editorial sections. */
.statement,.collection,.set-collection,.more-work,.making,.contact{position:relative;isolation:isolate;overflow:hidden}
.statement:before,.collection:before,.set-collection:before,.more-work:before,.making:before,.contact:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-35%;background:repeating-linear-gradient(115deg,transparent 0 120px,#b4bf9920 122px 210px,transparent 212px 380px);transform:translateX(-8%) rotate(-4deg);animation:architectural-drift 17s ease-in-out infinite alternate}
.collection:before,.more-work:before,.contact:before{background:repeating-linear-gradient(115deg,transparent 0 150px,#72845418 152px 240px,transparent 242px 460px);animation-duration:21s}
.statement:after,.making:after{content:'';position:absolute;z-index:-1;inset:-30%;background:radial-gradient(ellipse at 30% 50%,#c4a26c30,transparent 45%);animation:light-travel 13s ease-in-out infinite alternate;pointer-events:none}
.work-image img{animation:portfolio-breathe 16s ease-in-out infinite alternate;transform-origin:50% 50%}
.work-card:nth-child(even) .work-image img{animation-delay:-8s;animation-direction:alternate-reverse}
.portal img{animation-duration:11s}
.immersion-photo img{animation-duration:17s}
@keyframes architectural-drift{from{transform:translateX(-10%) translateY(-3%) rotate(-4deg)}to{transform:translateX(12%) translateY(5%) rotate(3deg)}}
@keyframes light-travel{from{transform:translateX(-12%) scale(.85);opacity:.45}to{transform:translateX(25%) scale(1.2);opacity:1}}
@keyframes portfolio-breathe{from{transform:scale(1.01) translateY(-.3%)}to{transform:scale(1.075) translateY(.8%)}}
.paused *:before,.paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}

/* Cover compositions are assigned individually, never one crop for every subject. */
.work-card[data-project=fluted] .work-image{aspect-ratio:4/5!important}.work-card[data-project=fluted] .work-image img{object-position:48% 46%}.work-card[data-project=record] .work-image{aspect-ratio:4/5!important}.work-card[data-project=record] .work-image img{object-position:50% 50%}.work-card[data-project=retail] .work-image{aspect-ratio:4/3!important}.work-card[data-project=retail] .work-image img{object-position:47% 50%}.work-card[data-project=display] .work-image{aspect-ratio:4/3!important}.work-card[data-project=display] .work-image img{object-position:50% 53%}.work-card[data-project=digital] .work-image{aspect-ratio:3/4!important;background:#25191a}.work-card[data-project=digital] .work-image img{object-fit:contain;background:#25191a;animation:none}.work-card[data-project=stage] .work-image img{object-position:50% 45%}.work-card[data-project=light] .work-image img{animation:none}.work-image img{animation-name:portfolio-breathe;animation-duration:22s}.project-text>p:not(.credit){max-width:390px}.work-card .project-open{margin-top:3px}.project-controls{align-items:center;border-top:1px solid #86947333;margin-top:15px}.project-controls button:disabled{opacity:.25;cursor:default}@media(max-width:560px){.work-card[data-project=fluted] .work-image,.work-card[data-project=record] .work-image,.work-card[data-project=digital] .work-image{aspect-ratio:4/5!important}}

.collection-exit{margin-top:55px}.collection-heading .line-link{font-size:11px;margin-top:12px}

/* Storage-unit cover: show full square photograph. */
.work-card[data-project=record] .work-image{aspect-ratio:1/1!important}.work-card[data-project=record] .work-image img{object-fit:contain;animation:none}

/* A coherent moving atmosphere, a persistent path, and clearer image stories. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;background:#d1b17b;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.chapter-nav{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:40;display:flex;gap:4px;padding:6px;background:#172016ee;backdrop-filter:blur(18px);border:1px solid #afbb9555;border-radius:40px;opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;box-shadow:0 12px 40px #0003}.past-opening .chapter-nav{opacity:1;visibility:visible;transform:translate(-50%,0)}.chapter-nav a{font:10px ui-monospace,monospace;white-space:nowrap;padding:12px 17px;border-radius:30px;color:#c4ccb8}.chapter-nav a[aria-current=location]{color:#172016;background:#e8dfc8}.chapter-nav a:hover{color:#fff}.chapter-nav a[aria-current=location]:hover{color:#172016}
.statement:after,.making:after{background:radial-gradient(ellipse at 20% 45%,#c4a26c58,transparent 42%),radial-gradient(ellipse at 75% 65%,#8a9f6545,transparent 48%);animation:light-travel 18s ease-in-out infinite alternate;filter:blur(20px)}
.collection:before,.more-work:before{opacity:.65;animation-duration:28s}.immersion-copy{max-width:650px}.immersion-copy h2{text-wrap:balance}.contact{padding-bottom:140px}.contact:before{animation-duration:22s}
#story-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:12px}#story-thumbs button{padding:0 0 9px!important;overflow:hidden;text-align:left;border-color:#7b876733;opacity:.65;transition:opacity .3s,border-color .3s}#story-thumbs button[aria-pressed=true],#story-thumbs button:hover{opacity:1}#story-thumbs img{width:100%;height:78px;object-fit:contain;background:#0e130b;display:block;margin-bottom:8px}#story-thumbs span{display:block;padding:0 8px;font-size:9px;line-height:1.5}.photo-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}#story-photo-label{margin:0}#source-toggle{font:9px ui-monospace,monospace;border-bottom:1px solid #86947388;padding:9px 0;color:#d8c5a2}.project-layout>div:first-child{min-width:0}#project-photo{max-height:680px;object-fit:contain;background:radial-gradient(ellipse at center,#252b20,#080d06)}.work-caption h3{text-wrap:balance}.project-intention{max-width:36ch}.work-card:focus-visible,.chapter-nav a:focus-visible,#story-thumbs button:focus-visible{outline:2px solid #b99a65;outline-offset:6px}
@media(max-width:560px){.chapter-nav{bottom:12px;padding:4px;max-width:96vw;gap:0}.chapter-nav a{font-size:9px;padding:12px 11px}#story-thumbs img{height:65px}.photo-meta{gap:10px}#source-toggle{font-size:8px}.contact{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.chapter-nav{transition:none}}

.chapter-nav a:nth-child(2){display:block}.chapter-nav a:last-child{border-bottom:0;padding-bottom:12px}
