@font-face {
  font-family: "Druk Cond";
  src: url("assets/fonts/DrukCond-Super-Cy-Gr-Web.ttf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "Druk";
  src: url("assets/fonts/Druk-Super-Trial.otf") format("opentype");
  font-weight: 900;
}

@font-face {
  font-family: "Druk Text";
  src: url("assets/fonts/DrukText-Medium-Trial.otf") format("opentype");
  font-weight: 500;
}

:root {
  --black: #050505;
  --deep: #080907;
  --panel: #0d0f0c;
  --white: #f4f4f0;
  --muted: #8a8f98;
  --line: rgba(244, 244, 240, 0.14);
  --soft: rgba(244, 244, 240, 0.07);
  --acid: #b6ff2e;
  --blue: #2f6bff;
  --display: "Druk Cond", "Arial Narrow", sans-serif;
  --wide: "Druk", "Arial Black", sans-serif;
  --text: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --micro: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--black);
}

body {
  margin: 0;
  color: var(--white);
  background: var(--black);
  font-family: var(--text);
  font-optical-sizing: auto;
  overflow-x: hidden;
  text-transform: uppercase;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 70% 8%, rgba(47, 107, 255, 0.12), transparent 24rem),
    radial-gradient(circle at 12% 46%, rgba(182, 255, 46, 0.08), transparent 26rem),
    var(--black);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(244, 244, 240, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 244, 240, 0.04) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(to bottom, black 0 78%, transparent);
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

.svg-filters {
  position: absolute;
  width: 0;
  height: 0;
}

.loader {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--black);
}

.loader::before,
.loader::after {
  content: "";
  position: absolute;
  inset: 0;
}

.loader::before {
  background: url("assets/optimized/loader-bg.jpg") center 24% / cover no-repeat;
  transform: scale(1.16);
  filter: grayscale(1) blur(10px) contrast(1.08) brightness(0.42);
}

.loader::after {
  background:
    radial-gradient(circle at 50% 50%, rgba(182, 255, 46, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.82));
}

.loader img,
.loader span {
  position: relative;
  z-index: 1;
}

.loader img {
  width: clamp(88px, 11vw, 150px);
  height: auto;
  filter: invert(1);
}

.loader span {
  position: absolute;
  bottom: 13vh;
  color: var(--acid);
  font-family: var(--micro);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.28em;
}

.topbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(18px, 3vw, 38px) clamp(18px, 4vw, 64px);
  pointer-events: none;
  mix-blend-mode: difference;
}

.brand,
.lang {
  pointer-events: auto;
}

.brand img {
  width: clamp(54px, 6vw, 86px);
  height: auto;
  filter: invert(1);
}

.lang {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: var(--micro);
  font-size: 1.3rem;
  font-weight: 900;;
}

.lang a:not(.active) {
  opacity: 0.5;
}

.lang .active {
  color: var(--acid);
  opacity: 1;
}

.panel-dark,
.panel-deep {
  position: relative;
  overflow: hidden;
}

.panel-dark {
  /* background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 30%),
    var(--black); */
}

.panel-deep {
  /* background:
    radial-gradient(circle at 70% 18%, rgba(47, 107, 255, 0.09), transparent 24rem),
    var(--deep); */
}

.eyebrow,
.section-label {
  margin: 0 0 22px;
  color: var(--acid);
  font-family: var(--micro);
  font-size: clamp(0.95rem, 1.2vw, 1.35rem);
  line-height: 20%;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.display-title,
.hero-title {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero {
  background: #000;
  min-height: 100svh;
  padding: clamp(104px, 10vw, 150px) clamp(22px, 5vw, 76px) 70px;
}

.hero__media {
  position: absolute;
  inset: 0;
  opacity: 0.82;
  filter: grayscale(1) contrast(1.14) brightness(0.7);
}

.hero__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.hero__media img {
  object-fit: contain;
  object-position: 72% top;
}

.hero__media::after,
.image-mask::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.96), rgba(5, 5, 5, 0.58) 31%, rgba(0, 0, 0, 0.12) 55%, rgba(0, 0, 0, 0.84)),
    linear-gradient(0deg, rgba(0, 0, 0, 0.78), transparent 34%); */
}

.scanlines {
  position: absolute;
  inset: 0;
  opacity: 0.38;
  background:
    repeating-linear-gradient(0deg, rgba(244, 244, 240, 0.08) 0 1px, transparent 1px 8px),
    radial-gradient(ellipse at 50% 100%, transparent 0 35%, rgba(244, 244, 240, 0.12) 35.2%, transparent 35.5%);
}

.hero__copy {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  padding-top: clamp(18px, 3.2vw, 56px);
}

.hero-title {
  position: relative;
  max-width: 950px;
  font-size: clamp(9rem, 26vw, 28rem);
  line-height: 0.78;
  background: linear-gradient(180deg, #fff 0%, #c9cbc8 48%, #71777e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero__bottom {
  display: grid;
  grid-template-columns: minmax(0, 580px) clamp(180px, 20vw, 280px);
  gap: clamp(34px, 7vw, 105px);
  align-items: end;
  margin-top: clamp(28px, 4vw, 46px);
}

.hero__bottom h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(4rem, 9vw, 10rem);
  line-height: 0.78;
  text-transform: uppercase;
}

.hero__highlight,
.text-highlight {
  display: inline-block;
  color: var(--acid);
}

.hero__bottom p,
.manifesto p,
.onlines p {
  max-width: 660px;
  color: rgba(244, 244, 240, 0.7);
  font-size: clamp(1rem, 1.5vw, 1.28rem);
  line-height: 1.7;
}

.hero__number {
  position: absolute;
  right: 4vw;
  bottom: 0;
  color: transparent;
  font-family: var(--display);
  font-size: clamp(10rem, 24vw, 29rem);
  line-height: 0.7;
  -webkit-text-stroke: 1px rgba(182, 255, 46, 0.55);
  opacity: 0.38;
}

.hero-signature {
  position: relative;
  width: clamp(180px, 20vw, 280px);
  justify-self: start;
  align-self: end;
  margin-bottom: 10px;
  opacity: 0.98;
  filter: drop-shadow(0 0 18px rgba(182, 255, 46, 0.16));
  transform: rotate(-8deg);
}

.hero-signature__art {
  display: block;
  width: 100%;
  aspect-ratio: 1563 / 855;
  background: var(--acid);
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%221563%22%20height=%22855%22%20viewBox=%220%200%201563%20855%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M808.867%200.487168C815.659%20-0.2607%20853.692%20-1.42998%20852.705%208.07916C849.43%2013.372%20846.187%2010.9573%20841.175%209.93642C836.902%209.06661%20834.468%209.09844%20830.19%209.35312C789.61%2011.7656%20749.57%2019.2626%20709.702%2026.8395C585.762%2051.4047%20463.376%2083.2458%20343.175%20122.197C241.702%20154.377%20134.036%20192.124%2037.6785%20238.052C29.2329%20241.872%2020.3697%20246.41%2011.0635%20247.526C8.18826%20247.871%205.3459%20247.172%203.08788%20245.308C1.3597%20243.881%200.134386%20241.905%200.00920983%20239.625C-0.0992399%20237.651%200.760792%20235.871%202.02388%20234.408C10.8666%20224.162%2073.0773%20201.214%2088.9018%20194.966C254.408%20130.365%20424.28%2077.5693%20597.249%2036.9751C663.064%2021.9066%20742.124%205.36557%20808.867%200.487168Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M681.462%20218.257C684.213%20217.915%20687.062%20218.053%20689.442%20219.628C701.08%20227.313%20683.08%20239.068%20685.557%20249.01C686.62%20253.264%20691.373%20255.649%20695.161%20256.962C708.995%20261.766%20727.394%20260.512%20741.837%20259.289C757.479%20257.963%20773.05%20255.403%20788.568%20253.076C799.99%20251.363%20859.772%20239.889%20866.263%20244.575C867.234%20245.272%20867.159%20245.732%20867.342%20246.836C865.707%20250.45%20860.609%20251.08%20856.789%20251.827C804.188%20262.11%20746.736%20283.133%20692.905%20273.874C675.526%20270.885%20663.748%20256.695%20668.788%20238.655C657.149%20243.62%20647.928%20250.329%20637.456%20256.556C631.17%20260.294%20603.869%20280.709%20599.644%20280.705C573.681%20280.683%20602.639%20251.607%20608.66%20244.185C590.299%20254.139%20574.35%20263.939%20557.43%20276.514C553.793%20278.745%20540.849%20289.417%20537.143%20289.617C525.58%20290.24%20525.019%20278.924%20532.243%20271.878C536.161%20268.06%20541.756%20262.382%20546.115%20258.021C543.212%20259.472%20540.191%20261.12%20537.304%20262.636C530.355%20266.455%20521.571%20270.838%20514.131%20274.582C497.361%20282.658%20479.853%20294.758%20461.174%20297.443C451.322%20298.858%20444.556%20293.786%20444.032%20283.912C431.838%20291.339%20419.618%20303.364%20405.935%20308.412C402.67%20309.616%20398.289%20307.395%20398.78%20303.202C399.363%20301.901%20400.83%20300.44%20402.012%20299.669C418.053%20289.293%20432.955%20277.539%20448.225%20266.1C462.738%20255.332%20475.094%20241.746%20490.563%20232.183C495.171%20229.332%20502.142%20229.053%20504.845%20234.617C507.742%20240.585%20497.496%20246.86%20493.649%20250.278C483.684%20259.137%20467.006%20270.331%20461.778%20282.749C482.497%20280.016%20530.382%20252.168%20550.572%20242.021C558.12%20238.408%20565.901%20232.113%20573.87%20229.939C581.51%20227.854%20584.839%20233.606%20582.238%20240.253C581.208%20242.891%20579.276%20244.786%20577.463%20246.833C580.83%20245.292%20586.652%20241.668%20590.207%20239.653C596.995%20235.828%20603.853%20232.119%20610.77%20228.526C617.703%20224.892%20633.846%20215.55%20636.825%20228.606C638.066%20234.054%20629.783%20243.32%20626.481%20247.575C645.053%20237.391%20660.991%20226.08%20681.462%20218.257Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M476.228%2089.3554C486.296%2088.1332%20491.535%2094.7572%20484.947%20102.91C478.866%20110.441%20471.615%20117.987%20465.118%20125.298L414.206%20181.753C387.256%20211.529%20360.688%20241.652%20334.52%20272.114C314.708%20295.067%20292.977%20320.403%20274.735%20344.612C258%20366.731%20241.973%20389.378%20226.678%20412.516C225.365%20414.512%20222.986%20418.378%20222.239%20420.474C220.324%20425.847%20222.989%20424.104%20218.69%20428.901C208.386%20436.714%20206.818%20422.766%20210.028%20415.375C218.843%20395.084%20231.213%20375.544%20244.043%20357.51C267.226%20324.924%20293.06%20293.619%20319.111%20263.277C355.411%20221.097%20392.425%20179.536%20430.139%20138.61C437.984%20129.946%20445.716%20121.175%20453.324%20112.301C459.388%20105.185%20468.151%2093.0251%20476.228%2089.3554Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M546.413%20164.428C552.682%20164.117%20562.815%20165.593%20559.702%20175.273C558.353%20179.468%20553.297%20181.393%20549.44%20182.886C534.785%20186.682%20529.876%20170.017%20546.413%20164.428Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M1144.21%20529.505C1160.73%20529.265%201162.1%20544.118%201154.02%20555.307C1138.12%20577.322%201112.8%20593.861%201087.9%20604.025C1117.49%20610.401%201165.48%20597.365%201195.18%20590.574C1272.22%20572.958%201473.4%20514.256%201542.43%20540.489C1545.1%20541.507%201547.37%20542.717%201548.6%20545.406C1548.66%20548.121%201549%20547.301%201547.69%20549.484C1543.1%20551.879%201532.51%20546.4%201525.49%20546.183C1429.54%20543.23%201334.12%20571.846%201241.45%20593.597C1195.83%20604.307%201150.38%20619.947%201103.37%20621.961C1090.09%20622.529%201077.65%20620.942%201067.89%20611.455C1047.69%20618.719%20978.283%20644.337%20990.323%20597.107C981.988%20601.289%20973.924%20605.986%20966.175%20611.171C957.493%20616.913%20915.174%20649.364%20908.902%20649.828C906.389%20650.014%20903.804%20649.07%20901.97%20647.351C900.591%20646.058%20899.566%20644.228%20899.515%20642.312C899.277%20633.303%20915.563%20619.88%20921.566%20613.818C892.319%20628.501%20863.927%20643.987%20834.372%20658.094C827.946%20668.791%20815.882%20685.168%20808.242%20695.919C792.974%20717.995%20776.46%20739.282%20759.298%20759.866C738.083%20785.309%20667.674%20855.645%20633.539%20825.69C624.046%20811.612%20631.659%20795.694%20640.187%20783.219C670.241%20739.253%20720.561%20706.515%20766%20680.591C775.409%20675.131%20784.956%20669.916%20794.633%20664.949C799.114%20662.678%20817.176%20653.926%20819.626%20651.723C825.476%20646.463%20836.884%20629.736%20842.484%20622.376C828.785%20629.892%20744.103%20687.321%20751.232%20639.672C737.544%20648.539%20672.676%20687.45%20675.392%20646.542C662.624%20654.923%20618.509%20686.461%20603.968%20675.949C601.622%20674.244%20600.069%20671.658%20599.668%20668.785C596.866%20647.346%20669.477%20600.114%20691.819%20600.733C694.758%20600.815%20694.798%20600.715%20697.507%20601.632C702.653%20603.376%20704.713%20607.815%20710.53%20605.845C712.051%20605.33%20716.217%20606.359%20717.418%20607.607C727.182%20617.758%20684.364%20641.497%20694.843%20650.185C707.422%20653.163%20751.596%20626.547%20763.174%20618.303C771.891%20612.097%20779.247%20601.169%20789.85%20597.191C796.69%20594.625%20803.733%20602.381%20799.659%20607.501C794.714%20613.715%20768.756%20633.069%20770.547%20641.497C770.627%20641.547%20770.704%20641.602%20770.785%20641.648C780.147%20647.033%20838.352%20608.409%20846.609%20602.788C853.747%20597.93%20868.444%20584.888%20876.226%20583.281C878.565%20582.798%20880.796%20583.309%20882.739%20584.684C884.383%20585.847%20885.128%20587.215%20885.449%20589.188C885.738%20590.966%20885.643%20592.431%20884.729%20594.014C881.017%20600.45%20874.465%20606.032%20869.662%20611.78C863.237%20619.469%20857.34%20627.672%20851.339%20635.696C881.169%20622.131%20910.439%20605.933%20939.174%20590.11C944.669%20587.083%20952.879%20586.1%20954.098%20594.881C954.775%20599.731%20947.157%20606.886%20943.686%20610.572C960.329%20600.906%20982.162%20584.476%201000.73%20577.75C1004.1%20577.18%201008.13%20576.999%201010.93%20578.809C1019.85%20584.587%20998.181%20607.101%201008.04%20609.591C1024.37%20613.712%201049.65%20604.229%201064.82%20598.887C1070.09%20570.695%201117.21%20533.621%201144.21%20529.505ZM626.71%20327.517C633.833%20326.391%20649.929%20325.914%20657.489%20325.807C699.444%20325.216%20749.428%20330.174%20784.967%20354.262C800.024%20364.467%20810.432%20379.378%20813.724%20397.298C818.346%20422.457%20805.077%20451.806%20790.547%20471.727C719.682%20568.887%20541.572%20646.104%20426.925%20665.518C402.121%20709.443%20376.163%20752.51%20354.074%20797.931C348.468%20809.457%20341.413%20821.989%20337.283%20834.126C336.023%20837.831%20335.918%20841.906%20334.738%20845.625C334.256%20847.144%20333.081%20849.12%20331.577%20849.815C330.456%20850.333%20329.627%20850.515%20328.446%20849.996C326.58%20849.176%20325.302%20846.719%20324.759%20844.86C317.897%20821.368%20391.137%20697.036%20406.813%20667.9C393.544%20668.621%20362.372%20669.424%20353.417%20657.078C351.521%20654.477%20350.764%20651.216%20351.319%20648.045C353.749%20634.307%20386.991%20618.133%20399.211%20620.426L399.627%20621.334C397.496%20624.395%20385.334%20629.175%20381.475%20630.879C363.505%20638.813%20348.783%20653.517%20379.526%20656.376C390.475%20657.393%20403.262%20656.265%20414.655%20654.704C424.403%20639.669%20437.17%20615.347%20446.123%20599.332C464.433%20566.082%20483.065%20533.01%20502.017%20500.121C510.663%20484.878%20518.922%20469.334%20527.9%20454.296C530.846%20449.314%20534.502%20443.241%20540.663%20442.274C551.147%20440.63%20552.888%20453.306%20546.777%20459.448C546.003%20460.225%20543.148%20465.073%20542.46%20466.14C517.728%20508.354%20493.306%20550.749%20469.198%20593.322C458.463%20612.093%20446.343%20631.963%20436.159%20650.83C451.463%20648.425%20469.707%20643.19%20484.533%20638.813C554.089%20618.056%20620.356%20587.552%20681.359%20548.211C724.917%20519.76%20825.982%20444.514%20789.486%20379.905C779.322%20361.913%20743.979%20348.074%20723.94%20344.831C601.968%20325.089%20465.445%20367.4%20362.257%20431.983C341.845%20445.136%20302.753%20474.631%20290.367%20496.379C288.85%20499.043%20291.881%20499.833%20291.25%20502.994C289.126%20505.421%20286.313%20506.627%20284.04%20504.131C276.946%20496.342%20289.515%20478.578%20293.753%20473.541C351.346%20405.084%20460.571%20361.946%20543.161%20341.879C570.697%20335.421%20598.597%20330.624%20626.71%20327.517ZM803.993%20673.798C755.193%20698.111%20668.146%20749.95%20646.227%20803.718C645.003%20806.721%20644.265%20812.615%20645.981%20815.574C646.748%20816.897%20646.947%20817.329%20648.148%20818.447C656.269%20820.676%20668.12%20817.6%20680.087%20810.271C732.414%20778.223%20769.567%20724.244%20804.113%20674.71C804.12%20674.7%20804.126%20674.683%20804.131%20674.658L804.112%20674.955L804.217%20673.891L803.993%20673.798ZM689.357%20615.938C667.358%20621.951%20648.142%20635.188%20631.093%20650.112C628.749%20652.165%20623.045%20657.773%20621.537%20660.388C622.886%20660.853%20622.97%20660.509%20624.562%20659.956C642.188%20652.083%20681.083%20631.022%20692.811%20616.468L692.435%20615.756C691.49%20615.809%20690.27%20615.838%20689.357%20615.938ZM1143.4%20544.777C1142.03%20543.863%201141.84%20544.243%201139.86%20544.461C1122.59%20550.753%201095.24%20572.566%201086.63%20588.256L1086.75%20588.946C1087.6%20588.749%201088.48%20588.577%201089.29%20588.302C1103.46%20581.17%201140.14%20560.344%201143.4%20544.777Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%221563%22%20height=%22855%22%20viewBox=%220%200%201563%20855%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M808.867%200.487168C815.659%20-0.2607%20853.692%20-1.42998%20852.705%208.07916C849.43%2013.372%20846.187%2010.9573%20841.175%209.93642C836.902%209.06661%20834.468%209.09844%20830.19%209.35312C789.61%2011.7656%20749.57%2019.2626%20709.702%2026.8395C585.762%2051.4047%20463.376%2083.2458%20343.175%20122.197C241.702%20154.377%20134.036%20192.124%2037.6785%20238.052C29.2329%20241.872%2020.3697%20246.41%2011.0635%20247.526C8.18826%20247.871%205.3459%20247.172%203.08788%20245.308C1.3597%20243.881%200.134386%20241.905%200.00920983%20239.625C-0.0992399%20237.651%200.760792%20235.871%202.02388%20234.408C10.8666%20224.162%2073.0773%20201.214%2088.9018%20194.966C254.408%20130.365%20424.28%2077.5693%20597.249%2036.9751C663.064%2021.9066%20742.124%205.36557%20808.867%200.487168Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M681.462%20218.257C684.213%20217.915%20687.062%20218.053%20689.442%20219.628C701.08%20227.313%20683.08%20239.068%20685.557%20249.01C686.62%20253.264%20691.373%20255.649%20695.161%20256.962C708.995%20261.766%20727.394%20260.512%20741.837%20259.289C757.479%20257.963%20773.05%20255.403%20788.568%20253.076C799.99%20251.363%20859.772%20239.889%20866.263%20244.575C867.234%20245.272%20867.159%20245.732%20867.342%20246.836C865.707%20250.45%20860.609%20251.08%20856.789%20251.827C804.188%20262.11%20746.736%20283.133%20692.905%20273.874C675.526%20270.885%20663.748%20256.695%20668.788%20238.655C657.149%20243.62%20647.928%20250.329%20637.456%20256.556C631.17%20260.294%20603.869%20280.709%20599.644%20280.705C573.681%20280.683%20602.639%20251.607%20608.66%20244.185C590.299%20254.139%20574.35%20263.939%20557.43%20276.514C553.793%20278.745%20540.849%20289.417%20537.143%20289.617C525.58%20290.24%20525.019%20278.924%20532.243%20271.878C536.161%20268.06%20541.756%20262.382%20546.115%20258.021C543.212%20259.472%20540.191%20261.12%20537.304%20262.636C530.355%20266.455%20521.571%20270.838%20514.131%20274.582C497.361%20282.658%20479.853%20294.758%20461.174%20297.443C451.322%20298.858%20444.556%20293.786%20444.032%20283.912C431.838%20291.339%20419.618%20303.364%20405.935%20308.412C402.67%20309.616%20398.289%20307.395%20398.78%20303.202C399.363%20301.901%20400.83%20300.44%20402.012%20299.669C418.053%20289.293%20432.955%20277.539%20448.225%20266.1C462.738%20255.332%20475.094%20241.746%20490.563%20232.183C495.171%20229.332%20502.142%20229.053%20504.845%20234.617C507.742%20240.585%20497.496%20246.86%20493.649%20250.278C483.684%20259.137%20467.006%20270.331%20461.778%20282.749C482.497%20280.016%20530.382%20252.168%20550.572%20242.021C558.12%20238.408%20565.901%20232.113%20573.87%20229.939C581.51%20227.854%20584.839%20233.606%20582.238%20240.253C581.208%20242.891%20579.276%20244.786%20577.463%20246.833C580.83%20245.292%20586.652%20241.668%20590.207%20239.653C596.995%20235.828%20603.853%20232.119%20610.77%20228.526C617.703%20224.892%20633.846%20215.55%20636.825%20228.606C638.066%20234.054%20629.783%20243.32%20626.481%20247.575C645.053%20237.391%20660.991%20226.08%20681.462%20218.257Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M476.228%2089.3554C486.296%2088.1332%20491.535%2094.7572%20484.947%20102.91C478.866%20110.441%20471.615%20117.987%20465.118%20125.298L414.206%20181.753C387.256%20211.529%20360.688%20241.652%20334.52%20272.114C314.708%20295.067%20292.977%20320.403%20274.735%20344.612C258%20366.731%20241.973%20389.378%20226.678%20412.516C225.365%20414.512%20222.986%20418.378%20222.239%20420.474C220.324%20425.847%20222.989%20424.104%20218.69%20428.901C208.386%20436.714%20206.818%20422.766%20210.028%20415.375C218.843%20395.084%20231.213%20375.544%20244.043%20357.51C267.226%20324.924%20293.06%20293.619%20319.111%20263.277C355.411%20221.097%20392.425%20179.536%20430.139%20138.61C437.984%20129.946%20445.716%20121.175%20453.324%20112.301C459.388%20105.185%20468.151%2093.0251%20476.228%2089.3554Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M546.413%20164.428C552.682%20164.117%20562.815%20165.593%20559.702%20175.273C558.353%20179.468%20553.297%20181.393%20549.44%20182.886C534.785%20186.682%20529.876%20170.017%20546.413%20164.428Z%22%20fill=%22black%22/%3E%20%3Cpath%20d=%22M1144.21%20529.505C1160.73%20529.265%201162.1%20544.118%201154.02%20555.307C1138.12%20577.322%201112.8%20593.861%201087.9%20604.025C1117.49%20610.401%201165.48%20597.365%201195.18%20590.574C1272.22%20572.958%201473.4%20514.256%201542.43%20540.489C1545.1%20541.507%201547.37%20542.717%201548.6%20545.406C1548.66%20548.121%201549%20547.301%201547.69%20549.484C1543.1%20551.879%201532.51%20546.4%201525.49%20546.183C1429.54%20543.23%201334.12%20571.846%201241.45%20593.597C1195.83%20604.307%201150.38%20619.947%201103.37%20621.961C1090.09%20622.529%201077.65%20620.942%201067.89%20611.455C1047.69%20618.719%20978.283%20644.337%20990.323%20597.107C981.988%20601.289%20973.924%20605.986%20966.175%20611.171C957.493%20616.913%20915.174%20649.364%20908.902%20649.828C906.389%20650.014%20903.804%20649.07%20901.97%20647.351C900.591%20646.058%20899.566%20644.228%20899.515%20642.312C899.277%20633.303%20915.563%20619.88%20921.566%20613.818C892.319%20628.501%20863.927%20643.987%20834.372%20658.094C827.946%20668.791%20815.882%20685.168%20808.242%20695.919C792.974%20717.995%20776.46%20739.282%20759.298%20759.866C738.083%20785.309%20667.674%20855.645%20633.539%20825.69C624.046%20811.612%20631.659%20795.694%20640.187%20783.219C670.241%20739.253%20720.561%20706.515%20766%20680.591C775.409%20675.131%20784.956%20669.916%20794.633%20664.949C799.114%20662.678%20817.176%20653.926%20819.626%20651.723C825.476%20646.463%20836.884%20629.736%20842.484%20622.376C828.785%20629.892%20744.103%20687.321%20751.232%20639.672C737.544%20648.539%20672.676%20687.45%20675.392%20646.542C662.624%20654.923%20618.509%20686.461%20603.968%20675.949C601.622%20674.244%20600.069%20671.658%20599.668%20668.785C596.866%20647.346%20669.477%20600.114%20691.819%20600.733C694.758%20600.815%20694.798%20600.715%20697.507%20601.632C702.653%20603.376%20704.713%20607.815%20710.53%20605.845C712.051%20605.33%20716.217%20606.359%20717.418%20607.607C727.182%20617.758%20684.364%20641.497%20694.843%20650.185C707.422%20653.163%20751.596%20626.547%20763.174%20618.303C771.891%20612.097%20779.247%20601.169%20789.85%20597.191C796.69%20594.625%20803.733%20602.381%20799.659%20607.501C794.714%20613.715%20768.756%20633.069%20770.547%20641.497C770.627%20641.547%20770.704%20641.602%20770.785%20641.648C780.147%20647.033%20838.352%20608.409%20846.609%20602.788C853.747%20597.93%20868.444%20584.888%20876.226%20583.281C878.565%20582.798%20880.796%20583.309%20882.739%20584.684C884.383%20585.847%20885.128%20587.215%20885.449%20589.188C885.738%20590.966%20885.643%20592.431%20884.729%20594.014C881.017%20600.45%20874.465%20606.032%20869.662%20611.78C863.237%20619.469%20857.34%20627.672%20851.339%20635.696C881.169%20622.131%20910.439%20605.933%20939.174%20590.11C944.669%20587.083%20952.879%20586.1%20954.098%20594.881C954.775%20599.731%20947.157%20606.886%20943.686%20610.572C960.329%20600.906%20982.162%20584.476%201000.73%20577.75C1004.1%20577.18%201008.13%20576.999%201010.93%20578.809C1019.85%20584.587%20998.181%20607.101%201008.04%20609.591C1024.37%20613.712%201049.65%20604.229%201064.82%20598.887C1070.09%20570.695%201117.21%20533.621%201144.21%20529.505ZM626.71%20327.517C633.833%20326.391%20649.929%20325.914%20657.489%20325.807C699.444%20325.216%20749.428%20330.174%20784.967%20354.262C800.024%20364.467%20810.432%20379.378%20813.724%20397.298C818.346%20422.457%20805.077%20451.806%20790.547%20471.727C719.682%20568.887%20541.572%20646.104%20426.925%20665.518C402.121%20709.443%20376.163%20752.51%20354.074%20797.931C348.468%20809.457%20341.413%20821.989%20337.283%20834.126C336.023%20837.831%20335.918%20841.906%20334.738%20845.625C334.256%20847.144%20333.081%20849.12%20331.577%20849.815C330.456%20850.333%20329.627%20850.515%20328.446%20849.996C326.58%20849.176%20325.302%20846.719%20324.759%20844.86C317.897%20821.368%20391.137%20697.036%20406.813%20667.9C393.544%20668.621%20362.372%20669.424%20353.417%20657.078C351.521%20654.477%20350.764%20651.216%20351.319%20648.045C353.749%20634.307%20386.991%20618.133%20399.211%20620.426L399.627%20621.334C397.496%20624.395%20385.334%20629.175%20381.475%20630.879C363.505%20638.813%20348.783%20653.517%20379.526%20656.376C390.475%20657.393%20403.262%20656.265%20414.655%20654.704C424.403%20639.669%20437.17%20615.347%20446.123%20599.332C464.433%20566.082%20483.065%20533.01%20502.017%20500.121C510.663%20484.878%20518.922%20469.334%20527.9%20454.296C530.846%20449.314%20534.502%20443.241%20540.663%20442.274C551.147%20440.63%20552.888%20453.306%20546.777%20459.448C546.003%20460.225%20543.148%20465.073%20542.46%20466.14C517.728%20508.354%20493.306%20550.749%20469.198%20593.322C458.463%20612.093%20446.343%20631.963%20436.159%20650.83C451.463%20648.425%20469.707%20643.19%20484.533%20638.813C554.089%20618.056%20620.356%20587.552%20681.359%20548.211C724.917%20519.76%20825.982%20444.514%20789.486%20379.905C779.322%20361.913%20743.979%20348.074%20723.94%20344.831C601.968%20325.089%20465.445%20367.4%20362.257%20431.983C341.845%20445.136%20302.753%20474.631%20290.367%20496.379C288.85%20499.043%20291.881%20499.833%20291.25%20502.994C289.126%20505.421%20286.313%20506.627%20284.04%20504.131C276.946%20496.342%20289.515%20478.578%20293.753%20473.541C351.346%20405.084%20460.571%20361.946%20543.161%20341.879C570.697%20335.421%20598.597%20330.624%20626.71%20327.517ZM803.993%20673.798C755.193%20698.111%20668.146%20749.95%20646.227%20803.718C645.003%20806.721%20644.265%20812.615%20645.981%20815.574C646.748%20816.897%20646.947%20817.329%20648.148%20818.447C656.269%20820.676%20668.12%20817.6%20680.087%20810.271C732.414%20778.223%20769.567%20724.244%20804.113%20674.71C804.12%20674.7%20804.126%20674.683%20804.131%20674.658L804.112%20674.955L804.217%20673.891L803.993%20673.798ZM689.357%20615.938C667.358%20621.951%20648.142%20635.188%20631.093%20650.112C628.749%20652.165%20623.045%20657.773%20621.537%20660.388C622.886%20660.853%20622.97%20660.509%20624.562%20659.956C642.188%20652.083%20681.083%20631.022%20692.811%20616.468L692.435%20615.756C691.49%20615.809%20690.27%20615.838%20689.357%20615.938ZM1143.4%20544.777C1142.03%20543.863%201141.84%20544.243%201139.86%20544.461C1122.59%20550.753%201095.24%20572.566%201086.63%20588.256L1086.75%20588.946C1087.6%20588.749%201088.48%20588.577%201089.29%20588.302C1103.46%20581.17%201140.14%20560.344%201143.4%20544.777Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  clip-path: inset(0 100% 0 0);
  animation: signature-reveal 2.1s cubic-bezier(0.76, 0, 0.24, 1) 1.95s forwards,
    signature-glow 3.2s ease-in-out 6.15s infinite alternate;
}

@keyframes signature-reveal {
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes signature-glow {
  from {
    filter: brightness(0.95) drop-shadow(0 0 0 rgba(182, 255, 46, 0));
  }
  to {
    filter: brightness(1.08) drop-shadow(0 0 14px rgba(182, 255, 46, 0.34));
  }
}

.statement {
  min-height: 102svh;
  display: grid;
  align-content: center;
  padding: clamp(120px, 15vw, 230px) clamp(22px, 6vw, 96px);
  border-block: 1px solid var(--line);
}

.statement__sticker {
  position: absolute;
  top: clamp(24%, 20vw, 32%);
  right: clamp(22px, 6vw, 84px);
  width: clamp(180px, 17vw, 240px);
  padding: clamp(12px, 1.2vw, 18px);
  /* background: rgba(255, 255, 255, 0.92); */
  /* border: 1px solid rgba(244, 244, 240, 0.32); */
  border-radius: 28px;
  /* box-shadow: 0 28px 60px rgba(0, 0, 0, 0.18); */
  transform: rotate(-14deg);
  transform-origin: center;
  z-index: 3;
  overflow: hidden;
}

.statement__sticker img {
  display: block;
  width: 100%;
  height: auto;
}

.marquee-row {
  position: absolute;
  left: -5vw;
  top: 20%;
  width: 160vw;
  color: rgba(244, 244, 240, 0.08);
  font-family: var(--display);
  font-size: clamp(5rem, 13vw, 13rem);
  line-height: 0.8;
  white-space: nowrap;
  text-transform: uppercase;
}

.display-title {
  position: relative;
  z-index: 2;
  max-width: 1040px;
  font-size: clamp(5rem, 13.5vw, 15rem);
  line-height: 0.78;
}

.ghost-logo {
  position: absolute;
  right: -8vw;
  bottom: -4vw;
  width: clamp(300px, 38vw, 640px);
  opacity: 0.05;
  filter: invert(1);
}

.route,
.matches,
.gallery,
.social,
.onlines,
.footer,
.manifesto {
  /* padding: clamp(110px, 14vw, 220px) clamp(22px, 6vw, 96px); */
  padding: clamp(110px, 14vw, 110px) clamp(22px, 6vw, 96px);
}

.onlines{ 
  padding: clamp(180px, 14vw, 180px) clamp(22px, 6vw, 96px);
}
.footer {
  padding: clamp(180px, 14vw, 110px) clamp(22px, 6vw, 96px);
}

.manifesto,
.matches,
.gallery,
.social,
.onlines,
.footer {
  border-top: 1px solid var(--line);
}

.route .display-title {
  max-width: 860px;
  margin-bottom: clamp(42px, 7vw, 90px);
}

.route__stage {
  position: relative;
  min-height: 520px;
  border: 1px solid var(--line);
  background:
    linear-gradient(rgba(244, 244, 240, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 244, 240, 0.045) 1px, transparent 1px),
    #070807;
  background-size: 64px 64px;
}

.route-map {
  width: 100%;
  min-height: 520px;
}

.land {
  fill: rgba(244, 244, 240, 0.08);
  stroke: rgba(244, 244, 240, 0.18);
}

.route-line {
  fill: none;
  stroke: var(--acid);
  stroke-width: 4;
  stroke-dasharray: 13 13;
  filter: url("#mapGlow");
}

.route-dot {
  fill: var(--acid);
}

.route-map text {
  fill: var(--white);
  font-family: var(--micro);
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.route__caption {
  position: absolute;
  left: clamp(24px, 4vw, 62px);
  right: clamp(24px, 4vw, 62px);
  bottom: 36px;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 34px;
  align-items: end;
}

.route__caption strong {
  color: var(--acid);
  font-family: var(--display);
  font-size: 3.8rem;
  line-height: 0.8;
}

.route__caption span {
  max-width: 560px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.profile {
  padding: clamp(96px, 12vw, 180px) clamp(22px, 5vw, 76px);
  border-block: 1px solid var(--line);
}

.profile-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 0.58fr) minmax(0, 1fr);
  min-height: 620px;
  border: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(244, 244, 240, 0.04), transparent 18%),
    radial-gradient(circle at 24% 34%, rgba(244, 244, 240, 0.12), transparent 18rem),
    rgba(0, 0, 0, 0.38);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.65);
}

.profile-card__visual {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border-right: 1px solid var(--line);
}

.profile-card__visual img {
  position: absolute;
  inset: 0;
  filter: grayscale(1) contrast(1.35) brightness(0.28);
  object-position: 50% 20%;
  transform: scale(1.08);
}

.profile-card__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.94), transparent 46%),
    radial-gradient(circle at 50% 35%, transparent 0 26%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.88) 72%);
}

.side-code {
  position: absolute;
  left: 22px;
  top: 95px;
  z-index: 2;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: rgba(244, 244, 240, 0.68);
  font-family: var(--micro);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.side-code::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 48px;
  margin-bottom: 22px;
  background: var(--acid);
}

.target-ring {
  position: absolute;
  top: 58px;
  left: 50%;
  z-index: 2;
  width: min(70%, 380px);
  aspect-ratio: 1;
  border: 1px dashed rgba(244, 244, 240, 0.18);
  border-radius: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  will-change: transform;
}

.target-ring::before,
.target-ring::after {
  content: "";
  position: absolute;
  background: rgba(244, 244, 240, 0.28);
}

.target-ring::before {
  left: 50%;
  top: -28px;
  bottom: -28px;
  width: 1px;
}

.target-ring::after {
  left: -28px;
  right: -28px;
  top: 50%;
  height: 1px;
}

.bio-strip {
  position: absolute;
  left: clamp(38px, 6vw, 110px);
  right: 34px;
  bottom: 88px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bio-strip span,
.analysis-label,
.metrics-row span,
.fixture span {
  display: block;
  color: var(--muted);
  font-family: var(--micro);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bio-strip b {
  display: block;
  margin-top: 10px;
  color: var(--white);
  font-size: 0.82rem;
}

.metrics-row article span b em{
    font-style: normal;
}

.profile-card__data {
  padding: clamp(34px, 5vw, 70px);
}

.position-line {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--line);
}

.position-line h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3rem, 5.2vw, 6.7rem);
  line-height: 0.82;
  text-transform: uppercase;
}

.position-line h2 span {
  color: var(--acid);
}

.position-line p {
  margin: 8px 0 0;
  color: var(--muted);
  font-family: var(--micro);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.metrics-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}

.metrics-row article {
  min-height: 170px;
  padding: 34px clamp(18px, 3vw, 42px);
}

.metrics-row article + article {
  border-left: 1px solid var(--line);
}

.metrics-row b {
  display: block;
  margin-top: 22px;
  font-family: var(--display);
  font-size: clamp(4rem, 7vw, 8rem);
  line-height: 0.75;
}

.metrics-row .score {
  color: var(--acid);
}

.metrics-row small {
  color: var(--white);
  font-family: var(--micro);
  font-size: 1.2rem;
}

.analysis-row {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(180px, 0.28fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: end;
  padding-top: 34px;
}

.profile-video-block {
  min-width: 0;
}

.radar,
.profile-video {
  margin-top: 28px;
}

.radar {
  width: min(340px, 80%);
  aspect-ratio: 1;
  margin-inline: auto;
  background:
    linear-gradient(30deg, transparent 49.5%, rgba(244, 244, 240, 0.12) 50%, transparent 50.5%),
    linear-gradient(90deg, transparent 49.5%, rgba(244, 244, 240, 0.12) 50%, transparent 50.5%),
    conic-gradient(from 0deg, rgba(182, 255, 46, 0.2), rgba(182, 255, 46, 0.03), rgba(182, 255, 46, 0.18)),
    repeating-radial-gradient(circle, transparent 0 18%, rgba(244, 244, 240, 0.14) 19%, transparent 20%);
  clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}

.profile-video {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(244, 244, 240, 0.16);
  background:
    radial-gradient(circle at 50% 50%, rgba(182, 255, 46, 0.12), transparent 42%),
    #050505;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.36);
}

.profile-video.is-active::after {
  display: none;
}

.profile-video.is-active .profile-video__fallback {
  display: none;
}

.profile-video::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(244, 244, 240, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 244, 240, 0.025) 1px, transparent 1px);
  background-size: 18px 18px;
  mix-blend-mode: screen;
  opacity: 0.28;
}

.profile-video__trigger,
.profile-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.profile-video__trigger {
  display: grid;
  place-items: center;
  padding: 0;
  background: #050505;
  cursor: pointer;
}

.profile-video__poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.08) brightness(0.82);
}

.profile-video__play {
  position: absolute;
  width: clamp(62px, 9vw, 92px);
  aspect-ratio: 1;
  border: 1px solid rgba(244, 244, 240, 0.2);
  border-radius: 999px;
  background: rgba(5, 5, 5, 0.74);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

.profile-video__play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid var(--white);
  transform: translate(-50%, -50%);
}

.profile-video__caption,
.profile-video__fallback {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 1;
  font-family: var(--micro);
  font-size: 1rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.profile-video__caption {
  color: rgba(244, 244, 240, 0.82);
}

.profile-video__warning {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 42px;
  z-index: 1;
  color: rgba(244, 244, 240, 0.72);
  font-family: var(--micro);
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
}

.profile-video__fallback {
  left: auto;
  right: 18px;
  color: var(--acid);
  text-decoration: none;
}

.profile-video__fallback:hover,
.profile-video__fallback:focus-visible {
  color: var(--white);
}

.profile-video iframe {
  filter: grayscale(1) contrast(1.08) brightness(0.82);
}

.goals-note {
  max-width: 260px;
  margin: 0 0 2px;
  color: rgba(244, 244, 240, 0.78);
  font-family: var(--display);
  font-size: clamp(2.7rem, 4vw, 5.4rem);
  line-height: 0.82;
  text-transform: uppercase;
}

.goals-note strong {
  display: block;
  color: var(--acid);
  font-weight: inherit;
}

.goals-note span {
  color: var(--white);
}

.strengths {
  padding-left: clamp(22px, 4vw, 58px);
  border-left: 1px solid var(--line);
}

.strengths ul {
  display: grid;
  gap: 16px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.strengths li {
  color: rgba(244, 244, 240, 0.78);
  font-family: var(--micro);
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.strengths li::before {
  content: ">";
  margin-right: 16px;
  color: var(--acid);
}

.profile-card__since,
.profile-card__club {
  position: absolute;
  bottom: 22px;
  z-index: 3;
  color: rgba(244, 244, 240, 0.76);
  font-family: var(--micro);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.profile-card__since {
  left: 22px;
}

.profile-card__club {
  right: 22px;
}

.profile .display-title,
.matches .display-title,
.social .display-title,
.onlines .display-title {
  font-size: clamp(5rem, 11vw, 12rem);
}

.matches__title-lockup {
  position: relative;
  display: inline-grid;
  grid-template-columns: minmax(0, auto) clamp(92px, 9vw, 148px);
  gap: clamp(12px, 2vw, 24px);
  align-items: center;
}

.matches__floating-logo {
  width: clamp(92px, 9vw, 148px);
  height: auto;
  justify-self: start;
  margin-top: 0;
  opacity: 0.82;
  transform: rotate(-7deg);
  filter: drop-shadow(0 0 22px rgba(182, 255, 46, 0.18));
  animation: float-logo 6.5s ease-in-out infinite alternate;
  animation-delay: 1s;
  will-change: transform, opacity;
}

@keyframes float-logo {
  0% {
    transform: translateY(0px) rotate(-7deg);
  }

  100% {
    transform: translateY(-10px) rotate(-3deg);
  }
}

.footer .display-title {
  font-size: clamp(4rem, 8vw, 9rem);
  max-width: 720px;
}

.fixture {
  border: 1px solid var(--line);
  background: rgba(244, 244, 240, 0.035);
}

.manifesto {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-content: center;
  padding: clamp(84px, 10vw, 140px) clamp(22px, 5vw, 76px);
}

.manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.82) 34%, rgba(0, 0, 0, 0.46) 54%, rgba(0, 0, 0, 0.88) 100%),
    radial-gradient(circle at 62% 40%, rgba(244, 244, 240, 0.16), transparent 18rem),
    url("assets/tim-payne-bg.webp") right center / contain no-repeat;
  filter: grayscale(1) contrast(1.08) brightness(0.8);
  opacity: 0.96;
}

.manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48)),
    repeating-linear-gradient(0deg, rgba(244, 244, 240, 0.03) 0 1px, transparent 1px 8px);
  pointer-events: none;
}

.manifesto .display-title span {
  color: var(--acid);
}

.manifesto p {
  position: relative;
  z-index: 2;
}

.stamp--large {
  position: absolute;
  top: 17%;
  right: 13%;
  width: 210px;
}

.fixture-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.fixture-section {
  margin-top: clamp(42px, 6vw, 76px);
}

.fixture-section--friendly {
  margin-top: clamp(36px, 5vw, 64px);
}

.fixture-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.fixture-heading span {
  color: var(--acid);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.fixture-heading b {
  color: rgba(244, 244, 240, 0.78);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-align: right;
  text-transform: uppercase;
}

.fixture {
  min-height: 370px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.fixture div time,
.fixture div em {
  display: block;
}

.fixture::before,
.friendly-fixture::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 74% 20%, rgba(182, 255, 46, 0.09), transparent 12rem),
    linear-gradient(135deg, rgba(244, 244, 240, 0.04), transparent 42%);
}

.fixture-teams {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: center;
}

.fixture-teams > strong,
.friendly-fixture > strong {
  color: rgba(244, 244, 240, 0.15);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.6rem, 4vw, 4.8rem);
  line-height: 0.8;
  text-align: center;
}

.team {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-width: 0;
  text-align: center;
}

.team img {
  width: clamp(54px, 6vw, 86px);
  height: clamp(54px, 6vw, 86px);
  object-fit: contain;
  border-radius: 2px;
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.12));
}

.team b {
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.4rem, 3.8vw, 4.4rem);
  line-height: 0.82;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.team small,
.fixture small {
  color: var(--acid);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.fixture time,
.friendly-fixture time {
  position: relative;
  z-index: 2;
  color: rgba(244, 244, 240, 0.86);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.9rem, 3.6vw, 4rem);
  line-height: 0.78;
  text-transform: uppercase;
}

.fixture em,
.friendly-fixture em {
  position: relative;
  z-index: 2;
  color: rgba(244, 244, 240, 0.68);
  font-family: "Druk Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fixture time,
.fixture em {
  width: 100%;
  text-align: center;
}

.fixture time {
  margin-bottom: 18px;
}

.fixture--active {
  border-color: rgba(182, 255, 46, 0.68);
  box-shadow: 0 0 58px rgba(182, 255, 46, 0.1);
}

.friendly-list {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.friendly-fixture {
  position: relative;
  display: grid;
  grid-template-columns: minmax(150px, 0.65fr) minmax(180px, 0.86fr) minmax(90px, 0.24fr) minmax(180px, 0.86fr) minmax(190px, 1fr);
  column-gap: 26px;
  row-gap: 18px;
  align-items: center;
  min-height: 130px;
  padding: 20px 24px;
  border: 1px solid var(--line);
  background: rgba(244, 244, 240, 0.035);
  overflow: hidden;
}

.friendly-fixture time {
  font-size: clamp(1.5rem, 2.5vw, 2.7rem);
}

.friendly-fixture .team {
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-areas:
    "flag code"
    "flag name";
  column-gap: 24px;
  /* justify-items: start; */
  align-items: center;
  text-align: left;
}

.friendly-fixture .team img {
  grid-area: flag;
  width: 56px;
  height: 56px;
  align-self: center;
}

.friendly-fixture .team b {
  grid-area: code;
  font-size: clamp(2.8rem, 3.6vw, 4.6rem);
  letter-spacing: 0.1rem;
}

.friendly-fixture .team small {
  grid-area: name;
}

.friendly-fixture > strong {
  align-self: center;
  justify-self: baseline;
}

.gallery-wall {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 300px;
  gap: 16px;
  margin-top: 60px;
}

.gallery-wall figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--soft);
  filter: grayscale(1) contrast(1.16) brightness(0.78);
}

.gallery-wall img {
  object-position: var(--focus, center);
}

.gallery-wall .g-wide {
  grid-column: span 2;
}

.gallery-wall .g-wide img {
  transform: scale(1.08);
  transform-origin: center;
}

.gallery-wall .g-tall {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery-wall figure:not(.g-wide):not(.g-tall) {
  grid-column: span 2;
}

.social-cards {
  min-height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}

.social-cards article {
  width: min(280px, 24vw);
  aspect-ratio: 0.72;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--black);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.58);
  border-radius: 7px;
}

.social-cards article:nth-child(1) {
  transform: rotate(-13deg) translateX(64px);
}

.social-cards article:nth-child(2) {
  transform: rotate(7deg) translateY(-54px);
  z-index: 2;
}

.social-cards article:nth-child(3) {
  transform: rotate(-5deg) translateY(60px);
  z-index: 3;
}

.social-cards article:nth-child(4) {
  transform: rotate(12deg) translateX(-64px);
}

.social-cards span {
  display: block;
  padding: 12px 3px 2px;
  font-family: var(--micro);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.social-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}

.social-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(244, 244, 240, 0.18);
  color: rgba(244, 244, 240, 0.84);
  text-decoration: none;
  font-family: var(--micro);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}

.social-action svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.social-action__icon-x {
  fill: currentColor;
  stroke: none;
}

.social-action--primary {
  border-color: rgba(182, 255, 46, 0.7);
  background: rgba(182, 255, 46, 0.12);
  color: var(--white);
}

.social-action:hover,
.social-action:focus-visible {
  border-color: rgba(182, 255, 46, 0.6);
  color: var(--white);
}

.onlines {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1fr);
  gap: clamp(42px, 8vw, 130px);
  align-items: end;
  background: var(--white);
  color: var(--black);
}

.onlines .eyebrow {
  color: #4e7300;
}

.onlines p {
  color: rgba(5, 5, 5, 0.72);
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.chips span {
  border: 1px solid rgba(5, 5, 5, 0.18);
  padding: 10px 14px;
  font-family: var(--micro);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.footer {
  min-height: 100svh;
  display: grid;
  place-items: center;
  text-align: center;
}

.ghost-logo--footer {
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -40%) scale(1.2);
  opacity: 0.1;
}

.footer .display-title {
  max-width: 960px;
}

.footer-title > span {
  display: inline;
}

.footer-links {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 34px;
  margin-top: 50px;
  color: var(--muted);
  font-family: var(--micro);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

@media (max-width: 920px) {
  .hero__bottom,
  .onlines,
  .route__caption {
    grid-template-columns: 1fr;
  }

  .fixture-grid {
    grid-template-columns: 1fr;
  }

  .fixture-heading {
    align-items: start;
    flex-direction: column;
  }

  .fixture-heading b {
    text-align: left;
  }

  .friendly-fixture {
    min-height: 370px;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas:
      "time time time"
      "team-a versus team-b"
      "venue venue venue";
    justify-items: stretch;
    align-items: center;
    padding: 26px;
  }

  .friendly-fixture time {
    grid-area: time;
    width: 100%;
    text-align: left;
  }

  .friendly-fixture > strong {
    grid-area: versus;
    justify-self: center;
    align-self: center;
  }

  .friendly-fixture em {
    grid-area: venue;
    width: 100%;
    text-align: left;
  }

  .friendly-fixture .team {
    justify-items: center;
    text-align: center;
    grid-template-columns: 1fr;
    grid-template-areas:
      "flag"
      "code"
      "name";
    column-gap: 0;
  }

  .friendly-fixture .team:nth-of-type(1) {
    grid-area: team-a;
  }

  .friendly-fixture .team:nth-of-type(2) {
    grid-area: team-b;
  }

  .friendly-fixture .team img {
    width: clamp(54px, 6vw, 86px);
    height: clamp(54px, 6vw, 86px);
  }

  .fixture,
  .friendly-fixture {
    row-gap: 18px;
  }

  .fixture time,
  .friendly-fixture time {
    margin-top: -8px;
    margin-bottom: 10px;
  }

  .social-actions {
    justify-content: center;
  }

  .profile-card {
    grid-template-columns: 1fr;
  }

  .profile-card__visual {
    min-height: 520px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .metrics-row,
  .analysis-row {
    grid-template-columns: 1fr;
  }

  .metrics-row article + article {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .metrics-row article {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
  }

  .metrics-row article span {
    order: 2;
    align-self: center;
  }

  .metrics-row article b {
    order: 1;
    margin-top: 0;
    font-size: clamp(6rem, 16vw, 8.6rem);
    line-height: 0.8;
  }

  .strengths {
    padding-left: 0;
    border-left: 0;
  }

  .social-cards {
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  .social-cards article {
    width: min(220px, 42vw);
    transform: none !important;
  }

  .social-cards article:nth-child(2),
  .social-cards article:nth-child(4) {
    margin-top: -22px;
  }

  .social-cards article:nth-child(1) {
    transform: rotate(-4deg) translateX(10px) !important;
  }

  .social-cards article:nth-child(2) {
    transform: rotate(3deg) translateX(-8px) !important;
  }

  .social-cards article:nth-child(3) {
    transform: rotate(-3deg) translateX(8px) !important;
  }

  .social-cards article:nth-child(4) {
    transform: rotate(4deg) translateX(-10px) !important;
  }

  .chips {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    justify-items: start;
  }

  .chips a {
    display: block;
    width: 100%;
  }

  .chips span {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

@media (max-width: 680px) {
  .topbar {
    padding: 18px;
  }

  .hero,
  .route,
  .matches,
  .gallery,
  .social,
  .onlines,
  .footer,
  .manifesto,
  .statement,
  .profile {
    padding-inline: 18px;
  }

  .hero-title {
    font-size: clamp(7rem, 31vw, 12rem);
    line-height: 0.78;
  }

  .hero__media {
    opacity: 0.56;
  }

  .hero__media img {
    object-fit: contain;
    object-position: center top;
    background: var(--black);
  }

  .hero__bottom h2,
  .display-title,
  .profile .display-title,
  .matches .display-title,
  .social .display-title,
  .onlines .display-title,
  .footer .display-title {
    font-size: clamp(4.2rem, 20vw, 8rem);
    line-height: 0.86;
    text-wrap: balance;
  }

  .footer .display-title {
    font-size: clamp(3.5rem, 16vw, 5.8rem);
    line-height: 0.9;
  }

  .footer-title > span {
    /* display: block; */
  }

  .manifesto::before {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.74)),
      linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 30%, rgba(0, 0, 0, 0.22) 56%, rgba(0, 0, 0, 0.86) 100%),
      radial-gradient(circle at 58% 38%, rgba(244, 244, 240, 0.14), transparent 14rem),
      url("assets/tim-payne-bg.webp") 200% 18% / 90% auto no-repeat;
  }

  .matches__title-lockup {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
  }

  .matches__floating-logo {
    width: 74px;
    justify-self: end;
    align-self: end;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 8px;
  }

  .statement {
    padding-top: 110px;
    padding-bottom: 180px;
  }

  .statement__sticker {
    top: auto;
    right: 18px;
    bottom: 56px;
    width: 112px;
    padding: 8px;
    transform: rotate(-10deg);
    opacity: 0.92;
  }

  .gallery-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 180px;
    grid-auto-flow: dense;
    gap: 12px;
  }

  .gallery-wall .g-wide {
    grid-column: span 2;
  }

  .gallery-wall .g-tall {
    grid-column: span 1;
    grid-row: span 2;
  }

  .gallery-wall figure:not(.g-wide):not(.g-tall) {
    grid-column: span 1;
  }

  .gallery-wall figure:nth-child(4),
  .gallery-wall figure:nth-child(7) {
    grid-row: span 2;
  }

  .gallery-wall figure:nth-child(6),
  .gallery-wall figure:nth-child(9) {
    grid-row: span 1;
  }

  .gallery-wall figure:last-child {
    grid-column: 2;
    grid-row: span 1;
  }

  .stamp {
    width: 138px;
  }

  .bio-strip {
    left: 54px;
    grid-template-columns: 1fr;
  }

  .profile-card__data {
    padding: 28px 18px 70px;
  }

  .profile-card__since,
  .profile-card__club {
    font-size: 0.66rem;
  }

}