body{margin:0;font-family:'Source Sans 3',system-ui,sans-serif;background:#050B13}
a{color:#FD8856}a:hover{color:#FBF7F0}
@keyframes tw{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes driftL{from{transform:translateX(0)}to{transform:translateX(-320px)}}
@keyframes driftR{from{transform:translateX(-320px)}to{transform:translateX(0)}}
@keyframes shimmer{0%,100%{opacity:.15}50%{opacity:1}}
.tw{animation:tw 2.4s steps(3,end) infinite}
.tw2{animation:tw 3.2s steps(3,end) .8s infinite}
.tw3{animation:tw 2.8s steps(3,end) 1.5s infinite}
.drift-far{animation:driftL 24s steps(40,end) infinite}
.drift-near{animation:driftL 13s steps(40,end) infinite}
.drift-shore{animation:driftR 16s steps(40,end) infinite}
.shimmer{animation:shimmer 2.2s steps(2,end) infinite}
@keyframes earA{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}100%{opacity:1}}
@keyframes earB{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:0}}
.ear .ear-b{opacity:0}
.ears.wig .ear .ear-a{animation:earA .3s steps(1,end) 1}
.ears.wig .ear .ear-b{animation:earB .3s steps(1,end) 1}
.ears.wig .ear-r .ear-a,.ears.wig .ear-r .ear-b{animation-delay:.05s}
.hippo-link:hover,.hippo-link:focus-visible{outline:4px dashed #FBF7F0;outline-offset:6px}
@media (prefers-reduced-motion: reduce){.tw,.tw2,.tw3,.drift-far,.drift-near,.drift-shore,.shimmer{animation:none}}
.yc .k-sg{fill:#143A28}
.yc[data-tod="dawn"] .k-sg{fill:#2A6A48}
.yc[data-tod="day"] .k-sg{fill:#1F6B3F}
.yc[data-tod="dusk"] .k-sg{fill:#1E4A36}
.yc .k-sgL{fill:#2A5A40}
.yc[data-tod="dawn"] .k-sgL{fill:#6FB08A}
.yc[data-tod="day"] .k-sgL{fill:#3E9A62}
.yc[data-tod="dusk"] .k-sgL{fill:#C0785A}
.yc .k-sgD{fill:#0A2016}
.yc[data-tod="dawn"] .k-sgD{fill:#16402C}
.yc[data-tod="day"] .k-sgD{fill:#0F3F24}
.yc[data-tod="dusk"] .k-sgD{fill:#10281E}
.yc .k-globe{fill:#6BE38F}
.yc[data-tod="dawn"] .k-globe{fill:#4FB876}
.yc[data-tod="day"] .k-globe{fill:#2E9A58}
.yc[data-tod="dusk"] .k-globe{fill:#5CCB80}
.yc .k-globeL{fill:#F2FFF6}
.yc[data-tod="dawn"] .k-globeL{fill:#D8F5E2}
.yc[data-tod="day"] .k-globeL{fill:#BFEFD0}
.yc[data-tod="dusk"] .k-globeL{fill:#E4FFEC}
.yc .k-stairs{fill:#07090D}
.yc[data-tod="dawn"] .k-stairs{fill:#2A2238}
.yc[data-tod="day"] .k-stairs{fill:#3A3A40}
.yc[data-tod="dusk"] .k-stairs{fill:#140E1A}
.yc .k-stairsL{fill:#1A1E26}
.yc[data-tod="dawn"] .k-stairsL{fill:#4A3E58}
.yc[data-tod="day"] .k-stairsL{fill:#5A5A62}
.yc[data-tod="dusk"] .k-stairsL{fill:#2A2030}
.yc .k-star{fill:#FBF7F0}
.yc[data-tod="dawn"] .k-star{fill:#FFE2B8}
.yc[data-tod="day"] .k-star{fill:#FFFFFF}
.yc[data-tod="dusk"] .k-star{fill:#FFE9C9}
.yc .k-star2{fill:#7AC6D6}
.yc[data-tod="dawn"] .k-star2{fill:#C9B8E0}
.yc[data-tod="day"] .k-star2{fill:#FFFFFF}
.yc[data-tod="dusk"] .k-star2{fill:#9FC7E8}
.yc .k-bFar{fill:#0D1A2B}
.yc[data-tod="dawn"] .k-bFar{fill:#6A5E86}
.yc[data-tod="day"] .k-bFar{fill:#8FA6BB}
.yc[data-tod="dusk"] .k-bFar{fill:#3A2C52}
.yc .k-bMid{fill:#09131F}
.yc[data-tod="dawn"] .k-bMid{fill:#4E466E}
.yc[data-tod="day"] .k-bMid{fill:#6F889F}
.yc[data-tod="dusk"] .k-bMid{fill:#261C3A}
.yc .k-bNear{fill:#060D17}
.yc[data-tod="dawn"] .k-bNear{fill:#3A345A}
.yc[data-tod="day"] .k-bNear{fill:#566F86}
.yc[data-tod="dusk"] .k-bNear{fill:#1A1328}
.yc .k-bLit{fill:#132338}
.yc[data-tod="dawn"] .k-bLit{fill:#E9A99A}
.yc[data-tod="day"] .k-bLit{fill:#B7C9D8}
.yc[data-tod="dusk"] .k-bLit{fill:#3A2A4A}
.yc .k-win{fill:#0F1C2E}
.yc[data-tod="dawn"] .k-win{fill:#6E6290}
.yc[data-tod="day"] .k-win{fill:#A9C3D6}
.yc[data-tod="dusk"] .k-win{fill:#302442}
.yc .k-lit{fill:#FFD98A}
.yc[data-tod="dawn"] .k-lit{fill:#FFE2B8}
.yc[data-tod="day"] .k-lit{fill:#FFFFFF}
.yc[data-tod="dusk"] .k-lit{fill:#FFC47A}
.yc .k-lit2{fill:#FFF1C2}
.yc[data-tod="dawn"] .k-lit2{fill:#FFF1DC}
.yc[data-tod="day"] .k-lit2{fill:#FFFFFF}
.yc[data-tod="dusk"] .k-lit2{fill:#FFE2B0}
.yc .k-stone{fill:#2B303C}
.yc[data-tod="dawn"] .k-stone{fill:#9C8290}
.yc[data-tod="day"] .k-stone{fill:#BFA98C}
.yc[data-tod="dusk"] .k-stone{fill:#4A3646}
.yc .k-stoneD{fill:#1B1F29}
.yc[data-tod="dawn"] .k-stoneD{fill:#7A6474}
.yc[data-tod="day"] .k-stoneD{fill:#96806A}
.yc[data-tod="dusk"] .k-stoneD{fill:#33243A}
.yc .k-stoneL{fill:#363C4A}
.yc[data-tod="dawn"] .k-stoneL{fill:#F0B8A6}
.yc[data-tod="day"] .k-stoneL{fill:#D8C6A8}
.yc[data-tod="dusk"] .k-stoneL{fill:#5A4252}
.yc .k-deck{fill:#161B24}
.yc[data-tod="dawn"] .k-deck{fill:#4A405E}
.yc[data-tod="day"] .k-deck{fill:#5E6670}
.yc[data-tod="dusk"] .k-deck{fill:#20182C}
.yc .k-cable{fill:#2E3644}
.yc[data-tod="dawn"] .k-cable{fill:#5E5476}
.yc[data-tod="day"] .k-cable{fill:#4E5862}
.yc[data-tod="dusk"] .k-cable{fill:#2A2036}
.yc .k-cableT{fill:#232A36}
.yc[data-tod="dawn"] .k-cableT{fill:#8A7C9C}
.yc[data-tod="day"] .k-cableT{fill:#7E8892}
.yc[data-tod="dusk"] .k-cableT{fill:#3E3050}
.yc .k-w0{fill:#0B1828}
.yc[data-tod="dawn"] .k-w0{fill:#7A6E98}
.yc[data-tod="day"] .k-w0{fill:#5E93BA}
.yc[data-tod="dusk"] .k-w0{fill:#5A3A62}
.yc .k-w1{fill:#09131F}
.yc[data-tod="dawn"] .k-w1{fill:#645C88}
.yc[data-tod="day"] .k-w1{fill:#4F84AB}
.yc[data-tod="dusk"] .k-w1{fill:#43305A}
.yc .k-w2{fill:#070F19}
.yc[data-tod="dawn"] .k-w2{fill:#524C78}
.yc[data-tod="day"] .k-w2{fill:#42769C}
.yc[data-tod="dusk"] .k-w2{fill:#30264C}
.yc .k-w3{fill:#050B13}
.yc[data-tod="dawn"] .k-w3{fill:#403C66}
.yc[data-tod="day"] .k-w3{fill:#35688C}
.yc[data-tod="dusk"] .k-w3{fill:#221C3C}
.yc .k-ripple{fill:#1A3350}
.yc[data-tod="dawn"] .k-ripple{fill:#B690A8}
.yc[data-tod="day"] .k-ripple{fill:#9CC8E0}
.yc[data-tod="dusk"] .k-ripple{fill:#8A4A5E}
.yc .k-refl{fill:#FFD98A}
.yc[data-tod="dawn"] .k-refl{fill:#FFC9A0}
.yc[data-tod="day"] .k-refl{fill:#DDEEF6}
.yc[data-tod="dusk"] .k-refl{fill:#FDA25A}
.yc .k-sh0{fill:#0C1A2A}
.yc[data-tod="dawn"] .k-sh0{fill:#6A6090}
.yc[data-tod="day"] .k-sh0{fill:#5A9CC0}
.yc[data-tod="dusk"] .k-sh0{fill:#4A3456}
.yc .k-sh1{fill:#10243A}
.yc[data-tod="dawn"] .k-sh1{fill:#80739E}
.yc[data-tod="day"] .k-sh1{fill:#76B2CF}
.yc[data-tod="dusk"] .k-sh1{fill:#5C4062}
.yc .k-foam{fill:#8EA6B8}
.yc[data-tod="dawn"] .k-foam{fill:#FFE9DA}
.yc[data-tod="day"] .k-foam{fill:#FFFFFF}
.yc[data-tod="dusk"] .k-foam{fill:#F2C6B0}
.yc .k-p1{fill:#1B212C}
.yc[data-tod="dawn"] .k-p1{fill:#6E6478}
.yc[data-tod="day"] .k-p1{fill:#8E8A84}
.yc[data-tod="dusk"] .k-p1{fill:#3E3040}
.yc .k-p2{fill:#252C39}
.yc[data-tod="dawn"] .k-p2{fill:#857A8E}
.yc[data-tod="day"] .k-p2{fill:#A8A39C}
.yc[data-tod="dusk"] .k-p2{fill:#4E3E4E}
.yc .k-p3{fill:#313949}
.yc[data-tod="dawn"] .k-p3{fill:#9C90A2}
.yc[data-tod="day"] .k-p3{fill:#C2BDB5}
.yc[data-tod="dusk"] .k-p3{fill:#5E4C5C}
.yc .k-rail{fill:#0B0F15}
.yc[data-tod="dawn"] .k-rail{fill:#2A2640}
.yc[data-tod="day"] .k-rail{fill:#2F3A44}
.yc[data-tod="dusk"] .k-rail{fill:#150F1C}
.yc .k-board{fill:#231D1B}
.yc[data-tod="dawn"] .k-board{fill:#6C5460}
.yc[data-tod="day"] .k-board{fill:#9C7A58}
.yc[data-tod="dusk"] .k-board{fill:#3E2C30}
.yc .k-board2{fill:#2C2521}
.yc[data-tod="dawn"] .k-board2{fill:#7C6270}
.yc[data-tod="day"] .k-board2{fill:#B38E68}
.yc[data-tod="dusk"] .k-board2{fill:#4A3438}
.yc .k-lamp{fill:#FFD98A}
.yc[data-tod="dawn"] .k-lamp{fill:#FFE2B8}
.yc[data-tod="day"] .k-lamp{fill:#3A4450}
.yc[data-tod="dusk"] .k-lamp{fill:#FFC47A}
.yc .k-hippo{fill:#04070B}
.yc[data-tod="dawn"] .k-hippo{fill:#12101C}
.yc[data-tod="day"] .k-hippo{fill:#1A2230}
.yc[data-tod="dusk"] .k-hippo{fill:#0C0812}
.yc .k-hippoF{fill:#0E1520}
.yc[data-tod="dawn"] .k-hippoF{fill:#241E34}
.yc[data-tod="day"] .k-hippoF{fill:#2C3646}
.yc[data-tod="dusk"] .k-hippoF{fill:#1A1224}
.yc .k-rim{fill:#2E4A6A}
.yc[data-tod="dawn"] .k-rim{fill:#FFC9A0}
.yc[data-tod="day"] .k-rim{fill:#6A7C90}
.yc[data-tod="dusk"] .k-rim{fill:#FD8856}
.yc .k-s0{fill:#02070F}
.yc[data-tod="dawn"] .k-s0{fill:#1F2A52}
.yc[data-tod="day"] .k-s0{fill:#3F7FB5}
.yc[data-tod="dusk"] .k-s0{fill:#141B3A}
.yc .k-s1{fill:#040B17}
.yc[data-tod="dawn"] .k-s1{fill:#2E3766}
.yc[data-tod="day"] .k-s1{fill:#4D8BBF}
.yc[data-tod="dusk"] .k-s1{fill:#1E2550}
.yc .k-s2{fill:#06111F}
.yc[data-tod="dawn"] .k-s2{fill:#3F4577}
.yc[data-tod="day"] .k-s2{fill:#5C98C8}
.yc[data-tod="dusk"] .k-s2{fill:#2E2E62}
.yc .k-s3{fill:#091828}
.yc[data-tod="dawn"] .k-s3{fill:#555286}
.yc[data-tod="day"] .k-s3{fill:#6CA5D0}
.yc[data-tod="dusk"] .k-s3{fill:#4A3670}
.yc .k-s4{fill:#0C1F33}
.yc[data-tod="dawn"] .k-s4{fill:#6C5E90}
.yc[data-tod="day"] .k-s4{fill:#7FB2D8}
.yc[data-tod="dusk"] .k-s4{fill:#7A3F6E}
.yc .k-s5{fill:#112842}
.yc[data-tod="dawn"] .k-s5{fill:#8A6C98}
.yc[data-tod="day"] .k-s5{fill:#93C0DF}
.yc[data-tod="dusk"] .k-s5{fill:#B44E5E}
.yc .k-s6{fill:#1A3350}
.yc[data-tod="dawn"] .k-s6{fill:#D98E97}
.yc[data-tod="day"] .k-s6{fill:#AACFE6}
.yc[data-tod="dusk"] .k-s6{fill:#E0703F}
.yc .k-s7{fill:#2B3D58}
.yc[data-tod="dawn"] .k-s7{fill:#FFC9A0}
.yc[data-tod="day"] .k-s7{fill:#C4DDEC}
.yc[data-tod="dusk"] .k-s7{fill:#FDA25A}
.yc[data-tod="dawn"] .sky-grad{background: radial-gradient(ellipse 55% 200px at 50% 580px, rgba(255,201,160,.45), transparent), linear-gradient(to bottom, #1F2A52 36px, #2E3766 108px, #3F4577 180px, #555286 252px, #6C5E90 324px, #8A6C98 396px, #D98E97 468px, #FFC9A0 540px, #FFC9A0 100%)}
.yc[data-tod="dawn"] .water-grad{background: linear-gradient(to bottom, #FFC9A0 0, #7A6E98 22px, #645C88 110px, #524C78 200px, #403C66 300px, #403C66 100%)}
.yc[data-tod="day"] .sky-grad{background: radial-gradient(ellipse 55% 200px at 50% 580px, rgba(255,255,255,.3), transparent), linear-gradient(to bottom, #3F7FB5 36px, #4D8BBF 108px, #5C98C8 180px, #6CA5D0 252px, #7FB2D8 324px, #93C0DF 396px, #AACFE6 468px, #C4DDEC 540px, #C4DDEC 100%)}
.yc[data-tod="day"] .water-grad{background: linear-gradient(to bottom, #C4DDEC 0, #5E93BA 22px, #4F84AB 110px, #42769C 200px, #35688C 300px, #35688C 100%)}
.yc[data-tod="dusk"] .sky-grad{background: radial-gradient(ellipse 55% 200px at 50% 580px, rgba(253,162,90,.5), transparent), linear-gradient(to bottom, #141B3A 36px, #1E2550 108px, #2E2E62 180px, #4A3670 252px, #7A3F6E 324px, #B44E5E 396px, #E0703F 468px, #FDA25A 540px, #FDA25A 100%)}
.yc[data-tod="dusk"] .water-grad{background: linear-gradient(to bottom, #FDA25A 0, #5A3A62 22px, #43305A 110px, #30264C 200px, #221C3C 300px, #221C3C 100%)}
.yc .sky-grad{background: radial-gradient(ellipse 55% 200px at 50% 580px, rgba(255,217,138,.16), transparent), linear-gradient(to bottom, #02070F 36px, #040B17 108px, #06111F 180px, #091828 252px, #0C1F33 324px, #112842 396px, #1A3350 468px, #2B3D58 540px, #2B3D58 100%)}
.yc .water-grad{background: linear-gradient(to bottom, #2B3D58 0, #0B1828 22px, #09131F 110px, #070F19 200px, #050B13 300px, #050B13 100%)}
.yc .motes{opacity:1}.yc[data-tod="dusk"] .motes{opacity:.9}.yc[data-tod="dawn"] .motes{opacity:.7}.yc[data-tod="day"] .motes{opacity:.35}
.yc .mist{opacity:.7}.yc[data-tod="dusk"] .mist{opacity:1}.yc[data-tod="dawn"] .mist{opacity:1}.yc[data-tod="day"] .mist{opacity:.8}
@keyframes moteX{from{transform:translateX(0)}to{transform:translateX(-2080px)}}
@keyframes moteY{0%,100%{transform:translateY(-12px)}50%{transform:translateY(12px)}}
.mote-far{animation:moteX 170s linear infinite}.mote-mid{animation:moteX 95s linear infinite}.mote-near{animation:moteX 48s linear infinite}.mist{animation:moteX 240s linear infinite}
.bob1{animation:moteY 11s ease-in-out infinite}.bob2{animation:moteY 8s ease-in-out -3s infinite}.bob3{animation:moteY 6s ease-in-out -1s infinite}
@media (prefers-reduced-motion: reduce){.mote-far,.mote-mid,.mote-near,.mist,.bob1,.bob2,.bob3{animation:none}}
.yc .glow{opacity:.55}.yc[data-tod="dusk"] .glow{opacity:.45}.yc[data-tod="dawn"] .glow{opacity:.25}.yc[data-tod="day"] .glow{opacity:0}
.yc .stars{opacity:1}.yc[data-tod="dusk"] .stars{opacity:.45}.yc[data-tod="dawn"] .stars{opacity:.2}.yc[data-tod="day"] .stars{opacity:0}
.yc .lit{opacity:1}.yc[data-tod="dusk"] .lit{opacity:.85}.yc[data-tod="dawn"] .lit{opacity:.3}.yc[data-tod="day"] .lit{opacity:0}
.yc .refl{opacity:1}.yc[data-tod="day"] .refl{opacity:.45}.yc[data-tod="dawn"] .refl{opacity:.6}
.yc .sun-dusk,.yc .sun-day{display:none}.yc .moon{display:block}
.yc[data-tod="dusk"] .sun-dusk{display:block}.yc[data-tod="day"] .sun-day{display:block}
.yc[data-tod="dusk"] .moon,.yc[data-tod="day"] .moon,.yc[data-tod="dawn"] .moon{display:none}
.yc .hero-ink{color:#FBF7F0}.yc .hero-accent{color:#FD8856}.yc .hero-label{color:#7AC6D6}.yc .hero-sub{color:#E4EEF1}
.yc .hero-text{text-shadow:2px 2px 0 rgba(2,6,12,.45)}
.yc[data-tod="dawn"] .hero-label{color:#FFE2B8}.yc[data-tod="dusk"] .hero-label{color:#FFC9A0}
.yc[data-tod="day"] .hero-ink{color:#0A1E2E}.yc[data-tod="day"] .hero-accent{color:#9A2E06}.yc[data-tod="day"] .hero-label{color:#0F3350}.yc[data-tod="day"] .hero-sub{color:#0F2536}
.yc[data-tod="day"] .hero-text{text-shadow:none}
.yc{--panel:#0C1522;--edge:#3A5878;--plabel:#9FC7E8;--plink:#FFD98A}
.yc[data-tod="dusk"]{--panel:#1C1226;--edge:#FD8856;--plabel:#FFC9A0;--plink:#FDA25A}
.yc[data-tod="dawn"]{--panel:#2A2340;--edge:#FFC9A0;--plabel:#FFE2B8;--plink:#FFC9A0}
.yc[data-tod="day"]{--panel:#1E2A38;--edge:#B7C9D8;--plabel:#B7C9D8;--plink:#FFD98A}
.caps{font:600 15px/1.2 'Source Sans 3',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
@keyframes boxOpen{0%{clip-path:inset(50% 50% 50% 50% round 26px)}45%{clip-path:inset(calc(50% - 1px) 0 calc(50% - 1px) 0 round 26px)}100%{clip-path:inset(0 0 0 0 round 26px)}}
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.msg-box{animation:boxOpen .8s cubic-bezier(.2,.8,.2,1) .5s both}
.msg-text{animation:msgIn .5s ease-out 1.25s both}
@media (prefers-reduced-motion: reduce){.msg-box,.msg-text{animation:none}}
.street-sign:hover,.street-sign:focus-visible{outline:4px dashed #FBF7F0;outline-offset:6px}
.mail-sign:hover,.mail-sign:focus-visible{outline:4px dashed #FBF7F0;outline-offset:6px}
.yc .fg-fill{background:linear-gradient(to bottom,transparent 0,transparent 480px,#231D1B 480px)}
.yc[data-tod="dawn"] .fg-fill{background:linear-gradient(to bottom,transparent 0,transparent 480px,#6C5460 480px)}
.yc[data-tod="day"] .fg-fill{background:linear-gradient(to bottom,transparent 0,transparent 480px,#9C7A58 480px)}
.yc[data-tod="dusk"] .fg-fill{background:linear-gradient(to bottom,transparent 0,transparent 480px,#3E2C30 480px)}
@media (max-width: 760px){
  .yc header{padding:18px 16px !important}
  .yc header .caps{font-size:12px;letter-spacing:.12em;text-align:center}
  .msg-box{left:16px !important;right:16px;width:auto !important;top:96px !important}
  .fgx{translate:250px 0}
  .fgx2{translate:380px 0}
  .subway{left:50% !important;top:560px !important;transform:translateX(-50%) scale(.74);transform-origin:50% 0}
  #contact{min-height:820px !important}
}