@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#263c35;--paper:#f8f7f1;--green:#285446;--line:#d7ddd2;--muted:#68766a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:14px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:900;letter-spacing:.08em}.brand span{display:block;font-size:9px;letter-spacing:.3em}nav{display:flex;gap:32px;align-items:center}nav button,.textButton,footer button{background:none;border:0;color:var(--ink)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:66px 0 72px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;margin:0 0 20px}.hero h1{font-size:52px;letter-spacing:.05em;line-height:1.5;margin:0 0 22px}.intro{line-height:2.1;color:var(--muted);font-size:15px}.primary,.outline{padding:16px 23px;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-weight:700;border:1px solid var(--green)}.primary{background:var(--green);color:white}.hero .primary{margin-top:20px}.tiny{font-size:11px;color:var(--muted)}.outline{background:transparent;color:var(--green)}.heroArt{position:relative;background:#e4e9d7;min-height:390px;overflow:hidden;border-radius:50% 50% 4px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column}.orb{color:#50735a;font-size:220px;line-height:1;transform:rotate(18deg)}.heroArt p{position:absolute;top:40px;left:35px;font-size:15px;line-height:1.8;writing-mode:vertical-rl}.stamp{border:1px solid #758b69;border-radius:50%;padding:24px 12px;position:absolute;right:22px;bottom:65px;transform:rotate(-12deg);font-size:11px;text-align:center}.artLabel{font-size:9px;letter-spacing:.35em;position:absolute;bottom:25px}.match{background:#eceee4;border:1px solid var(--line);padding:30px 38px;display:flex;justify-content:space-between;gap:25px;border-radius:7px}.match h2{font-size:23px;margin:0}.match p:not(.eyebrow){font-size:12px;color:var(--muted)}.match .eyebrow{margin-bottom:10px}.matchControls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:440px}.matchControls small{width:100%;font-size:10px;color:var(--muted)}#discover{padding-top:76px}.sectionTitle{display:flex;justify-content:space-between;align-items:end}.sectionTitle h2{font-size:28px;margin:0 0 25px}.sectionTitle .eyebrow{margin-bottom:10px}#count{padding-bottom:28px;color:var(--muted)}.filters{display:flex;gap:16px;align-items:end;border-top:1px solid var(--line);padding:22px 0 30px}.filters label{font-size:10px;color:var(--muted);display:grid;gap:8px;flex:1}.filters input,.filters select{background:transparent;border:1px solid var(--line);padding:12px;border-radius:4px;color:var(--ink);width:100%}.textButton{padding:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.card{position:relative}.cardArt{height:240px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:5px;font-size:100px;overflow:hidden}.cardArt:after{content:'EDITORIAL SAMPLE';position:absolute;bottom:15px;left:18px;font-size:8px;letter-spacing:.2em;color:#536956}.bookmark{position:absolute;right:14px;top:14px;background:#fff9;border:0;border-radius:50%;width:35px;height:35px;font-size:20px}.card .meta{display:flex;justify-content:space-between;margin-top:19px;color:var(--muted);font-size:10px}.card h3{font-size:19px;margin:9px 0}.card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 14px}.detail{border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 9px;width:100%;text-align:left;color:var(--ink)}.detail span{float:right}.note{display:flex;gap:40px;align-items:center;border-top:1px solid var(--line);margin-top:75px;padding:45px 0 65px}.note>span{font-size:80px}.note h2{font-size:23px}.note p{color:var(--muted);line-height:2;font-size:12px}footer{border-top:1px solid var(--line);padding:30px 0;font-size:10px;color:var(--muted)}footer .brand{font-size:22px}dialog{border:1px solid var(--line);border-radius:12px;padding:36px;max-width:720px;width:92%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#18372c88}.close{float:right;border:0;background:none;font-size:28px}.modalArt{font-size:100px;text-align:center;padding:24px;border-radius:8px}dialog p{line-height:2}dialog input,dialog textarea{width:100%;padding:10px;margin:5px 0 12px;border:1px solid var(--line)}dialog textarea{min-height:100px}dialog table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:5px;padding:12px 22px;display:none}.empty{grid-column:1/-1;padding:60px;text-align:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b38743;outline-offset:4px}@media(max-width:1280px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:720px){header{height:88px}nav{gap:14px;font-size:11px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:40px 0;gap:24px}.hero h1{font-size:34px}.heroArt{min-height:280px}.orb{font-size:180px}.match{padding:24px;display:block}.matchControls{margin-top:20px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.cardArt{height:170px;font-size:75px}.card h3{font-size:16px}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.sectionTitle h2{font-size:23px}.note{gap:18px}.note>span{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.productPhoto{width:100%;height:100%;object-fit:contain}.modalArt .productPhoto{max-height:320px}.cardArt:after{content:"COLLEDA COLLECTION"}#analyticsConsent{width:auto;margin-right:8px}
