:root{--paper:#faf9f4;--ink:#171413;--line:#171413;--serif:"Italiana",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}
.archive-header{position:sticky;top:0;z-index:60;height:74px;min-height:74px;padding:10px clamp(15px,2.4vw,34px);display:grid;grid-template-columns:minmax(260px,1fr) 160px 130px;align-items:center;gap:25px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}
.archive-header .archive-brand{display:flex!important;align-items:center!important;align-self:stretch;width:auto!important;height:auto!important;min-width:0;gap:13px;text-decoration:none;font:400 clamp(23px,2.2vw,34px)/1 var(--serif)}
.archive-header .archive-brand::after{height:100%!important;max-height:54px;align-items:center!important;font-size:clamp(18px,2vw,27px)!important;line-height:1!important}
.archive-monogram{width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;font:500 11px/1 var(--mono);transform:rotate(-4deg)}
.archive-header p{margin:0;font:400 10px/1.15 var(--sans)}
.page-stack{flex:1 0 auto;overflow:hidden;background:var(--paper)}
.file-page{background:var(--file);border-bottom:1px solid var(--line)}
.file-tab{width:100%;height:76px;padding:7px clamp(15px,2.4vw,34px);display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(150px,.48fr) minmax(250px,.83fr) auto;align-items:center;gap:clamp(16px,2.5vw,40px);border:0;background:var(--file);color:var(--ink);text-align:left;cursor:pointer}
.file-tab:hover,.file-tab:focus-visible{outline:none;filter:brightness(.985)}
.file-tab:hover .tab-title,.file-tab:focus-visible .tab-title{transform:translateX(5px)}
.file-tab:focus-visible .tab-action{text-decoration-thickness:2px}
.tab-title{font:400 clamp(29px,3vw,49px)/.88 var(--serif);letter-spacing:-.035em;white-space:nowrap;transition:transform .2s ease}
.tab-date,.tab-action{font:400 9px/1.28 var(--mono)}
.tab-note{max-width:390px;font:400 11px/1.18 var(--sans)}
.tab-action{justify-self:end;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.file-sheet{height:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:clamp(22px,4vw,65px);padding:0 clamp(18px,5vw,80px);background:var(--file);overflow:hidden;opacity:0;transition:padding .3s ease,opacity .2s ease}
.file-page:not(.is-open) .file-tab{position:relative;overflow:hidden}
.file-page:not(.is-open) .file-tab::after{content:"";position:absolute;left:47%;right:19%;bottom:0;height:17px;background-image:var(--peek);background-size:cover;background-position:center;opacity:.72}
.file-page.is-open .file-sheet{height:auto;min-height:clamp(340px,43vh,430px);padding-top:24px;padding-bottom:30px;overflow:visible;opacity:1;border-top:1px solid rgba(23,20,19,.35)}
.sheet-image{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(23,20,19,.45);background:#fff}
.sheet-image>img:first-child{width:72%;height:100%;display:block;object-fit:cover;object-position:center;background:rgba(255,255,255,.55)}
.home-sheet-image>img:first-child,.about-sheet-image>img:first-child{width:68%;object-fit:cover;object-position:center}
.home-collage-sheet{overflow:visible;border:0;background:transparent}
.home-collage-sheet>img:first-child{width:100%;object-fit:contain;object-position:center;background:transparent;mix-blend-mode:multiply}
.image-underlay{position:absolute;right:0;top:0;width:42%;height:100%;object-fit:cover;border-left:10px solid var(--file);filter:saturate(.82)}
.artwork-sheet-image{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;background:#fff}
.artwork-sheet-image a{min-width:0;overflow:hidden;background:var(--paper)}
.artwork-sheet-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.artwork-sheet-image a:hover img,.artwork-sheet-image a:focus-visible img{transform:scale(1.025)}
.sheet-copy{align-self:center;max-width:510px}
.sheet-copy>span{font:400 9px/1.2 var(--mono);letter-spacing:.05em}
.sheet-copy h1,.sheet-copy h2{margin:18px 0 14px;font:400 clamp(38px,4.5vw,72px)/.92 var(--serif);letter-spacing:-.045em}
.sheet-copy p{margin:0 0 25px;max-width:500px;font:400 clamp(14px,1.3vw,18px)/1.35 var(--sans)}
.sheet-copy a{display:inline-block;margin-right:22px;font:400 10px/1.2 var(--mono);text-underline-offset:5px}
.archive-footer{flex:0 0 auto;width:100%;margin-top:auto;min-height:58px;padding:10px clamp(15px,2.4vw,34px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;background:#111;color:white;font:400 9px/1.3 var(--mono)}
.archive-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;text-transform:uppercase}.archive-footer a{text-underline-offset:3px}
.file-page:nth-child(1){--peek:url('assets/home-collect-what-moves-you.png')}.file-page:nth-child(2){--peek:url('assets/about-floral-portrait.png')}.file-page:nth-child(3){--peek:url('assets/replacement-pink-art.jpeg')}.file-page:nth-child(4){--peek:url('assets/calendar/lovely-local-series.jpeg')}.file-page:nth-child(5){--peek:url('assets/calendar/lovely-local-series.jpeg')}.file-page:nth-child(6){--peek:url('assets/floral-collage.jpeg')}.file-page:nth-child(7){--peek:url('assets/artwork-new-05.jpg')}.file-page:nth-child(8){--peek:url('assets/sima-contact-hat.jpg')}
@media(max-width:680px){.archive-header{grid-template-columns:1fr auto}.archive-header p:first-of-type{display:none}.file-tab{height:auto;min-height:92px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:7px 15px;padding-block:12px}.tab-title{font-size:clamp(30px,8vw,47px)}.tab-date{grid-column:1}.tab-note{display:none}.tab-action{grid-column:2;grid-row:1/span 2}.file-page.is-open .file-sheet{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(300px,55vh) auto;padding:18px 18px 34px;gap:22px}.sheet-copy{align-self:start}.sheet-copy h1,.sheet-copy h2{font-size:clamp(40px,11vw,62px);margin:12px 0}.sheet-copy a{margin-top:4px;margin-bottom:12px}.file-page:not(.is-open) .file-tab::after{left:54%;right:18%;bottom:0}.artwork-sheet-image{grid-template-columns:repeat(3,minmax(120px,1fr));overflow-x:auto}}
@media(max-width:700px){.archive-footer{grid-template-columns:1fr;justify-items:start;gap:12px}.archive-footer-links{justify-content:flex-start}}
@media(max-width:480px){.archive-header{height:68px;min-height:68px;grid-template-columns:1fr}.archive-header p{display:none}.archive-header .archive-brand{width:100%!important;height:auto!important;font-size:24px}.archive-header .archive-brand::after{font-size:20px!important}.archive-monogram{width:38px}.file-tab{min-height:86px}.tab-title{font-size:clamp(27px,8.5vw,40px)}.tab-action{font-size:8px}.file-page.is-open .file-sheet{grid-template-rows:minmax(320px,68vh) auto}.archive-footer{height:auto;min-height:62px;gap:12px;padding-block:15px}.archive-footer-links{display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){.file-sheet{transition:none}}
