@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#f4f2eb;--ink:#262923;--accent:#5b694c;--line:#d4d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{background:none;border:0}header{height:98px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px}.brand{font-size:42px;font-weight:600;letter-spacing:-4px}.brand span{font-size:11px;letter-spacing:0;vertical-align:top;display:inline-block;margin:10px 0 0 7px}.header-label{font-size:10px;letter-spacing:1.5px;margin-right:auto}.nav-link{font-size:12px}.nav-link span{margin-left:25px}.search-toggle{font-size:27px;border-left:1px solid var(--line);padding-left:28px}.hero{position:relative;padding:64px 8% 68px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;display:flex;gap:12px;align-items:center}.status{height:6px;width:6px;border-radius:50%;background:#78916b;box-shadow:0 0 0 5px #78916b18}h1{font-size:clamp(58px,7.8vw,116px);line-height:1.02;letter-spacing:-6px;font-weight:500;margin:40px 0 34px;position:relative}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--accent)}.asterisk{font-size:114px;position:absolute;right:3%;top:10px;color:#6b7759;animation:rotate 40s linear infinite}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero p{font-size:14px;line-height:1.8}.hero p span{color:#7b7d71}.explore{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:45px;padding:15px 0;border-bottom:1px solid var(--ink)}.explore span{font-size:28px;transition:transform .4s}.explore:hover span{transform:translateY(6px)}.index-stamp{position:absolute;right:9%;top:52%;font-size:10px;line-height:1.8;letter-spacing:1px}.collection{padding:65px 5%;background:#e9e9df;border-top:1px solid var(--line)}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}small{font-size:10px;letter-spacing:1.6px}h2{font-size:39px;font-weight:500;letter-spacing:-1.5px;margin:15px 0 0}h2 span{color:var(--accent);margin-left:22px}.muted{font-size:12px;color:#73776b}.toolbar{display:flex;gap:16px;align-items:center;border-top:1px solid #cccebf;border-bottom:1px solid #cccebf;padding:18px 0}.filters{display:flex;gap:5px;flex:1;flex-wrap:wrap}.filters button{border-radius:30px;padding:10px 17px;font-size:12px;transition:background .3s,color .3s}.filters button:hover{background:#d7dccd}.filters button.active{background:var(--ink);color:var(--bg)}.search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #aeb2a3;padding:8px 0}.search>span{font-size:23px}input{border:0;background:none;font:inherit;font-size:12px;width:165px;color:inherit;outline:none}kbd{font-size:10px;border:1px solid #b9bdae;padding:2px 5px}.view-toggle{font-size:25px;padding:8px}.results-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#74786b;margin:22px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{min-width:0;animation:arrive .55s both}.preview{position:relative;background:var(--tint);padding:32px 28px 0;overflow:hidden;aspect-ratio:1.47;cursor:pointer;display:block;width:100%;text-align:left}.browser{border-radius:6px 6px 0 0;overflow:hidden;box-shadow:0 14px 40px #14200d20;transition:transform .7s cubic-bezier(.2,.7,.2,1);background:#fff;height:100%}.browser-top{height:24px;background:#f9f9f6;display:flex;align-items:center;gap:4px;padding:0 10px}.browser-top i{width:4px;height:4px;background:#c8cabe;border-radius:50%}.browser-top span{font-size:7px;margin:auto;color:#898e7f;letter-spacing:1px}.browser img{width:100%;display:block;min-height:100%;object-fit:cover;object-position:top}.preview:hover .browser{transform:translateY(-7px) scale(1.025)}.peek{position:absolute;right:20px;bottom:20px;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;background:var(--ink);color:#fff;transition:transform .4s,background .4s;font-size:22px}.preview:hover .peek{transform:rotate(45deg);background:#56654a}.meta{display:flex;justify-content:space-between;gap:18px;margin-top:18px}.meta small{font-size:9px;color:#7c8172}.meta h3{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:8px 0}.meta p{font-size:12px;line-height:1.7;color:#717668;margin:0;max-width:370px}.visit{border:1px solid #bfc4b4;border-radius:50%;min-width:42px;height:42px;display:grid;place-items:center;transition:background .4s,color .4s}.visit:hover{background:var(--ink);color:white}.project-footer{display:flex;justify-content:space-between;margin-top:18px;font-size:9px;color:#777d6d;letter-spacing:1px}.project-footer button{font-size:10px;border-bottom:1px solid #aaa;padding:0 0 3px}.grid.list{grid-template-columns:1fr}.grid.list .project{display:grid;grid-template-columns:38% 1fr;column-gap:32px;border-bottom:1px solid var(--line);padding-bottom:24px}.grid.list .preview{grid-row:span 2}.grid.list .meta{align-self:center}.grid.list .project-footer{align-self:end}#empty{text-align:center;padding:70px 0}#reset{border-bottom:1px solid;padding:12px}.endnote{padding:75px 8%;display:flex;align-items:center;gap:40px}.big-star{font-size:80px;color:var(--accent)}.endnote p{font-size:35px;line-height:1.2;letter-spacing:-1px}.endnote>a{margin-left:auto;font-size:11px;border-bottom:1px solid;padding:13px 0}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:10px;color:#767b6d}dialog{width:min(1000px,94vw);max-height:92dvh;padding:24px;background:var(--bg);border:0;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#172015aa;backdrop-filter:blur(10px)}dialog[open]{animation:arrive .45s}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.dialog-top button{font-size:22px}.dialog-bottom{padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.dialog-bottom button{font-size:12px}.detail-img{width:100%;max-height:48vh;object-fit:cover;object-position:top;margin:22px 0}.detail-copy{display:flex;align-items:center;justify-content:space-between;gap:30px}.detail-copy h2{margin:0 0 10px}.detail-copy p{font-size:13px;line-height:1.7;max-width:550px;color:#737869}.live-link{white-space:nowrap;background:var(--ink);color:#fff;padding:17px 22px;font-size:12px;transition:background .3s}.live-link:hover{background:var(--accent)}.tags{font-size:10px;letter-spacing:1px;color:var(--accent)}#loader,#exit{position:fixed;inset:0;background:var(--ink);color:var(--bg);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:transform .75s cubic-bezier(.7,0,.2,1)}#loader>span{font-size:110px;letter-spacing:-10px}#loader small{margin-top:20px;font-size:9px}#loader i{height:1px;width:130px;background:#758064;margin-top:25px;transform-origin:left;animation:load .75s both}#loader.done{transform:translateY(-100%)}.dot{color:#a8b58f}#exit{transform:translateY(100%);font-size:30px;z-index:110}#exit.show{transform:translateY(0)}.progress{height:2px;background:var(--accent);position:fixed;top:0;left:0;z-index:50;width:0}.changing{animation:arrive .35s}.nav-link,.project-footer button{transition:color .4s}.nav-link:hover,.project-footer button:hover{color:#849767}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:760px){header{height:78px;gap:18px}.header-label{display:none}.brand{margin-right:auto}.hero{padding:45px 6%}h1{letter-spacing:-3px;font-size:65px}.asterisk{font-size:50px;right:0;top:85px}.index-stamp{display:none}.hero-bottom{gap:18px}.hero p{font-size:12px}.explore{gap:20px;font-size:9px}.section-top{display:block}.muted{display:block;margin-top:20px}h2{font-size:32px}.toolbar{flex-wrap:wrap}.filters{flex-basis:100%}.filters button{padding:9px 12px}.search{flex:1}input{width:100%}.grid{grid-template-columns:1fr;gap:35px}.results-line>span:last-child{display:none}.preview{padding:25px 22px 0}.endnote{gap:20px;flex-wrap:wrap;padding:45px 6%}.endnote p{font-size:29px}.big-star{font-size:57px}.endnote>a{margin:0 0 0 76px}footer{gap:20px}footer>span{max-width:150px;line-height:1.8}.grid.list .project{display:block}.detail-copy{display:block}.live-link{display:inline-block;margin-top:12px}.dialog-bottom>span{display:none}.detail-copy h2{font-size:29px}.eyebrow{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}