Access road to SCP-3785. Image recovered from cell phone footage. See Addendum 3785.4 (3785.AV.01) for details.
Special Containment Procedures: The access point to SCP-3785 is to be barricaded and monitored by automatic surveillance equipment. Individuals attempting to access SCP-3785 are to be apprehended and turned over to local authorities. Foundation personnel are not to pass the established 1.6km marker unless required for testing.
Description: SCP-3785 is a location accessible only by a dirt road leading off of Georgia HW 166. Attempts to access SCP-3785 by any means other than this road will invariably result in being unable to find SCP-3785 at all. Individuals who stray off of the dirt road and attempt to return to it will be unable to locate it again. The road cannot be accessed by air. The road is approximately 2km in length, and exits into SCP-3785.
SCP-3785 is a roughly 90m wide, indeterminately long section of clearcut hills, bordered on either side by a thick forest, through which large high-voltage power line stanchions run. It is perpetually night within SCP-3785, and stays a consistent 22.5° C. Crisscrossing SCP-3785 are numerous dirt tracks, such that an off-road vehicle might use them for recreational purposes.
Several crude wooden signs bearing the words “Jasper’s Hill” with an arrow pointing north dot the dirt paths across SCP-3785. Attempting to travel north within SCP-3785 is extremely hazardous due to the terrain, which becomes increasingly difficult to navigate as the hills and valleys dramatically increase in size and complexity, to the point of impossibility. Because of this, exploratory teams have been unable to reach the north end of SCP-3785.
SCP-3785-1 is the group designation for a white, late 1980’s Chevrolet Blazer on a lifted suspension, and its driver. The true nature of SCP-3785-1 has not yet been determined, though information gathered within SCP-3785 has identified the driver of the vehicle as “Jasper” of “Jasper’s Hill”. SCP-3785-1 is capable of easily navigating the impossible terrain of SCP-3785, and seemingly does so to stalk and pursue individuals who become lost within SCP-3785.
Addendum 3785.1: Discovery
The existence of SCP-3785 was part of a well known folk tale in the region, which typically told of three children who become lost in the woods and enter a dark clearing called “Jasper’s Place”. The children then become lost, and are pursued by an unseen individual who eventually finds them and “hangs them upside down” at the end of the story.
However, it was not until a group of twelve young adults disappeared under mysterious circumstances in the area that Foundation personnel became involved. After three weeks, one of the individuals was found nearly 2km from the entrance to SCP-3785, in a state of severe shock. The survivor, a 20-year-old black male from Villa Rica, GA, managed to communicate to first responders that he was still being pursued by “Jasper”, and that the other missing individuals had all been “hung upside down”. At the sight of headlights from nearby vehicles passing by, the individual began to panic and scream about “Jasper” having found him and being unable to hide, and had to be sedated.
After law enforcement officials were unable to access SCP-3785 by any means other than the dirt access road described by the survivor, and once the anomalous characteristics of SCP-3785 were discovered, Foundation personnel from Atlanta worked to contain the scene and administer amnestics, as necessary, while working to prepare a team to attempt to find the remaining missing persons.
Addendum 3785.2: Exploration Log I
Note: The following is the audio transcript of an exploratory attempt within SCP-3785 by three members of MTF D-15 “County Line”, D-15 Teter, Jackknife, and Norse. The purpose of their mission was to ascertain the location of and recover eleven missing individuals.
[BEGIN LOG]
D-15 Teter: Alright y’all. Let’s go.
D-15 Norse: It’s getting dark in here.
D-15 Teter: Yeah, Command, I can confirm it’s starting to get dark. Not like we’ve got too much tree cover, but like it’s just nighttime. Can you confirm the time?
Command: Copy that, Teter. It is currently 1405 hours, local time.
D-15 Teter: That’s what I thought. Way too dark for this time of day.
Team continues on for an additional 2km before reaching the opening into SCP-3785.
D-15 Jackknife: You guys hear that?
D-15 Norse: Yeah, that’s freaky. It’s really quiet in here. All we can hear is the wind (pauses) and the occasional bird.
D-15 Jackknife: And it’s really fucking dark.
Command: Copy that, team. Proceed with caution.
Team activates their shoulder mounted lights, and proceed north across the clearing.
D-15 Teter: Command, status report.
Command: Copy, Teter.
D-15 Teter: We’re in some big clearing here, like you see where they’ve got power lines strung, only there are trees on this end, and… it’s hard to make out what’s much further north than where we are. There are stars in the sky, but they’re pretty dim and, uh… not any that I’m familiar with. We can see some really faint lights up ahead too, and a lot of hills, some rough dirt tracks. Nothing particularly unusual right now. (Pauses) Wish we’d brought some vehicles, though. Going to be hard to get around here.
Command: Copy, Teter. Continue on as far as you can safely, and return when you feel you can’t advance any further.
D-15 Teter: Copy that.
Team continues on for a short time.
D-15 Norse: Look over here. Footprints. (Pauses) Probably a few different sets. Think these are our missing kids?
D-15 Teter: Hard to say. Look pretty fresh, though. (Pauses) Huh. Check that out.
D-15 Jackknife: What?
D-15 Teter: That sign.
D-15 Norse: Command, we’ve got a sign here that says… “Jasper’s Hill”, and it’s got an arrow pointing… north, on it.
Command: Copy that, Norse. Anything else unusual where you are?
D-15 Norse: Negative. Looks pretty clear.
Command: Copy. Carry on.
Team continues north, passing several other similar signs and what appear to be small campsites and remnants of fires at the tops of hills. On the top of a particularly tall hill, the team pauses.
D-15 Teter: You see that out there?
D-15 Norse: Where?
D-15 Jackknife: Yeah, way over there. Is that a car?
D-15 Teter: Sort of looks like it, doesn’t it? It’s not moving very fast. (Pauses) Command, the landscape here is getting really unusual. The hill we’re on top of is taller than it should be, and it drops off pretty dramatically past here. I can see, shit, uh… maybe a half dozen other unusually large hills past here? And past that, maybe three or four clicks out, there are some headlights. They’re just sort of… creeping along out there.
D-15 Norse: Hey, they’ve stopped.
D-15 Teter: So I think we’re going to need to start to backtrack, see if there are any side roads away from here, or—
D-15 Jackknife: Shh, hang on. Look.
D-15 Norse: Uh, Command, those lights just flashed at us. It’s turning. (Pauses) It’s coming towards us.
Command: Copy that. How far away is this vehicle?
D-15 Teter: Sort of hard to judge. The landscape gets really strange past this point. I think it’s pretty far away. It’s— (pauses) the bird noise. It’s stopped. There’s something else there now.
Command: What is it?
D-15 Teter: It’s like a person making… cat noises. Er, like, “merw, merw”. Just over and over again. I don’t know where it’s coming from.
Command: Copy that, Teter. Go ahead and head back, we’re going to see about getting you some vehicles before trying this again.
D-15 Teter: Affirmative.
D-15 Jackknife: Thank god. My feet are fucking killing me.
Team proceeds to head back towards the access point.
D-15 Norse: Teter, over here. There’s something by this tree.
D-15 Teter: Yeah?
D-15 Norse: It’s a cell phone.
D-15 Teter: Huh. Yeah, go ahead and grab that. We’ll let the lab process it. (Pauses) Anybody seen those lights in a while?
D-15 Jackknife: Not since we came back down that ridge. (Pauses) That weird cat sound is gone, though.
D-15 Norse: Finally.
D-15 Teter: Hang tight. I can hear something else. You hear that? What is that?
D-15 Jackknife: I don’t know, honestly. It’s really weird, it’s like I can just make it out. (Pauses) Yeah, that’s weird. It’s like it’s really close to us, but I can barely hear it. It’s muffled? Sounds sort of like a lot of-
D-15 Norse: (Pauses) Oh, fuck. Look up there.
D-15 Jackknife: Oh my god.
D-15 Teter: Wha— shit, the headlights. Run! Turn off your lights, run!
Command: Teter? Teter, what is it?
D-15 Teter: That noise (heavy breathing) the power lines (heavy breathing) they’re on the power lines (heavy breathing) the kids we were (pauses) looking for, they’re hung upside down above (heavy breathing) it’s right behind us.
Command: Copy, we have an extraction team ready at the access point.
Command: Teter? Do you read us?
D-15 Jackknife: (Engine noise, then shouting, and then silence)
D-15 Teter: Fuck!
Command: D-15 team? Do you copy?
Silence.
Command: Do you copy?
A short time passes in silence as Command attempts to reestablish communications with the D-15 team.
D-15 Teter: Come on. We’re almost there.
Command: D-15, do you copy?
D-15 Norse: Command?
Command: We read you. What happened?
D-15 Norse: It hit Jackknife and drove into the woods. We heard a voice as it came near us, and it was talking to us, but we don’t think it could see us. It’s gone back over the ridge now, and (pauses) I can’t see it. Jack? Jack!
Command: Repeat, Jackknife is MIA?
D-15 Teter: Affirmative. Command, I think we found the missing subjects too, but (pauses) I don’t think they’re recoverable. We need to get Jack, we’ll stay here until-
Command: Negative, Teter. Proceed to the extraction point, let’s get you out of there. We’ll get another team in to recover Jackknife.
Remaining members of D-15 team are successfully recovered at the access point. Remaining team members are in good health, aside from minor scrapes and bruises and signs of stress. The cell phone discovered by the D-15 team is confirmed to have belonged to one of the missing individuals, and information recovered from the device is available below.
[END LOG]
Addendum 3785.3: Exploration Log II
Note: The following is an audio/video transcription of logs taken by members of the Atlanta-9 “Dirty Birds” extraction team. The ATL-9 team was prepared to extract the D-15 team in the event of a critical breakdown of the mission. The ATL-9 team was mobilized shortly after the successful extraction of the two remaining members of the D-15 team.
The team consisted of three members, ATL-9 Sherman, Diego, and Junipero.
[BEGIN LOG]
Image taken from recovery team video recorder.
ATL-9 Sherman: We have reached the clearing.
Command: Roger. Jackknife’s locator is reading a distance of 400m. Be aware of the hostile, unidentified entity that attacked the D-15 team.
ATL-9 Sherman: Roger. Let’s go.
ATL-9 team proceeds forward quickly, following the trail identified by D-15 Teters. From Diego’s shoulder mounted camera, dim stars are visible in the sky above. In the distance, engine sounds can be faintly heard.
ATL-9 Junipero: Jack? Jack, can you hear us, buddy? We’re coming to get you.
D-15 Jackknife: (Muffled noises)
Command: Extraction team, be advised we are receiving communications from Jackknife.
ATL-9 Sherman: Roger.
Image taken from recovery team video recorder.
The team continues forward for several more minutes. As they come over a large hill, the power line stanchions become visible. Strung across the high tension lines are numerous figures, bound in ropes, hanging upside down by nooses from the lines. The majority of the figures are unmoving. One figure is struggling violently. At the base of the stanchion is SCP-3785-1.
ATL-9 Sherman: Fuck. Alright, we need to get up that tower. (Pauses) I’m going to lead the truck away. You two get up the tower and recover Jackknife, then we’ll rendezvous back at the extraction point. Give me the heads up as soon as you’ve got him out, because I’m going to book it out of here.
ATL-9 Diego: You got it.
ATL-9 Sherman separates from the group. Following the crest of the hill, he moves further away from the stanchion and SCP-3785-1. As soon as ATL-9 Diego and Junipero are in position, ATL-9 Sherman lights a flare.
ATL-9 Sherman: Over here, you cocksucker!
There is the sound of distorted laughter and high pitched screeching as SCP-3785-1’s engine revs loudly and the entity moves away from the stanchion and towards ATL-9 Sherman. As soon as the entity is over the hill, ATL-9 Diego and Junipero move towards the stanchion and begin to scale it. As they do, the writhing figure wrapped in rope and caught in a noose above becomes more animated; in the brief instance it is visible on Diego’s camera, the eyes of D-15 Jackknife are visible, though the rest of his face is obscured by rope.
As the two men climb, more of the surrounding area becomes visible. From their vantage point, the world beneath them is a single line of clearing and similar power lines amidst a world covered in dark forest. The sky above them, still black and darted with dim stars, appears to shimmer somewhat. Further away, the ground appears extremely distorted and twisted, looping up on itself and twisting over in ways that do not conform with standard geometry.
Eventually, both ATL-9 Diego and Junipero reach the top of the stanchion. Using a rope to secure himself, Junipero sidles out towards Jackknife.
Image taken from recovery team video recorder.
ATL-9 Junipero: Hang on, Jack. Give me just a second to cut through this, and we’ll be out of here.
Junipero produces a serrated knife and begins to saw at the length of rope. From Diego’s point of view, Jackknife appears to be watching Junipero intently. Below, the sound of engine revving can be heard in the trees, followed shortly afterwards by a small explosion (later determined to be a grenade thrown by ATL-9 Sherman).
Suddenly, there is a low, rumbling sound with no apparent source. The power lines shake, causing Junipero to halt progress momentarily in order to maintain his grip on the line. After the rumbling ceases, Junipero continue sawing.
ATL-9 Junipero: Hang on, hang on… I’ve almost… got-
As ATL-9 Junipero saws through the last fibers of the rope, the noose and bindings come loose from Jackknife. The agent coughs and reaches out towards Junipero, but begins to fall upwards, away from the lines.
ATL-9 Diego: Fuck!
ATL-9 Junipero: Jesus Christ! Diego!
ATL-9 Diego readies another length of rope and throws it towards Jackknife, missing him by a meter. The low rumbling sound is heard again, this time mixed with more distorted laughter from below them, as Jackknife continues to fall upwards.
D-15 Jackknife: Holy shit! Holy shit! Help! Fuck! Help! Somebody, please, fuck! Help!
Jackknife continues to ascend. From below, the distorted laughter grows louder, and is cut by a shrill, piercing sound that is vaguely feline in nature. The low rumbling begins to pulse.
ATL-9 Junipero: Diego? What do we do?
ATL-9 Diego: Goddammit!
D-15 Jackknife: Holy shit you guys, holy shit, I can’t, I can’t- (pauses) Oh.
Above the two men on the power line, the dim stars in the sky begin to change. They grow slightly brighter and twist in on themselves, revealing many thousands (if not hundreds of thousands) of large, vaguely octopoid eyes that stretch from horizon to horizon. Jackknife is seen twisting around to face the sky.
ATL-9 Junipero: Jack!
D-15 Jackknife: I- (pauses) I’m- (pauses) it’s everywhe-
Jackknife is cut short as his body distends dramatically. As it does, the eyes in the sky glow a dark red, and then Jackknife’s body comes apart suddenly. The remaining viscera continues to ascend into the sky. After a short time, the low rumbling sound subsides, as does the distorted laughter from below.
ATL-9 Sherman: June, Diego, do you copy? Have you recovered Jackknife? The entity in the truck has disappeared into the woods.
ATL-9 Diego: Copy. We lost Jackknife. Continue to rendezvous point, we’ll meet you there.
All members of ATL-9 team recovered from within SCP-3785. Due to the hazardous conditions within SCP-3785, further manned exploration is temporarily restricted. The nature of the entity observed in the sky above SCP-3785 is unknown.
[END LOG]
Addendum 3785.4: Recovered Cell Phone Data
Note: The following are video and audio transcripts from data recovered from a cell phone, discovered during the events of Addendum 3785.2, belonging to Danielle Hudson, an individual believed to be lost within SCP-3785.
ID #: 3785.AV.01
Document Type: Video
Length: 15 seconds
Transcript: Three women and two men ride in a open-top Jeep down a dirt road, identified later as the access road to SCP-3785.
ID #: 3785.AV.02
Document Type: Video
Length: 15 seconds
Transcript: A small group of young people stand around a fire. The woman holding the camera turns the camera to look at herself while she makes a face. Notably, headlights can be seen in the distance.
ID #: 3785.AV.03
Document Type: Text Message
Transcript: hey are u up? J got stuck. we need a tow again. out at crossplaines
ID #: 3785.AV.04
Document Type: Phone Call Records
Call to: Contact, listed as “J”
Status: Could not connect
ID #: 3785.AV.05
Document Type: Video
Length: 1:13
Transcript: Camera pans across the faces of the other missing people, all of whom appear concerned or angry. Somebody asks if anyone got a license plate number. One individual, a white male, is standing in front of a black truck, inspecting damage to its right side. Two other women are on their phones. As the camera approaches the truck, a white blazer drives by the group slowly. As it does, a dark figure can be seen staring at the group as it passes by. One of the males shouts “I hope you’re happy, asshole” and throws a bottle at the blazer, which disappears into the woods.
ID #: 3785.AV.06
Document Type: Pictures
Description: Images of damage to the front of a truck.
Image ID# 3785.AV.07.
ID #: 3785.AV.07
Document Type: Pictures
Description: Single image of the top of a hill with a high voltage power line stanchion visible. No other context provided.
ID #: 3785.AV.08
Document Type: Phone Call Records
Call to: 7 calls to 911, 10 calls to contact listed as “Momma”
Status: Could not connect
ID #: 3785.AV.09
Document Type: Video
Length: 15 seconds
Transcript: A white male pulls a gun and points at something off camera. He fires the weapon, but is suddenly struck by a white blazer and both disappear off camera. A woman screams throughout. As the camera pans, both the truck and the individual cannot be seen. A strange retching sound is heard.
ID #: 3785.AV.10
Document Type: Video
Length: 15 seconds
Transcript: A single pair of headlights are visible at a distance. A man is heard screaming incoherently, before a loud engine rev is heard and the man goes quiet. As the camera pans, a fire is visible on a hilltop.
ID #: 3785.AV.11
Document Type: Phone Call Records
Call to: 15 calls to 911
Status: Could not connect
ID #: 3785.AV.12
Document Type: Text Messages
Description: Several text messages over half an hour, all variations of “send help” or “call 911”.
ID #: 3785.AV.13
Document Type: Video
Length: 15 seconds
Transcript: An engine idling can be heard in the background. In the foreground, a woman whimpers. The lens is covered by something. From nearby, a male voice can be heard, though it is severely distorted and incoherent. The voice laughs. The retching sound from earlier can be heard.
ID #: 3785.AV.14
Document Type: Phone Call Records
Call to: Unknown number, likely a misdial or pocket dial.
Status: Could not connect
Image ID# 3785.AV.15.
ID #: 3785.AV.15
Document Type: Picture
Description: A single pair of headlights at a close distance. No other context is given.
ID #: 3785.AV.16
Document Type: Video
Length: 23 minutes
Description: Camera light activates, and camera is close to the ground. As the camera pans up, the face of the camera person is briefly visible, but cannot be made out. The camera person moves slowly down a dirt trail for a short distance, before coming out into the clearing again. Illuminated by moonlight only, a severely distorted landscape can be seen, which appears to be a canyon of impossible geological features, crisscrossed by dirt roads that at some points twist and turn upside down in a non-Euclidian fashion.
The camera moves along the top of a very steep wall of the canyon, and looks down below. No bottom is visible, but several indistinct lights can be seen moving slowly in the darkness. Suddenly, there is the short but distinct sound of a loud engine rev, and the camera jerks to the right, where an impossibly large hill is visible in the darkness. Somehow, despite the hill seeming to be larger than the entirety of SCP-3785, its entire face is visible to the camera. On top of the hill, a single pair of bright headlights sit motionless, while a fire burns nearby. Down the hill, a single humanoid figure slowly drags two other humanoid figures towards a series of nooses.
The standing figure then positions the two prone figures into the nooses by their necks, and the engine revs again. As the headlights at the top of the hill begin to back away, the two prone figures begin to rise slowly. As they rise, they begin to invert and hang up instead of down1. The forms can be seen writhing and struggling.
The headlights back out of view, and the individuals (now hanging upside down) continue to rise until they are above the power lines. The camera pans across to see dozens of other figures at first, and then potentially hundreds, all hanging upside down above the power lines. A male voice can be heard across the expanse of the hill, heavily distorted but clearly laughing and speaking rapidly and incoherently. The camera pans back towards the humanoid figure on the hill, which is now looking up towards the hanging figures. There is a low rumbling noise, and something happens in the sky, just off-screen.
Suddenly, the figure jerks and look towards the camera. The camera pulls away quickly and the light goes out. For the next fifteen minutes of video, the only sounds that can be heard are the short, heavy breaths of the camera person, the same low pulsing sound, and the intermittent screaming of the humanoid figure.
Image ID# 3785.AV.17.
ID #: 3785.AV.17
Document Type: Picture
Description: A dark male figure, illuminated by a dim light off camera. No other context is given. Picture was taken several days after all other documents collected from this device.
Cite this page as:
"SCP-3785" by djkaktus, from the SCP Wiki. Source: https://scpwiki.com/scp-3785. Licensed under CC-BY-SA.
For information on how to use this component, see the License Box component. To read about licensing policy, see the Licensing Guide.
Filename: hill.jpg
Author:djkaktus
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: jasper.jpg
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: jasper2.png
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: recovery.png
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: recovery2.png
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: recovery3.png
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
Filename: road.png
Author:
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } }
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
