/* 016 / intentional composition: fixed cards, atmospheric photography, archival markings */
.archive-section{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 42%,#501a2c32,transparent 45%),#090809!important}
.archive-section::before{content:"";position:absolute;inset:12% -10% 4%;width:auto;height:auto;opacity:.33;background:linear-gradient(118deg,transparent 10%,#e6b8c00c 10.15%,transparent 10.3%,transparent 33%,#d58fa10b 33.2%,transparent 33.4%),repeating-linear-gradient(0deg,transparent 0 112px,#b8879310 113px 114px),repeating-linear-gradient(90deg,transparent 0 112px,#b8879310 113px 114px);pointer-events:none}
.archive-section::after{content:"ARCHIVE / CONTACT SHEET / 016";position:absolute;left:-6vw;top:43%;width:auto;height:auto;background:none!important;color:#d2a1b012;font:900 clamp(80px,14vw,250px)/1 'Space Grotesk',sans-serif;letter-spacing:-.09em;transform:rotate(-12deg);white-space:nowrap;pointer-events:none}
.archive-photograph{position:absolute;z-index:0;pointer-events:none;overflow:hidden;opacity:.30;filter:grayscale(1) contrast(1.6) sepia(.28);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 6%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 6%,transparent 72%)}
.archive-photograph img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.55) hue-rotate(300deg)}
.archive-photograph.a{top:13%;right:-8%;width:min(65vw,950px);height:34%}.archive-photograph.b{bottom:4%;left:-14%;width:min(72vw,1050px);height:32%;transform:rotate(-11deg)}
.archive-grunge{position:absolute;z-index:0;pointer-events:none;inset:0;opacity:.42;background:repeating-linear-gradient(111deg,transparent 0 89px,#dca2b208 90px 91px),radial-gradient(ellipse at 20% 66%,#8c243a30,transparent 42%);mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.archive-stamp{position:absolute;z-index:0;pointer-events:none;color:#b8808b42;font:500 10px 'DM Mono',monospace;letter-spacing:.35em;border:1px solid #a56a773b;padding:13px 19px;transform:rotate(-13deg)}.archive-stamp.one{top:27%;left:2%}.archive-stamp.two{right:3%;bottom:13%;transform:rotate(9deg)}
.archive-tools{display:block!important;margin:34px 0 16px!important}.archive-main-tabs{display:flex;gap:clamp(12px,3vw,45px);border-bottom:1px solid #8d556349;margin-bottom:17px}.archive-main-tabs button{position:relative;padding:10px 0 20px;border:0;background:none;color:#8d7880;font:700 clamp(27px,4.5vw,70px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;transition:color .25s,transform .4s cubic-bezier(.16,1,.3,1)}.archive-main-tabs button.active{color:#f0e0e4}.archive-main-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#c78199}.archive-main-tabs button:hover{color:#e5a8bc;transform:translateY(-3px)}.archive-main-tabs button small{font:10px 'DM Mono',monospace;letter-spacing:.1em;vertical-align:top;margin-left:8px;color:#c78199}
.archive-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(12px,2.6vw,42px)!important;align-items:start;min-height:650px;padding:60px 1.5% 95px!important;perspective:none!important}
.archive-grid>.tile{grid-column:span 4!important;min-height:0!important;aspect-ratio:.83;max-width:410px;width:100%;justify-self:center;overflow:hidden;transform:rotate(var(--tilt,0deg))!important;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .35s!important;will-change:auto!important}
.archive-grid>.tile:nth-child(6n+1){--tilt:-5deg;margin-top:0}.archive-grid>.tile:nth-child(6n+2){--tilt:4deg;margin-top:95px}.archive-grid>.tile:nth-child(6n+3){--tilt:-3deg;margin-top:28px}.archive-grid>.tile:nth-child(6n+4){--tilt:5deg;margin-top:10px}.archive-grid>.tile:nth-child(6n+5){--tilt:-5deg;margin-top:120px}.archive-grid>.tile:nth-child(6n){--tilt:3deg;margin-top:30px}
.archive-grid>.tile:hover,.archive-grid>.tile:focus-visible{transform:rotate(0deg) translateY(-15px) scale(1.035)!important;z-index:8;box-shadow:0 30px 95px #000c,0 0 55px #ac456044!important}.archive-grid>.tile:active{transform:rotate(0deg) translateY(-5px) scale(.985)!important}
.archive-grid>.tile .tile-bottom h3{font-size:clamp(20px,2.2vw,34px)}.archive-grid>.tile .tile-icon{width:clamp(60px,8vw,105px);height:clamp(60px,8vw,105px)}
.archive-grid>.tile.link-tile{aspect-ratio:1.02}.archive-grid>.tile.link-tile .tile-reveal span:first-child{font-size:0}.archive-grid>.tile.link-tile .tile-reveal span:first-child:after{content:"OPEN PROFILE ↗";font-size:10px}
.archive-section .section-head,.archive-section .archive-tools,.archive-section .archive-grid,.archive-section .archive-foot{position:relative;z-index:2}
@media(max-width:900px){.archive-grid>.tile{grid-column:span 6!important;max-width:390px}.archive-grid>.tile:nth-child(n){margin-top:0}.archive-grid>.tile:nth-child(even){margin-top:65px}}
@media(max-width:560px){.archive-main-tabs button{font-size:clamp(27px,9vw,44px)}.archive-grid{gap:14px!important;padding:32px 0 65px!important;min-height:0}.archive-grid>.tile{grid-column:span 6!important;aspect-ratio:.77}.archive-grid>.tile:nth-child(even){margin-top:44px}.archive-grid>.tile .tile-top,.archive-grid>.tile .tile-bottom{left:10px;right:10px}.archive-grid>.tile .tile-top{top:12px}.archive-grid>.tile .tile-bottom{bottom:12px}.archive-grid>.tile .tile-bottom h3{font-size:clamp(14px,4.3vw,23px)}.archive-grid>.tile .tile-icon{width:50px;height:50px}.archive-grid>.tile .tile-reveal{display:none}.archive-photograph.a{width:110vw;right:-35%}.archive-photograph.b{width:120vw}}
@media(prefers-reduced-motion:reduce){.archive-grid>.tile,.archive-main-tabs button{transition:none!important}.archive-grid>.tile:hover{transform:rotate(0deg)!important}}