@font-face{font-family:H;src:url('../directory-assets/HankenGrotesk-Regular.ttf')}@font-face{font-family:H;src:url('../directory-assets/HankenGrotesk-Bold.ttf');font-weight:700}@font-face{font-family:F;src:url('../directory-assets/Fraunces-Regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#fcfcf8;color:#1d4b52;font:17px/1.5 H,Arial}a{color:#0b7d77;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0b7d77;outline-offset:4px}header{max-width:1240px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:155px}header nav{display:flex;gap:24px;font-size:15px}header a{text-decoration:none}.wrap{max-width:1240px;margin:auto;padding:0 30px}.hero{background:linear-gradient(115deg,#eafaf7,#d6f1f4 72%,#f8e6d6);border-block:1px solid #d1e5df;overflow:hidden}.hero .wrap{padding-block:44px;position:relative}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}h1,h2,h3{font-family:F,Georgia;font-weight:400;line-height:1.12}h1{font-size:clamp(38px,5.6vw,67px);max-width:850px;margin:15px 0 18px}h2{font-size:32px;margin:12px 0}h3{font-size:25px;margin:12px 0}.lede{max-width:680px;font-size:20px}.ornament{position:absolute;right:55px;top:25px;width:230px;height:170px;opacity:.2;transform:rotate(-12deg);pointer-events:none}.ornament i{display:block;border:9px solid #0e9f93;border-radius:50%;height:65px;margin-top:-12px}.ornament i:first-child{border-color:#ff6a3d}.ornament i:last-child{border-color:#34b6c9;width:65%;margin-left:17%}.hero-content{position:relative}.search{display:flex;max-width:760px;background:#fff;border:2px solid #1d4b52;border-radius:15px;padding:7px;box-shadow:4px 4px 0 #bddcd1;margin:24px 0 10px}.search input{width:100%;min-width:0;padding:10px 13px;border:0;background:transparent}.button,.search button{border:0;border-radius:9px;padding:11px 18px;background:#1d4b52;color:white;text-decoration:none;display:inline-block;white-space:nowrap}.hint,.small{font-size:14px}.muted{color:#56716e}.tabs{display:flex;gap:24px;border-bottom:1px solid #c8dcd5;padding-top:24px;overflow:auto}.tabs a{padding:12px 3px;text-decoration:none;color:#496660;white-space:nowrap}.tabs a[aria-current=page]{border-bottom:3px solid #0b7d77;color:#1d4b52;font-weight:700}.main{padding-block:28px 65px}.tools{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin:8px 0 20px}.tools label{font-size:13px}.tools select,.tools input{display:block;border:1px solid #8ca8a0;border-radius:9px;padding:9px;background:white;max-width:100%}.quiet{border:1px solid #bdd5cc;background:white;border-radius:9px;padding:9px 14px;text-decoration:none}.count{font-size:14px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{border:1px solid #cadcd4;border-radius:22px;background:white;overflow:hidden;text-decoration:none;color:inherit;display:block}.tile:hover{border-color:#0b7d77;box-shadow:0 5px 0 #d9ebe3}.tilebody{padding:22px}.tile p{font-size:16px;margin:10px 0}.currenttile{background:var(--color);min-height:270px;position:relative}.currenttile .faces{display:flex;padding:22px 22px 0;min-height:80px}.faces img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:3px solid white;margin-right:-12px}.currenttile h3{font-size:30px}.creatorphoto{width:100%;height:230px;object-fit:cover;object-position:50% 32%;background:var(--color)}.pill{display:inline-block;background:var(--color,#eafaf7);border-radius:9px;padding:4px 8px;font-size:12px}.creatorline{display:flex;align-items:center;justify-content:space-between;gap:10px}.code{font-size:13px;font-weight:700;border:1px solid #86a69b;border-radius:6px;padding:3px 8px;text-decoration:none;background:#eafaf7;color:#1d4b52}.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0}.empty{padding:35px;border:1px solid #c8ded3;border-radius:18px;background:#eafaf7}.latest{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #c6ded3;border-radius:15px;padding:15px 20px;margin:24px 0}.latest img{width:65px;height:65px;object-fit:cover;border-radius:50%}.latest a{font-weight:700}.crumbs{font-size:14px;display:flex;gap:9px;flex-wrap:wrap;padding:22px 0}.profilehero{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;padding-block:34px}.profilehero>img{width:240px;height:280px;object-fit:cover;border-radius:45% 48% 42% 45%;border:5px solid white}.profilehero h1{margin:13px 0}.social{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.piece{display:grid;grid-template-columns:320px 1fr;gap:28px;border:1px solid #cbded4;padding:24px;border-radius:22px;margin:20px 0;background:white;scroll-margin-top:20px}.piece>img{width:100%;height:210px;object-fit:contain;background:#f6efe6;border-radius:12px}.piece:target{outline:3px solid #0b7d77}.piece h3{font-size:27px}.piece h3 a{color:inherit;text-decoration:none}.piece p{max-width:690px}.meta{display:flex;gap:12px;align-items:center;font-size:13px}.platform{display:flex;align-items:center;gap:6px}.platform svg{width:19px;height:19px}.credit{font-size:12px;color:#56716e}.calendar-layout{display:grid;grid-template-columns:300px 1fr;gap:30px}.calendar{background:#f6efe6;border-radius:20px;padding:22px}.monthbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.monthbar button{padding:5px 10px}.days,.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:16px}.days>*{aspect-ratio:1;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;font-size:14px}.days button{background:#b9dbc3;font-weight:700}.days button[aria-pressed=true]{background:#1d4b52;color:white}.weekdays span{text-align:center;font-size:11px}.date-list{display:grid;gap:15px}.date-row{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #cadcd4;border-radius:18px;background:white}.date-row img{width:80px;height:90px;object-fit:cover;border-radius:14px}.date-row h3{margin:5px 0}.results-pieces{margin-top:25px}.resultpiece{padding:18px 0;border-bottom:1px solid #c8dcd5}.resultpiece a{font-size:19px}.banner{background:#ffe3c4;padding:12px;text-align:center;font-size:14px}footer{background:#eafaf7;border-top:1px solid #c8dcd5;padding:28px;text-align:center;font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ornament{right:-60px}.piece{grid-template-columns:240px 1fr}}@media(max-width:600px){header,.wrap{padding-inline:20px}header nav{gap:14px;font-size:13px}header img{width:130px}.hero .wrap{padding-block:30px}.grid{grid-template-columns:1fr}.lede{font-size:18px}.profilehero{grid-template-columns:1fr;gap:15px}.profilehero>img{width:145px;height:165px}.piece{grid-template-columns:1fr;padding:18px;gap:10px}.piece>img{height:auto;aspect-ratio:16/9}.calendar-layout{grid-template-columns:1fr}.creatorphoto{height:260px}.tabs{gap:20px}.search button{padding-inline:13px}.tools>*{max-width:100%}.date-row{padding:15px;gap:15px}h1{font-size:42px}.latest{align-items:flex-start}}


/* shared Tidepool navigation */
header{background:#073f39;color:#eafaf7;max-width:none;margin:0;padding:0;display:block}
.topnav{max-width:1240px;height:84px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbrand{display:flex;align-items:center;gap:9px;color:#eafaf7;font:600 21px F,Georgia,serif;text-decoration:none;white-space:nowrap}
.topbrand svg{width:26px;height:31px}
.topnav nav{display:flex;align-items:center;gap:25px;font-size:14px}
.topnav nav a{display:inline-flex;align-items:center;gap:7px;color:#bdeee5;font-weight:700;text-decoration:none;white-space:nowrap}
.topnav nav a:hover,.topnav nav a[aria-current=page]{color:#fff}
.current-mark{color:#ff8a63;font-size:18px;line-height:1}
.instagram-icon{width:17px;height:17px}
.join-link{border-bottom:2px solid #7fd9cf;padding-bottom:2px}
.piece:target{outline:3px solid #0b7d77;box-shadow:0 0 0 7px #b9ddd2}
@media(max-width:900px){.topnav nav{gap:15px}.topnav nav a{font-size:13px}}
@media(max-width:700px){header{padding:0}.topnav{height:72px;padding-inline:18px}.topbrand{font-size:18px}.topbrand svg{width:22px}.nav-secondary{display:none!important}.topnav nav{gap:13px}.topnav nav a{font-size:12px}.instagram-label{display:none}}