
.collection{background:#111;color:#f4f4f2;padding:120px 5vw 0}.collection *{box-sizing:border-box}.collection-intro,.project-index,.collection-end{max-width:1320px;margin:auto}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.15em;margin:0 0 28px;color:#999}.collection h1{font-size:clamp(58px,7.5vw,106px);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin:0}.collection h1 span{color:#888}.intro-note{display:flex;justify-content:space-between;align-items:end;margin:40px 0 65px;gap:25px}.intro-note p{max-width:430px;color:#a5a5a5;font-size:18px;line-height:1.7;margin:0}.intro-note>span{font:10px monospace;color:#777;letter-spacing:.1em}.project-index{display:grid;gap:24px}.index-row{position:relative;isolation:isolate;overflow:hidden;padding:32px 40px;text-decoration:none;color:inherit;border:1px solid #333;min-height:320px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.index-row:hover{transform:translateY(-3px);border-color:currentColor}.index-meta,.index-title,.index-bottom{display:flex;justify-content:space-between;gap:25px;position:relative;z-index:1}.index-meta{font:10px/1.5 monospace;letter-spacing:.13em}.index-title{align-items:center;margin:24px 0}.index-title h2{font-size:clamp(45px,5.5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin:0}.index-title>span{font-size:40px;font-weight:300}.index-bottom{margin-top:auto;align-items:end;font-size:13px;line-height:1.6}.index-bottom p{max-width:470px;margin:0;opacity:.7}.index-bottom>span{white-space:nowrap}.index-air{background:#161a1d;color:#d5dedf}.index-air .index-meta,.model-number{color:#cda269}.model-number{font:11px monospace;display:inline-block;margin-left:24px;letter-spacing:.1em}.air-grid{position:absolute;z-index:0;inset:0 0 0 60%;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 49px,#84969b 50px),repeating-linear-gradient(0deg,transparent 0 49px,#84969b 50px);mask-image:linear-gradient(90deg,transparent,#000)}.index-fluid{background:#091c25;color:#a4f2e7;border-color:#25414a}.index-fluid h2 em{font-family:Georgia,serif;font-weight:400}.flow-lines{position:absolute;inset:0;overflow:hidden;opacity:.15;z-index:0}.flow-lines i{position:absolute;right:18%;top:-60%;width:290px;height:600px;border:1px solid #74ecd7;border-radius:50%;transform:rotate(45deg)}.flow-lines i:nth-child(2){right:12%}.flow-lines i:nth-child(3){right:6%}.index-coffee{background:#e5dbca;color:#493525;border-color:#e5dbca}.index-coffee h2{font-family:Georgia,serif}.index-coffee h2 em{font-weight:400;color:#956646}.index-paper{background:#f2f0e9;color:#262b28;border-color:#f2f0e9}.index-paper h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,65px);font-weight:400}.index-paper .index-meta{color:#8d392f}.collection-end{padding:65px 0 80px;display:flex;justify-content:space-between;align-items:center}.collection-end p{font-size:24px;letter-spacing:-.03em}.collection-end a{color:#eee;font-size:14px}.collection a:focus-visible{outline:2px solid #b5d4ff;outline-offset:5px}@media(max-width:700px){.collection{padding:105px 22px 0}.intro-note{display:block;margin-bottom:40px}.intro-note>span{display:block;margin-top:25px}.index-row{padding:24px;min-height:360px}.index-meta{font-size:9px;gap:14px}.index-bottom{display:block}.index-bottom>span{display:block;margin-top:20px}.model-number{display:block;margin:18px 0 0}.collection-end{gap:25px}.collection-end p{font-size:20px}}@media(prefers-reduced-motion:reduce){.index-row{transition:none}.index-row:hover{transform:none}}
