:root{--ink:#08090d;--paper:#f5f3ea;--mist:#c9c9c9;--line:rgba(245,243,234,.64);--gold:#ffb449;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,'Times New Roman',serif}a{color:inherit}.midnight-site{min-height:100vh;overflow-x:hidden;background:#08090d url('{{ 'night-cloud-sky.jpg' | asset_url }}') repeat-y center top/100% auto}.midnight-shell{width:min(1180px,calc(100% - 40px));margin:auto}.midnight-site:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:radial-gradient(circle at 14% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 85% 32%,#fff 0 1px,transparent 2px),radial-gradient(circle at 55% 78%,#fff 0 1px,transparent 2px);background-size:130px 130px,180px 180px,110px 110px;animation:starDrift 32s linear infinite}.midnight-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(8,9,13,.8);backdrop-filter:blur(12px)}.midnight-header__row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.midnight-nav{display:flex;align-items:center;gap:18px;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.midnight-nav a{text-decoration:none}.midnight-nav a:hover{text-decoration:line-through}.midnight-logo{display:inline-flex;align-items:center;gap:5px;font-weight:900;text-transform:uppercase;letter-spacing:-.06em}.midnight-logo__word{position:relative;display:inline-block;padding:7px 9px;color:#090909;background:var(--paper);border:1px solid rgba(0,0,0,.7);box-shadow:3px 3px 0 rgba(255,255,255,.18);line-height:.9}.midnight-logo__word--cloud{font-size:16px;transform:rotate(-4deg)}.midnight-logo__word--of{font-size:10px;transform:rotate(3deg);background:#d8d8d8}.midnight-logo__word--the{font-size:15px;transform:rotate(-2deg);background:#f7f7f7}.midnight-logo-image{display:block;max-height:42px;width:auto}.midnight-hero{position:relative;min-height:700px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.midnight-hero:before{content:'';position:absolute;inset:-8% -6%;z-index:-3;background:url('{{ 'night-cloud-sky.jpg' | asset_url }}') repeat center/750px auto;opacity:.7;animation:skyLoop 45s linear infinite}.midnight-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,9,13,.72),transparent 34%,transparent 66%,rgba(8,9,13,.72)),linear-gradient(180deg,rgba(8,9,13,.15),rgba(8,9,13,.92))}.midnight-city{position:absolute;bottom:-2px;z-index:-1;width:min(48vw,600px);height:82%;background:url('{{ 'city-reference.jpg' | asset_url }}') no-repeat bottom/contain;filter:grayscale(1) contrast(1.3) brightness(.58);opacity:.9}.midnight-city--left{left:-5vw}.midnight-city--right{right:-5vw;transform:scaleX(-1)}.midnight-hero__content{max-width:760px;padding:90px 20px;text-align:center}.midnight-kicker{margin:0 0 16px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.midnight-hero h1{margin:0;font-size:clamp(52px,10vw,132px);line-height:.82;text-transform:uppercase;letter-spacing:-.09em}.midnight-hero__brand{margin:22px 0 22px}.midnight-hero__brand .midnight-logo{font-size:clamp(24px,4vw,48px)}.midnight-hero__brand .midnight-logo__word--cloud{font-size:1em}.midnight-hero__brand .midnight-logo__word--of{font-size:.52em}.midnight-hero__brand .midnight-logo__word--the{font-size:.9em}.midnight-hero__copy{max-width:480px;margin:0 auto;font-size:17px;line-height:1.6;color:#e0e0db}.midnight-button{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:14px 20px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.midnight-button:hover{background:transparent;color:var(--paper);transform:translateY(-3px)}.midnight-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font:10px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.75}.midnight-scroll:after{content:'↓';display:block;font-size:18px;animation:downBob 1.5s ease-in-out infinite}.midnight-section{position:relative;padding:92px 0;border-bottom:1px solid rgba(245,243,234,.25)}.midnight-section__head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.midnight-section__eyebrow{margin:0 0 10px;font:10px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}.midnight-section__title{margin:0;font-size:clamp(35px,6vw,76px);line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.midnight-section__title em{font-weight:400;text-transform:none}.midnight-city-band{position:absolute;inset:0;z-index:-1;opacity:.13;background:url('{{ 'city-reference.jpg' | asset_url }}') no-repeat left bottom/420px auto,url('{{ 'city-reference.jpg' | asset_url }}') no-repeat right bottom/420px auto;transform:scaleX(1)}.midnight-empty{padding:40px;border:1px dashed var(--line);text-align:center;color:#d4d4ce}@keyframes skyLoop{to{background-position:0 800px}}@keyframes starDrift{to{background-position:130px 520px,180px 650px,110px 400px}}@keyframes downBob{50%{transform:translateY(5px)}}@media(max-width:700px){.midnight-shell{width:min(100% - 26px,1180px)}.midnight-header__row{min-height:65px}.midnight-nav{gap:11px;font-size:9px}.midnight-nav a:nth-child(n+3){display:none}.midnight-hero{min-height:630px}.midnight-city{width:76vw;height:48%;opacity:.7}.midnight-city--left{left:-26vw}.midnight-city--right{right:-26vw}.midnight-section{padding:66px 0}.midnight-section__head{display:block}.midnight-section__head>p{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.midnight-category-nav{position:relative;padding:28px 0;background:rgba(245,243,234,.96);color:var(--ink)}.midnight-category-nav__row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.midnight-category-nav__row a{padding:10px 13px;border:1px solid var(--ink);font:10px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)}.midnight-category-nav__row a:hover{background:var(--ink);color:var(--paper)}.midnight-drop{overflow:hidden;min-height:650px}.midnight-drop:nth-of-type(even){background:rgba(255,255,255,.035)}.midnight-drop__scene{position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('{{ 'sketch-cloud-reference.jpg' | asset_url }}') no-repeat -110px 82%/330px auto,url('{{ 'bubble-reference.jpg' | asset_url }}') no-repeat 104% 14%/310px auto;opacity:.45;filter:grayscale(1) contrast(1.2)}.midnight-drop__copy{max-width:460px}.midnight-drop__note{margin:0;color:#cbc9c1;font-size:15px;line-height:1.55}.midnight-orbit{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center;padding:20px 4vw 66px;max-width:1140px;margin:0 auto}.midnight-orbit:before{content:'';position:absolute;inset:5% 12%;border:1px dashed rgba(245,243,234,.42);border-radius:50%;pointer-events:none}.midnight-orbit-card{position:relative;z-index:1;display:block;min-width:0;color:var(--paper);text-decoration:none;transform:translate(var(--nudge-x,0),var(--nudge-y,0));transition:transform .18s var(--ease);animation:orbitFloat 7s ease-in-out infinite;animation-delay:var(--orbit-delay,0s)}.midnight-orbit-card:nth-child(2){margin-top:76px}.midnight-orbit-card:nth-child(3){margin-top:20px}.midnight-orbit-card__bubble{position:absolute;inset:-17px -11px;z-index:-1;border:1px solid rgba(245,243,234,.75);border-radius:49% 51% 46% 54%/58% 38% 62% 42%;background:radial-gradient(circle at 29% 20%,rgba(255,255,255,.42),transparent 20%),linear-gradient(145deg,rgba(201,201,201,.2),rgba(7,8,12,.68));box-shadow:inset 0 0 24px rgba(245,243,234,.17),0 12px 28px rgba(0,0,0,.28)}.midnight-orbit-card__media{display:block;overflow:hidden;aspect-ratio:1;border:1px solid var(--line);border-radius:46% 54% 43% 57%/53% 43% 57% 47%;background:#26262a}.midnight-orbit-card__media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter .3s var(--ease),transform .3s var(--ease)}.midnight-orbit-card:hover .midnight-orbit-card__media img{filter:grayscale(0) contrast(1);transform:scale(1.06)}.midnight-orbit-card__placeholder{display:grid;height:100%;place-items:center;padding:25px;text-align:center;background:#15161b;color:#f5f3ea}.midnight-orbit-card__text{display:block;padding:15px 8px 2px}.midnight-orbit-card__text small{display:block;margin-bottom:6px;font:9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c4c2bc}.midnight-orbit-card__text strong{font-size:20px;line-height:1.05}.midnight-orbit-card__text em{display:block;margin-top:7px;color:#dedbd2;font-size:15px}.midnight-drop__empty{max-width:740px;margin:25px auto 0;padding:42px;border:1px dashed var(--line);text-align:center;color:#d4d2cc}.midnight-more{padding:66px 0 0;text-align:center}.midnight-more a{font:11px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.midnight-newsletter{background:var(--paper);color:var(--ink)}.midnight-newsletter .midnight-section__title{max-width:630px}.midnight-newsletter__form{display:flex;max-width:540px;margin-top:30px;border-bottom:2px solid var(--ink)}.midnight-newsletter__form input{min-width:0;flex:1;border:0;background:transparent;padding:13px 0;font:17px Georgia,serif;outline:0}.midnight-newsletter__form button{border:0;background:var(--ink);color:var(--paper);padding:0 17px;font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}@keyframes orbitFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -17px;rotate:1deg}}@media(max-width:760px){.midnight-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;padding-left:14px;padding-right:14px}.midnight-orbit:before{inset:4% 2%}.midnight-orbit-card:nth-child(2){margin-top:42px}.midnight-orbit-card:nth-child(3){margin-top:-18px}.midnight-orbit-card__text strong{font-size:16px}.midnight-category-nav__row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.midnight-category-nav__row a{white-space:nowrap}.midnight-newsletter__form{width:100%}}