.concept-gallery{background:var(--paper);color:var(--ink)}.concept-gallery .section-aside{max-width:370px}.concept-note{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #cfc5cc;border-bottom:1px solid #cfc5cc;font-size:12px;line-height:1.8;color:#61525e}.concept-note p{max-width:760px}.concept-note-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c2b1bd;border-radius:50%;flex:none;font-size:20px;color:#5e3f51}.concept-tools{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:35px}.concept-tools[hidden]{display:none}.concept-filters{display:flex;gap:8px;flex-wrap:wrap}.concept-filters button{border:1px solid #bdb1b9;border-radius:100px;padding:12px 17px;background:transparent;font-size:11px;white-space:nowrap;line-height:1.4}.concept-filters button span{font-size:9px;margin-left:9px;color:#69535f}.concept-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.concept-filters button[aria-pressed=true] span{color:#c5b9c3}.concept-filters button:hover{border-color:var(--ink)}.concept-search{position:relative;display:block;flex:none;width:250px}.concept-search input{width:100%;padding:13px 38px 13px 0;border:0;border-bottom:1px solid #9a8592;border-radius:0;background:transparent;color:var(--ink);font-size:12px;appearance:none}.concept-search input::placeholder{color:#705968}.concept-search>span:last-child{position:absolute;right:4px;top:7px;font-size:27px;pointer-events:none;color:#765e6d}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.concept-results{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px 28px;color:#6f5a68;font-size:10px}.concept-results>span{color:#756370}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 27px}.concept-card{min-width:0}.concept-card[hidden]{display:none}.concept-visual{display:block;position:relative;aspect-ratio:1.27;padding:20px 7% 0;background:var(--concept-tone,#c8c2c8);border-radius:5px;overflow:hidden;isolation:isolate}.concept-tile-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -1% 30px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#42323c}.concept-tile-meta>span:last-child{font-size:8px}.concept-browser{border:4px solid #29262c;border-bottom:0;background:#29262c;border-radius:7px 7px 0 0;box-shadow:7px 14px 20px #281e352b;transform:translateY(8px) rotate(-3deg);transition:transform .35s;overflow:hidden}.concept-browser>img{display:block;width:100%;height:auto}.concept-browser-bar{height:19px;display:flex;align-items:center;gap:4px;color:#d8cdd7;position:relative}.concept-browser-bar i{width:3px;height:3px;background:#817484;border-radius:50%;flex:none}.concept-browser-bar i:first-child{margin-left:5px}.concept-browser-bar>span{position:absolute;left:21%;right:13%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6px}.concept-open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:43px;height:43px;background:var(--paper);color:var(--ink);border-radius:50%;box-shadow:0 7px 15px #32203518;font-size:23px;transition:transform .2s,background .2s}.concept-visual:hover .concept-browser{transform:translateY(0) rotate(0)}.concept-visual:hover .concept-open{transform:rotate(45deg);background:var(--coral)}.concept-info{padding-top:22px}.concept-info>.eyebrow{font-size:8px;letter-spacing:.1em;color:#715b69;margin-bottom:8px}.concept-info h3{font-size:24px;line-height:1.2;letter-spacing:-.045em}.concept-info>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#6c5865;margin-top:12px;max-width:350px}.concept-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;padding-top:17px;margin-top:16px;border-top:1px solid #cbbcc6;color:#493040}.concept-link>span{font-size:18px}.concept-info a:hover{color:#a33125}.concept-empty{text-align:center;border-block:1px solid #cbbcc6;padding:65px 20px}.concept-empty[hidden]{display:none}.concept-empty h3{font-size:34px}.concept-empty p{font-size:14px;color:#6b5363;margin:18px 0 25px}.concept-empty button{background:var(--ink);border:1px solid var(--ink);color:var(--paper);padding:15px 22px;font-size:12px}.concept-gallery :is(a,button,input):focus-visible{outline-color:var(--ink)}
@media(max-width:1100px){.concept-tools{gap:20px;align-items:flex-start}.concept-search{width:210px}.concept-filters{gap:7px}.concept-filters button{font-size:10px;padding:11px 13px}.concept-grid{gap:40px 20px}.concept-info h3{font-size:21px}.concept-visual{aspect-ratio:1.1;padding-inline:6%}.concept-tile-meta{font-size:7px;margin-bottom:23px}.concept-info>p:not(.eyebrow){font-size:11px}}
@media(max-width:850px){.concept-tools{display:grid;grid-template-columns:1fr;gap:15px}.concept-search{width:100%;max-width:350px}.concept-filters button{font-size:11px;padding:12px 17px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 23px}.concept-visual{aspect-ratio:1.22}.concept-tile-meta{font-size:8px}.concept-info h3{font-size:24px}.concept-info>p:not(.eyebrow){font-size:12px}.concept-results{font-size:10px}}
@media(max-width:560px){.concept-note{font-size:11px;gap:15px;padding-block:20px;align-items:flex-start}.concept-note-mark{width:30px;height:30px;font-size:18px;margin-top:4px}.concept-tools{padding-top:26px;gap:16px}.concept-filters{gap:8px}.concept-filters button{font-size:10px;padding:11px 14px}.concept-search{max-width:none}.concept-search input{padding-block:14px;font-size:16px}.concept-results{padding-block:23px 26px;font-size:10px}.concept-results>span{display:none}.concept-grid{grid-template-columns:1fr;gap:36px}.concept-visual{aspect-ratio:1.36;padding:20px 8% 0}.concept-tile-meta{font-size:8px;margin-bottom:29px}.concept-browser{border-width:4px;transform:translateY(8px) rotate(-3deg)}.concept-info{padding-top:20px}.concept-info h3{font-size:27px}.concept-info>p:not(.eyebrow){font-size:13px;line-height:1.8}.concept-info>.eyebrow{font-size:8px}.concept-link{font-size:11px;margin-top:15px;padding-top:15px}.concept-open{width:43px;height:43px;font-size:23px}.concept-empty{padding:45px 15px}.concept-empty h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.concept-browser,.concept-open{transition:none!important}}