/* The two visual portfolios share a tactile file system */
.folder-eight{height:350px;padding-top:30px}.folder-eight .glass-folder{inset:20px 0 0}.folder-eight .folder-back{inset:120px 0 25px;border-radius:0 15px 20px 20px}.folder-eight .folder-back:before{top:-42px;width:43%;height:45px;border-radius:13px 18px 0 0;clip-path:polygon(0 0,80% 0,100% 80%,100% 100%,0 100%)}
.folder-eight .folder-sheet:nth-of-type(n){width:24%;height:145px;top:60px;left:38%;rotate:var(--sr);translate:var(--sx) var(--sy);transform:translateX(calc(var(--sx) * 2.1));animation:paperNudge 5.4s ease-in-out var(--delay) infinite;transition:top .7s cubic-bezier(.2,.8,.2,1),rotate .7s,filter .7s;transform-origin:50% 100%;background:#fff;z-index:2;border-radius:4px}
.folder-eight .folder-sheet:nth-of-type(n) img{object-fit:cover}.folder-eight .folder-sheet:last-of-type{z-index:5}.folder-eight .folder-front{bottom:25px;left:-2%;right:-2%;height:132px;border-radius:5px 18px 22px 22px;z-index:10;overflow:visible}.folder-eight .folder-front:before{content:"";position:absolute;top:-19px;left:-1px;width:36%;height:20px;background:linear-gradient(130deg,#f6e6eff0,#eadce5c9);border:1px solid #fff7;border-bottom:0;border-radius:10px 16px 0 0;clip-path:polygon(0 0,84% 0,100% 100%,0 100%)}
:root[data-theme=dark] .folder-eight .folder-front:before{background:linear-gradient(130deg,#91818ed9,#786474c9);border-color:#e5cce955}
.folder-eight:hover .folder-sheet:nth-of-type(n){top:calc(60px - var(--lift));rotate:calc(var(--sr) * 1.3);filter:drop-shadow(0 12px 10px #24151a20)}
@keyframes paperNudge{0%,100%{margin-top:0}45%{margin-top:-8px}60%{margin-top:-4px}75%{margin-top:-9px}}
.print-section{padding-block:65px 55px}.print-file{position:relative;margin-top:68px;background:linear-gradient(140deg,#ffffff30,#ffffff0a);padding:42px 35px 88px;border:1px solid #fff7;border-radius:0 20px 24px 24px;box-shadow:inset 0 2px #fff8,0 22px 40px #32213917;isolation:isolate}.print-tab{position:absolute;left:-1px;top:-38px;height:39px;padding:5px 46px 5px 24px;background:var(--lilac);border:1px solid #fff7;border-bottom:0;border-radius:14px 25px 0 0;font-weight:600}.print-sheets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.print-sheets .edit-tile{animation:printBreathe 10s ease-in-out infinite}.print-sheets .edit-tile:nth-child(2){animation-delay:-3s}.print-sheets .edit-tile:nth-child(3){animation-delay:-6s}.print-sheets .tile-art{aspect-ratio:4/5.4;background:#090909;border-radius:3px;box-shadow:0 13px 18px #1e122733}.print-sheets .tile-art img{object-fit:contain}.print-sheets figcaption{padding-top:14px;min-height:50px}.print-pocket{position:absolute;bottom:0;inset-inline:-1px;height:70px;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border:1px solid #fff8;border-radius:5px 5px 24px 24px;background:linear-gradient(125deg,#ffffff6a,#d3c5d54a);backdrop-filter:blur(18px);box-shadow:inset 0 2px 2px #fffa;font-weight:600}.print-pocket span:last-child{font-weight:400;color:var(--muted)}
@keyframes printBreathe{0%,100%{translate:0 0}50%{translate:0 -6px}}
.small-gestures{padding:65px 0 45px}.small-gestures .edit-heading{margin-bottom:16px}.notes-reel{--reel-width:270px;--reel-height:180px;padding:16px 0}.notes-reel .reel-frame{background:transparent;border-radius:8px}.notes-reel .toward-right{animation-duration:38s}
.brand-story{padding-block:38px 65px}.brand-billboard{border-radius:5px;overflow:hidden}.brand-billboard img,.brand-variations img{width:100%;height:auto}.brand-process{display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;align-items:center;padding:38px 0}.brand-word h3{font-size:var(--heading);font-weight:500;line-height:1.12;letter-spacing:-.04em}.brand-word p{margin-top:20px}.brand-swatches{display:flex;gap:10px;margin-top:24px}.brand-swatches i{width:38px;height:38px;border-radius:50%;background:#141414;box-shadow:inset 0 0 0 1px #8883}.brand-swatches i:nth-child(2){background:#fff}.brand-swatches i:nth-child(3){background:#ed7a1e}.brand-construction{overflow:hidden;border-radius:5px}.brand-construction img{width:100%;height:auto}.brand-variations{overflow:hidden;border-radius:5px}.brand-close{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px}
.quiet-link{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 15px;min-height:40px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(#ffffff15,#ffffff04);color:var(--muted);backdrop-filter:blur(10px);font-size:14px;transition:background .25s,color .25s,border-color .25s}.quiet-link:hover{background:var(--surface);color:var(--ink);border-color:var(--muted)}
.community-reels{--reel-width:300px;--reel-height:215px}.community-reels .reel-frame img{object-fit:cover}.community-edit .folder-eight .folder-sheet:last-of-type{z-index:8}.community-edit .folder-eight .folder-sheet:nth-last-child(2){z-index:8}.community-edit .opening-copy h1{font-size:clamp(44px,4.7vw,64px)}.community-edit .community-cutout{margin-top:40px}.sam-memento{max-width:330px;justify-self:center}.sam-memento img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}.sam-memento figcaption{font-size:14px;color:var(--muted);margin-top:12px;text-align:center}.community-contact-sheet{padding:0 0 35px}.people-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.people-matrix figure{overflow:hidden;border-radius:4px;aspect-ratio:1.3}.people-matrix img{width:100%;height:100%;object-fit:cover;animation:photoDrift 16s ease-in-out infinite!important}.people-matrix figure:nth-child(2n) img{animation-delay:-8s!important}.people-matrix figure:last-child img{object-position:50% 38%}.community-edit .event-caption{gap:12px}.community-edit .event-art{aspect-ratio:1.5}.community-edit .event-caption .quiet-link{margin-top:2px}.community-edit .film-section{padding-top:35px}
@keyframes photoDrift{0%,100%{scale:1}50%{scale:1.045}}
@media(max-width:1000px){.collection-opening{gap:0 35px}.folder-eight{height:330px}.folder-eight .folder-sheet:nth-of-type(n){height:122px;top:68px}.folder-eight:hover .folder-sheet:nth-of-type(n){top:calc(68px - var(--lift))}.folder-eight .folder-front{height:125px;padding:22px}.print-file{padding:28px 22px 85px}.print-sheets{gap:18px}.brand-process{gap:28px;grid-template-columns:.8fr 1.2fr}}
@media(max-width:700px){.folder-eight{height:250px;width:92%;max-width:365px;margin-top:25px}.folder-eight .glass-folder{inset:0}.folder-eight .folder-back{inset:88px 0 15px}.folder-eight .folder-sheet:nth-of-type(n){height:110px;top:44px}.folder-eight:hover .folder-sheet:nth-of-type(n){top:calc(44px - var(--lift) * .5)}.folder-eight .folder-front{height:102px;bottom:15px;padding:20px}.folder-eight .folder-back:before{height:33px;top:-31px}.print-section{padding-block:44px}.print-file{margin-top:58px;padding:25px 16px 77px}.print-sheets{gap:10px}.print-sheets figcaption{display:none}.print-pocket{height:59px;padding:14px 16px}.print-pocket span:last-child{font-size:14px}.notes-reel{--reel-width:240px;--reel-height:160px}.small-gestures{padding:44px 0 28px}.brand-process{grid-template-columns:1fr;gap:24px;padding:28px 0}.brand-word{display:grid;grid-template-columns:1fr auto}.brand-word p{grid-column:1/-1;max-width:450px;margin-top:14px}.brand-swatches{grid-row:1;grid-column:2;margin:0;align-items:center}.brand-swatches i{width:25px;height:25px}.brand-close{flex-direction:column;align-items:flex-start;gap:14px}.brand-story{padding-bottom:40px}.community-reels{--reel-width:245px;--reel-height:184px}.community-edit .community-cutout{margin-top:25px}.people-matrix{grid-template-columns:1fr 1fr;gap:12px}.community-edit .people-spread{gap:32px}.sam-memento{max-width:280px}.community-edit .opening-copy h1{font-size:44px}.community-edit .film-section{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.folder-eight .folder-sheet:nth-of-type(n),.print-sheets .edit-tile,.people-matrix img{animation:none!important}.folder-eight:hover .folder-sheet:nth-of-type(n){top:60px;rotate:var(--sr)}.notes-reel .reel-group{grid-template-columns:repeat(4,minmax(0,1fr))}.notes-reel .reel-frame{aspect-ratio:1.5}.community-reels .reel-frame{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.folder-eight:hover .folder-sheet:nth-of-type(n){top:44px}.notes-reel .reel-group{grid-template-columns:1fr 1fr}}
.brand-construction .brand-dark{display:none}:root[data-theme=dark] .brand-construction .brand-light{display:none}:root[data-theme=dark] .brand-construction .brand-dark{display:block}
@media(max-width:700px){.print-sheets{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:8px 0 14px;gap:18px}.print-sheets .edit-tile{flex:0 0 78%;scroll-snap-align:center}.print-sheets figcaption{display:block;min-height:0;padding-top:10px}.print-file{padding-bottom:75px}}