@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#080808;--paper:#eeeae3;--muted:#aaa69f;--line:#33302d;--red:#e6382c}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--paper);font:16px/1.5 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:0}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip-link{position:absolute;left:24px;top:-100px;background:var(--paper);color:var(--ink);padding:12px;z-index:10}.skip-link:focus{top:12px}
.crew-shell{max-width:1600px;padding:0 48px;margin:auto}.crew-header{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:114px;border-bottom:1px solid var(--line)}.crew-brand{width:136px;flex:none}.crew-brand img{width:100%;height:auto}.crew-nav{display:flex;align-items:center;gap:36px;font-size:14px}.crew-nav a{padding:14px 0}.crew-nav a[aria-current]{border-bottom:2px solid var(--red)}.crew-nav a:hover{color:#fff}.crew-menu{display:flex;gap:20px;align-items:center;font-size:14px;min-height:44px}.arrow{width:15px;height:15px;display:inline-block;position:relative;flex:none}.arrow::before{content:'';position:absolute;right:0;top:0;width:10px;height:10px;border-right:1px solid currentColor;border-top:1px solid currentColor}.arrow::after{content:'';position:absolute;right:0;top:0;width:19px;height:1px;background:currentColor;transform-origin:right;transform:rotate(-45deg)}
.crew-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:34px 0 28px}.crew-heading-meta{display:none}.eyebrow{font:12px/1.7 'Space Mono',monospace;letter-spacing:.12em;color:var(--muted);margin:0 0 20px}.eyebrow::before{content:'';display:inline-block;width:22px;height:1px;background:var(--red);vertical-align:middle;margin-right:12px}.crew-heading h1{font:500 clamp(56px,6.5vw,100px)/.95 Oswald,sans-serif;letter-spacing:-.035em;margin:0;text-transform:uppercase;color:#eeeae3}.crew-heading h1 span{color:var(--red)}.crew-heading-meta{padding-bottom:5px;text-align:right}.crew-heading-meta p{margin:0 0 15px;color:#c6c1b9;font-size:16px}.crew-heading-meta a{display:inline-flex;gap:25px;align-items:center;font-size:14px;border-bottom:1px solid #77706a;padding:12px 0}.board-toolbar{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;margin-top:8px;font:12px/1.5 'Space Mono',monospace;color:var(--muted);letter-spacing:.07em}.board-toolbar span strong{color:var(--paper);font-weight:400}.board-toolbar button{font:12px 'Space Mono',monospace;background:none;border-bottom:1px solid #847a70;padding:7px 0;color:var(--paper)}
.crew-board{position:relative;padding:38px 0 60px;isolation:isolate}.crew-board::before{display:none}.crew-tier{position:relative;display:flex;justify-content:center;align-items:stretch;--tier-gap:clamp(16px,2vw,32px);gap:var(--tier-gap);margin-bottom:54px}.crew-tier:last-child{margin-bottom:0}.crew-tier::before{content:'';position:absolute;top:-27px;bottom:-27px;left:50%;width:1px;transform:translateX(-50%);background:#e6382c70;z-index:-1}.crew-tier:first-child::before{top:100%}.crew-tier:last-child::before{display:none}.crew-tier-1{--card-width:244px}.crew-tier-2{--card-width:226px}.crew-tier-3{--card-width:210px}.crew-tier-4{--card-width:190px}.crew-card{position:relative;flex:0 1 var(--card-width);min-width:0;display:flex;background:#0c0b0a}.crew-card::before{content:'';position:absolute;left:50%;height:27px;top:-27px;width:1px;transform:translateX(-50%);background:#e6382c70;z-index:-1}.crew-card:not(:last-child)::after{content:'';position:absolute;left:50%;top:-27px;width:calc(100% + var(--tier-gap));height:1px;background:#e6382c70;z-index:-1}.crew-tier:first-child .crew-card::before{display:none}.crew-card:hover,.crew-card:focus-within{z-index:2}.crew-card .file-open{display:flex;flex-direction:column;padding:0;background:transparent;width:100%;text-align:left;position:relative}.file-strip{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#d9d4cb;color:#27241f;font:12px 'Space Mono',monospace;letter-spacing:.02em;border-bottom:1px solid #aaa398}.file-strip i{display:block;width:25px;height:6px;background:#24211e}.file-art{width:100%;position:relative;background:#d9d4cb;overflow:hidden}.file-art img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;transition:filter .3s}.file-art::after{content:'OPEN FILE';position:absolute;inset:auto 12px 12px;padding:10px;background:#080808ed;color:var(--paper);text-align:center;font:12px 'Space Mono',monospace;letter-spacing:.16em;transform:translateY(65px);transition:transform .3s}.crew-card:hover .file-art::after,.crew-card:focus-within .file-art::after{transform:none}.file-caption{width:100%;flex:1;min-height:80px;border-bottom:1px solid #685d54;padding:12px 0 10px;display:flex;gap:12px;align-items:center;justify-content:space-between}.file-caption h2{font:500 clamp(19px,1.7vw,26px)/1.1 Oswald,sans-serif;letter-spacing:.015em;margin:0}.file-caption .arrow{width:11px;height:11px}.file-caption .arrow::before{width:7px;height:7px}.file-caption .arrow::after{width:14px}.crew-card[data-slug=punch] .file-strip{background:var(--red);color:var(--ink);border-color:#93241c}.crew-card[data-slug=punch] .file-caption h2{font-size:31px}.crew-card[data-slug=daylyt]{z-index:1}
.crew-board.is-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}.crew-board.is-list .crew-tier{display:contents}.crew-board.is-list::before,.crew-board.is-list .crew-card::before,.crew-board.is-list .crew-card::after,.crew-board.is-list .crew-tier::before{display:none}.crew-board.is-list .crew-card{transform:none;margin:0;align-self:start}.crew-board.is-list [data-slug=punch]{order:-2}.crew-board.is-list [data-slug=daylyt]{order:-1}
.crew-invitation{border-block:1px solid #5d302a;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(90deg,#e6382c0d,transparent)}.crew-invitation p{font:12px 'Space Mono',monospace;color:var(--muted);margin:0 0 12px}.crew-invitation h2{font:400 clamp(32px,3.4vw,54px)/1.1 Oswald,sans-serif;margin:0;text-transform:uppercase}.crew-invitation a{display:flex;align-items:center;gap:45px;padding:18px 22px;background:var(--red);color:#080808;white-space:nowrap}.crew-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 0 30px;font:12px/1.6 'Space Mono',monospace;color:var(--muted)}.crew-footer img{width:190px;height:auto}.crew-footer a:last-child{min-height:44px;display:flex;align-items:center}
.dossier-dialog{width:min(1060px,calc(100% - 40px));padding:0;max-height:calc(100svh - 40px);border:1px solid #62584f;background:#10100f;color:var(--paper);overflow:auto}.dossier-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dossier-dialog .dialog-top{position:sticky;top:0;z-index:2;background:#11100f;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid #544139}.dialog-top p{font:12px 'Space Mono',monospace;margin:0;color:var(--muted);letter-spacing:.1em}.dialog-close{height:44px;min-width:70px;padding:0;background:transparent;text-align:right;font-size:14px}.dossier-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:32px;padding:26px}.dossier-full{display:block;padding:0;background:#d9d4cb;width:100%;align-self:start;cursor:zoom-in}.dossier-full img{width:100%;height:auto}.dossier-details{align-self:center;padding:10px}.dossier-details .eyebrow{font-size:12px;margin-bottom:12px}.dossier-details h2{font:500 clamp(38px,5vw,67px)/1.05 Oswald,sans-serif;margin:0 0 25px;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}.dossier-details p{color:#bcb5ae;font-size:16px;margin:0 0 25px}.dossier-actions{display:grid;gap:14px}.dossier-actions a{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #66594f;font-size:14px}.dossier-actions a:first-child{background:var(--red);color:var(--ink);border:0;padding:12px 15px}.file-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;border-top:1px solid #473f38;padding-top:12px}.file-pagination button{font-size:14px;padding:12px 0;background:none}.file-pagination span{font:12px 'Space Mono',monospace;color:var(--muted)}.dossier-dialog.is-zoomed .dossier-content{display:block}.dossier-dialog.is-zoomed .dossier-full{cursor:zoom-out}.dossier-dialog.is-zoomed .dossier-details{display:none}.zoom-hint{font:12px 'Space Mono',monospace!important;margin-top:18px!important}

@media(max-width:1100px) and (min-width:701px){.crew-tier{--tier-gap:18px}.crew-tier-1{--card-width:216px}.crew-tier-2{--card-width:198px}.crew-tier-3{--card-width:180px}.crew-tier-4{--card-width:154px}.crew-tier-4 .file-strip{font-size:12px;padding:7px 5px}.crew-tier-4 .file-strip i{display:none}.crew-tier-4 .file-caption h2{font-size:19px}.crew-nav{gap:23px}.crew-board.is-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.crew-header{min-height:0;gap:16px;flex-wrap:wrap;padding-top:18px}.crew-brand{width:112px}.crew-nav{display:flex}.crew-menu{gap:13px}.crew-heading{display:block;padding-top:28px}.crew-heading h1{font-size:clamp(44px,12vw,56px)}.crew-heading-meta{text-align:left;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:25px}.crew-heading-meta p{font-size:14px;max-width:150px;margin:0}.crew-heading-meta a{font-size:14px;gap:15px}.eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:17px}.board-toolbar{font-size:12px;letter-spacing:0}.board-toolbar>span:last-of-type{display:none}.crew-board,.crew-board.is-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px;padding-top:30px;padding-bottom:36px}.crew-tier{display:contents}.crew-tier::before{display:none}.crew-card{width:100%;transform:none}.crew-card::before,.crew-card::after{display:none}.crew-card[data-slug=punch],.crew-card[data-slug=daylyt]{grid-column:1/-1;justify-self:center;width:232px;max-width:78%}.crew-card[data-slug=punch]{order:-2}.crew-card[data-slug=daylyt]{order:-1}.crew-card .file-caption h2{font-size:21px}.crew-card:hover{transform:none}.file-art::after{display:none}.crew-board.is-list .crew-card[data-slug=punch],.crew-board.is-list .crew-card[data-slug=daylyt]{grid-column:auto;width:100%;max-width:none}.crew-board.is-list .file-caption h2{font-size:21px}.file-strip{padding-inline:8px}.file-strip i{width:18px}.crew-invitation{display:block;padding:28px 0}.crew-invitation a{margin-top:23px;justify-content:space-between;max-width:340px}.crew-footer{flex-wrap:wrap;gap:20px}.crew-footer img{width:190px}.crew-footer>span{max-width:130px}.dossier-dialog{width:calc(100% - 20px);max-height:calc(100svh - 20px)}.dossier-content{display:block;padding:14px}.dossier-details{padding:24px 6px 6px}.dossier-details h2{font-size:40px}.dossier-dialog .dialog-top{padding:8px 18px}.crew-board.is-list{gap:28px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.crew-card:hover,.crew-card:focus-within{transform:none}}

/* Consistent dossier baselines in the all-files view. */
.crew-board.is-list .file-caption{min-height:82px;align-items:flex-start}
.crew-board.is-list .file-caption h2{font-size:clamp(19px,1.7vw,26px);line-height:1.15}
.crew-board.is-list .file-caption .arrow{margin-top:5px}
@media(max-width:700px){.crew-card:focus-within{transform:none}.crew-board.is-list .file-caption h2{font-size:21px}.crew-board.is-list .file-caption{min-height:74px}}

/* ---- OPEN FILE on touch screens (2026-09-14) ------------------------------
   No hover on a phone: the bar rises as a file reaches the middle of the
   screen, and a tap stamps it OPENING FILE before the dossier opens. */
@media (hover:none){
  .file-art::after{display:block}
  .crew-card.is-in-view .file-art::after{transform:none}
}
@media (hover:none) and (max-width:700px){
  .file-art::after{inset:auto 8px 8px;padding:8px 4px;font-size:10px;letter-spacing:.14em;transform:translateY(52px)}
}
.crew-card.is-opening .file-art::after{content:'OPENING FILE';background:var(--red);color:var(--ink);transform:none}
.crew-card.is-opening .file-art img{filter:brightness(1.06) contrast(1.04)}
@media (prefers-reduced-motion:reduce){.file-art::after{transition:none}}

/* polish-2 (2026-09-27): same gutters and wordmark as Film/Music; the title itself comes from arfom-polish.css. */
@media(max-width:1100px){.crew-shell{padding:0 28px}}
@media(max-width:520px){.crew-shell{padding:0 16px}}

/* polish-3: phone wordmark 112px like Film/Music */