.project-page{min-height:calc(100vh - 78px);padding:150px 8vw 100px;background:var(--paper,#f3eee5);color:var(--ink,#111214)}.project-page .back{display:inline-flex;align-items:center;gap:10px;margin-bottom:62px;color:var(--blue,#3761ff);font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.project-page .kicker{color:var(--blue,#3761ff);font-size:.64rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.project-page h1{max-width:1100px;margin:18px 0 25px;color:var(--ink,#111214);font:600 clamp(4.5rem,10vw,10rem)/.84 var(--display,"Space Grotesk",sans-serif);letter-spacing:-.1em}.project-page h1 em{display:block;max-width:900px;margin-top:14px;color:var(--coral,#f36d55);font-style:normal}.project-page .intro{max-width:600px;margin:0;color:#5e6660;font-size:1.15rem;line-height:1.55}.project-page .art{height:470px;margin:68px 0 75px;position:relative;overflow:hidden;background:linear-gradient(135deg,#3761ff 0 48%,#f36d55 48%);border:0;box-shadow:16px 16px 0 var(--ink,#111214)}.project-page .art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 26%,rgba(217,239,90,.95) 0 4%,transparent 4.5%),radial-gradient(circle at 73% 25%,rgba(243,238,229,.5),transparent 16%),linear-gradient(132deg,transparent 49%,rgba(17,18,20,.12) 49.2%)}.project-page .art:after{content:"DRIFTCEL / ORIGINAL WORK";position:absolute;left:27px;bottom:24px;color:var(--paper,#f3eee5);font:700 .6rem var(--body,"DM Sans",sans-serif);letter-spacing:.22em}.project-page .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid rgba(17,18,20,.22);padding-top:24px}.project-page .meta b{display:block;margin-bottom:8px;color:var(--blue,#3761ff);font:700 .62rem var(--body,"DM Sans",sans-serif);letter-spacing:.18em;text-transform:uppercase}.project-page .meta span{color:#626a65;font-size:.9rem}body:has(.project-page){background:var(--paper,#f3eee5)}body:has(.project-page) footer{background:var(--ink,#111214)}
@media(max-width:680px){.site-nav .main-nav{display:flex;position:static;flex-direction:row;align-items:center;gap:.42rem;padding:0;background:transparent;border:0;font-size:.47rem}.site-nav .main-nav a{white-space:nowrap}.site-nav .nav-cta,.site-nav .outline-btn{display:none}.project-page{padding:112px 6vw 70px;min-height:calc(100vh - 70px)}.project-page .back{margin-bottom:45px}.project-page h1{font-size:clamp(3.7rem,16vw,6.5rem)}.project-page h1 em{margin-top:12px}.project-page .intro{font-size:1rem}.project-page .art{height:300px;margin:48px 0 58px;box-shadow:8px 8px 0 var(--ink,#111214)}.project-page .meta{grid-template-columns:1fr;gap:18px}}
.project-page .art{background:linear-gradient(135deg,#002a99 0 36%,#0757ff 36% 55%,#00cfff 55% 68%,#ff681f 68% 84%,#ffd21a 84%)}

.project-page .art{background:linear-gradient(135deg,#789bb9 0 48%,#d8755d 48%)}
.project-page .art{background:linear-gradient(135deg,#4d7cff 0 48%,#f0784f 48%)}
.project-page{background:var(--paper,#f4eee3);color:var(--ink,#123b40)}.project-page .back,.project-page .kicker{color:var(--blue,#2f7777)}.project-page h1{color:var(--ink,#123b40)}.project-page h1 em{color:var(--coral,#c86c4d)}.project-page .art{background:linear-gradient(145deg,#245b60,#b09863 52%,#c86c4d)}.project-page .meta{border-color:rgba(18,59,64,.2)}.project-page .meta b{color:var(--blue,#2f7777)}.project-page .meta span{color:#68736c}body:has(.project-page){background:var(--paper,#f4eee3)}
.project-page .art{background:linear-gradient(135deg,#0757ff 0 43%,#00cfff 43% 62%,#ff681f 62% 82%,#ffd21a 82%)}