/* Aperture is the frame. Each project supplies its own material and motion. */
.portfolio-hero{padding-bottom:44px}.portfolio-intro-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px}.portfolio-intro-grid h1{margin-bottom:0}.portfolio-intro-copy{max-width:360px;padding-bottom:12px}.portfolio-intro-copy p{font-size:17px;line-height:1.8}.portfolio-intro-copy .inline-link{margin-top:12px}.portfolio-contact-sheet{display:grid;grid-template-columns:1fr 1fr 1fr;height:210px;gap:12px;margin-top:64px;overflow:hidden}.contact-sheet-cell{position:relative;overflow:hidden;border:1px solid var(--line)}.contact-sheet-cell img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.72;transition:opacity .5s,transform 1s}.contact-sheet-cell:hover img{opacity:1;transform:scale(1.04)}.contact-sheet-cell>span{position:absolute;inset:auto 0 0;background:#0b0c0fed;padding:10px 15px;font:10px var(--mono);color:var(--indigo)}
.portfolio-index{display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:81px;z-index:8;padding-block:0;background:#0b0c0ff5;border-block:1px solid var(--line);backdrop-filter:blur(16px)}.portfolio-index a{padding:22px 18px;display:flex;align-items:center;gap:16px;border-inline-start:1px solid var(--line);font:12px var(--mono);transition:color .2s,background .2s}.portfolio-index a:last-child{border-inline-end:1px solid var(--line)}.portfolio-index a>span:first-child{color:var(--indigo)}.portfolio-index a>span:last-child{margin-left:auto;color:var(--dim)}.portfolio-index a:hover,.portfolio-index a[aria-current]{background:#a5a7ff0e;color:var(--indigo)}
.portfolio-project{padding-top:100px;padding-bottom:40px;scroll-margin-top:0}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.project-heading .eyebrow{margin-bottom:12px;font-size:11px}.project-heading h2{margin:0;font-size:clamp(32px,4vw,56px)}.project-heading>p{font-size:14px;margin:0 0 8px;max-width:240px;text-align:right}.project-window{border:1px solid #3a3d4e;background:#0d0e13;box-shadow:0 20px 70px #0003}.project-window-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 20px;color:#a5a7ff;font-size:10px;border-bottom:1px solid var(--line)}.project-state{color:var(--muted);letter-spacing:.12em}.project-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.65;background:#16171e}.project-capture{position:absolute;inset:0;display:grid;align-content:start;background:#101116;transform:scale(1.045);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.project-capture img{display:block;width:100%;height:auto}.project-cover{position:absolute;inset:0;overflow:hidden;transition:transform 1.2s cubic-bezier(.65,0,.2,1),opacity .9s;will-change:transform;contain:paint}.project-cover img{display:block}.cover-corner{position:absolute;right:25px;bottom:23px;font:11px var(--mono);color:inherit;opacity:.7}.portfolio-small{display:block;font:10px/1.7 var(--mono);letter-spacing:.12em}.project-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-top:1px solid var(--line)}.project-enter{background:#a5a7ff0b;color:var(--text);border-color:#57596e;min-width:230px;justify-content:space-between}.project-enter:hover{background:#a5a7ff20;border-color:var(--indigo)}.project-full{font-size:11px;color:var(--muted)}.project-full:hover{color:var(--indigo)}.project-caption{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0}.project-thesis{font-size:22px;line-height:1.4;color:var(--text);margin:0}.project-tags{display:flex;justify-content:end;align-content:center;flex-wrap:wrap;gap:8px}.project-tags span{border:1px solid var(--line);padding:7px 10px;color:var(--muted);font-size:9px;height:fit-content}.project-story{border-block:1px solid var(--line)}.project-story summary{font:12px var(--mono);padding:20px 0}.project-story-body{display:grid;grid-template-columns:1fr .75fr;gap:60px;padding:20px 0 35px}.project-story-copy{display:grid;gap:26px}.project-story-copy .portfolio-small{color:var(--indigo);margin-bottom:10px}.project-story-copy p{font-size:15px;margin:0;line-height:1.8}.project-story figure{margin:0;align-self:start}.project-story figure img{display:block;aspect-ratio:1.15;width:100%;height:auto;object-fit:cover;object-position:top}.project-story figcaption{font:11px/1.7 var(--mono);margin-top:15px;color:var(--muted)}.portfolio-belief{padding-block:110px 80px;border-bottom:1px solid var(--line)}.portfolio-belief h2{font-size:clamp(32px,4vw,55px);margin-bottom:20px}.portfolio-belief>p:last-child{max-width:550px}
/* A warm postcard lifts off the page to reveal the journal. */
.project-megs .project-cover{background:#f7ecd5;color:#102d3d;transform-origin:15% 100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 1.2s cubic-bezier(.65,0,.2,1),transform 1.2s,opacity 1s}.travel-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.travel-paper{position:absolute;inset:0;background:linear-gradient(90deg,#fbf1dd 0%,#fbf1dde8 25%,#fbf1dd88 46%,transparent 70%);padding:7% 5.5%}.travel-paper strong{display:block;font:700 clamp(35px,5.3vw,76px)/.94 Georgia,serif;letter-spacing:-.055em;margin-top:7%;color:#102d3d}.travel-paper strong>span{display:block;font-weight:400;font-style:italic;color:#ac3830;margin-top:7px}.postcard-signature{display:block;font:italic 17px Georgia,serif;margin-top:36px;color:#8b4032}.portfolio-postmark{position:absolute;right:6%;top:9%;border:2px solid #a3342aba;outline:1px dashed #a3342a;outline-offset:-7px;border-radius:50%;width:110px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font:28px Georgia,serif;color:#a3342a;background:#f7ecd55c}.portfolio-postmark span{font:9px var(--mono);margin-top:6px}.project-megs.is-open .project-cover{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:rotate(-3deg) translate(-5%,-3%);opacity:0}
/* Photography is revealed like a wall sliding out of the way. */
.project-ipi .project-cover{color:#fff;background:#29251e}.architecture-landscape{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.architecture-copy{position:absolute;inset:0;padding:5.5%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#16151165,transparent 70%)}.architecture-copy strong{font:400 clamp(40px,6.2vw,88px)/1.02 Georgia,serif;letter-spacing:-.04em}.architecture-copy i{font-weight:400}.architecture-rule{position:absolute;left:61.8%;top:0;bottom:0;width:1px;background:#fff5;box-shadow:1px 0 35px 5px #fff2}.project-ipi .project-cover{clip-path:inset(0);transition:clip-path 1.35s cubic-bezier(.7,0,.2,1),filter 1.2s}.project-ipi.is-open .project-cover{clip-path:inset(0 0 0 100%);filter:brightness(1.5)}
/* A diagonal, high-contrast wipe follows LMX's paint marks. */
.project-lmx .project-cover{background:#070707;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .8s cubic-bezier(.7,0,.2,1),transform .8s}.industrial-paint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.industrial-copy{position:absolute;inset:0;padding:6%;background:linear-gradient(90deg,#050505bb,transparent);display:flex;flex-direction:column;justify-content:space-between}.industrial-copy strong{font:900 clamp(45px,8.2vw,120px)/.9 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.04em;position:relative;z-index:1}.industrial-copy strong span{color:#f32532}.industrial-cross{position:absolute;right:9%;top:12%;font:300 clamp(160px,25vw,350px)/1 Arial,sans-serif;transform:rotate(-8deg);color:#fff;opacity:.9;text-shadow:12px 12px #d51623}.project-lmx.is-open .project-cover{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transform:translateX(10%)}.portfolio-project.is-open .project-capture{transform:scale(1)}.portfolio-project.is-open .project-state{color:var(--indigo)}
@media(min-width:651px) and (max-width:1050px){.header-inner{gap:12px}nav#main-nav a{padding-inline:9px;font-size:12px}.portfolio-index a{font-size:10px;gap:10px}}
@media(max-width:900px){.portfolio-intro-grid{grid-template-columns:1fr;gap:24px}.portfolio-intro-copy{max-width:550px}.portfolio-contact-sheet{margin-top:35px;height:150px}.portfolio-project{padding-top:70px}.project-heading{align-items:start}.project-heading>p{max-width:190px;font-size:12px}.project-story-body{gap:30px}.project-stage{aspect-ratio:1.5}.travel-paper strong{font-size:6vw}.architecture-copy strong{font-size:7vw}.industrial-copy strong{font-size:9vw}}
@media(max-width:650px){.portfolio-hero{padding-bottom:25px}.portfolio-intro-grid h1{font-size:clamp(40px,10vw,58px)}.portfolio-intro-copy p{font-size:15px}.portfolio-contact-sheet{height:105px;gap:6px;margin-top:24px}.contact-sheet-cell>span{font-size:8px;padding:7px;white-space:nowrap;overflow:hidden}.portfolio-index{top:var(--portfolio-header-height,91px);padding-inline:12px;gap:0}.portfolio-index a{padding:14px 8px;font-size:9px;gap:8px;line-height:1.5;align-items:start}.portfolio-index a>span:last-child{display:none}.portfolio-project{padding-top:55px;scroll-margin-top:0}.project-heading{display:block;margin-bottom:20px}.project-heading>p{text-align:left;max-width:none;margin:12px 0 0}.project-heading .eyebrow{font-size:9px}.project-heading h2{font-size:34px}.project-window-bar{font-size:8px;padding:12px;gap:8px}.project-state{letter-spacing:0}.project-stage{aspect-ratio:auto;height:390px}.project-capture{height:100%;align-content:center}.project-capture img{width:100%;height:auto}.project-megs .project-capture{background:#f8edda}.project-ipi .project-capture{background:#24211d}.project-lmx .project-capture{background:#050505}.travel-landscape{object-position:64% center}.travel-paper{padding:28px 24px;background:linear-gradient(90deg,#fbf1ddf0,#fbf1dd98 48%,#fbf1dd12)}.travel-paper strong{font-size:46px;margin-top:70px}.postcard-signature{font-size:14px;margin-top:24px}.portfolio-small{font-size:8px}.portfolio-postmark{width:68px;font-size:19px;right:18px;top:50px}.portfolio-postmark span{font-size:7px}.architecture-copy{padding:28px 24px}.architecture-copy strong{font-size:53px}.architecture-landscape{object-position:53% center}.industrial-copy{padding:28px 24px}.industrial-copy strong{font-size:65px}.industrial-cross{font-size:190px;right:4%;top:13%;opacity:.4}.project-controls{padding:12px;gap:12px;flex-wrap:wrap}.project-enter{min-width:0;flex:1;font-size:11px;padding:11px 12px}.project-full{font-size:9px}.project-caption{grid-template-columns:1fr;gap:20px;padding:24px 0}.project-thesis{font-size:20px}.project-tags{justify-content:start;gap:6px}.project-tags span{font-size:8px;padding:6px 8px}.project-story-body{grid-template-columns:1fr;gap:25px}.project-story-copy p{font-size:14px}.project-story figure img{max-height:320px}.portfolio-belief{padding-block:65px 40px}.portfolio-belief h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.project-cover,.project-capture,.contact-sheet-cell img{transition:none!important;transform:none!important}.portfolio-project.is-open .project-cover{visibility:hidden}.portfolio-project .project-cover{will-change:auto}}
@media print{.portfolio-index,.project-controls,.portfolio-contact-sheet{display:none}.project-stage{height:auto;aspect-ratio:1.44}.project-cover{display:none}.project-capture{transform:none}.project-story-body{display:block}.portfolio-project{break-inside:avoid}}

.project-enter[hidden]{display:none}

/* A working excerpt of Meg's Thailand folio, within Aperture's design story. */

.portfolio-map{--map-ink:#17313e;--map-accent:#a9651b;background:#f5ead2;color:var(--map-ink);padding:32px;min-width:0;border:1px solid #d4c4a6;font-family:Georgia,serif}.portfolio-map p{color:#574b3c}.portfolio-map-intro{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:25px}.portfolio-map-intro .portfolio-small{color:#925b21;margin-bottom:12px}.portfolio-map-intro h3{font:400 clamp(30px,4vw,48px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0}.portfolio-map-intro>p{font-size:14px;line-height:1.6;max-width:390px;margin:0}.portfolio-map-folio{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);border:1px solid #cdbc9d;box-shadow:0 12px 30px #735f3814}.portfolio-map-column{min-width:0}.portfolio-map-heading{font:9px/1.5 var(--mono);padding:13px 16px;border-bottom:1px solid #cdbc9d;color:#766247}.portfolio-map-viewport{position:relative;overflow:hidden;aspect-ratio:3/2;background:#f5ead2;isolation:isolate}.portfolio-map-world{position:absolute;inset:0;transform-origin:center}.portfolio-map-world>img,.portfolio-map-world>svg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.portfolio-map-world>img{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.portfolio-map-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #96602d;background:#faf1df;color:#744716;border-radius:50%;width:36px;height:36px;padding:0;font:11px var(--mono);box-shadow:0 2px 8px #533b2c28;z-index:2}.portfolio-map-pin:hover,.portfolio-map-pin[aria-pressed=true]{background:#9d601e;color:#fff5e5;box-shadow:0 0 0 4px #9d601e25}.portfolio-map button:focus-visible{outline:3px solid #17313e;outline-offset:3px;z-index:3}.portfolio-map-label{position:absolute;transform:translate(-50%,-50%) rotate(-4deg);font:italic 11px Georgia,serif;color:#665338;white-space:nowrap;padding:2px 5px;background:#f7eddaae;pointer-events:none}.portfolio-map-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #cdbc9d;padding:12px;font:10px/1.5 var(--mono);color:#766247}.portfolio-map-zoom{display:flex;align-items:center;gap:4px}.portfolio-map-zoom button{border:1px solid #bba786;background:#faf1df;color:#744716;padding:6px 9px;min-height:34px;font:11px var(--mono)}.portfolio-map-zoom button:disabled{opacity:.4;cursor:default}.map-zoom-status{font-size:9px;min-width:34px;text-align:right}.portfolio-map-notes{padding:24px;background:#fcf3df;border-left:1px solid #cdbc9d;min-width:0}.portfolio-map-note-top{display:flex;justify-content:space-between;gap:10px;font:9px/1.6 var(--mono);color:#765c3b}.portfolio-map-stamp{display:grid;place-items:center;border:2px solid #9d601e80;outline:1px dashed #9d601e80;outline-offset:-6px;color:#9d601e;width:66px;height:66px;border-radius:50%;font:20px Georgia,serif;transform:rotate(-9deg);margin:22px 0}.portfolio-map-notes .portfolio-small{color:#925b21;font-size:9px;margin-bottom:8px}.portfolio-map-notes h4{font:400 28px/1.12 Georgia,serif;margin:0 0 14px;letter-spacing:-.035em}.portfolio-map-notes p:not(.portfolio-small){font-size:14px;line-height:1.7;margin-bottom:18px}.portfolio-map-notes dl{border-top:1px solid #cdbc9d;margin:0;padding-top:14px}.portfolio-map-notes dt{font:9px var(--mono);color:#925b21}.portfolio-map-notes dd{font-size:12px;margin:8px 0 0;line-height:1.6}.portfolio-map-stop-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.portfolio-map-stop-list button{display:flex;gap:10px;text-align:left;border:1px solid #cdbc9d;background:#fbf2df;color:#544632;padding:12px;font:12px/1.5 Georgia,serif;min-height:44px}.portfolio-map-stop-list button span{font:10px/1.8 var(--mono);color:#9d601e}.portfolio-map-stop-list button[aria-pressed=true]{border-color:#9d601e;background:#ebdbbd}.portfolio-map .portfolio-map-caption{font:10px/1.7 var(--mono);margin:18px 0 0;color:#766247}
@media(max-width:900px){.portfolio-map{padding:24px}.portfolio-map-intro{display:block}.portfolio-map-intro>p{margin-top:16px;max-width:none}.portfolio-map-folio{grid-template-columns:1fr}.portfolio-map-notes{border-left:0;border-top:1px solid #cdbc9d}.portfolio-map-stamp{float:right;margin:15px 0 10px 18px}.portfolio-map-note-top{margin-bottom:18px}.project-megs .project-story-copy{grid-template-columns:1fr}.portfolio-map-stop-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.portfolio-map{padding:16px 12px}.portfolio-map-intro h3{font-size:33px}.portfolio-map-intro>p{font-size:13px}.portfolio-map-heading{font-size:8px;padding:10px}.portfolio-map-label{font-size:8px}.portfolio-map-pin{width:30px;height:30px;font-size:10px}.portfolio-map-bottom{flex-wrap:wrap;padding:10px}.portfolio-map-zoom button{min-width:38px;min-height:38px}.portfolio-map-notes{padding:18px}.portfolio-map-notes h4{font-size:26px}.portfolio-map-stop-list{gap:6px}.portfolio-map-stop-list button{font-size:11px;padding:10px 8px;gap:7px}}

/* Restore the spacious composition at 85% of the original preview size. */
.portfolio-index{top:var(--portfolio-header-height,82px)}
.project-window{width:85%;max-width:none;margin-inline:auto;scroll-margin-top:calc(var(--portfolio-header-height,82px) + var(--portfolio-index-height,62px) - 89px)}
.project-stage{aspect-ratio:1.65;max-height:none}
.project-capture{display:block}
.project-capture img{width:100%;height:100%;object-fit:contain;object-position:center}
.project-story-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px;width:85%;margin-inline:auto}
.project-story-copy{grid-template-columns:1fr;gap:30px;min-width:0}
.project-story figure{width:100%;border:1px solid var(--line);background:var(--surface)}
.project-story figure img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.project-story figure figcaption{margin:0;padding:18px 22px;border-top:1px solid var(--line)}
/* Native disclosure behavior with the same flat, illuminated styling as home tabs. */
.project-story{border-top:0}
.project-story>summary{position:relative;justify-content:center;gap:24px;padding:18px 24px;border:1px solid var(--line);background:transparent;color:var(--dim);font:12px/1.5 var(--mono);transition:background .2s,color .2s}
.project-story>summary>span,.project-story[open]>summary>span{font:inherit;color:inherit;transform:none;transition:none}
.project-story>summary:hover{background:#a5a7ff10;color:var(--text)}
.project-story[open]>summary{background:#a5a7ff0a;color:var(--indigo)}
.project-story[open]>summary::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--indigo);box-shadow:0 0 12px #999aff50}
.story-toggle-icon::before{content:'＋'}.project-story[open] .story-toggle-icon::before{content:'−'}
@media(max-width:900px){.project-story-body{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){
  .project-window,.project-story-body{width:100%}
  .project-stage{aspect-ratio:auto;height:390px}
  .project-story>summary{font-size:11px;padding:17px 12px}
  .project-story figure img{max-height:none}
}

/* The live map adapts to the right-hand column as well as to narrow screens. */
.project-story .portfolio-map{container-type:inline-size;padding:20px}
@container(max-width:650px){
  .portfolio-map-intro{display:block}
  .portfolio-map-intro h3{font-size:32px}
  .portfolio-map-intro>p{margin-top:14px;font-size:13px}
  .portfolio-map-folio{grid-template-columns:1fr}
  .portfolio-map-notes{border-left:0;border-top:1px solid #cdbc9d;padding:18px}
  .portfolio-map-stamp{float:right;margin:15px 0 10px 18px}
  .portfolio-map-note-top{margin-bottom:18px}
  .portfolio-map-stop-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-map-stop-list button{font-size:11px;padding:10px 8px}
  .portfolio-map-bottom{flex-wrap:wrap}
  .portfolio-map-label{font-size:9px}
  .portfolio-map-pin{width:30px;height:30px;font-size:10px}
}

/* Chapter 27: a centered drifting point cloud beneath the scrolling portfolio. */
body[data-page="portfolio"]{isolation:isolate}
.portfolio-point-cloud{position:fixed;inset:0;width:100%;height:100svh;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
@media print{.portfolio-point-cloud{display:none}}