@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600&display=swap');
:root{--yellow:#ffd936;--ink:#171917;--white:#f5f4ed;--red:#e34d32;--blue:#2157d5;font-family:'DM Sans',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--white);padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}.masthead{height:88px;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--ink);background:var(--yellow)}.wordmark{display:inline-flex;align-items:center;gap:12px;width:max-content;font:600 16px/.91 Oswald,Impact,sans-serif;letter-spacing:.035em}.mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--ink);font:600 29px Oswald,Impact,sans-serif;line-height:1}.mark-cut{position:absolute;width:14px;height:5px;right:-4px;bottom:8px;background:var(--red)}.masthead nav{display:flex;gap:30px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.masthead nav a:hover,.footer a:hover{color:var(--red)}.masthead-note{justify-self:end;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.slash{color:var(--red);padding:0 7px}
.hero{min-height:690px;background:var(--yellow);display:grid;grid-template-columns:57% 43%;position:relative;border-bottom:2px solid var(--ink)}.hero-copy{padding:10vh 5% 140px 7%;position:relative;z-index:1}.eyebrow,.section-number,.project-kicker,.project-id,.project-action,.hero-footer,.footer-top>span:last-child{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:15px}.eyebrow-line{width:44px;height:2px;background:var(--ink)}.hero h1{font:600 clamp(5rem,9.1vw,10rem)/.93 Oswald,Impact,sans-serif;letter-spacing:-.045em;margin:55px 0 28px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:420px;font-size:1.13rem;line-height:1.55;margin:0 0 30px}.solid-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--white);padding:17px 20px;min-width:230px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.solid-link:hover{background:var(--red)}.hero-art{position:relative;overflow:hidden;border-left:2px solid var(--ink);background:var(--ink)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:68% center;display:block;filter:contrast(1.08)}.art-stamp{position:absolute;right:27px;top:25px;background:var(--yellow);border:2px solid var(--ink);padding:12px 14px;font:600 1.3rem/.95 Oswald,Impact,sans-serif;transform:rotate(5deg)}.hero-footer{position:absolute;left:4%;right:4%;bottom:25px;display:flex;justify-content:space-between;pointer-events:none}.hero-footer span:last-child{color:var(--white)}
.projects{padding:110px 7%;background:var(--white)}.section-number{display:block;color:var(--red);margin-bottom:26px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;margin-bottom:65px}.section-intro .section-number{grid-column:1/-1}.section-intro h2,.studio h2,.updates h2{font:500 clamp(4.3rem,7vw,8rem)/.98 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0}.section-intro>p{align-self:end;max-width:370px;justify-self:end;font-size:1.05rem;line-height:1.6;margin:0 0 7px}.project{border-top:2px solid var(--ink);min-height:335px;display:grid;grid-template-columns:16% 1fr 20%;gap:20px;padding:32px 0;align-items:start}.project:last-child{border-bottom:2px solid var(--ink)}.project-id{font-size:2rem;font-family:Oswald,Impact,sans-serif;letter-spacing:0}.project-id span{font:700 .7rem 'DM Sans',Arial,sans-serif;letter-spacing:.1em}.project-name h3{font:500 clamp(4.4rem,8.4vw,9rem)/.9 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em;margin:15px 0 22px}.project-name p{font-size:1rem;line-height:1.55;margin:0}.project-action{justify-self:end;border-bottom:2px solid var(--red);padding-bottom:9px;white-space:nowrap}.project:hover .project-action{color:var(--red)}.project-exile .project-name h3{color:var(--blue)}.project-unsend{min-height:230px}.project-unsend .project-name h3{color:var(--red)}
.studio{background:var(--blue);color:var(--white);padding:110px 7% 130px}.studio .section-number{color:var(--yellow)}.studio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}.studio-grid>div{border-top:2px solid var(--yellow);padding-top:25px}.studio-grid p{font-size:1.08rem;line-height:1.68;max-width:470px;margin:0 0 1.2em}.inline-link{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:4px}.updates{padding:85px 7%;display:grid;grid-template-columns:28% 1fr;border-bottom:2px solid var(--ink)}.updates h2{font-size:clamp(3.5rem,5.5vw,6.5rem)}.updates p{font-size:1.07rem;line-height:1.6}.footer{padding:75px 7% 27px;background:var(--ink);color:var(--white)}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:85px}.footer-brand{font:600 clamp(6rem,12vw,13rem)/.82 Oswald,Impact,sans-serif;letter-spacing:-.045em}.footer-top>span:last-child{line-height:1.5;text-align:right;color:var(--yellow)}.footer-bottom{border-top:1px solid #6e716c;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.footer-bottom div{display:flex;gap:25px}.legal,.detail{min-height:70vh;padding:90px 7% 130px;max-width:1150px}.legal h1,.detail h1{font:500 clamp(4.5rem,9vw,9rem)/.95 Oswald,Impact,sans-serif;text-transform:uppercase;margin:0 0 50px}.legal h2,.detail h2{font:500 2.3rem Oswald,Impact,sans-serif;text-transform:uppercase;margin:40px 0 12px}.legal p,.detail p{line-height:1.75;max-width:740px}.legal .updated{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.detail-lead{font-size:1.3rem}.detail-status{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 0;margin:60px 0;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.detail .solid-link{margin-top:0}.store-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 42px}.back-link{display:inline-block;border-bottom:2px solid var(--red);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px}.project-shape .project-name h3{color:var(--ink)}
@media(max-width:1000px){.masthead{grid-template-columns:1fr auto}.masthead-note{display:none}.hero{grid-template-columns:60% 40%}.hero h1{font-size:clamp(5rem,10vw,8rem)}.hero-copy{padding-left:6%}.hero-footer{left:3%;right:3%}.studio-grid{grid-template-columns:1fr}.studio-grid>div{max-width:600px}.updates{grid-template-columns:1fr}.updates .section-number{margin-bottom:35px}}
@media(max-width:650px){.masthead{height:74px;padding:0 5%}.wordmark{font-size:13px}.mark{width:35px;height:35px;font-size:24px}.masthead nav{gap:14px;font-size:.67rem}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:65px 6% 75px}.hero h1{font-size:clamp(4.6rem,16vw,7rem);margin:35px 0 22px}.hero p{font-size:1rem}.hero-art{height:330px;border-left:0;border-top:2px solid var(--ink)}.hero-footer{display:none}.projects,.studio{padding:75px 6%}.section-intro{display:block;margin-bottom:45px}.section-intro h2,.studio h2{font-size:clamp(4.2rem,14vw,6rem)}.section-intro>p{margin-top:25px}.project{grid-template-columns:1fr;gap:9px;padding:27px 0;min-height:0}.project-id{font-size:1.5rem}.project-name h3{font-size:clamp(4rem,16vw,6.5rem)}.project-action{justify-self:start;margin-top:20px}.studio-grid{gap:35px}.updates{padding:70px 6%}.updates h2{font-size:clamp(3.4rem,12vw,5rem)}.footer{padding:65px 6% 25px}.footer-top{padding-bottom:65px}.footer-brand{font-size:clamp(5.6rem,20vw,9rem)}.footer-top>span:last-child{display:none}.footer-bottom{flex-wrap:wrap;line-height:2}.footer-bottom>a{display:none}.legal,.detail{padding:70px 6% 100px}.detail-status{display:block}.detail-status span{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-directory{border-top:2px solid var(--ink);margin:50px 0}.app-directory-item{border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 2fr 2fr auto;gap:20px;align-items:center;padding:25px 0}.app-directory-item strong{font:500 clamp(2.5rem,5vw,5rem)/1 Oswald,Impact,sans-serif;text-transform:uppercase;color:var(--red)}.app-directory-item>span:nth-child(3){line-height:1.5}.app-directory-item:hover .project-action{color:var(--red)}.text-link{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 55px}.resource-grid a{border:2px solid var(--ink);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:120px}.resource-grid a:hover{background:var(--yellow)}.resource-grid strong{font:500 1.5rem Oswald,Impact,sans-serif;text-transform:uppercase}.resource-grid span{font-size:.9rem;line-height:1.5}.contact-line{border-top:2px solid var(--ink);padding-top:20px;margin-bottom:40px!important}@media(max-width:750px){.app-directory-item{grid-template-columns:1fr;gap:12px}.app-directory-item .project-action{justify-self:start}.resource-grid{grid-template-columns:1fr}}

/* Project update styles: setup_existing_site.py */
.devlog-list{border-top:2px solid var(--ink);margin:35px 0}.devlog-list a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:2px solid var(--ink);font-weight:700}.devlog-list small{display:block;color:var(--red);font-size:.7rem;margin-bottom:5px}.devlog-list a:hover{color:var(--red)}.devlog-article ol{max-width:740px;line-height:1.8}.devlog-next{border-top:2px solid var(--ink);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:650px){.devlog-list a{flex-direction:column}}