:root{--ink:#203e34;--paper:#f5f1e5;--pink:#e7a4b4;--teal:#087c72;--gold:#d8b552}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(ellipse at 90% 9%,#8acfb72c,transparent 35%),radial-gradient(ellipse at 2% 30%,#e8be922a,transparent 30%),var(--paper);margin:0;font:17px/1.7 Georgia,serif}body:before{content:"";pointer-events:none;opacity:.17;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{border-bottom:1px solid #203e342a;justify-content:space-between;align-items:center;padding:25px 45px;display:flex}.brand{align-items:center;gap:12px;font-size:27px;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.brand img{object-fit:contain;mix-blend-mode:multiply;width:57px;height:57px}.brand-sub{letter-spacing:2px;font:9px/2.5 Arial,sans-serif;display:block}nav{align-items:center;gap:30px;font:13px Arial,sans-serif;display:flex}nav a{text-decoration:none}.nav-gallery{border:1px solid #203e3460;border-radius:4px;padding:12px 17px}main{padding:0 60px}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;min-height:660px;padding:60px 0;display:grid}.eyebrow,.date{letter-spacing:2px;font:700 11px/1.5 Arial,sans-serif}.eyebrow{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-3px;margin-bottom:27px;font-size:clamp(48px,5.8vw,78px);font-weight:400;line-height:1.05}h1 em{color:var(--teal);font-weight:400}h2{letter-spacing:-1.3px;font-size:43px;font-weight:400;line-height:1.16}h3{margin-bottom:15px;font-size:24px;font-weight:400;line-height:1.3}.lede{color:#536359;max-width:500px;font-size:19px}.button{background:var(--ink);color:#fff9e8;border-radius:5px 9px 5px 8px;align-items:center;gap:35px;padding:16px 24px;font:14px Arial,sans-serif;text-decoration:none;display:inline-flex;box-shadow:3px 4px #c1cbb4}.text-link{margin:22px 0;font:13px Arial,sans-serif;display:inline-block}.hero-copy>.text-link{margin-left:22px}.mascot-scene{text-align:center;padding:35px 0;position:relative}.mascot-scene:before{content:"";z-index:-1;background:radial-gradient(#b9cbb858,#e6d99b33 55%,#0000 70%);border-radius:46% 54% 60% 40%;position:absolute;inset:30px -10px;transform:rotate(-8deg)}.hero-mascot{mix-blend-mode:multiply;width:100%;transform:rotate(4deg)}.handnote{color:#8d625d;margin-bottom:15px;font-style:italic;display:block;transform:rotate(-7deg)}.specimen{letter-spacing:2px;margin-top:20px;font:9px Arial,sans-serif;display:block}.ribbon{letter-spacing:1px;border-top:1px solid #203e3440;border-bottom:1px solid #203e3440;justify-content:space-between;gap:20px;padding:22px 5px;font:12px Arial,sans-serif;display:flex}.ribbon span:before{content:"✧";color:#a17a33;padding-right:15px}.origins{grid-template-columns:.85fr 1.15fr;gap:90px;padding:100px 0;display:grid}.section-heading{align-self:start;position:sticky;top:30px}.section-heading>p:last-child{color:#626b5b}.timeline{border-left:1px solid #799783;padding-left:35px}.timeline article{margin-bottom:43px;position:relative}.timeline article:last-child{margin-bottom:0}.timeline article:before{content:"";border:2px solid var(--teal);background:var(--paper);border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:-42px}.timeline article p:last-child{color:#536359;font-size:15px}.date{color:#956a44;letter-spacing:1px}.identify{background:#dce5d77a;border-radius:50% 3% 4% 2%/4% 7% 3% 6%;grid-template-columns:1fr 240px;align-items:center;gap:90px;margin:0 -15px 90px;padding:55px 70px;display:grid}.identify img{filter:drop-shadow(4px 9px 8px #243b3426);width:100%;height:auto;transform:rotate(5deg)}.identify p{font-size:16px}.notes{grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 85px;display:grid}.note{background:#fffcf27a;border:1px solid #c7bfa562;border-radius:3px 8px 4px 7px;padding:27px}.note>span{color:#947255;margin-bottom:24px;font:12px Arial,sans-serif;display:block}.note p{color:#586151;margin:0;font-size:15px}.endcap{text-align:center;border-top:1px solid #203e3430;padding:55px 20px 75px}.endcap h2{font-size:37px}footer{border-top:1px solid #203e3430;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 60px;font-size:13px;display:flex}footer small{color:#6c7367;flex-basis:100%;font-size:11px}.gallery-head{padding:65px 0 25px}.gallery-head h1{font-size:64px}.gallery-head label{margin:25px 0 8px;font:12px Arial,sans-serif;display:block}input{background:#fffdf5;border:1px solid #9bab96;border-radius:5px;width:100%;max-width:550px;padding:15px;font:16px Georgia,serif}#count{margin-top:18px;font:12px Arial,sans-serif}.card-grid{grid-template-columns:repeat(5,1fr);gap:28px 22px;padding-bottom:70px;display:grid}.card{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font:15px/1.4 Georgia,serif}.card img{width:100%;height:auto;margin-bottom:12px;transition:transform .2s;display:block}.card:hover img{transform:translateY(-5px)rotate(-1deg)}[hidden]{display:none!important}dialog{background:var(--paper);text-align:center;border:1px solid #a5ad91;border-radius:10px;max-width:95vw;max-height:95vh;padding:25px}dialog::backdrop{background:#11291fe0}dialog img{object-fit:contain;max-width:80vw;max-height:70vh;margin:auto;display:block}dialog h2{margin:10px;font-size:25px}#close{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #899b85;margin-left:auto;padding:10px 15px;display:block}:focus-visible{outline-offset:5px;outline:3px solid #bf684b}.skip{z-index:10;background:#fff;padding:10px;position:absolute;top:-80px;left:10px}.skip:focus{top:10px}@media (width<=850px){header{padding:20px 25px}main{padding:0 28px}nav{gap:16px}.hero{gap:10px;min-height:550px}h1{font-size:55px}.hero-copy>.text-link{margin-left:0;display:block}.origins{gap:40px}.identify{grid-template-columns:1fr 180px;gap:35px;padding:35px}.notes{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.ribbon{flex-wrap:wrap;justify-content:center}footer{padding:30px}}@media (width<=560px){header{align-items:start}.brand{font-size:23px}.brand img{width:43px;height:43px}.brand-sub{font-size:7px}nav a:not(.nav-gallery){display:none}.nav-gallery{padding:10px;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 0 20px}.hero h1{font-size:57px}.mascot-scene{max-width:340px;margin:auto}.hero-copy>.text-link{margin-left:15px;display:inline-block}.lede{font-size:17px}.origins{grid-template-columns:1fr;gap:25px;padding:60px 0}.section-heading{position:static}h2{font-size:36px}.identify{grid-template-columns:1fr;margin:0 0 55px;padding:28px}.identify img{max-width:210px;margin:auto}.notes{grid-template-columns:1fr;gap:15px}.card-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.gallery-head h1{font-size:48px}.ribbon{font-size:10px}.ribbon span{flex-basis:40%}.endcap h2{font-size:31px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{isolation:isolate;background:#e5e8d8 url(https://media.metazoosamples.com/assets/watercolor-festival.jpg) top/cover no-repeat fixed;padding:28px 32px 0}body:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#193c3233,#f9f4e80d 45%,#173e3033);position:fixed;inset:0}body:before{opacity:.11}header,main,footer{background:#faf6e9f5;box-shadow:0 12px 55px #152b2924}header{background:#faf6e9fa;border-bottom:1px solid #7c8d682b;border-radius:16px 16px 0 0;padding:24px 60px}main{overflow:hidden}footer{background:#efeedd;border-radius:0 0 16px 16px;margin-bottom:28px}.brand{letter-spacing:-.5px}.brand-sub{letter-spacing:2.2px}nav a{transition:color .2s,background .2s}nav a:hover{color:#a45162}.nav-gallery{background:#ffffff50;border-color:#8199816b;border-radius:6px}.hero{background:linear-gradient(90deg,#faf6e9 0%,#faf6e9f5 40%,#faf6e9c9 67%,#faf6e944 100%),url(https://media.metazoosamples.com/assets/watercolor-festival.jpg) 50% 58%/cover no-repeat;border-bottom:1px solid #607d5c33;gap:40px;min-height:660px;margin:0 -60px;padding:65px 60px 70px;position:relative}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-2.9px;text-wrap:balance;font-size:clamp(48px,5.2vw,74px)}.hero .lede{color:#43574b}.eyebrow{letter-spacing:2.3px;font-size:10px}.hero-copy>.eyebrow{border-bottom:1px solid #8a9c725e;padding-bottom:10px;display:inline-block}.mascot-scene{filter:drop-shadow(0 10px 15px #31463718);background:radial-gradient(#fbf6e9e6 25%,#fbf6e9ba 58%,#fbf6e933 75%,#0000 80%);border:1px solid #fff8e8a6;border-radius:48% 48% 8% 8%;padding:30px 17px 25px}.mascot-scene:before{display:none}.hero-mascot{filter:contrast(1.03);transform:rotate(2deg)}.handnote{color:#79514b;font-size:16px}.specimen{letter-spacing:1.6px;font-size:8px}.button{background:linear-gradient(130deg,#284c3c,#173e34);border:1px solid #173c31;border-radius:6px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px #c9bb8d,0 8px 18px #263c3417}.button:hover{transform:translateY(-2px);box-shadow:0 6px #c9bb8d,0 12px 22px #263c3425}.text-link{font-weight:600}.ribbon{letter-spacing:.8px;background:#eeecda;border-top:0;margin:0 -60px;padding:23px 60px;font-size:11px}.origins{gap:75px;padding:85px 0}.timeline article{padding-bottom:15px}.timeline h3{font-size:26px}.timeline p:last-child{line-height:1.85}.identify{background:linear-gradient(115deg,#e0e8d9f2,#eef0e3);border:1px solid #c4d0ba;border-radius:12px;padding:45px 55px;box-shadow:0 5px #e5dfcc}.identify img{filter:drop-shadow(5px 10px 8px #243b3433)}.notes{gap:20px}.note{background:#fffdf5;border:1px solid #d8d5c2;border-radius:8px;padding:28px;box-shadow:0 4px #e6dfcc5e}.note:nth-child(2n){background:#f3e8dfb0}.note>span{color:#8c7553;border-bottom:1px solid #c6ba9660;padding-bottom:12px}.note h3{font-size:23px}.endcap{background:linear-gradient(#f9f5e9ed,#f9f5e9dc),url(https://media.metazoosamples.com/assets/watercolor-festival.jpg) 50% 70%/cover;margin:0 -60px;padding:60px}.gallery-head{padding-top:55px}.card{background:#fffdf66e;border:1px solid #d3d4c04d;border-radius:8px;padding:10px 10px 14px;transition:box-shadow .2s}.card:hover{box-shadow:0 8px 20px #243b3417}.card img{border-radius:6px}.gallery-head input{box-shadow:inset 0 2px 5px #233b3407}.card-grid{gap:23px 16px}@media (width>=1500px){body{padding-top:45px}header,main,footer{max-width:1240px}}@media (width<=850px){body{padding:18px 18px 0}header{padding:22px 28px}.hero{gap:15px;margin:0 -28px;padding:45px 28px}.hero h1{font-size:52px}.ribbon{margin:0 -28px;padding:20px 28px}.origins{gap:35px}.identify{gap:30px;padding:30px}.endcap{margin:0 -28px;padding:45px 28px}footer{margin-bottom:18px}}@media (width<=560px){body{background-size:auto 100vh;background-attachment:scroll;padding:12px 10px 0}header{border-radius:10px 10px 0 0;padding:20px 18px}main{padding:0 23px}.hero{background:linear-gradient(#faf6e9fa 10%,#faf6e9eb 48%,#faf6e970),url(https://media.metazoosamples.com/assets/watercolor-festival.jpg) 50%/cover;margin:0 -23px;padding:38px 23px 25px}.hero h1{font-size:54px}.mascot-scene{max-width:290px;padding:18px}.ribbon{gap:15px;margin:0 -23px;padding:20px 15px}.origins{padding:50px 0}.identify{margin-bottom:50px;padding:26px}.endcap{margin:0 -23px;padding:40px 23px}.note{padding:24px}.card{padding:7px 7px 12px;font-size:13px}.card-grid{gap:20px 10px}footer{margin-bottom:12px;padding:25px 23px}}.specimen{letter-spacing:0;color:#536359;max-width:340px;margin:20px auto 0;font:italic 14px/1.6 Georgia,serif}.history-grid{columns:3;column-gap:24px;padding:10px 0 70px}.history-grid figure{break-inside:avoid;background:#fffdf5;border:1px solid #d8d5c2;border-radius:9px;margin:0 0 24px;padding:12px;box-shadow:0 4px #e6dfcc5e}.history-grid img,.history-grid video{border-radius:4px;width:100%;height:auto;display:block}.history-grid video{background:#203e34;min-height:180px}.history-image{cursor:zoom-in;display:block}.history-image:hover{opacity:.9}#history-close{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #899b85;margin-left:auto;padding:10px 15px;display:block}#history-large{max-height:78vh}nav{gap:22px}@media (width<=850px){.history-grid{columns:2}nav{gap:12px}header{gap:16px}nav a{font-size:11px}}@media (width<=560px){nav{flex-wrap:wrap;justify-content:flex-end}nav a[href=history-gallery\.html]{font-size:11px;display:inline-block}.history-grid{columns:1}.gallery-head h1{font-size:42px}}header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;max-width:650px}header .brand{flex-shrink:0}@media (width<=850px){header nav{column-gap:12px;max-width:370px}}@media (width<=560px){nav a[href=sketch-gallery\.html]{font-size:11px;display:inline-block}header nav{max-width:175px}}header nav{flex-wrap:wrap;gap:16px}header{gap:24px}.price-guide{padding:0 clamp(20px,5vw,60px) 64px}.table-scroll{background:#fffdf6e8;border:1px solid #d8d1b9;border-radius:12px;overflow:auto}.price-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:16px}.price-guide caption{text-align:left;color:#536253;padding:20px}.price-guide th,.price-guide td{white-space:nowrap;border-bottom:1px solid #e3decd;padding:13px 18px}.price-guide thead{color:#fff;background:#224b40}.price-guide tbody th{font-weight:400}.price-guide tbody tr:nth-child(2n){background:#f0eddf99}.price-guide tbody tr:hover{background:#e3ece3}.price-guide .price{text-align:right;font-variant-numeric:tabular-nums}.card-details{flex-wrap:wrap;justify-content:center;gap:30px;margin:12px 0 20px;display:flex}.card-details div{text-align:center}.card-details dt{text-transform:uppercase;letter-spacing:.1em;color:#536253;font-size:12px}.card-details dd{margin:4px 0 0;font-size:16px}#viewer{max-height:92vh;overflow-y:auto}@media (width<=700px){header nav{gap:12px}.price-guide th,.price-guide td{padding:12px}.card-details{gap:18px}header{flex-direction:column;align-items:stretch;gap:18px}header .brand{align-self:flex-start}header nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;width:100%;max-width:none;display:grid}header nav a,header nav a:not(.nav-gallery){box-sizing:border-box;text-align:center;white-space:normal;background:#ffffff50;border:1px solid #81998155;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;font-size:12px;line-height:1.4;display:flex}header nav a.nav-gallery{padding:10px 8px;font-size:12px}}@media (width<=600px){.price-guide{padding-left:18px;padding-right:18px}.price-guide .table-scroll{background:0 0;border:0;border-radius:0;overflow:visible}.price-guide table,.price-guide tbody{width:100%;display:block}.price-guide caption{padding:0 0 18px;line-height:1.5;display:block}.price-guide thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.price-guide tbody tr{background:#fffdf6f2;border:1px solid #d8d1b9;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin-bottom:14px;padding:16px;display:grid;box-shadow:0 3px 8px #203e3408}.price-guide tbody tr:nth-child(2n){background:#fffdf6f2}.price-guide tbody th,.price-guide tbody td{white-space:normal;overflow-wrap:anywhere;border:0;padding:0;display:block}.price-guide tbody th{grid-column:1/3;font-size:18px;font-weight:700;line-height:1.35}.price-guide tbody td.price{text-align:right;color:#224b40;font-size:18px;font-weight:700;line-height:1.35}.price-guide tbody td:not(.price){font-size:15px;line-height:1.4}.price-guide tbody td:not(.price):before{text-transform:uppercase;letter-spacing:.07em;color:#536253;margin-bottom:3px;font:11px/1.6 Arial,sans-serif;display:block}.price-guide tbody td:nth-child(3):before{content:"Rarity"}.price-guide tbody td:nth-child(4):before{content:"Type"}.price-guide tbody td:nth-child(5):before{content:"Aura"}}