.work-gallery{background:#142c2c;color:#f3f5e9;overflow:clip}.work-gallery *{box-sizing:border-box}.gallery-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px}.gallery-nav .brand{display:flex;align-items:center;gap:12px;filter:brightness(.25)}.gallery-nav nav{display:flex;gap:30px;font-size:14px}.gallery-nav a{color:inherit}.gallery-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-block:65px 35px}.gallery-intro h1{font-size:clamp(48px,6.5vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:500}.gallery-intro h1 em{font-style:normal;color:#587561}.gallery-intro>p{font-size:17px;line-height:1.7;max-width:340px;padding-bottom:8px}.gallery-tools{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:22px 40px}.filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-tools button{font:inherit;font-size:12px;min-height:44px;padding:10px 17px;border:1px solid #879b89;border-radius:30px;color:inherit;background:transparent;cursor:pointer}.filters button[aria-pressed=true]{background:#173c34;color:#f7f5ec;border-color:#173c34}.gallery-options{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap}.portfolio{perspective:1700px}.opening-world{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;padding-block:30px 70px;perspective:1700px}.project{--align:1;min-width:0}.project-link{display:block;color:inherit;text-decoration:none}.window-media{position:relative;aspect-ratio:1.4;background:var(--project);padding:35px 25px 30px;border:1px solid #173a3225;border-radius:12px;box-shadow:0 14px 30px #173a3213;overflow:clip;transform-origin:50% 50%;transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}.window-media>img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .18s ease}.window-edge{position:absolute;top:13px;left:15px;display:flex;gap:5px}.window-edge i{width:4px;height:4px;background:#173a3270;border-radius:50%}.enter-project{position:absolute;bottom:12px;right:14px;background:#143b32;color:#fff;padding:7px 13px;border-radius:30px;font-size:10px;opacity:0;transform:translateY(5px);transition:.25s ease}.project-link:focus-visible{outline:3px solid #a36a06;outline-offset:8px;border-radius:10px}.project-caption{display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:25px 0 15px;align-items:baseline}.project-number{font-size:11px;color:#5b7565}.project-caption h2{font-size:clamp(21px,2.1vw,30px);line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:0 0 12px}.project-caption p{font-size:14px;line-height:1.7;margin:0;max-width:540px;color:#466052}.project-arrow{font-size:22px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:75px 60px;align-items:start;padding-top:15px}.project-grid>.project:nth-child(2n){margin-top:95px}.project-grid .window-media{aspect-ratio:1.35}.gallery-close{padding-block:110px}.gallery-close h2{font-size:clamp(40px,5.5vw,75px);line-height:1.05;letter-spacing:-.055em;margin-bottom:35px}[hidden]{display:none!important}
/* One short alignment, not a gate before browsing. */
.work-gallery[data-variant=d][data-motion=on] .opening-world>.project:nth-child(1) .window-media{transform:translateZ(calc((1 - var(--align))*-80px)) translateY(calc((1 - var(--align))*10px)) rotateY(calc((1 - var(--align))*14deg)) rotateZ(calc((1 - var(--align))*-3deg))}
.work-gallery[data-variant=d][data-motion=on] .opening-world>.project:nth-child(2) .window-media{transform:translateY(calc((1 - var(--align))*-35px)) scale(calc(1.06 - var(--align)*.06))}
.work-gallery[data-variant=d][data-motion=on] .opening-world>.project:nth-child(3) .window-media{transform:translateZ(calc((1 - var(--align))*-100px)) translateY(calc((1 - var(--align))*20px)) rotateY(calc((1 - var(--align))*-15deg)) rotateZ(calc((1 - var(--align))*3deg))}
.work-gallery[data-variant=e]{background:#f5f1e8}.work-gallery[data-variant=e] .opening-world{grid-template-columns:1fr 1fr;gap:70px 60px;padding-top:0}.work-gallery[data-variant=e] .opening-world>.project:first-child{grid-column:1/-1}.work-gallery[data-variant=e] .opening-world>.project:first-child .project-link{display:grid;grid-template-columns:1.6fr .75fr;gap:50px;align-items:center}.work-gallery[data-variant=e] .opening-world>.project:first-child .window-media{aspect-ratio:1.45;padding:40px}.work-gallery[data-variant=e] .opening-world>.project:first-child .project-caption h2{font-size:45px}.work-gallery[data-variant=e] .opening-world>.project:nth-child(3){margin-top:85px}.work-gallery[data-variant=e] .gallery-intro h1 em{color:#9a6e41}
.work-gallery[data-variant=f]{background:#142c2c;color:#f3f5e9}.work-gallery[data-variant=f] .gallery-nav .brand{filter:none}.work-gallery[data-variant=f] .gallery-intro h1 em{color:#c6d9ba}.work-gallery[data-variant=f] .project-caption p,.work-gallery[data-variant=f] .project-number{color:#b9cdc1}.work-gallery[data-variant=f] .filters button[aria-pressed=true]{background:#d5e3c5;color:#173c34}.work-gallery[data-variant=f] .opening-world{grid-template-columns:1.3fr 1fr;gap:30px 45px;align-items:stretch}.work-gallery[data-variant=f] .opening-world>.project:first-child{grid-row:1/3}.work-gallery[data-variant=f] .opening-world>.project:first-child .window-media{aspect-ratio:1.04}.work-gallery[data-variant=f] .opening-world>.project:not(:first-child) .window-media{aspect-ratio:2.1}.work-gallery[data-variant=f] .opening-world .project-caption{padding-block:15px 5px}.work-gallery[data-variant=f] .opening-world .project-caption p{font-size:13px}
.behind-work{background:#dce8da;color:#173a32;border-radius:12px;margin:0 0 70px;overflow:hidden}.behind-work summary{list-style:none;padding:35px 40px;display:grid;grid-template-columns:1fr auto;gap:14px;cursor:pointer}.behind-work summary .eyebrow{grid-column:1/-1;margin:0}.behind-work summary>span:nth-child(2){font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.unfold-label{font-size:12px;align-self:center}.unfold-body{padding:10px 40px 40px;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;transform-origin:50% 0}.unfold-body h2{font-size:36px;line-height:1.1;letter-spacing:-.04em}.unfold-body p,.unfold-body li{font-size:15px;line-height:1.7}.unfold-body img{width:100%;height:auto}.unfold-body ol{padding-left:20px;margin-bottom:28px}
.work-gallery[data-filtered=true] .opening-world{display:contents}.work-gallery[data-filtered=true] .portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}.work-gallery[data-filtered=true] .project-grid{display:contents}.work-gallery[data-filtered=true] .project{margin:0!important;grid-column:auto!important;grid-row:auto!important}.work-gallery[data-filtered=true] .project-link{display:block!important}.work-gallery[data-filtered=true] .window-media{aspect-ratio:1.4!important;transform:none!important}.work-gallery[data-filtered=true] .behind-work{display:none}
@media(hover:hover){.work-gallery[data-motion=on] .project-link:hover .window-media{transform:translateY(-10px) scale(1.025)!important;box-shadow:0 28px 55px #173a3235}.project-link:hover .enter-project{opacity:1;transform:none}}
.work-gallery[data-motion=on] .project-link:focus-visible .window-media{transform:translateY(-8px) scale(1.02)!important}.project-link:focus-visible .enter-project{opacity:1;transform:none}
@media(max-width:900px){.gallery-intro{display:block;padding-top:35px}.gallery-intro>p{margin-top:25px;max-width:600px}.gallery-tools{align-items:flex-start;flex-wrap:wrap}.opening-world{gap:20px}.project-caption{gap:10px}.project-caption p{font-size:13px}.project-grid{gap:45px 30px}.project-number{display:none}.work-gallery[data-variant=e] .opening-world>.project:first-child .project-link{display:block}.gallery-options{width:100%;justify-content:space-between}}
@media(max-width:650px){.gallery-nav{flex-wrap:wrap;gap:20px}.gallery-nav nav{font-size:13px;gap:22px}.gallery-nav .brand img:first-child{width:135px;height:auto}.gallery-nav .brand img:last-child{width:38px;height:auto}.gallery-intro h1{font-size:46px}.gallery-intro>p{font-size:16px}.gallery-tools{padding-bottom:15px}.filters{gap:6px}.gallery-tools button{padding-inline:13px}.opening-world,.project-grid,.work-gallery[data-variant=e] .opening-world,.work-gallery[data-variant=f] .opening-world,.work-gallery[data-filtered=true] .portfolio{display:grid;grid-template-columns:1fr;gap:35px;padding-block:15px 35px}.project{margin:0!important;grid-column:auto!important;grid-row:auto!important}.window-media,.work-gallery[data-variant=f] .opening-world>.project .window-media{aspect-ratio:1.3!important;transform:none!important;padding:30px 18px 25px}.project-caption h2,.work-gallery[data-variant=e] .opening-world>.project:first-child .project-caption h2{font-size:27px}.project-caption p{font-size:14px}.enter-project{opacity:1;transform:none}.behind-work{margin-bottom:35px}.behind-work summary{padding:25px;display:block}.behind-work summary span{display:block;margin-bottom:14px!important}.unfold-body{grid-template-columns:1fr;padding:0 25px 30px;gap:25px}.unfold-body h2{font-size:30px}.gallery-close{padding-block:65px}}
@media(prefers-reduced-motion:reduce){.work-gallery{scroll-behavior:auto}.window-media,.window-media img,.enter-project{transition:none!important;transform:none!important}.unfold-body{animation:none!important}}

.work-gallery .gallery-close .button{color:#142d31}.work-gallery .gallery-intro h1{margin:20px 0}.work-gallery .gallery-intro>p{color:#c3d6ca}

/* Departure snapshots are inert artwork; real project links update immediately. */
.work-gallery .filter-exit{pointer-events:none;overflow:clip}.work-gallery .filter-exit .enter-project{display:none}.work-gallery .filter-exit img{opacity:1!important}.work-gallery .filter-exit .window-media{box-shadow:none}

/* Greyson review G16 (October 2026). Opening "the thinking" grows smoothly and its content eases in; the
   label is a clear control whose plus turns to minus. Browsers without ::details-content or
   interpolate-size open instantly with the fade; reduced motion opens instantly. */
.unfold-label{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid currentColor;border-radius:30px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.unfold-label:after{content:'+';font-size:18px;line-height:1;font-weight:400}
.behind-work[open] .unfold-label:after{content:'\2212'}
.behind-work summary:hover .unfold-label,.behind-work summary:focus-visible .unfold-label{background:#173a32;color:#dce8da}
@media(prefers-reduced-motion:no-preference){
.behind-work{interpolate-size:allow-keywords}
.behind-work::details-content{block-size:0;overflow-y:clip;transition:block-size .45s cubic-bezier(.2,.7,.2,1),content-visibility .45s allow-discrete}
.behind-work[open]::details-content{block-size:auto}
.behind-work .unfold-body{transition:opacity .35s ease .05s,translate .45s cubic-bezier(.2,.7,.2,1)}
@starting-style{.behind-work[open] .unfold-body{opacity:0;translate:0 14px}}
}
.behind-work .unfold-when-open,.behind-work[open] .unfold-when-closed{display:none}.behind-work[open] .unfold-when-open{display:inline}