/* HARSHIT.OS / a graphic design zine. All typography and illustration stay native. */
:root{--bg:#fff;--ink:#0a0a0a;--blue:#7a1dac;--line:#111;--border:#111;--background:#fff;--text-secondary:#525252;--muted:#f2f2f2;--inverse:#171414;--grid:#ddd;--display:'Arial Black','Space Grotesk',Arial,sans-serif;--editorial-gutter:clamp(20px,5vw,80px);--editorial-space:clamp(64px,7vw,112px)}
[data-theme=dark]{--bg:#121010;--background:#121010;--ink:#f8f5f1;--line:#e9e5e1;--border:#e9e5e1;--text-secondary:#c2bbb9;--muted:#242020;--inverse:#f8f5f1;--grid:#464040;color-scheme:dark}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px}p{color:inherit}html{scroll-padding-top:100px}::selection{background:var(--blue);color:white}
header{height:84px;padding-inline:var(--editorial-gutter);background:var(--bg);border-bottom:2px solid var(--ink);backdrop-filter:none;gap:24px}
.wordmark{font-weight:700;letter-spacing:-1px;font-size:24px}.wordmark span{color:var(--blue)}header nav{gap:28px;margin-right:0;margin-left:auto}header nav a{font:600 12px/1.5 var(--mono);color:var(--ink)}header nav a.active,header nav a[aria-current=page]{color:var(--blue)}header nav a:hover{color:var(--blue);transform:translateX(2px)}header nav a:after{height:2px;background:var(--blue)}.online{font-size:10px;white-space:nowrap}.online i{background:var(--blue);box-shadow:none}
.theme-control{border:2px solid var(--ink);border-radius:6px;display:inline-flex;gap:0;padding:3px;background:var(--bg);position:static;transform:none!important;width:auto;min-height:36px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:10px var(--mono);flex-shrink:0}
.theme-control span{padding:6px 7px}.theme-control[aria-pressed=false] .mode-light,.theme-control[aria-pressed=true] .mode-dark{background:var(--blue);color:white;border-radius:2px}.theme-control:hover{translate:0 -1px}.menu{border:2px solid var(--ink);background:var(--bg);min-height:42px;font:12px var(--mono);padding:8px 12px}
.section{border-color:var(--line)}.section-top{font-size:11px;color:var(--text-secondary);padding-bottom:18px;border-bottom:1px solid var(--line)}.section-heading{margin:28px 0 40px;align-items:center}
.chrome-heading,.generated-display,.semantic-display{background:none!important;color:var(--ink)!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;filter:none!important;text-shadow:none!important;transform:none!important}
.section-heading h1,.section-heading h2,.directory-heading h2{font-family:var(--display);font-weight:900;letter-spacing:-.055em;line-height:1.02;font-size:clamp(42px,6.2vw,90px);text-wrap:balance;overflow-wrap:normal}
.section-heading h2 span{color:var(--blue)}.page-summary{color:var(--text-secondary);font-size:17px;line-height:1.8;max-width:65ch}.page-eyebrow,.content-label,.folder-breadcrumb{color:var(--text-secondary)}.folder-breadcrumb{padding-inline:var(--editorial-gutter);font-size:11px;line-height:1.7}.folder-icon{width:28px;height:24px}.folder-icon path{stroke:var(--ink)}.folder-icon path[fill]{fill:var(--bg)}.folder-icon .folder-front{fill:var(--muted)}
.metal,button.metal,.directory-cta.metal{background:var(--bg);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:5px;padding:14px 20px;font:600 12px/1.5 var(--mono);text-transform:uppercase;min-height:48px;transition:background .18s,color .18s,translate .18s,box-shadow .18s;transform:none;filter:none}
.metal:hover,button.metal:hover,.directory-cta.metal:hover{background:var(--blue);color:white;translate:-1px -2px;box-shadow:6px 6px 0 var(--ink)}.metal:active{translate:2px 2px;box-shadow:2px 2px 0 var(--ink)}.txtlink{color:var(--blue);position:relative;font:600 12px/1.6 var(--mono)}.txtlink:after{background:var(--blue);height:2px}.txtlink:hover{color:var(--ink)}
.window-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;border-bottom:2px solid var(--ink);background:var(--bg);color:var(--ink);font:10px/1.6 var(--mono);letter-spacing:.04em}.window-controls{font:15px var(--mono);letter-spacing:4px;flex-shrink:0}.window-bar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zine-window{border:2px solid var(--ink);border-radius:12px;background:var(--bg);box-shadow:10px 10px 0 var(--ink);overflow:hidden}.zine-window-content{padding:32px}.doodle{position:absolute;pointer-events:none;color:var(--ink);width:80px;height:80px}.doodle.purple{color:var(--blue)}.hand-note{font:italic 18px/1.4 Georgia,serif;letter-spacing:-.03em}.zine-dotfield{background-image:radial-gradient(var(--ink) .7px,transparent .7px);background-size:9px 9px}
/* Original opening composition: a poster window paired with a live contents rail. */
.zine-hero{max-width:1680px;margin:auto;padding:32px var(--editorial-gutter) 48px;min-height:calc(100svh - 84px);display:flex;flex-direction:column;justify-content:center;gap:32px;position:relative}
.zine-kicker{display:flex;justify-content:space-between;gap:20px;font:11px var(--mono);padding-bottom:20px}.zine-hero-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:50px;align-items:center}
.portfolio-window{position:relative;overflow:visible;isolation:isolate}.portfolio-window .window-bar{border-radius:10px 10px 0 0}.portfolio-window:after{content:'';position:absolute;right:-18px;bottom:-25px;width:160px;height:70px;background-image:radial-gradient(var(--ink) .8px,transparent .8px);background-size:8px 8px;z-index:-1}
.portfolio-word{display:flex;align-items:center;justify-content:center;padding:64px 16px;font-family:var(--display);font-size:clamp(52px,8.4vw,132px);font-weight:900;letter-spacing:-.075em;line-height:1;color:var(--ink);background:var(--muted);border-radius:0 0 10px 10px;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--bg),5px 5px 0 var(--ink);transition:text-shadow .2s,translate .2s}
.portfolio-word:hover{text-shadow:3px 3px 0 var(--bg),7px 7px 0 var(--blue);translate:-2px -2px}.portfolio-window .doodle.spark{right:-25px;top:-27px;width:56px;height:56px}.portfolio-window .doodle.cursor-art{left:30px;bottom:-40px;width:45px;height:60px;rotate:-12deg}
.zine-contents{border-top:2px solid var(--ink);padding-top:20px;position:relative}.zine-contents>.mono{font-size:11px;color:var(--blue);display:block;margin-bottom:20px}.zine-contents a{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.zine-contents a:hover{color:var(--blue)}.zine-contents small{font:10px var(--mono);color:var(--text-secondary)}.zine-contents .hand-note{display:block;margin-top:20px}
.zine-hero-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:32px;align-items:end;padding-top:30px}.zine-name{font-size:clamp(38px,4.3vw,70px);font-weight:700;line-height:1.03;letter-spacing:-.065em;margin-bottom:18px;display:inline-block;transition:translate .2s}.zine-name:hover{translate:2px -2px}.zine-role{font:11px/1.8 var(--mono);max-width:34ch}.zine-manifesto{font-weight:700;font-size:clamp(20px,2.2vw,34px);line-height:1.18;letter-spacing:-.04em;padding-left:24px;border-left:2px solid var(--ink)}.zine-manifesto span{display:block}.zine-manifesto span:nth-child(2){color:var(--blue);margin-left:18px}.zine-manifesto span:nth-child(3){margin-left:36px}.zine-enter{display:inline-flex;gap:16px;align-items:center;min-height:48px;font:12px var(--mono);color:var(--blue)}.zine-enter svg{width:55px;height:45px}
/* Discipline panels: visual anchors, with unframed copy and generous gutters. */
.directory-heading{display:block;margin:0 0 48px}.directory-root{display:block;margin-bottom:20px;font-size:11px}.directory-heading p{max-width:60ch;font-size:17px;line-height:1.8;margin-top:24px;color:var(--text-secondary)}.directory-shortcuts{gap:24px;padding-bottom:32px;border-bottom:2px solid var(--ink)}.directory-shortcuts .folder-link{font-size:11px;min-height:44px}
.directory-section,.homepage .directory-section{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:7%;padding:64px 0;border-bottom:1px solid var(--line);align-items:start}.homepage .directory-section>.directory-copy{display:block;order:0}.directory-number{font-size:16px;color:var(--blue);margin-bottom:20px}.directory-copy h3{font-weight:700;font-size:clamp(34px,3.8vw,56px);letter-spacing:-.055em;line-height:1.04;margin:20px 0}.directory-copy>p{max-width:37ch;color:var(--text-secondary);line-height:1.8;font-size:16px}
.directory-composition{min-width:0}.directory-visual{border:2px solid var(--ink);border-radius:7px;background:var(--bg);box-shadow:6px 6px 0 var(--ink);overflow:hidden}.directory-visual:before{content:'—  ×                                          •••';display:block;font:12px var(--mono);padding:10px 12px;border-bottom:2px solid var(--ink);background:var(--muted)}.directory-visual img{width:100%;height:auto;object-fit:contain;transition:translate .2s}.directory-project:hover .directory-visual img{transform:none;translate:0 -2px}.directory-image-label{padding:18px 0;line-height:1.6;gap:20px}.directory-image-label small{color:var(--text-secondary);font-size:10px}
.homepage .directory-digital .directory-composition,.homepage .directory-brand .directory-composition{display:block}.directory-secondary{width:72%;margin:28px 0 0 auto}.directory-brand>.directory-composition,.directory-graphics>.directory-composition{order:0}.brand-secondary{width:72%;margin:30px 0 0 auto}.brand-support{margin-top:28px;gap:20px}.brand-support small,.stage-pending small{color:var(--text-secondary)}.directory-client-links{gap:24px;margin-top:32px}.directory-client-links a{padding-top:20px}.directory-client-links small{color:var(--text-secondary)}
.sketch-composition,.homepage .sketch-composition{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:0}.sketch-sheet .directory-visual{border:1px solid var(--ink);border-radius:0;box-shadow:none;background:var(--bg)}.sketch-sheet .directory-visual:before{display:none}.sketch-one{rotate:-1deg;transform:none}.sketch-two{rotate:1deg;transform:none;margin-top:60px}.homepage .related-material,.related-material{grid-column:1/-1;width:75%;margin:28px 0 0 auto}.related-material .directory-visual{max-width:100%!important}
.directory-contact-sheet,.homepage .directory-contact-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.directory-file img{height:220px;background:var(--muted);border:1px solid var(--ink);object-fit:contain}.directory-file:nth-child(3n+2){margin-top:0}.directory-file:nth-child(2n){margin-top:35px}.directory-file>span{font-size:11px}.directory-file small{color:var(--text-secondary)}
/* Editorial selected work, framed only around imagery. */
.project-grid{gap:72px 40px}.project-visual{aspect-ratio:auto!important;border:2px solid var(--ink);border-radius:8px;box-shadow:7px 7px 0 var(--ink);background:var(--muted);overflow:hidden}.project-visual .window-bar{padding:10px 14px}.project-visual>img{aspect-ratio:1.5;height:auto;object-fit:contain;padding:0;transform:none!important}.project-meta{font-size:11px;line-height:1.7;padding-bottom:16px;color:var(--text-secondary)}.project-meta .index{color:var(--blue);font-weight:600}.project-bottom{padding-top:22px}.project-bottom h2,.project-bottom h3{font-size:clamp(28px,3vw,46px);font-weight:700;letter-spacing:-.045em}.project-bottom p{font-size:14px;color:var(--text-secondary)}.project:hover .project-visual{box-shadow:7px 7px 0 var(--blue)}.project-arrow{font-size:35px;color:var(--blue)}.client-work{margin-top:72px;border-top:2px solid var(--ink)}
.selected-entry{padding:28px 0;gap:24px}.selected-entry h3{font-weight:700;font-size:clamp(27px,3.6vw,52px)}.selected-entry .file-index{color:var(--blue)}.selected-entry .file-category,.selected-entry p{color:var(--text-secondary)}
/* About: personal voice and original abstract browser-head mascot. */
.home-about-zine{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:64px;align-items:center}.home-about-zine .window-bar{background:var(--ink);color:var(--bg)}.home-about-zine h2{font:900 clamp(42px,6vw,80px)/1 var(--display);letter-spacing:-.06em;margin-bottom:24px}.home-about-zine p{font-size:18px;line-height:1.8;max-width:54ch;margin-bottom:24px}.mascot-wrap{position:relative;text-align:center;max-width:240px;margin:auto}.mascot-wrap>svg{width:100%;height:auto;aspect-ratio:260/300}.mascot-wrap .hand-note{display:block;margin-top:14px;color:var(--blue)}.zine-toolkit{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.zine-toolkit span{border:2px solid var(--ink);border-radius:5px;background:var(--muted);font:11px var(--mono);padding:12px 14px;box-shadow:3px 3px 0 var(--ink)}
.about-grid{gap:64px}.about-copy h2{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.about-copy p{color:var(--text-secondary);font-size:17px}.about-portrait{border:2px solid var(--ink);border-radius:10px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:var(--bg);align-self:start}.portrait-open{border:0;background:none}.portrait-label{background:var(--bg);border-top:2px solid var(--ink);padding:16px;line-height:1.6;color:var(--ink)}.about-mascot-note{display:flex;gap:28px;align-items:center;border:2px solid var(--ink);border-radius:8px;padding:28px;margin:36px 0;background:var(--muted)}.about-mascot-note svg{width:100px;height:120px;flex-shrink:0}.about-mascot-note p{font-size:18px;line-height:1.65}.disciplines,.design-approach,.exploring{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;color:var(--ink)}.creative-quote{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:48px 0;margin-top:64px}.creative-quote blockquote{font-family:var(--display);font-weight:900;font-size:clamp(32px,4vw,58px);line-height:1.2;letter-spacing:-.04em}.creative-quote .quote-word:nth-child(2){color:var(--blue)}.philosophy p{color:var(--text-secondary);line-height:1.8}
/* Case studies stay quieter than the landing page. */
.case-hero{padding-top:40px;padding-bottom:48px}.case-hero>p{margin-top:32px}.case-hero h1{border:2px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink);padding:70px 24px 32px;font:900 clamp(40px,6.2vw,96px)/1.06 var(--display);letter-spacing:-.06em;position:relative;max-width:none;margin-top:24px;background:var(--bg);overflow-wrap:normal}
.case-hero h1:before{content:'—  ×                                            •••';position:absolute;inset:0 0 auto;font:12px/1 var(--mono);height:35px;padding:12px 16px;border-bottom:2px solid var(--ink)}.semantic-heading-detail{font-family:var(--sans);font-size:clamp(16px,2vw,22px);font-weight:400;letter-spacing:0;line-height:1.6;display:block;margin-top:20px;color:var(--text-secondary)}.case-hero>h2{font-size:clamp(24px,3.5vw,46px);font-weight:600;line-height:1.18;margin-top:40px}
.case-meta{border-color:var(--line);margin-top:32px}.case-meta small{color:var(--text-secondary);font-size:11px}.case-meta span{font-size:16px}.case-cover{border:2px solid var(--ink);border-radius:8px;background:var(--muted);box-shadow:6px 6px 0 var(--ink);overflow:hidden}.case-cover>.window-bar{position:static}.case-cover>img{height:auto;max-height:none;object-fit:contain}.case-narrative article>span{color:var(--blue)}.case-narrative article,.eron .case-narrative article{border-color:var(--line)}.case-narrative h2{font-weight:700;letter-spacing:-.035em}.case-narrative p{color:var(--text-secondary);font-size:17px;line-height:1.8}.case-image{background:transparent;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:none}.case-image img{object-fit:contain}.case-index a{font-size:11px;line-height:1.6}.case-index a:hover{color:var(--blue)}.project-caption{background:var(--bg);color:var(--text-secondary);padding:13px 16px;border-top:1px solid var(--line)}.next-project>a:first-of-type{font:700 clamp(32px,5vw,72px)/1.2 var(--sans);letter-spacing:-.045em}.next-preview{border:2px solid var(--ink);border-radius:7px;background:var(--muted);box-shadow:6px 6px 0 var(--ink);overflow:hidden}.next-preview img{object-fit:contain!important;height:auto!important;max-height:460px}.related-links a{color:var(--blue);font-size:13px}
/* Archive: a clean contact sheet within a file browser. */
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.archive-item{border:0;background:none;padding:0;position:relative}.archive-item img{height:300px;object-fit:contain;background:var(--muted);border:2px solid var(--ink);border-radius:5px;box-shadow:5px 5px 0 var(--ink);transform:none!important}.archive-item:nth-child(3n+2){margin-top:36px}.archive-item span{font-size:12px;line-height:1.7;color:var(--ink)}.archive-item small,.archive-year{color:var(--text-secondary);font-size:10px}.archive-item:hover img{box-shadow:5px 5px 0 var(--blue)}.archive-item:before,.camera-frame:after,.camera-counter{display:none!important}
/* Contact and theme-inverted graphic UI. */
.contact-intro h1,.contact h2{font-family:var(--display);font-weight:900;line-height:1.04;letter-spacing:-.06em;font-size:clamp(48px,7vw,106px)}.contact h2 em{color:var(--blue);font-style:normal}.contact-intro p,.contact-panel p{color:var(--text-secondary)}.contact-panel h2{font-weight:700}.contact-field input,.contact-field textarea,.contact-field select{border:2px solid var(--ink);border-radius:4px;background:var(--bg);color:var(--ink)}.contact-field label{font-size:11px;font-weight:600}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{box-shadow:4px 4px 0 var(--blue)}.contact-socials strong{font-weight:700}.contact-faq summary{font-weight:600}.contact-mascot{width:76px;height:88px;display:block;margin:20px 0}
footer{background:var(--bg);border-top:2px solid var(--ink);padding:40px var(--editorial-gutter);display:flex;flex-wrap:wrap;gap:24px;align-items:center;font:10px/1.8 var(--mono);color:var(--ink)}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer .theme-control{margin-left:auto}footer .footer-status{color:var(--text-secondary)}.footer-status i{background:var(--blue)}
.titlebar{background:var(--ink);color:var(--bg);border:0;border-bottom:2px solid var(--ink);font:11px/1.6 var(--mono);padding:12px 16px}.titlebar button{background:var(--bg);color:var(--ink);border:1px solid var(--bg);border-radius:2px;min-width:32px;min-height:32px}.boot-screen{border:2px solid var(--ink);border-radius:12px;background:var(--bg);color:var(--ink);box-shadow:10px 10px 0 var(--ink)}.boot-screen::backdrop{background:var(--bg)}.boot-content h2{font-family:var(--display);font-weight:900}.boot-progress{border:2px solid var(--ink);background:var(--muted);border-radius:0}.boot-progress span{background:var(--blue)}.boot-bottom button{background:var(--bg);color:var(--ink);border:2px solid var(--ink);min-height:44px}
#viewer{border:2px solid var(--ink);border-radius:8px;background:var(--bg);color:var(--ink);box-shadow:8px 8px 0 var(--ink)}#viewer::backdrop{background:#0009;backdrop-filter:none}.viewer-tools{background:var(--bg);border-bottom:2px solid var(--ink);padding:12px 16px;gap:18px;color:var(--ink)}.viewer-tools button{background:var(--bg);border:2px solid var(--ink);border-radius:3px;color:var(--ink);min-height:40px;padding:8px 14px}.viewerbody{background:var(--bg);padding:18px}.viewerbody img{max-height:none;object-fit:contain;width:100%;height:auto}.viewerbody p{color:var(--ink)}
.system-status,.theme-notice{background:var(--ink);color:var(--bg);border:2px solid var(--ink);border-radius:4px;font:11px var(--mono);box-shadow:4px 4px 0 var(--blue)}.theme-notice{position:fixed;bottom:24px;left:24px;padding:12px 16px;z-index:100;opacity:0;pointer-events:none}.theme-notice.visible{opacity:1}.cursor{background:var(--blue);border:0;box-shadow:none}.cursor.hover{background:transparent;border:2px solid var(--blue);color:var(--blue)}.reading-progress{background:var(--blue)}.mouse-depth{translate:none!important;transform:none!important}.quote-word:hover{transform:translateY(-2px)}
.zine-reveal{animation:zine-reveal .5s cubic-bezier(.16,1,.3,1) both}@keyframes zine-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.zine-hero .spark{animation:zine-spark 6s ease-in-out infinite}@keyframes zine-spark{50%{transform:translateY(-3px) rotate(6deg)}}.zine-enter:hover svg{animation:zine-wiggle .3s ease-out}@keyframes zine-wiggle{50%{transform:translate(3px,2px)}}
@media(max-width:1100px){.zine-hero-grid{gap:32px;grid-template-columns:minmax(0,3fr) minmax(160px,1fr)}.portfolio-word{font-size:8.1vw;padding-block:60px}header{gap:16px}header nav{gap:20px}.online{display:none}.zine-hero-bottom{gap:24px}.directory-section,.homepage .directory-section{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}
@media(max-width:800px){header nav{gap:15px}.wordmark{font-size:20px}.zine-hero-grid{grid-template-columns:1fr}.zine-contents{display:none}.portfolio-word{font-size:11vw;padding:54px 12px}.zine-hero-bottom{grid-template-columns:1.4fr 1fr;gap:28px}.zine-enter{grid-column:1/-1}.home-about-zine{gap:32px;grid-template-columns:1fr}.home-about-zine .mascot-wrap{max-width:160px}.directory-section,.homepage .directory-section{grid-template-columns:1fr;gap:32px}.directory-copy>p{max-width:60ch}.directory-copy h3{font-size:40px}.directory-visual{box-shadow:5px 5px 0 var(--ink)}.project-grid{gap:48px 24px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.archive-item img{height:240px}.about-grid{gap:40px}.case-index{padding-right:0}}
@media(max-width:700px){
 header{height:72px;gap:14px;padding-inline:20px}.menu{display:block;margin-left:auto}header>.theme-control{display:none}header nav{display:none;margin:0}header nav.open{display:flex;position:fixed;inset:72px 0 0;flex-direction:column;gap:0;background:var(--bg);padding:28px 24px;overflow-y:auto;z-index:40;border-top:2px solid var(--ink)}header nav>a{font-family:var(--display);font-size:42px;line-height:1.4;letter-spacing:-.04em;min-height:72px;border-bottom:1px solid var(--line);padding:12px 0}header nav .theme-control{margin-top:28px;align-self:start;min-height:44px}header nav .mobile-nav-index,.mobile-category-shortcuts{display:none}
 .zine-hero{padding:24px 20px 40px;min-height:calc(100svh - 72px);gap:26px}.zine-kicker{font-size:10px;padding-bottom:0}.zine-window{box-shadow:6px 6px 0 var(--ink);border-radius:8px}.window-bar{font-size:10px;padding:10px 12px;gap:12px}.window-controls{font-size:12px}.portfolio-word{font-size:11vw;padding:58px 8px;-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--bg),3px 3px 0 var(--ink);border-radius:0 0 6px 6px}.portfolio-window .doodle.spark{width:35px;height:35px;right:-10px;top:-15px}.portfolio-window .doodle.cursor-art{display:none}.portfolio-window:after{width:90px;height:45px;right:15px;bottom:-16px}.zine-hero-bottom{grid-template-columns:1fr;gap:24px;padding-top:10px}.zine-name{font-size:44px;max-width:8ch;margin-bottom:12px}.zine-role{font-size:11px}.zine-manifesto{font-size:22px;margin-left:36%;padding-left:16px}.zine-enter{grid-column:1;justify-content:space-between;border-top:1px solid var(--ink);padding-top:16px}.zine-enter svg{width:42px;height:36px}
 .section{padding-inline:20px;padding-block:60px}.section-heading h1,.section-heading h2,.directory-heading h2{font-size:clamp(38px,10vw,62px);overflow-wrap:anywhere}.section-top{font-size:10px;gap:14px}.folder-breadcrumb{padding:16px 20px 0}.directory-heading{margin-bottom:36px}.directory-heading p{font-size:16px}.directory-shortcuts{grid-template-columns:1fr 1fr;gap:16px}.directory-shortcuts .folder-link{font-size:10px;gap:8px}.directory-section,.homepage .directory-section{padding:40px 0;gap:28px}.directory-copy h3{font-size:36px}.directory-client-links{grid-template-columns:1fr;gap:16px}.directory-secondary,.brand-secondary{width:88%}.directory-image-label{display:block}.directory-image-label small{display:block;max-width:100%;margin-top:6px;text-align:left}.sketch-composition,.homepage .sketch-composition{gap:16px}.sketch-two{margin-top:36px}.directory-contact-sheet,.homepage .directory-contact-sheet{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible;padding:0;gap:24px 16px}.directory-file img{height:180px}.directory-file:nth-child(2n){margin-top:20px}.directory-file small{font-size:10px}.directory-file>span{font-size:11px}.related-material,.homepage .related-material{width:100%}
 .project-grid{display:grid;grid-template-columns:1fr;gap:48px}.project-grid>.project{grid-column:1;margin:0}.project-meta{font-size:10px}.project-bottom h2{font-size:32px}.project-visual{box-shadow:5px 5px 0 var(--ink)}.project-visual>img{aspect-ratio:1.35}.selected-entry{grid-template-columns:38px 1fr 30px;gap:14px}.selected-entry .file-category{display:none}.selected-entry h3{font-size:31px}.selected-entry .file-open{font-size:28px}.selected-entry p{font-size:10px}
 .home-about-zine{gap:32px}.zine-window-content{padding:24px}.home-about-zine h2{font-size:50px}.home-about-zine p{font-size:16px}.home-about-zine .mascot-wrap{max-width:120px;justify-self:end;margin:0}.zine-toolkit{gap:8px}.zine-toolkit span{font-size:10px;padding:10px 12px}.about-mascot-note{padding:20px;gap:18px}.about-mascot-note svg{width:68px;height:90px}.about-mascot-note p{font-size:16px}.about-grid{grid-template-columns:1fr;margin-top:32px;gap:40px}.about-copy p{font-size:16px}.about-portrait{max-width:380px}.creative-quote blockquote{font-size:32px}.creative-quote{padding:32px 0}.archive-grid{gap:28px 16px}.archive-item img{height:200px}.archive-item:nth-child(3n+2){margin-top:0}.archive-item:nth-child(2n){margin-top:20px}.archive-item span{font-size:11px}
 .case-hero h1{font-size:clamp(34px,9vw,60px);padding:62px 16px 26px;box-shadow:5px 5px 0 var(--ink)}.semantic-heading-detail{font-size:16px;line-height:1.65;margin-top:18px}.case-hero>h2{font-size:28px;line-height:1.2}.case-meta small{font-size:10px}.case-meta span{font-size:14px;line-height:1.6}.case-body{display:block}.case-index{display:flex;flex-direction:row;gap:18px;overflow-x:auto;margin-bottom:24px;padding-bottom:12px;position:static}.case-index a{font-size:10px;white-space:nowrap;min-height:44px}.case-index>span{display:none}.case-narrative p{font-size:16px}.case-image{margin-bottom:32px}.case-cover{box-shadow:5px 5px 0 var(--ink)}.project-caption{font-size:10px;padding:12px}.next-preview{box-shadow:5px 5px 0 var(--ink)}.contact-intro h1,.contact h2{font-size:clamp(44px,11vw,70px)}.contact-mascot{display:none}footer{gap:20px;padding:32px 20px}footer .wordmark{width:100%}footer nav{gap:20px}footer .theme-control{margin-left:0}.viewerbody{padding:8px}.viewer-tools{font-size:10px;padding:10px}.viewer-tools button{min-height:44px;font-size:11px}
}
@media(max-width:360px){.portfolio-word{font-size:10.5vw}.zine-name{font-size:40px}.directory-shortcuts{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.archive-item:nth-child(2n){margin-top:0}.archive-item img{height:280px}}
.contact-form{border:2px solid var(--ink);border-radius:8px;padding:24px;background:var(--bg);box-shadow:7px 7px 0 var(--ink)}.form-window-bar{grid-column:1/-1;margin:-24px -24px 4px;border-radius:6px 6px 0 0}
.mascot-loop{position:absolute;width:240px;height:170px;right:-12px;top:32px;z-index:-1;color:var(--ink)}.mascot-wrap{isolation:isolate}.selected-mobile-preview,.selected-mobile-cta,.led-digits{display:none!important}
[data-theme=dark] :is(.txtlink,.directory-number,.zine-contents>.mono,.zine-enter,.case-narrative article>span,.related-links a,.contact-address,.form-status,.enquiry-option>span,.project-meta .index,header nav a.active,.creative-quote .quote-word:nth-child(2)){color:#dab5ef}
[data-theme=dark] :is(.zine-manifesto span:nth-child(2),.contact-intro h1 span){color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:8px}
.reveal-ready{transform:translateY(12px);transition-duration:.5s}.reveal-ready.is-visible{transform:none}.real-display{opacity:1!important;position:static!important;color:var(--ink)!important}
.homepage .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.homepage .archive-grid .archive-item:nth-child(3n+2){margin-top:24px}
@media(max-width:700px){.mascot-loop{display:none}.contact-form{padding:20px;box-shadow:5px 5px 0 var(--ink)}.form-window-bar{margin:-20px -20px 4px}.homepage .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.homepage .archive-grid .archive-item:nth-child(3n+2){margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zine-reveal,.zine-hero .spark,.zine-enter:hover svg{animation:none!important}.portfolio-word,.zine-name,.metal{transition:none;translate:none!important}.mouse-depth{translate:none!important}}