@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/inter-400.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/inter-700.woff2) format('woff2'); }
*{box-sizing: border-box;padding: 0;margin: 0}body.hrfFrameLoop{background: #ffffff;line-height: 1.78;overflow-x: hidden;font-size: 18px;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;color: #12333d;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}img{max-width: 100%;display: block}a{text-decoration: none;color: inherit}a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible{outline: 2px solid #0e7490;outline-offset: 3px}.hrfStonePine{left: -9999px;z-index: 100;background: #12333d;padding: 10px 18px;font-weight: 600;font-size: 15px;position: absolute;top: 0;color: #ffffff}.hrfStonePine:focus{left: 0}.hrfBrimPlate{position: sticky;border-bottom: 1px solid #12333d12;backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);z-index: 50;top: 0;background: #ffffffc2}.hrfPineArc{display: flex;padding: 14px 20px;margin: 0 auto;gap: 16px;max-width: 1160px;align-items: center}.hrfMoldRung{min-width: 0;align-items: center;display: inline-flex}.hrfMoldRung > *{max-width: 100%;display: block}.hrfFrontJetty{margin-left: auto;display: flex;gap: 22px}.hrfFrontJetty a{font-size: 16px;font-weight: 500;color: #4a7a88}.hrfFrontJetty a:hover{color: #12333d}.hrfShadeFlag{padding: 9px 18px;margin-left: 18px;background: #0e7490;font-size: 15px;color: #ffffff;border-radius: 999px;font-weight: 600}.hrfShadeFlag:hover{opacity: 0.9;transform: translateY(-1px)}.hrfReachPlane{overflow: hidden;position: relative;padding: 96px 20px 64px;text-align: center}.hrfQuayPane{top: -10%;z-index: 0;background-position: 30% 40%, 70% 45%;pointer-events: none;background-image: radial-gradient(closest-side, #eef6f888, transparent 70%),
              radial-gradient(closest-side, #9fcfdd88, transparent 70%);position: absolute;left: 50%;opacity: 0.75;height: 760px;background-repeat: no-repeat;background-size: 70% 90%, 70% 90%;width: 1000px;transform: translateX(-50%);filter: blur(30px)}.hrfChipLoft{z-index: 1;margin: 0 auto;max-width: 880px;position: relative}.hrfBodyForge{margin: 0 auto;max-width: 1160px;z-index: 1;position: relative}.hrfRowCrest{align-items: center;text-align: left;display: grid;gap: clamp(36px, 6vw, 84px);grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr)}.hrfRowCrest .hrfChipLoft{margin: 0}.hrfRowCrest .hrfBoardLoop{justify-content: flex-start}.hrfRowCrest .hrfYardGild{margin-left: 0}.hrfCueMast{border: 1px solid #12333d20;position: relative;background: #ffffffe8;border-top: 4px solid #0e7490;box-shadow: 0 28px 70px -48px #12333d;padding: clamp(22px, 3vw, 34px);text-align: left}.hrfVaultBody{text-transform: uppercase;color: #4a7a88;font-size: 13px;letter-spacing: .12em;font-weight: 700}.hrfSlopeVista{border-bottom: 1px solid #12333d18;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;padding-bottom: 18px;font-weight: 700;margin-top: 20px;font-size: clamp(24px, 3vw, 34px)}.hrfPrismTide{display: flex;color: #4a7a88;border-bottom: 1px solid #12333d18;gap: 20px;padding: 16px 0;justify-content: space-between}.hrfPrismTide strong{color: #12333d}.hrfYardYard{align-items: baseline;display: flex;gap: 9px;padding-top: 22px}.hrfYardYard strong{color: #0e7490;font-size: clamp(42px, 6vw, 66px);font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height: 1}.hrfYardYard span{font-weight: 650;color: #4a7a88}.hrfCrumbPath{margin-top: 14px;font-size: 14px;color: #4a7a88}.hrfPlateWedge{border: 1px solid #12333d1f;font-weight: 600;background: #ffffff99;border-radius: 999px;letter-spacing: 0.1em;display: inline-block;color: #4a7a88;padding: 6px 14px;text-transform: uppercase;font-size: 12px;margin-bottom: 20px}.hrfBookFront{letter-spacing: -0.02em;font-size: clamp(37px, 6.5vw, 68px);font-weight: 700;line-height: 1.05;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfYardGild{margin: 22px auto 0;max-width: 62ch;line-height: 1.55;color: #4a7a88;font-size: clamp(18px, 2vw, 21px)}.hrfBoardLoop{justify-content: center;flex-wrap: wrap;display: flex;margin-top: 32px;gap: 16px}.hrfRootJetty{align-items: center;gap: 6px;display: inline-flex;border-radius: 999px;font-size: 17px;font-weight: 600;padding: 13px 26px}.hrfFlagLens{color: #ffffff;background: #0e7490}.hrfFlagLens:hover{opacity: 0.9;transform: translateY(-2px)}.hrfRangeBolt{background: #12333d05;border: 1px solid #12333d26;color: #12333d}.hrfRangeBolt:hover{border-color: #12333d55}.hrfHavenSail{max-width: 1160px;gap: 48px;padding: 20px 20px 48px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center}.hrfCloakJetty{text-align: center}.hrfAxisEdge{font-weight: 700;font-size: clamp(29px, 4vw, 44px);color: #12333d;letter-spacing: -0.02em;display: block;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfGridFable{color: #4a7a88;font-size: 15px}.hrfTrimFold, .hrfChipCove, .hrfAmberTable, .hrfWedgeLane, .hrfDeltaCove, .hrfShardFront{margin: 0 auto;max-width: 1160px;padding: 64px 20px}.hrfOakFold{margin: 0 auto 32px;max-width: 680px;text-align: center}.hrfRiseLens{font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 10px;font-size: 13px;color: #4a7a88}.hrfVistaDrift{line-height: 1.12;font-size: clamp(25px, 4vw, 36px);font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 700;letter-spacing: -0.02em}.hrfOnyxStone{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}.hrfDockStone{border: 1px solid #12333d12;border-radius: 20px;background: #12333d05;padding: 24px}.hrfDockStone:hover{transform: translateY(-4px);box-shadow: 0 22px 50px -30px #12333d66;border-color: #12333d22}.hrfRootFlint{grid-column: span 2}.hrfPierMesa{margin-bottom: 16px;border-radius: 12px;justify-content: center;display: inline-flex;font-size: 20px;width: 44px;color: #12333d;height: 44px;align-items: center;background: linear-gradient(135deg, #eef6f8, #9fcfdd)}.hrfNotchStem{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 700;font-size: 21px;letter-spacing: -0.01em;margin-bottom: 6px}.hrfSpineHull{color: #4a7a88;font-size: 16px}.hrfGridFleet{border-top: 1px solid #12333d20;grid-template-columns: 1fr}.hrfGridFleet .hrfDockStone{border: 0;gap: 18px;padding: 18px 2px;background: transparent;align-items: baseline;border-bottom: 1px solid #12333d20;display: grid;border-radius: 0;grid-template-columns: 42px minmax(180px, .5fr) minmax(260px, 1fr)}.hrfGridFleet .hrfDockStone:hover{border-color: #12333d20;transform: none;box-shadow: none}.hrfGridFleet .hrfPierMesa{font-weight: 700;width: auto;height: auto;border-radius: 0;color: #0e7490;background: transparent;margin: 0}.hrfGridFleet .hrfNotchStem, .hrfGridFleet .hrfSpineHull{margin: 0}.hrfFlagHold{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px}.hrfAmberVerge{border-top: 2px solid #12333d18;padding-top: 16px}.hrfWickRim{font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;opacity: 0.35;color: #12333d;font-size: 25px}.hrfSparPlot{font-size: 20px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 700;margin: 8px 0 6px}.hrfVistaAtlas{color: #4a7a88;font-size: 16px}.hrfAmberTable{max-width: 900px}.hrfLoopSpine{margin-top: 10px;color: #4a7a88}.hrfPineFlow{font-weight: 650;margin-bottom: 7px;display: block;font-size: 14px}.hrfVistaGate{border: 1px solid #12333d26;font: inherit;padding: 15px 17px;background: #12333d08;width: 100%;color: #12333d;border-radius: 14px}.hrfVistaGate::placeholder{color: #4a7a88}.hrfAeroFront{font-size: 14px;min-height: 24px;color: #4a7a88;padding: 6px 2px 0}.hrfWeaveHold{border-top: 1px solid #12333d18}.hrfMoldLoft{padding: 13px 2px;gap: 16px;align-items: center;border-bottom: 1px solid #12333d18;justify-content: space-between;display: flex}.hrfMoldLoft:hover strong{color: #0e7490}.hrfMoldLoft[hidden]{display: none}.hrfTrackDash{letter-spacing: .08em;font-size: 12px;color: #4a7a88;display: block;margin-bottom: 2px;text-transform: uppercase}.hrfPlateOak{color: #0e7490}.hrfRungHold{text-align: right;margin-top: 16px;font-weight: 650;color: #0e7490}.hrfWallWing{gap: 20px;display: grid;grid-template-columns: repeat(3, 1fr)}.hrfTrackPond{border: 1px solid #12333d12;gap: 16px;flex-direction: column;border-radius: 18px;display: flex;background: #12333d05;padding: 22px}.hrfStemGrid{font-size: 18px;line-height: 1.55}.hrfBoltCell{font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfBookKern{color: #4a7a88;font-size: 15px}.hrfShardFront{max-width: 780px}.hrfSpineWard{border-bottom: 1px solid #12333d14}.hrfSpineWard summary{align-items: center;list-style: none;font-size: 19px;justify-content: space-between;padding: 18px 0;gap: 16px;cursor: pointer;display: flex;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-weight: 650}.hrfSpineWard summary::-webkit-details-marker{display: none}.hrfSpineWard summary::after{font-weight: 400;content: "+";color: #4a7a88;font-size: 23px}.hrfSpineWard[open] summary::after{content: "\2212"}.hrfShelfShelf{padding: 0 0 18px;max-width: 68ch;color: #4a7a88}.hrfEchoWick{gap: 20px;display: grid;grid-template-columns: repeat(3, 1fr)}.hrfJettyPine{border: 1px solid #12333d12;padding: 20px;border-radius: 16px;flex-direction: column;gap: 10px;background: #12333d05;display: flex}.hrfJettyPine:hover{transform: translateY(-3px);border-color: #12333d22}.hrfFableYard{display: block;border-radius: 12px;aspect-ratio: 16 / 10;overflow: hidden;max-height: 200px}.hrfFableYard img{height: 100%;width: 100%;object-fit: cover}.hrfSparStrand{font-size: 20px;font-weight: 650;letter-spacing: -0.01em;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height: 1.25}.hrfPatchWard{font-size: 15px;flex-grow: 1;color: #4a7a88}.hrfSwaySlab{font-size: 13px;color: #4a7a88}.hrfKernPlot{border: 1px solid #12333d18;background: #12333d0d;padding: 3px 9px;text-transform: uppercase;color: #12333d;font-size: 12px;font-weight: 600;letter-spacing: 0.08em;align-self: flex-start;border-radius: 6px}.hrfEchoVerge{margin-top: 32px;text-align: center}.hrfCoastPeak{margin: 0 auto;max-width: 900px;padding: 64px 20px 32px}.hrfKernForge{color: #4a7a88;font-size: 16px;margin-top: 10px}.hrfQuayBloc{gap: 8px;justify-content: center;flex-wrap: wrap;margin-top: 18px;display: flex}.hrfRailShard{border: 1px solid #12333d1f;letter-spacing: 0.04em;font-size: 13px;color: #4a7a88;padding: 4px 12px;background: #12333d05;font-weight: 600;border-radius: 999px}.hrfPathTrim{padding-bottom: 8px;margin: 32px 0 6px;font-weight: 700;border-bottom: 1px solid #12333d18;letter-spacing: -0.01em;font-size: 23px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfTideShard{padding: 14px 0;border-bottom: 1px solid #12333d0d;display: flex;justify-content: space-between;align-items: flex-start;gap: 20px}.hrfTideShard:hover{border-color: #12333d33}.hrfTideShard:hover .hrfCoilProw{text-decoration-line: underline;text-decoration-color: #12333d55;text-underline-offset: 3px}.hrfDriftStack{min-width: 0}.hrfCoilProw{line-height: 1.3;font-size: 18px;font-weight: 650;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.01em}.hrfTrimPatch{margin-top: 3px;max-width: 62ch;color: #4a7a88;font-size: 15px}.hrfPrismPitch{align-items: center;flex-shrink: 0;gap: 10px;display: flex}.hrfPrismPitch .hrfKernPlot{align-self: center}.hrfPrismPitch time{white-space: nowrap;font-size: 14px;color: #4a7a88}.hrfArcScope{border: 1px solid #12333d12;max-width: 1160px;text-align: center;padding: 64px 20px;position: relative;background: #12333d05;border-radius: 28px;margin: 48px auto 80px;overflow: hidden}.hrfKnollPatch{transform: translateX(-50%);bottom: -50%;width: 900px;background-image: radial-gradient(closest-side, #eef6f8, transparent 70%), radial-gradient(closest-side, #9fcfdd, transparent 70%);position: absolute;pointer-events: none;background-position: 35% 50%, 65% 50%;filter: blur(30px);opacity: 0.6;height: 600px;background-repeat: no-repeat;background-size: 60% 100%, 60% 100%;left: 50%}.hrfHillSlope{font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;position: relative;font-size: clamp(25px, 4.5vw, 39px);letter-spacing: -0.02em}.hrfLaneShard{position: relative;max-width: 52ch;margin: 12px auto 0;color: #4a7a88}.hrfArcScope .hrfRootJetty{margin-top: 22px;position: relative}.hrfFlankReach{margin-bottom: 32px}.hrfFlankReach img{width: 100%;aspect-ratio: 16/9;object-fit: cover;border-radius: 14px;max-height: 280px}.hrfVaultBoard{padding: 48px 20px 0;margin: 0 auto;max-width: 800px}.hrfHelmPier{margin-bottom: 32px}.hrfIrisFlank{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;margin: 12px 0 0;letter-spacing: -0.02em;font-size: clamp(27px, 4.5vw, 39px);font-weight: 700;line-height: 1.12}.hrfCloakIris{margin-top: 16px;line-height: 1.5;font-size: 20px;color: #4a7a88}.hrfHedgeTarn{font-size: 15px;border-bottom: 1px solid #12333d1f;border-top: 1px solid #12333d1f;margin-top: 22px;color: #4a7a88;padding: 11px 0}.hrfStoneFrame{font-weight: 600;color: #12333d}.hrfCapePrism{line-height: 1.75;font-size: 19px}.hrfCapePrism h2{margin: 40px 0 8px;scroll-margin-top: 80px;font-size: 26px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;letter-spacing: -0.01em;font-weight: 700;line-height: 1.2}.hrfCapePrism h3{line-height: 1.3;margin: 24px 0 8px;font-weight: 650;font-size: 21px;scroll-margin-top: 80px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfCapePrism h4{font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;margin: 20px 0 4px;font-size: 18px}.hrfCapePrism p{margin: 18px 0}.hrfCapePrism a{color: #12333d;text-decoration-color: #12333d55;text-decoration-line: underline;text-underline-offset: 3px}.hrfCapePrism a:hover{text-decoration-color: #12333d}.hrfCapePrism ul, .hrfCapePrism ol{margin: 18px 0 18px 24px}.hrfCapePrism li{margin: 5px 0}.hrfCapePrism li::marker{color: #4a7a88}.hrfCapePrism blockquote{border-left: 3px solid #0e7490;padding: 2px 0 2px 18px;margin: 22px 0;color: #4a7a88}.hrfCapePrism blockquote p{margin: 6px 0}.hrfCapePrism table{font-size: 16px;display: block;width: 100%;line-height: 1.5;border-collapse: collapse;margin: 22px 0;overflow-x: auto}.hrfCapePrism th, .hrfCapePrism td{text-align: left;border-bottom: 1px solid #12333d18;padding: 10px 12px}.hrfCapePrism th{font-weight: 650;border-bottom: 2px solid #12333d33}.hrfCapePrism tbody tr:nth-child(even){background: #12333d05}.hrfCapePrism code{font-family: 'SF Mono', Consolas, monospace;border-radius: 5px;padding: 2px 6px;font-size: 14px;background: #12333d0d}.hrfCapePrism pre{border: 1px solid #12333d12;overflow-x: auto;margin: 22px 0;background: #12333d08;border-radius: 10px;line-height: 1.6;padding: 16px}.hrfCapePrism pre code{background: none;border-radius: 0;padding: 0;font-size: 15px}.hrfCapePrism hr{height: 1px;background: #12333d1f;border: 0;margin: 32px 0}.hrfCapePrism img{border-radius: 12px}.hrfCliffPath{margin: 22px 0;flex-wrap: wrap;display: flex;gap: 8px}.hrfCliffPath span{border: 1px solid #12333d22;color: #4a7a88;border-radius: 999px;padding: 3px 12px;font-size: 13px}.hrfBraceHarbor{border: 1px solid #12333d12;border-radius: 16px;margin: 40px 0 0;padding: 22px;background: #12333d05}.hrfStrandVale{font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;font-size: 12px;color: #4a7a88}.hrfWharfSail{font-weight: 700;font-size: 19px;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;margin: 6px 0 4px}.hrfEmberCloak{color: #4a7a88;font-size: 16px;line-height: 1.6}.hrfCoveDash{max-width: 1160px;padding: 0 20px;margin: 48px auto 0}.hrfWellDome{position: relative;border-top: 1px solid #12333d12;margin-top: 64px;overflow: hidden}.hrfBaseStrand{z-index: 1;gap: 20px;max-width: 1160px;align-items: center;padding: 24px 20px;display: flex;border-top: 1px solid #12333d1f;flex-wrap: wrap;border-bottom: 1px solid #12333d1f;margin: 32px auto;justify-content: space-between;position: relative}.hrfRisePeak{font-size: 12px;letter-spacing: 0.12em;text-transform: uppercase;color: #4a7a88;font-weight: 600;margin-bottom: 7px}.hrfKnollDeck{font-weight: 700;letter-spacing: -0.01em;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 22px}.hrfYardYard92d1{max-width: 52ch;font-size: 16px;color: #4a7a88;margin-top: 5px}.hrfCrestRung{font-size: 13px;color: #4a7a88;margin-top: 9px}.hrfVergeTrail{display: none}.hrfShelfWing{display: flex;gap: 10px;flex-wrap: wrap}.hrfSpoolWade{border: 1px solid #12333d26;min-width: 240px;border-radius: 999px;color: #12333d;font-family: inherit;background: #12333d05;font-size: 16px;padding: 12px 20px}.hrfSpoolWade::placeholder{color: #4a7a88}.hrfSpoolWade:focus{outline: none;border-color: #12333d55}.hrfShelfWing .hrfRootJetty{border: 0;cursor: pointer;font-family: inherit}.hrfArcTrack{grid-template-columns: 2fr 1fr 1fr 1fr;position: relative;max-width: 1160px;padding: 32px 20px 20px;margin: 0 auto;display: grid;z-index: 1;gap: 20px}.hrfMesaBody{min-width: 0}.hrfPeakSlate{letter-spacing: -0.01em;font-weight: 700;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 21px}.hrfPathDelta{font-size: 15px;margin-top: 4px;max-width: 34ch;color: #4a7a88}.hrfScopeBrim{gap: 8px;display: flex;flex-direction: column}.hrfRosePeak{margin-bottom: 2px;letter-spacing: 0.1em;text-transform: uppercase;color: #4a7a88;font-size: 12px;font-weight: 600}.hrfScopeBrim a{font-size: 15px;color: #4a7a88}.hrfScopeBrim a:hover{color: #12333d}.hrfRimFable{position: relative;font-size: 13px;margin: 0 auto;z-index: 1;max-width: 1160px;padding: 6px 20px;color: #4a7a88}

/* Motion (gated) */
@media (prefers-reduced-motion: no-preference) {.hrfFrontJetty a{transition: color 0.15s ease}.hrfShadeFlag{transition: transform 0.15s ease, opacity 0.15s ease}.hrfRootJetty{transition: transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease}.hrfDockStone{transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease}.hrfJettyPine{transition: transform 0.18s ease, border-color 0.18s ease}.hrfTideShard{transition: border-color 0.15s ease}.hrfSpoolWade{transition: border-color 0.15s ease}.hrfScopeBrim a{transition: color 0.15s ease}.hrfCapePrism a{transition: text-decoration-color 0.15s ease}
}

@media (max-width: 860px) {.hrfRowCrest{text-align: left;grid-template-columns: 1fr}.hrfCueMast{margin-top: 12px}.hrfOnyxStone, .hrfFlagHold, .hrfEchoWick, .hrfWallWing{grid-template-columns: 1fr}.hrfRootFlint{grid-column: auto}.hrfArcTrack{grid-template-columns: 1fr 1fr}.hrfTideShard{flex-direction: column;gap: 8px}.hrfVaultBoard{padding-top: 32px}
}

@media (max-width: 640px) {.hrfPineArc{flex-wrap: wrap;gap: 10px;padding: 12px 16px}.hrfMoldRung{flex-shrink: 1}.hrfMoldRung > *{height: 26px;max-width: 140px;width: auto}.hrfFrontJetty{flex-wrap: wrap;margin-left: 0;flex-basis: 100%;gap: 18px;order: 3;border-top: 1px solid #12333d14;padding-top: 10px}.hrfShadeFlag{flex-shrink: 1;line-height: 1.2;margin-left: auto;max-width: 52%;font-size: 13px;padding: 8px 12px;text-align: center}.hrfReachPlane{padding: 56px 16px 40px}.hrfQuayPane{width: 720px;height: 520px}.hrfPlateWedge{border: 0;padding: 0;border-radius: 0;background: transparent;margin-bottom: 18px;line-height: 1.45;max-width: 34ch}.hrfBookFront{font-size: clamp(30px, 9.5vw, 38px)}.hrfYardGild{font-size: 17px}.hrfBoardLoop{align-items: stretch;margin-top: 28px;flex-direction: column}.hrfBoardLoop .hrfRootJetty{justify-content: center;width: 100%}.hrfGridFleet .hrfDockStone{grid-template-columns: 28px minmax(0, 1fr)}.hrfGridFleet .hrfSpineHull{grid-column: 2}.hrfHavenSail{flex-direction: column;padding: 12px 18px 42px;gap: 28px}.hrfCloakJetty{margin: 0 auto;max-width: 30ch}.hrfTrimFold, .hrfChipCove, .hrfWedgeLane, .hrfDeltaCove, .hrfShardFront{padding: 52px 18px}.hrfOakFold{margin-bottom: 28px}.hrfDockStone, .hrfJettyPine, .hrfTrackPond{padding: 22px}.hrfFlagHold{gap: 28px}.hrfArcScope{padding: 48px 18px;margin: 32px 16px 52px;border-radius: 22px}.hrfVaultBoard{padding: 32px 18px 0}.hrfIrisFlank{font-size: clamp(30px, 9vw, 36px)}.hrfCoveDash{padding: 0 18px}.hrfBraceHarbor{padding: 18px}.hrfBaseStrand{margin: 28px auto;align-items: stretch;padding: 22px 18px}.hrfShelfWing{flex-direction: column;width: 100%}.hrfSpoolWade{min-width: 0;width: 100%}.hrfShelfWing .hrfRootJetty{justify-content: center;width: 100%}.hrfArcTrack{padding: 36px 18px 22px;grid-template-columns: 1fr}.hrfRimFable{padding-right: 18px;padding-left: 18px}
}.hrfCellLane{color: #12333d;padding: 28px 0 32px;margin: 0 auto;max-width: 1230px}.hrfCellLane h1, .hrfCellLane h2, .hrfCellLane h3, .hrfCellLane strong{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}.hrfCellLane h1{text-wrap: balance;font-size: clamp(31px, 5vw, 51px);font-weight: 700;letter-spacing: -0.035em;line-height: 1.04}.hrfPondFlag{color: #4a7a88;font-size: 14px;display: flex;align-items: center;gap: 8px;margin-bottom: 22px;flex-wrap: wrap}.hrfPondFlag a{color: #12333d;text-decoration-line: none}.hrfPondFlag a:hover{color: #0e7490}.hrfOrbitFlag{max-width: 900px}.hrfQuayPath{color: #4a7a88;font-size: 20px;max-width: 64ch;line-height: 1.5;margin-top: 12px}.hrfBoltCoil{padding: 5px 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .06em;display: inline-flex;background-color: #12333d14;border-radius: 999px;color: #0e7490;font-size: 13px;align-items: center}.hrfSailGlen{color: #12333d;font-size: 15px;display: flex;margin-top: 18px;align-items: center;gap: 11px}.hrfSailGlen strong{display: block;font-weight: 700}.hrfSailGlen small{display: block;margin-top: 1px;font-size: 14px;color: #4a7a88}.hrfGulfAero{border: 1px solid #12333d35;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color: #12333d;height: 38px;font-weight: 800;display: inline-flex;background-color: #12333d0d;border-radius: 50%;justify-content: center;flex: 0 0 38px;width: 38px;align-items: center}.hrfEchoWeave{margin: 32px 0;background-color: #12333d24;height: 1px}.hrfZoneFlow{border: 1px solid #12333d24;background-color: #12333d08;overflow: hidden;border-radius: 10px}.hrfZoneFlow img{width: 100%;object-fit: cover;aspect-ratio: 16 / 9;max-height: 520px}.hrfDraftCove{min-width: 0;font-size: 18px;line-height: 1.81}.hrfDraftCove h2{font-weight: 700;scroll-margin-top: 96px;line-height: 1.18;text-wrap: balance;letter-spacing: -.02em;margin: 32px 0 11px;font-size: clamp(24px, 3vw, 30px)}.hrfDraftCove h3{line-height: 1.25;margin: 24px 0 10px;font-size: 22px}.hrfDraftCove p{margin: 16px 0}.hrfDraftCove a{text-decoration-thickness: 1px;color: #0e7490;text-underline-offset: 3px;text-decoration-line: underline}.hrfDraftCove :is(ul, ol){margin: 16px 0 16px 24px}.hrfDraftCove li{margin: 5px 0}.hrfDraftCove blockquote{border-left: 3px solid #0e7490;color: #4a7a88;padding: 3px 0 3px 16px;margin: 21px 0}.hrfDraftCove table{width: 100%;font-size: 16px;display: block;max-width: 100%;border-collapse: collapse;margin: 22px 0;overflow-x: auto}.hrfDraftCove :is(th, td){text-align: left;padding: 10px 12px;border-bottom: 1px solid #12333d24}.hrfDraftCove th{font-weight: 700;color: #12333d}.hrfDraftCove tbody tr:nth-child(even){background-color: #12333d08}.hrfDraftCove code{font-size: 14px;padding: 2px 6px;background-color: #12333d10;border-radius: 4px;font-family: 'SF Mono', Consolas, Menlo, monospace}.hrfDraftCove pre{overflow: auto;max-width: 100%}.hrfDraftCove .hrfOnyxBody{display: inline-block}.hrfDraftCove img{margin: 24px 0;border-radius: 8px;width: 100%}.hrfPointSlate > strong{color: #12333d;letter-spacing: .03em;font-size: 16px;margin-bottom: 10px;display: block}.hrfPointSlate :is(ul, ol){padding: 0;list-style: none;margin: 0}.hrfPointSlate li + li{margin-top: 3px}.hrfPointSlate a{gap: 8px;display: flex;color: #4a7a88;padding: 5px 0;font-size: 14px;line-height: 1.4;text-decoration-line: none}.hrfPointSlate a:hover{color: #0e7490}.hrfPointSlate a span{color: #4a7a88;font-variant-numeric: tabular-nums}.hrfMeshJetty{gap: 7px;display: flex;align-items: center;flex-wrap: wrap}.hrfMeshJetty > span{font-weight: 700;font-size: 13px;letter-spacing: .08em;color: #4a7a88;margin-right: 2px;text-transform: uppercase}.hrfMeshJetty a{border: 1px solid #12333d30;text-decoration-line: none;color: #12333d;height: 34px;align-items: center;width: 34px;font-size: 13px;display: inline-flex;justify-content: center;font-weight: 800;border-radius: 50%}.hrfMeshJetty a:hover{border-color: #0e7490;background-color: #12333d10}.hrfDraftEdge{border: 1px solid #12333d30;margin-top: 16px;color: #12333d;font-size: 14px;display: inline-flex;font-weight: 700;padding: 7px 11px;border-radius: 6px;text-decoration-line: none}.hrfRangeCove{max-width: 930px;margin: 48px auto 0}.hrfDraftAtlas{margin-bottom: 20px;gap: 7px;display: flex;flex-wrap: wrap}.hrfDraftAtlas span{border: 1px solid #12333d27;font-size: 13px;color: #4a7a88;padding: 4px 10px;border-radius: 999px}.hrfWingFacet{gap: 13px;border-bottom: 1px solid #12333d24;padding: 19px 0;display: flex;border-top: 1px solid #12333d35;align-items: flex-start}.hrfWingFacet small{text-transform: uppercase;display: block;color: #4a7a88;font-weight: 700;font-size: 12px;letter-spacing: .09em}.hrfWingFacet strong{font-size: 18px;display: block;margin-top: 2px}.hrfWingFacet p{margin-top: 2px;font-size: 15px;color: #4a7a88}.hrfSlabBody{margin-top: 32px}.hrfSlabBody h2{font-size: 22px;margin-bottom: 16px}.hrfSlabBody > div{gap: 16px;grid-template-columns: repeat(3, minmax(0, 1fr));display: grid}.hrfSlabBody a{color: #12333d;border-top: 2px solid #12333d;text-decoration-line: none;padding-top: 10px}.hrfSlabBody a:hover strong{color: #0e7490}.hrfSlabBody small{color: #4a7a88;text-transform: uppercase;letter-spacing: .08em;font-size: 12px;display: block}.hrfSlabBody strong{margin-top: 4px;display: block;font-size: 16px;line-height: 1.3}
@media (max-width: 700px) {.hrfCellLane{padding-top: 16px}.hrfCellLane h1{font-size: clamp(31px, 10vw, 46px)}.hrfSlabBody > div{grid-template-columns: 1fr}.hrfSlabBody a{padding-bottom: 8px}
}.hrfPlotDelta{max-width: 1220px}.hrfRailOrbit{max-width: 890px;margin-top: 22px}.hrfRailOrbit h1{font-size: clamp(34px, 7vw, 68px)}.hrfCrestSlab{margin-top: 32px;gap: 48px;grid-template-columns: minmax(0, 8fr) minmax(180px, 3fr);display: grid;align-items: start}.hrfCellMoor{min-width: 0;max-width: 100%}.hrfCellMoor > .hrfZoneFlow{margin-bottom: 22px}.hrfCellMoor > .hrfQuayPath{font-size: 17px}.hrfBrimWeave{top: 92px;position: sticky}.hrfBrimWeave .hrfMeshJetty{padding-top: 16px;border-top: 1px solid #12333d25;margin-top: 21px}
@media (max-width: 820px) {.hrfCrestSlab{display: flex;flex-direction: column;gap: 20px}.hrfBrimWeave{position: static;order: -1;width: 100%}.hrfBrimWeave .hrfPointSlate{display: none}.hrfBrimWeave .hrfMeshJetty{margin-top: 0;border-top: 0;padding-top: 0}
}

@media (max-width: 640px) {
  body:is(.hrfTrackTile, .hrfFrameLoop, .hrfIsleEmber) nav a, body:is(.hrfTrackTile, .hrfFrameLoop, .hrfIsleEmber) header a {
    min-width: 24px; min-height: 24px; display: inline-flex;
    align-items: center; justify-content: center;
  }
  body:is(.hrfTrackTile, .hrfFrameLoop, .hrfIsleEmber) a:not(:is(p, li, td, th, dd, figcaption, blockquote) a):not(nav a):not(header a) {
    padding-block: 6px;
  }
  body:is(.hrfTrackTile, .hrfFrameLoop, .hrfIsleEmber) :is(input, select, button, summary) {
    min-width: 24px; min-height: 24px;
  }
}