/* About Our Name: an editorial explanation of the genuine SFF identity. */
.ni-page{--ni-blue:#27387e;--ni-red:#dc1f25;--ni-sky:#a0cfef;--ni-paper:#f1f6fb;--ni-ink:#283750;background:#fff;color:var(--ni-ink);font-family:"Instrument Sans",sans-serif;overflow:clip}
.ni-page *{box-sizing:border-box}
.ni-container{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.ni-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--ni-red);margin-bottom:21px}
.ni-eyebrow::before{content:"";width:27px;height:2px;background:currentColor;flex:0 0 27px}
.ni-page h2{font-family:Phudu,sans-serif;font-size:clamp(43px,4.8vw,66px);font-weight:600;line-height:1.05;letter-spacing:-.015em;color:var(--ni-blue);margin:0}
.ni-page p{font-size:20px;line-height:1.8;margin:0;color:var(--ni-ink)}
.ni-intro{position:relative;isolation:isolate;padding:95px 0 112px;background:radial-gradient(ellipse at 95% 35%,#a0cfef2e,transparent 58%),linear-gradient(180deg,#fff,#f8fbfe)}
.ni-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}
.ni-intro-copy h2{max-width:620px;font-size:clamp(47px,4.9vw,68px)}
.ni-intro-copy p{margin-top:31px;font-size:23px;line-height:1.7;letter-spacing:-.014em;color:var(--ni-blue)}
.ni-emblem-stage{position:relative;isolation:isolate;perspective:1000px;padding:17px 13px 0;text-align:center}
.ni-emblem-stage::before{content:"";position:absolute;inset:32px 7px 69px 7px;border:1px solid #cfddec;background:linear-gradient(135deg,#f9fbfd,#e5eef8);border-radius:38px;transform:rotate(-7deg);box-shadow:inset 0 1px 0 white,0 19px 35px -24px #27387e60;z-index:-1}
.ni-emblem-stage::after{content:"";position:absolute;bottom:76px;left:16%;width:68%;height:20px;background:#26397266;border-radius:50%;filter:blur(17px);z-index:-1}
.ni-emblem-plaque{position:relative;max-width:435px;margin:0 auto;padding:20px;border-radius:50%;background:linear-gradient(135deg,#fff 24%,#e2ebf6 75%,#fff);border:1px solid #fff;box-shadow:inset 0 2px 2px #fff,0 7px 0 #c6d4e6,0 11px 0 #a5b8d1,0 23px 26px -15px #17245080,0 40px 49px -28px #17245075;transition:transform .35s ease,box-shadow .35s}
.ni-emblem-link{display:block;padding:10px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 7px #27387e19,0 1px 0 white;cursor:zoom-in}
.ni-emblem-link img{display:block;width:100%;height:auto}
.ni-stage-line{display:block;width:1px;height:26px;background:#27387e4d;margin:26px auto 11px}
.ni-stage-caption{font-family:Phudu,sans-serif;font-size:18px;font-weight:500;letter-spacing:.025em;color:var(--ni-blue);line-height:1.3}
.ni-origins{position:relative;isolation:isolate;padding:141px 0 152px;background:radial-gradient(ellipse at 80% 40%,#a0cfef2b,transparent 62%),var(--ni-blue)}
.ni-wave{position:absolute;left:0;width:100%;height:80px;pointer-events:none;z-index:-1}
.ni-wave-top{top:-1px;fill:#f8fbfe}
.ni-wave-bottom{bottom:-1px;fill:#fff}
.ni-origins-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:94px}
.ni-origins .ni-eyebrow{color:var(--ni-sky)}
.ni-origins h2{color:#fff}
.ni-origins-copy p{margin-top:27px;color:#f1f6ff;font-size:21px;line-height:1.85}
.ni-colour-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:19px;perspective:1000px;padding:21px 10px 25px}
.ni-colour{position:relative;min-width:0;overflow:hidden;aspect-ratio:.86;padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:7px solid #fff;border-radius:26px;color:#fff;box-shadow:inset 0 1px 1px #fff7,0 5px 0 #c7d5e8,0 12px 0 #91a8c8,0 28px 31px -14px #111a4775;transition:transform .35s}
.ni-colour::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff35,transparent 55%,#0000000d);pointer-events:none}
.ni-colour-blue{background:var(--ni-blue);transform:rotate(-5deg) translateY(-20px)}
.ni-colour-red{background:var(--ni-red);transform:rotate(5deg) translateY(20px)}
.ni-colour-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.5}
.ni-colour strong{font-family:Phudu,sans-serif;font-weight:500;font-size:64px;letter-spacing:-.03em;line-height:1.12;margin:7px 0 21px}
.ni-colour-line{display:block;width:45px;height:2px;background:#fff8}
.ni-symbols{position:relative;isolation:isolate;padding:98px 0 88px;background:#fff}
.ni-scenery{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:80% center;filter:grayscale(1);opacity:.105;mask-image:linear-gradient(180deg,transparent 10%,#000 100%);pointer-events:none}
.ni-symbols-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end;margin-bottom:58px}
.ni-symbols-heading h2{font-size:clamp(42px,4vw,57px);max-width:590px}
.ni-symbols-heading>p{font-size:20px;line-height:1.8;color:#4c5c76;margin:0 0 3px}
.ni-symbol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;align-items:stretch}
.ni-symbol{min-width:0;position:relative;background:#fff;border:1px solid #d9e3ef;border-radius:25px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 4px 0 #cdd9e7,0 9px 13px #14244e0c,0 29px 39px -22px #14244e4d;transition:transform .35s,box-shadow .35s}
.ni-symbol-visual{position:relative;min-height:233px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#fff,#edf4fb);border-bottom:1px solid #d9e3ef;padding:36px 35px}
.ni-index{position:absolute;top:20px;left:23px;font-family:Phudu,sans-serif;font-size:19px;font-weight:500;line-height:1;color:#6c809c}
.ni-detail{position:relative;width:161px;height:161px;flex-shrink:0;overflow:hidden;border:7px solid #fff;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dce5f0,0 3px 0 #c0d0e3,0 14px 22px -12px #27387e85}
.ni-detail img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:0}
.ni-detail-circle img{inset:5%;width:90%}
.ni-detail-tree img{width:183%;left:-41.5%;top:-1%}
.ni-detail-letters img{width:183%;left:-41.5%;top:-77%}
.ni-symbol-copy{padding:28px 27px 32px;border-top:3px solid var(--ni-red)}
.ni-symbol h3{font-family:Phudu,sans-serif;font-size:34px;font-weight:600;line-height:1.12;letter-spacing:-.015em;color:var(--ni-blue);margin:0 0 18px}
.ni-symbol p{font-size:18px;line-height:1.8;color:#526079;margin:0}
.ni-next-wrap{padding-bottom:95px}
.ni-next{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #4d62a5;border-radius:25px;padding:35px 44px;background:radial-gradient(ellipse at 90% 0%,#a0cfef35,transparent 70%),var(--ni-blue);box-shadow:inset 0 1px 0 #ffffff40,0 5px 0 #1a275c,0 26px 35px -22px #27387e80;text-decoration:none;transition:transform .3s,box-shadow .3s}
.ni-next::after{content:"";position:absolute;right:-35px;bottom:-245px;width:300px;height:270px;border:5px solid var(--ni-red);border-radius:50%;transform:scaleX(2);pointer-events:none}
.ni-next .ni-eyebrow{color:#c6e5fa;margin-bottom:12px;font-size:12px}
.ni-next-title{display:block;color:#fff;font-family:Phudu,sans-serif;font-size:51px;font-weight:500;line-height:1.05}
.ni-next-action{display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;background:var(--ni-red);border:1px solid #f2767b;border-radius:15px;padding:12px 13px 12px 24px;font-family:Phudu,sans-serif;font-weight:600;font-size:20px;line-height:1.2;box-shadow:inset 0 1px 0 #fff5,0 4px 0 #a5171e,0 10px 20px #0b153730}
.ni-arrow{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border-radius:50%;background:linear-gradient(140deg,#fff,#dbe5f2);border:1px solid #fff;color:var(--ni-blue);box-shadow:inset 0 1px 2px #fff,0 3px 0 #bbcbe0,0 7px 13px #1523483b;transition:transform .3s}
.ni-arrow svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ni-page a:focus-visible{outline:3px solid var(--ni-red);outline-offset:6px}
.ni-next:focus-visible{outline-color:var(--ni-blue)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ni-symbol:hover{transform:translateY(-5px);box-shadow:0 4px 0 #cdd9e7,0 35px 43px -23px #14244e65}.ni-colour:hover{transform:rotate(0) translateY(-5px)}.ni-next:hover{transform:translateY(-4px)}.ni-next:hover .ni-arrow{transform:translate(2px,-2px)}}
@media(max-width:1100px){.ni-container{width:calc(100% - 64px)}.ni-intro-grid{gap:45px}.ni-intro-copy p{font-size:21px}.ni-emblem-plaque{padding:17px}.ni-origins-grid{gap:55px}.ni-colour-story{gap:13px;padding-inline:4px}.ni-colour{padding:24px 16px;border-width:6px}.ni-colour strong{font-size:55px}.ni-symbols-heading{gap:50px}.ni-symbol-grid{gap:22px}.ni-symbol-copy{padding:26px 22px 29px}.ni-symbol h3{font-size:30px}.ni-symbol p{font-size:17px}}
@media(max-width:850px){.ni-container{width:calc(100% - 48px)}.ni-intro{padding:70px 0 81px}.ni-intro-grid{grid-template-columns:1fr;gap:45px;max-width:650px}.ni-intro-copy h2{font-size:54px;max-width:590px}.ni-intro-copy p{font-size:22px;margin-top:26px}.ni-emblem-stage{width:min(100%,400px);margin:auto}.ni-stage-caption{font-size:17px}.ni-origins{padding:112px 0 127px}.ni-origins-grid{grid-template-columns:1fr;max-width:650px;gap:50px}.ni-origins-copy p{font-size:21px}.ni-colour-story{max-width:450px;width:100%;margin:0 auto;gap:24px}.ni-colour{aspect-ratio:1;padding:24px}.ni-colour strong{font-size:60px}.ni-wave{height:62px}.ni-symbols{padding:65px 0 64px}.ni-symbols-heading{grid-template-columns:1fr;gap:25px;max-width:650px;margin-inline:auto;margin-bottom:37px}.ni-symbols-heading h2{font-size:49px;max-width:650px}.ni-symbols-heading>p{font-size:20px}.ni-symbol-grid{grid-template-columns:1fr;max-width:650px;margin:auto;gap:27px}.ni-symbol{display:grid;grid-template-columns:215px 1fr;align-items:stretch}.ni-symbol-visual{border-bottom:0;border-right:1px solid #d9e3ef;min-height:242px;padding:32px 22px}.ni-detail{width:145px;height:145px}.ni-index{font-size:17px;top:16px;left:17px}.ni-symbol-copy{border-top:0;border-left:3px solid var(--ni-red);padding:29px 25px}.ni-symbol h3{font-size:32px}.ni-symbol p{font-size:18px}.ni-next-wrap{padding-bottom:72px}.ni-next{padding:31px}.ni-next-title{font-size:43px}.ni-next-action{font-size:18px;gap:20px}}
@media(max-width:540px){.ni-container{width:calc(100% - 40px)}.ni-eyebrow{font-size:11px;letter-spacing:.1em;gap:10px;margin-bottom:17px}.ni-eyebrow::before{width:22px;flex-basis:22px}.ni-intro{padding:51px 0 67px}.ni-intro-copy h2{font-size:43px;line-height:1.07}.ni-intro-copy p{font-size:20px;line-height:1.75;margin-top:25px}.ni-intro-grid{gap:31px}.ni-emblem-stage{max-width:330px;padding:12px 11px 0}.ni-emblem-stage::before{inset:28px 10px 59px;border-radius:27px;transform:rotate(-5deg)}.ni-emblem-plaque{padding:14px;max-width:290px;box-shadow:inset 0 2px 2px #fff,0 6px 0 #c6d4e6,0 9px 0 #a5b8d1,0 25px 31px -18px #17245070}.ni-emblem-link{padding:6px}.ni-stage-line{height:20px;margin:24px auto 10px}.ni-stage-caption{font-size:15px}.ni-origins{padding:87px 0 101px}.ni-page h2{font-size:42px}.ni-origins-copy p{font-size:18px;line-height:1.85;margin-top:23px}.ni-origins-grid{gap:34px}.ni-colour-story{gap:15px;max-width:320px;padding-inline:4px}.ni-colour{padding:18px 12px;aspect-ratio:.87;border-width:5px;border-radius:20px}.ni-colour-label{font-size:11px;letter-spacing:.06em}.ni-colour strong{font-size:45px;margin:5px 0 15px}.ni-colour-line{width:29px}.ni-colour-blue{transform:rotate(-4deg) translateY(-10px)}.ni-colour-red{transform:rotate(4deg) translateY(10px)}.ni-wave{height:42px}.ni-symbols{padding:52px 0 54px}.ni-symbols-heading{gap:22px;margin-bottom:31px}.ni-symbols-heading h2{font-size:40px}.ni-symbols-heading>p{font-size:18px;line-height:1.85}.ni-symbol-grid{gap:26px}.ni-symbol{display:block;border-radius:22px}.ni-symbol-visual{min-height:190px;padding:24px;border-right:0;border-bottom:1px solid #d9e3ef}.ni-detail{width:135px;height:135px;border-width:6px}.ni-index{font-size:19px;top:22px;left:23px}.ni-symbol-copy{border-left:0;border-top:3px solid var(--ni-red);padding:26px 24px 29px}.ni-symbol h3{font-size:31px;margin-bottom:15px}.ni-symbol p{font-size:18px;line-height:1.8}.ni-next-wrap{padding-bottom:59px}.ni-next{flex-direction:column;align-items:stretch;gap:26px;padding:28px 24px 30px;border-radius:22px}.ni-next-title{font-size:43px}.ni-next .ni-eyebrow{font-size:10px}.ni-next-action{font-size:18px;padding-left:20px}.ni-arrow{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.ni-page *{transition:none!important}}