:root{--ink:#242238;--muted:#6e6a7d;--paper:#f5f2ee;--blue:#4e4977;--lime:#efaa89;--line:#d8d1cc;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#918a9c #e9e4e1}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}.wrap{width:min(1400px,calc(100% - 100px));margin:auto}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e87653;outline-offset:4px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font:700 17px/1 var(--display);letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-size:20px}.brand-small{display:block;font:600 9px/1 var(--font);letter-spacing:.16em;margin-top:5px}.nav nav{display:flex;gap:42px;font-size:13px;font-weight:600}.nav nav a:hover,.text-link:hover{color:#a15039}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:13px 19px;font-size:13px;font-weight:700}.nav-cta span{margin-left:28px}.nav-cta:hover{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;padding-top:75px}.hero-copy{padding:25px 0 50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em}.dot{display:inline-block;width:7px;height:7px;background:#e17f60;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.065em}h1{font-size:clamp(60px,7.5vw,112px);line-height:.94;margin:46px 0 30px;font-weight:500}h1 em{font-style:normal;color:#a55742}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:430px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:99px;padding:17px 22px;font-size:13px;font-weight:700}.button:hover{background:#514b66}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding:10px 0}.text-link span{margin-left:10px}.hero-art{min-height:470px;position:relative;overflow:hidden;background:#d2cbdc}.hero-art:before{content:'';position:absolute;inset:9% 16%;border-radius:48% 48% 44% 44%;background:#736c8d;transform:rotate(-15deg)}.hero-art:after{content:'';position:absolute;inset:26% 22% 13% 30%;border-radius:50%;background:#e7a889;mix-blend-mode:screen}.orbit{position:absolute;z-index:1;inset:12% 8%;border:1px solid #f7f1ed99;border-radius:50%;transform:rotate(-35deg)}.orbit-two{inset:20% 3%;transform:rotate(35deg)}.art-arrow{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#f7f1ed;font:400 clamp(130px,14vw,220px)/1 var(--display)}.art-label,.art-bottom{position:absolute;z-index:3;font-size:9px;line-height:1.6;font-weight:700;letter-spacing:.15em}.art-label{top:24px;left:24px}.art-bottom{bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;font-size:10px;letter-spacing:.15em;font-weight:700}.intro{padding:140px 0;display:grid;grid-template-columns:1fr 2fr;gap:30px}.intro h2,.section-head h2,.approach h2{font-size:clamp(42px,5vw,72px);line-height:1.05;font-weight:500}.intro h2 span{color:#a59ca7}.intro div>p,.section-head>p,.approach-heading>p:last-child{color:var(--muted);line-height:1.8;max-width:520px}.work{background:#29263c;color:#f8f4f0;padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2 em,.approach h2 em,.contact h2 em{font-style:normal;color:#e9a687}.section-head>p{max-width:330px;color:#c2bac6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.empty-work{grid-column:1/-1;min-height:260px;border:1px solid #777181;display:flex;align-items:end;gap:24px;padding:32px;background:#373347}.empty-icon{font:80px/.7 var(--display);color:#e9a687}.empty-work strong{font:500 24px var(--display)}.empty-work p{color:#c2bac6;margin:8px 0 0}.project{background:#f5f2ee;color:var(--ink)}.project img,.project video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#d2cbdc}.project-info{padding:24px}.project h3{font-size:24px;margin:0 0 8px}.project p{color:var(--muted);line-height:1.6;margin:0}.approach{padding:145px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach h2 em{color:#a55742}.services article{border-top:1px solid var(--line);padding:25px 0 35px}.services article span{font-size:10px;letter-spacing:.14em;font-weight:700;color:#a55742}.services h3{font-size:26px;font-weight:500;margin:15px 0 10px}.services p{color:var(--muted);line-height:1.7;margin:0}.contact{background:#d8cddc;position:relative;overflow:hidden}.contact-inner{padding:115px 0;position:relative;z-index:1}.contact h2{font-size:clamp(55px,7vw,104px);font-weight:500;line-height:.98;margin:35px 0 24px}.contact h2 em{color:#9e4f3c}.contact p:not(.eyebrow){max-width:400px;line-height:1.7;color:#514b60}.button.light{margin-top:20px}.contact small{display:block;margin-top:12px;color:#514b60}.contact-arrow{position:absolute;right:4%;bottom:-90px;font:400 430px/.8 var(--display);color:#ffffff55}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 0;font-size:12px}.footer p{margin:0;color:var(--muted)}.footer div{display:flex;gap:30px;color:var(--muted)}.footer a:hover{color:#a15039}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:20px}.hero-copy{padding:30px 0}.hero-art{min-height:360px}.hero-foot{gap:20px}.intro,.approach{grid-template-columns:1fr;padding:85px 0}.intro{gap:15px}.section-head{display:block}.work{padding:85px 0}.gallery{grid-template-columns:1fr}.contact-inner{padding:85px 0}.contact-arrow{font-size:280px}.footer{align-items:flex-start;flex-direction:column}.footer div{flex-wrap:wrap}.art-arrow{font-size:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(forced-colors:active){html{scrollbar-color:auto}}

/* Approved Superdesign direction: a single continuous surface and a typography-led hero. */
body{background:radial-gradient(circle at 50% 0%,#fff 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(225,127,96,.06) 0%,transparent 60%),var(--paper);background-attachment:fixed}
.hero{display:block;padding-top:0;border-bottom:1px solid var(--line)}
.hero-copy{max-width:800px;padding:160px 0}
.hero h1{font-size:clamp(50px,6vw,96px);margin:32px 0 40px}
.hero .lead{font-size:18px;max-width:480px}
.hero-actions{margin-top:50px}
.intro{padding:160px 0;border-bottom:1px solid var(--line)}
.intro h2{margin-bottom:1em}
.intro div>p,.approach-heading>p:last-child{font-size:18px}
.work{background:transparent;color:var(--ink);padding:140px 0;border-bottom:1px solid var(--line)}
.work .section-head h2{font-size:clamp(48px,6vw,84px)}
.work .section-head h2 em{color:#a55742}
.work .section-head>p{color:var(--muted)}
.gallery{margin-top:80px}
.empty-work{min-height:320px;border:1px solid var(--line);background:rgba(255,255,255,.4);padding:60px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}
.empty-icon{align-self:flex-end;color:#a55742}
.empty-work strong{font-size:32px}
.empty-work p{color:var(--muted);font-size:18px}
.approach{padding:140px 0;border-bottom:1px solid var(--line)}
.services article{padding:35px 0 45px}
.services h3{font-size:32px}
.contact{background:transparent;border-bottom:1px solid var(--line)}
.contact-inner{padding:140px 0;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:60px}
.contact-inner .eyebrow,.contact-inner h2{grid-column:1}
.contact-inner h2{font-size:clamp(60px,8vw,120px);margin:40px 0 0}
.contact-inner>p:not(.eyebrow),.contact-inner>a,.contact-inner>small{grid-column:2}
.contact-inner>p:not(.eyebrow){grid-row:2;color:#514b60;align-self:start;margin:0;max-width:360px}
.contact-inner>a{grid-row:2;align-self:center;justify-self:start;margin-top:65px}
.contact-inner>small{grid-row:2;align-self:end;margin-top:130px}
.contact-arrow{color:rgba(36,34,56,.05)}
.footer{padding:60px 0}
@media(max-width:800px){.hero-copy{padding:80px 0}.intro,.approach{padding:90px 0}.work{padding:90px 0}.gallery{margin-top:45px}.empty-work{padding:30px}.contact-inner{display:block;padding:90px 0}.contact-inner h2{margin:32px 0}.contact-inner>a{margin-top:20px}.contact-inner>small{margin-top:16px}.contact-inner>p:not(.eyebrow){margin:0}}
.project .public-media{display:grid;gap:2px}.project .public-media:has(> :nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.project-info p{white-space:pre-wrap;overflow-wrap:anywhere}.project-info .project-date{font-size:12px;margin-bottom:10px}

/* Give each project a clear boundary and keep its media together. */
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.project{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.35);display:flex;flex-direction:column}
.project .public-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 16px 0}
.project .public-media:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.project .public-media img,.project .public-media video{width:100%;min-width:0;aspect-ratio:4/3;object-fit:contain;background:#e8e3e5}
.project-info{margin:20px 16px 0;padding:22px 0 26px;border-top:1px solid var(--line)}
.project h3{font-size:26px;line-height:1.15;margin:0 0 10px;overflow-wrap:anywhere}
.project-info .project-date{font-size:12px;letter-spacing:.03em;margin:0 0 14px}
.project-info p{line-height:1.65}
@media(max-width:800px){.gallery{grid-template-columns:1fr;gap:24px}.project .public-media{padding:12px 12px 0}.project-info{margin:18px 12px 0}}
/* Project index and detail pages */
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-summary{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.3);padding:30px;min-height:230px}
.summary-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:#a55742;margin:0 0 25px}.project-summary h3{font-size:clamp(26px,2.4vw,36px);font-weight:500;line-height:1.1;overflow-wrap:anywhere;margin:0 0 12px}.summary-date{font-size:13px;color:var(--muted);margin:0 0 26px}.summary-link{margin-top:auto;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;padding:8px 0}.summary-link span{margin-left:25px}.summary-link:hover{color:#a55742;border-color:#a55742}
.project-page{padding:65px 0 120px;min-height:60vh}.project-back{display:inline-block;color:var(--blue);font-size:14px;font-weight:600;margin-bottom:85px}.project-back:hover{color:#a55742}.project-page-head{max-width:850px;padding-bottom:60px}.project-page-head h1{overflow-wrap:anywhere;margin:28px 0 25px;font-size:clamp(52px,7vw,96px)}.project-page-date{color:var(--muted);font-size:14px;margin-bottom:30px}.project-page-description{max-width:660px;font-size:18px;line-height:1.8;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.project-page-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-page-media img,.project-page-media video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#e8e3e5}.project-page-media>*:only-child{grid-column:1/-1}.project-loading{color:var(--muted)}
@media(max-width:800px){.gallery,.project-page-media{grid-template-columns:1fr}.project-page{padding:45px 0 80px}.project-back{margin-bottom:60px}.project-summary{min-height:200px;padding:24px}}
.footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--muted);overflow-wrap:anywhere}.footer-contact a:hover{color:#a15039}.brand-logo{display:block;width:42px;height:42px;object-fit:contain;flex:none}.footer [hidden]{display:none!important}

/* Public site: black background and Poppins typography. */
:root{--font:'Poppins',sans-serif;--display:'Poppins',sans-serif}
body.site-public{--ink:#f5f4f1;--muted:#c4c2c7;--paper:#080808;--blue:#d4c6ed;--line:#47454a;background:#080808;color:var(--ink);scrollbar-color:#777 #101010}
.site-public .work{padding-top:90px}
.site-public h1 em,.site-public .work .section-head h2 em,.site-public .approach h2 em,.site-public .contact h2 em,.site-public .summary-label,.site-public .services article span,.site-public .empty-icon{color:#f0a78e}
.site-public .intro h2 span{color:#bbb5bd}
.site-public .project-summary,.site-public .empty-work{background:#111;border-color:var(--line)}
.site-public .contact-inner>p:not(.eyebrow){color:var(--muted)}
.site-public .contact-arrow{color:rgba(255,255,255,.05)}
.site-public .button{background:#f5f4f1;border-color:#f5f4f1;color:#080808}
.site-public .button:hover{background:#f0a78e;border-color:#f0a78e}
.site-public .nav-cta:hover{background:#f5f4f1;color:#080808}
.site-public .nav nav a:hover,.site-public .text-link:hover,.site-public .summary-link:hover,.site-public .footer a:hover,.site-public .project-back:hover{color:#f0a78e;border-color:#f0a78e}
.site-public .project-page-media img,.site-public .project-page-media video{background:#151515}
.site-public .hero h1,.site-public .section-head h2,.site-public .intro h2,.site-public .approach h2,.site-public .contact h2,.site-public .project-page h1{letter-spacing:-.045em}
@media(max-width:800px){.site-public .work{padding-top:70px}}

.brand-small{font-size:19px;letter-spacing:.02em}

/* Keep text legible on a custom solid background. */
.site-public.custom-background.background-light{--ink:#000;--muted:#111;--blue:#111;--line:rgba(0,0,0,.35)}
.site-public.custom-background.background-dark{--ink:#fff;--muted:#fff;--blue:#fff;--line:rgba(255,255,255,.55)}
.site-public.custom-background h1 em,.site-public.custom-background .work .section-head h2 em,.site-public.custom-background .approach h2 em,.site-public.custom-background .contact h2 em,.site-public.custom-background .summary-label,.site-public.custom-background .services article span,.site-public.custom-background .empty-icon,.site-public.custom-background .intro h2 span{color:var(--ink)}
.site-public.custom-background.background-light .project-summary,.site-public.custom-background.background-light .empty-work{background:rgba(0,0,0,.035)}
.site-public.custom-background.background-dark .project-summary,.site-public.custom-background.background-dark .empty-work{background:rgba(255,255,255,.035)}
.site-public.custom-background .button{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.site-public.custom-background.background-light .button{color:#fff}
.site-public.custom-background.background-dark .button{color:#000}
.site-public.custom-background .button:hover,.site-public.custom-background .nav-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);opacity:.85}
.site-public.custom-background.background-light .button:hover,.site-public.custom-background.background-light .nav-cta:hover{color:#fff}
.site-public.custom-background.background-dark .button:hover,.site-public.custom-background.background-dark .nav-cta:hover{color:#000}
.site-public.custom-background .nav nav a:hover,.site-public.custom-background .text-link:hover,.site-public.custom-background .summary-link:hover,.site-public.custom-background .footer a:hover,.site-public.custom-background .project-back:hover{color:var(--ink);border-color:var(--ink);opacity:.75}
/* Editable text preserves the intended heading hierarchy. */
.site-public .intro h2 [data-copy="about_heading_first"]{color:var(--ink)}
.site-public.custom-background .intro h2 [data-copy="about_heading_first"]{color:var(--ink)}
.summary-link [data-copy="project_link"]{margin-left:0}
[data-copy]{overflow-wrap:anywhere}
.nav-cta [data-copy="nav_contact"],.text-link [data-copy="hero_link"]{margin-left:0}

/* Stack the three-step heading while retaining editable text. */
.approach h2 [data-copy="approach_heading_accent"]{display:inline-block;width:min-content;white-space:normal;line-height:1.08;letter-spacing:0;padding-left:.22em;margin-top:.18em;border-left:2px solid currentColor}
.site-public .button[aria-disabled="true"]{opacity:.55;cursor:default}
#contact-link{position:relative;justify-content:center;min-width:180px;padding-left:44px;padding-right:44px;text-align:center}
#contact-link > span:last-child{position:absolute;right:22px}
/* Optional decorative holiday effects never capture input or cover the content. */
body.site-public{isolation:isolate}
body.site-public > :not(.holiday-layer):not(.zodiac-layer):not(.zodiac-badge):not(.zodiac-constellation):not(script){position:relative;z-index:1}
.holiday-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.holiday-particle{position:absolute;left:var(--particle-x);top:-35px;color:#fff;opacity:.72;font-family:Arial,sans-serif;font-size:var(--particle-size);line-height:1;animation:holiday-fall var(--particle-duration) linear var(--particle-delay) infinite;will-change:transform}
.holiday-layer[data-theme=halloween] .holiday-particle{color:#ffad63;opacity:.55}
.holiday-layer[data-theme=new_year] .holiday-particle{color:#ffdc83;opacity:.65}
@keyframes holiday-fall{from{transform:translate3d(0,-8vh,0) rotate(0deg)}to{transform:translate3d(35px,112vh,0) rotate(160deg)}}
@media(prefers-reduced-motion:reduce){.holiday-layer{display:none}}
.holiday-particle{font-family:"Segoe UI Emoji","Apple Color Emoji",Arial,sans-serif}
.holiday-particle-image{display:block;width:calc(var(--particle-size) * 1.8);height:auto}
.holiday-layer[data-theme=valentines] .holiday-particle{color:#ffb0c4;opacity:.8}
.holiday-layer[data-theme=thanksgiving] .holiday-particle,.holiday-layer[data-theme=easter] .holiday-particle,.holiday-layer[data-theme=cinco_de_mayo] .holiday-particle,.holiday-layer[data-theme=st_patricks] .holiday-particle{opacity:.8}
.holiday-layer:not([data-theme=christmas]):not([data-theme=new_year]) .holiday-particle{font-size:calc(var(--particle-size) * 1.35)}
.holiday-layer[data-theme=halloween] .holiday-particle{opacity:.8}
/* Starry zodiac background, below site content and never capturing clicks. */
.zodiac-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 80% 35%,rgba(72,62,110,.16),transparent 44%),radial-gradient(ellipse at 20% 80%,rgba(39,57,94,.12),transparent 45%)}
.zodiac-star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(205,216,255,.65);opacity:.55;animation:zodiac-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate}
@keyframes zodiac-twinkle{from{opacity:.2;transform:scale(.75)}to{opacity:.9;transform:scale(1.25)}}
.zodiac-badge{position:fixed;right:clamp(18px,3vw,48px);bottom:24px;z-index:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(221,215,241,.24);border-radius:12px;background:rgba(8,8,8,.76);color:#f4f0ff;pointer-events:none;font-family:var(--font)}
.zodiac-glyph{font-family:"Segoe UI Symbol",sans-serif;font-size:28px;line-height:1;color:#d2bff3}.zodiac-badge-text{display:flex;flex-direction:column;gap:4px}.zodiac-label{font-size:9px;letter-spacing:.12em;color:#c6bed6}.zodiac-name{font-size:14px;line-height:1.2}
.holiday-layer[data-theme=new_year] .holiday-particle{font-size:calc(var(--particle-size) * 1.35);opacity:.85}
@media(prefers-reduced-motion:reduce){.zodiac-star{animation:none;opacity:.55}}
/* Keep the zodiac label in the page flow so project cards never cover it. */
.zodiac-badge{position:relative;right:auto;bottom:auto;z-index:auto;width:max-content;max-width:100%;margin:0 0 32px auto}
/* Zodiac constellations: real star line patterns without a boxed zodiac symbol. */
.zodiac-constellation{width:min(340px,100%);margin:0 0 32px auto;color:#ede8ff;pointer-events:none}
.constellation-art{display:block;width:100%;height:auto;overflow:visible}
.constellation-line{fill:none;stroke:#bdb0e2;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.62}
.constellation-star{fill:#fff;filter:drop-shadow(0 0 5px #e3d9ff);animation:constellation-glow 3.8s ease-in-out infinite alternate}
.constellation-caption{display:flex;justify-content:flex-end;align-items:baseline;gap:12px;color:#e4def2;font-family:var(--font)}
.constellation-caption span{font-size:9px;letter-spacing:.14em;opacity:.75}.constellation-caption strong{font-size:14px;font-weight:600}
@keyframes constellation-glow{from{opacity:.55}to{opacity:1}}
@media(max-width:800px){.zodiac-constellation{width:min(250px,75%);margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.constellation-star{animation:none}}
.holiday-layer[data-theme=fourth_of_july] .holiday-particle{opacity:.85}

/* The constellation and occasional meteors remain behind content while scrolling. */
.zodiac-constellation{position:fixed;top:clamp(120px,20vh,230px);right:clamp(24px,5vw,96px);z-index:0;margin:0;opacity:.72}
.zodiac-meteor{position:absolute;width:115px;height:2px;pointer-events:none;opacity:0;transform-origin:left center;background:linear-gradient(90deg,#fff 0%,rgba(218,225,255,.85) 12%,rgba(179,194,255,0) 100%);border-radius:50%;box-shadow:0 0 7px rgba(218,225,255,.5);animation:meteor-cross 24s linear 5s infinite}
.zodiac-meteor-1{left:83%;top:7%}
.zodiac-meteor-2{left:65%;top:2%;animation-duration:37s;animation-delay:14s}
@keyframes meteor-cross{0%{opacity:0;transform:translate3d(0,0,0) rotate(-35deg)}2%{opacity:.9}8%{opacity:0;transform:translate3d(-42vw,34vh,0) rotate(-35deg)}100%{opacity:0;transform:translate3d(-42vw,34vh,0) rotate(-35deg)}}
@media(max-width:800px){.zodiac-constellation{top:110px;right:18px;width:min(210px,48vw);opacity:.45}}
@media(prefers-reduced-motion:reduce){.zodiac-meteor{animation:none;display:none}}

/* Keep background decorations from competing with content on small screens. */
@media(max-width:800px){
  .site-public .contact-arrow{display:none}
  .site-public .zodiac-constellation{opacity:.2}
  .site-public .constellation-caption{display:none}
}