:root{--paper:#f5f2ec;--white:#fffdf9;--ink:#302b28;--wine:#126979;--line:#d9d2c9;--muted:#716961}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:transparent;color:inherit;border:1px solid var(--line);padding:10px 16px;border-radius:3px}button:hover{border-color:var(--wine);color:var(--wine)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f58d64;outline-offset:4px}a{color:var(--wine)}header,main,footer{max-width:1280px;margin:auto}header{padding:27px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:29px Georgia,serif;text-decoration:none;color:var(--ink);letter-spacing:-1px}.brand em,.brand span{color:var(--wine)}.brand span{padding-left:8px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--wine);font-weight:bold}.intro{padding:55px 32px 50px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.intro h1{font:clamp(48px,6vw,82px)/1.03 Georgia,serif;letter-spacing:-3px;margin:23px 0}.intro h1 em{color:var(--wine);font-weight:normal}.lead{color:var(--muted);max-width:480px;line-height:1.8}.count{font-size:12px;color:var(--wine);margin-top:30px}.hero-art{height:480px;background:#e8e1d7;display:flex;justify-content:center;padding:0 15px;overflow:hidden;border-radius:120px 120px 4px 4px}.frame{position:relative;display:block;overflow:hidden;height:100%;aspect-ratio:var(--ratio);flex-shrink:0;max-width:100%;background:#e8e1d7}.frame img{display:block;height:100%;width:100%;max-width:none}.frame.diptych img{width:200%}.frame.rear img{transform:translateX(-50%)}.hero-art .frame{height:100%}.collection{padding:15px 32px 40px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{font:36px Georgia,serif;font-weight:normal;margin:10px 0 22px}.section-title span{font-size:12px;color:var(--muted)}.controls{display:flex;gap:14px;align-items:end}.search{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px;flex:1;max-width:520px}.search input{background:var(--white);border:1px solid var(--line);padding:12px 14px;border-radius:3px;color:var(--ink);width:100%}#favorites-only{padding:12px 16px;white-space:nowrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters button{font-size:12px;border-radius:20px;padding:7px 13px}button[aria-pressed=true],.primary{background:var(--wine);color:white;border-color:var(--wine)}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:16px 0 20px;font-size:12px}.segmented{display:inline-flex;gap:3px;flex-wrap:wrap}.segmented button{font-size:12px;padding:8px 13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.card{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden}.art-button{border:0;padding:0;display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:410px;background:#e8e1d7;border-radius:0}.art-button .frame{height:100%}.art-button[data-view=both] .frame{max-width:50%}.card-meta{padding:18px 18px 20px;position:relative}.card-number{font-size:10px;color:var(--wine);letter-spacing:1.4px}.card h3{font:24px/1.15 Georgia,serif;margin:8px 35px 10px 0}.card p{font-size:12px;color:var(--muted);margin:0}.heart{position:absolute;right:12px;top:16px;border:0;font-size:24px;padding:2px 7px;line-height:1.4}.heart[aria-pressed=true]{background:transparent;color:var(--wine)}.open-look{font-size:12px;border:0;border-bottom:1px solid var(--line);padding:8px 0 0;margin-top:12px;color:var(--wine);border-radius:0}.note{margin:10px 32px 35px;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 3fr;gap:20px;color:var(--muted);font-size:12px}.note span{color:var(--wine)}.note p{margin:0;max-width:780px}footer{padding:22px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:6px;width:min(1240px,96vw);max-height:95dvh;padding:20px 24px}dialog::backdrop{background:#211b17c9}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--wine);padding-bottom:16px}.dialog-top button{padding:7px 12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:32px}.detail-art{height:min(70dvh,850px);background:#e8e1d7;margin-top:14px;display:flex;justify-content:center;overflow:hidden}.detail-art .frame{cursor:zoom-in}.detail-art[data-view=both] .frame{max-width:50%}.detail-art .reference-img{display:block;height:100%;max-width:100%;object-fit:contain}.detail-layout aside{padding-top:15px}aside h2{font:36px/1.1 Georgia,serif;margin:12px 0 26px}dt{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--wine);margin-top:18px}dd{margin:5px 0 0;font-size:14px;line-height:1.6}.caption,.hint{font-size:11px;color:var(--muted)}.primary{width:100%;margin:15px 0 8px}.downloads{display:flex;flex-direction:column;gap:8px;font-size:12px}.look-nav{display:flex;justify-content:space-between;gap:8px;margin-top:25px}.look-nav button{font-size:12px}.hint{margin-top:20px}#empty{padding:40px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.art-button{height:450px}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:15px}.hero-art{height:390px}.detail-layout{grid-template-columns:1fr}.detail-art{height:65dvh}.detail-layout aside{padding-top:0}aside h2{margin:10px 0 20px}.note{grid-template-columns:1fr;gap:8px}}@media(max-width:560px){header{padding:20px}.edition{font-size:9px;letter-spacing:1px}.intro{padding:35px 20px;grid-template-columns:1fr 1fr;gap:12px}.intro h1{font-size:43px;letter-spacing:-2px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.lead{font-size:12px;line-height:1.6}.hero-art{height:305px;padding:0;border-radius:75px 75px 3px 3px}.count{font-size:10px;margin-top:15px}.collection{padding:0 15px 25px}.section-title h2{font-size:28px}.controls{align-items:stretch;flex-direction:column;gap:8px}.search{max-width:none}.filters{gap:6px}.filters button{font-size:11px}.grid{gap:14px 10px}.art-button{height:310px}.card-meta{padding:12px}.card h3{font-size:19px;margin-right:23px}.heart{top:9px;right:4px;font-size:22px}.card p{font-size:10px}.card-number{font-size:9px;letter-spacing:.6px}.viewbar{align-items:start;flex-direction:column;gap:7px}.note{margin:0 20px 25px}footer{padding:20px;flex-direction:column;gap:8px}dialog{padding:15px;width:98vw}.detail-art{height:58dvh}.detail-layout{gap:10px}.segmented button{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--card-height:410px;--detail-height:min(70dvh,850px)}.art-button{height:var(--card-height)}.art-button .frame{height:auto;width:calc(var(--card-height) * var(--ratio));max-height:100%}.detail-art{height:var(--detail-height);align-items:center}.detail-art .frame{height:auto;width:calc(var(--detail-height) * var(--ratio));max-height:100%}@media(min-width:1500px){:root{--card-height:450px}}@media(max-width:900px){:root{--detail-height:65dvh}}@media(max-width:560px){:root{--card-height:310px;--detail-height:58dvh}}
.detail-layout>*{min-width:0}.segmented{flex-wrap:wrap}.detail-layout aside{overflow-wrap:break-word}@media(max-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr)}}

.live-status{margin:0 32px 16px;padding:12px 18px;background:#e3f2ea;border-radius:8px;color:#145445;font-size:13px}.project-nav{display:flex;justify-content:space-between;gap:20px;padding:0 32px 24px;font-size:13px}.card{border-radius:14px}.hero-art{border-radius:90px 90px 16px 16px}.count{font-weight:bold;font-size:16px}

/* Wspólna, stonowana paleta aktywnych stron. */
:root{--paper:#c9bb98;--white:#ded1b0;--ink:#30352b;--muted:#535545;--line:#aa9a76;--accent:#315f4e;--orange:#a96e34}
body{background:var(--paper);color:var(--ink)}
.panel,.summary,.settings-group,.mode-button,.card,article{background:#ded1b0}
.example-banner{background:#bcad87}
.upload{background:#d6c8a5;border-color:#938765}
.upload.drag,.mode-button[aria-pressed=true]{background:#c2cfae}
.hero p:not(.eyebrow),.section-head p,.small,.settings-group>summary small,.mode-button small,#summary-text,.intro,.desc{color:#535545}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea{background:#e9debf;color:#30352b;border-color:#aa9a76}
.hero-art,.frame,.art-button,.detail-art,.media-frame{background:#bdb092}
.visualization-note{background:#cdbb93}
.online,.live-status{background:#b9cfb4;color:#244329}
.online:hover{background:#a9c5a4}
.number{background:#c7d1b6}
.chips label:has(input:checked),.presets button:hover{background:#c7d1b6}

/* Natural photo proportions, including narrow cover screens. */
.frame.diptych img{width:202.5%;height:auto;aspect-ratio:auto}
/* Detail height follows the photo pair instead of leaving empty vertical bands. */
.detail-art{height:auto;min-height:0;align-items:center}
.detail-art .frame{width:min(100%,calc(65dvh * var(--ratio)));height:auto;max-height:none}
.detail-art[data-view=both] .frame{width:min(50%,calc(65dvh * var(--ratio)));max-width:50%}
.detail-art .reference-img{width:auto;height:auto;max-height:65dvh;object-fit:contain}
.frame.rear img{transform:translateX(-50.65%)}
.hero-art{height:auto;max-height:none;padding:0;width:100%;max-width:320px;justify-self:center;align-self:center;aspect-ratio:2/3}
.hero-art .frame{width:100%;height:auto;max-width:100%;aspect-ratio:var(--ratio)}
.hero-art .frame img{height:auto}
.art-button{height:auto;aspect-ratio:2/3;align-items:center}
.art-button .frame{width:100%;height:auto;max-height:none}
.art-button[data-view=both]{aspect-ratio:4/3}
.art-button[data-view=both] .frame{width:50%;height:auto}
.card{display:flex;flex-direction:column}.card-meta{display:flex;flex:1;flex-direction:column}.open-look{align-self:flex-start;margin-top:auto;padding-top:16px}
header{gap:14px;flex-wrap:wrap}.brand{white-space:nowrap;flex-shrink:0}header .edition{line-height:1.4}header a.edition{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:var(--white);white-space:nowrap;letter-spacing:.5px}
@media(max-width:620px){header{padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:8px 12px}header .brand{font-size:27px}header>span.edition{grid-column:1/-1}.intro{grid-template-columns:minmax(0,1fr);padding:26px 18px 30px;gap:22px}.intro>div{min-width:0}.intro h1{font-size:clamp(39px,11vw,62px);letter-spacing:-1.6px;margin:15px 0}.intro .lead{font-size:14px}.hero-art{width:min(100%,270px);height:auto;border-radius:70px 70px 14px 14px}.count{font-size:13px}.live-status{margin:0 18px 20px}.section-title{align-items:start;flex-direction:column;gap:0}.section-title h2{margin-bottom:5px}.section-title>span{margin-bottom:14px}.grid{grid-template-columns:minmax(0,1fr);gap:18px}.card h3{font-size:25px}.card p{font-size:13px}.card-number{font-size:11px}.card-meta{padding:18px}.art-button{max-height:none}.filters button{min-height:40px}.viewbar button{min-height:44px}}

/* Full styling descriptions */
.look-description{margin:2px 0 14px;display:grid;gap:7px;color:var(--muted);font:12px/1.55 Arial,sans-serif}.look-description>div{margin:0}.look-description dt{display:inline;margin:0;font:600 12px/1.55 Arial,sans-serif;text-transform:none;letter-spacing:0;color:var(--ink)}.look-description dt:after{content:": "}.look-description dd{display:inline;margin:0;font:inherit;overflow-wrap:anywhere}.look-products{border-top:1px solid var(--line);padding-top:10px;margin:2px 0 14px;display:grid;gap:5px;font:12px/1.5 Arial,sans-serif}.look-products>span:first-child{color:var(--muted);font-size:11px}.look-products a{color:var(--wine);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}#detail-description .look-description{font-size:14px;gap:11px}#detail-description .look-description dt{font-size:14px}@media(max-width:620px){.look-description,.look-description dt{font-size:13px}.card h3{margin-bottom:14px}}