.page{max-width:var(--measure);padding:0 32px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:5px;font-family:var(--font-label);font-size:20px;letter-spacing:-.7px;text-decoration:none}.brand img{margin-right:8px;object-fit:contain}.brand strong{font-weight:700}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px;align-items:center}nav a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:6px}nav a:hover,.text-link:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:24px;padding:80px 0 96px}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px}.little-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em;line-height:.99;margin:0}h1{font-size:clamp(64px,7vw,92px);white-space:normal}h1 em{font-weight:400}.intro{font-size:18px;line-height:1.65;margin:28px 0;color:var(--muted)}.hero-note{display:block;font-size:12px;color:var(--muted);margin-top:16px}
.hero-art{position:relative;min-height:310px;display:grid;place-items:center}.fox-sticker{padding:12px;width:280px;transform:rotate(-9deg);border:1px solid var(--line);border-radius:40%;box-shadow:8px 10px 0 var(--surface);background:white}.fox-sticker img{display:block}.orbit-label{position:absolute;font-family:var(--font-label);font-size:11px;letter-spacing:.025em}.label-one{top:0;right:14px;transform:rotate(8deg);background:var(--ink);color:white;padding:7px 12px}.label-two{bottom:0;left:20px;transform:rotate(-5deg)}.scribble{position:absolute;right:0;bottom:18px;width:95px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.workshop{border-top:1px solid var(--line);padding:54px 0 70px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.eyebrow{margin:0 0 16px}.section-heading h2{font-size:50px}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{min-width:0}.project-art{height:232px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;text-decoration:none;transition:transform .15s}.project-art:hover{transform:translateY(-3px)}.project-art svg{width:90%;height:88%}.project-art.notes{background:#eef0ed}.project-art.feedback{background:#eaeef0}.project-meta{display:flex;justify-content:space-between;gap:8px;margin-top:20px;align-items:center}.project-meta .eyebrow{font-size:10px;margin:0;letter-spacing:.06em}.status{font-family:var(--font-label);font-size:10px;padding:2px 7px;border:1px solid var(--line);border-radius:4px}.project h3{font-family:var(--font-display);font-weight:400;font-size:33px;line-height:1.2;margin:12px 0}.project h3 a{text-decoration:none}.project h3 a:hover{text-decoration:underline}.project p{font-size:15px;color:var(--muted);line-height:1.65;margin:0 0 15px}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:14px;font-weight:500}.workshop-footnote{font-size:12px;color:var(--muted);margin:35px 0 0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:65px 0 70px}.about h2{font-size:76px}.about-lead{font-family:var(--font-display);font-size:40px;line-height:1.15;margin:0 0 22px}.about-copy>p:not(.about-lead){color:var(--muted);font-size:16px}.closing{border-top:1px solid var(--line);padding:70px 0 80px;text-align:center}.closing>p:not(.eyebrow){font-family:var(--font-display);font-size:75px;line-height:1.02;margin:22px 0}.closing .eyebrow{color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer>a:last-child{display:flex;align-items:center;gap:8px;text-decoration:none}footer>span{color:var(--muted)}
.project-detail{max-width:760px;padding:65px 0 100px;min-height:65vh}.project-detail h1{font-size:clamp(48px,7vw,82px);white-space:normal;margin:20px 0 30px}.project-detail .detail-copy{font-size:21px;color:var(--muted);line-height:1.6}.project-detail .button{margin-top:20px}.project-detail .status{font-size:12px}.detail-art{margin-top:32px;max-width:550px}.detail-art svg{height:260px}
@media(max-width:1000px){h1{font-size:73px}.hero{grid-template-columns:1.6fr 1fr}.fox-sticker{width:225px}.hero-art{min-height:280px}.label-two{left:0;font-size:10px}.scribble{width:70px}.project-art{height:195px}.about{gap:40px}.about h2{font-size:62px}}
@media(min-width:761px) and (max-width:950px){.hero{grid-template-columns:1fr}.hero-art{max-width:340px;width:100%;margin:20px auto 0}.hero h1{font-size:82px}}
@media(max-width:760px){.page{padding:0 22px}.header{min-height:86px}.header .brand{font-size:17px}.header .brand img{width:33px;height:33px}.header nav{gap:16px}.header nav a{font-size:12px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:55px 0 55px;gap:32px}h1{font-size:clamp(55px,10vw,75px);white-space:normal}.hero .eyebrow{font-size:10px;letter-spacing:.06em}.intro{font-size:16px}.desktop-break{display:none}.hero-art{min-height:250px;max-width:300px;width:100%;margin:10px auto 0}.fox-sticker{width:205px}.label-one{right:0}.label-two{left:0}.section-heading{align-items:start;display:block}.section-heading h2{font-size:42px}.section-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:270px}.project-art svg{max-width:350px}.workshop{padding:42px 0 45px}.about{grid-template-columns:1fr;gap:30px;padding:45px 0}.about h2{font-size:62px}.about-lead{font-size:35px}.closing{padding:50px 0}.closing>p:not(.eyebrow){font-size:64px}footer{flex-wrap:wrap;align-items:start}footer .brand{font-size:17px}footer>span{order:3;flex-basis:100%}.project-detail{padding-top:40px}.project-detail .detail-copy{font-size:18px}}