:root{--red:#FF2600;--blue:#0433FF;--yellow:#E5F20D;--ink:#151515;--paper:#fffefa;--line:#d7d7d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{max-width:100%}.skip{position:absolute;left:20px;top:-80px;background:var(--yellow);padding:12px;z-index:10}.skip:focus{top:5px}.shell{width:min(1512px,calc(100% - 64px));margin-inline:auto}.draftbar{background:var(--ink);color:white;font-size:10px;letter-spacing:.13em;text-align:center;padding:6px 16px;text-transform:uppercase}.draftbar strong{color:var(--yellow);font-weight:700}.masthead{display:flex;justify-content:space-between;gap:26px;align-items:center;padding-block:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;height:42px}.wordmark{font-size:39px;font-weight:900;letter-spacing:-.08em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.14em;font-weight:700;margin-top:6px}.nav{display:flex;gap:27px;align-items:center}.nav a{font-size:12px;font-weight:700;text-decoration:none}.nav a:hover{text-decoration:underline}.nav .contact-link{border:1.5px solid var(--ink);padding:10px 17px;border-radius:30px}.nav .contact-link:hover{background:var(--yellow);text-decoration:none}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end;padding:30px 0 25px}.intro h1{font-weight:900;font-size:clamp(45px,5.4vw,83px);line-height:.94;letter-spacing:-.065em;margin:0}.intro h1 span{display:block}.intro h1 .outline{color:var(--blue)}.intro-side{justify-self:end;max-width:380px;position:relative}.intro-side p{font-size:16px;margin:0 0 15px;line-height:1.6}.intro-side .small-line{font-size:10px;letter-spacing:.13em;font-weight:700;margin:0;text-transform:uppercase;display:flex;align-items:center;gap:9px}.color-dots{display:inline-flex;gap:4px}.color-dots i{width:9px;height:9px;display:block;border-radius:50%;background:var(--red)}.color-dots i:nth-child(2){background:var(--blue)}.color-dots i:nth-child(3){background:var(--yellow);border:1px solid #737900}.mobile-choice{display:none}.portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:35px}.portal{padding:23px 25px 20px;border:1.5px solid var(--ink);border-radius:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}.portal-red{background:var(--red)}.portal-blue{background:var(--blue);color:white}.portal-yellow{background:var(--yellow)}.portal .overline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;margin:0 0 19px}.portal .overline span:last-child{border:1px solid currentColor;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.portal h2{font-size:clamp(35px,3.45vw,54px);font-weight:900;line-height:.96;letter-spacing:-.055em;margin:0;min-height:104px}.portal h2 span{display:block}.portal .art{position:relative;height:134px;display:grid;place-items:center;margin:1px 0 13px;isolation:isolate}.portal .description{font-size:14px;line-height:1.55;margin:0 0 18px;min-height:66px;max-width:345px}.portal .action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:49px;padding:10px 15px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;font-size:13px;font-weight:800;border-radius:7px;transition:transform .18s,box-shadow .18s}.portal .action:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}.portal .action .arrow{font-size:25px;font-weight:400;line-height:1}.portal .footnote{font-size:12px;line-height:1.5;margin:13px 0 0;min-height:90px}.portal .footnote a{font-weight:700}.portal-blue .footnote{color:white}.portal .smalltag{position:absolute;background:var(--paper);color:var(--ink);padding:6px 9px;font-size:9px;letter-spacing:.05em;font-weight:800;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);z-index:2;border-radius:3px;white-space:nowrap}.portal-red .smalltag{bottom:6px;right:0;transform:rotate(-5deg)}.portal-blue .smalltag{bottom:10px;right:2px;transform:rotate(5deg);background:var(--yellow)}.portal-yellow .smalltag{bottom:6px;right:2px;transform:rotate(-5deg);background:var(--red)}.sun{width:114px;height:114px;border:1.5px solid var(--ink);border-radius:50%;position:relative;display:grid;place-items:center;background:var(--yellow);box-shadow:7px 7px 0 var(--ink)}.sun svg{width:73px;height:73px}.sun:before,.sun:after{content:"";position:absolute;width:150px;height:1.5px;background:var(--ink);transform:rotate(-28deg);z-index:-1}.sun:after{transform:rotate(48deg)}.network{width:245px;height:130px;max-width:100%;color:var(--paper)}.vinyl{width:128px;height:128px;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 3px,#323232 3.5px 4.5px,#151515 5px 7px);box-shadow:6px 6px 0 #9aa409;border:1.5px solid var(--ink);display:grid;place-items:center;transform:rotate(-16deg);transition:transform .4s}.portal-yellow:hover .vinyl{transform:rotate(13deg)}.vinyl-label{width:64px;height:64px;border-radius:50%;background:var(--blue);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;line-height:1.15;letter-spacing:.03em;font-weight:800;border:1px solid var(--paper)}.vinyl-label:after{content:"";width:6px;height:6px;background:var(--paper);border-radius:50%;margin-top:6px}.equal-note{display:flex;justify-content:space-between;gap:20px;padding:2px 0 30px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.03em}.equal-note span:last-child{font-weight:400}.person{padding:78px 0;display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;align-items:center}.person-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}.person-art:before{content:"";width:250px;height:250px;background:var(--blue);border:1.5px solid var(--ink);border-radius:30px;position:absolute;transform:rotate(-9deg)}.portrait{width:225px;height:225px;position:relative;overflow:hidden;border-radius:50%;border:2px solid var(--ink);background:var(--yellow);box-shadow:8px 8px 0 var(--red);z-index:1}.portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3);transform-origin:50% 25%}.hello-tag{position:absolute;bottom:4px;left:calc(50% - 95px);font-weight:900;font-size:21px;background:var(--yellow);border:1.5px solid var(--ink);padding:9px 19px;transform:rotate(-6deg);z-index:2;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin:0 0 15px}.person h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 23px;font-weight:900}.person h2 span{color:var(--blue)}.person p{max-width:620px;font-size:16px;margin:0 0 22px}.underline-link{font-size:13px;font-weight:800}.contact-band{background:var(--blue);color:white;border:1.5px solid var(--ink);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:35px 39px;margin-bottom:40px}.contact-band .eyebrow{color:var(--yellow);margin-bottom:12px}.contact-band h2{font-size:clamp(30px,3.3vw,49px);line-height:1.05;letter-spacing:-.045em;margin:0 0 13px;font-weight:900}.contact-band p{font-size:14px;margin:0;max-width:620px}.contact-band .contact-cta{flex-shrink:0;background:var(--yellow);color:var(--ink);padding:15px 20px;border:1.5px solid var(--ink);border-radius:8px;text-decoration:none;font-size:14px;font-weight:800;box-shadow:4px 4px 0 var(--ink)}.contact-cta:hover{background:white}.footer{padding:27px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:35px}.footer-brand{font-weight:900;font-size:24px;letter-spacing:-.06em}.footer p{font-size:11px;margin:6px 0 0}.footer-links{display:flex;gap:19px;align-items:center;flex-wrap:wrap;font-size:11px}.footer-links a:hover{color:var(--blue)}
@media(min-width:1550px){.intro{padding-block:42px}.portal{padding:29px 32px 22px}.portal h2{min-height:116px}.portal .art{height:166px}.portal .description{font-size:16px;min-height:76px}.portal .footnote{font-size:12px}.portal .action{font-size:15px}}
@media(max-width:1050px){.shell{width:calc(100% - 40px)}.nav{gap:18px}.portal{padding:20px 17px 17px}.portal h2{font-size:37px;min-height:82px}.portal .overline{font-size:8px;letter-spacing:0;gap:6px}.portal .overline span:last-child{width:23px;height:23px}.portal .description{font-size:13px;min-height:80px}.portal .action{font-size:11px;padding-inline:10px}.portal .footnote{min-height:90px}.portal .smalltag{font-size:8px}.person{gap:45px}}
@media(max-width:740px){.shell{width:calc(100% - 32px)}.draftbar{font-size:8px;letter-spacing:.08em}.masthead{padding-block:14px;gap:12px;align-items:center}.brand{gap:7px}.brand img{width:31px;height:31px}.wordmark{font-size:30px}.brand small{font-size:7px;letter-spacing:.03em}.nav{gap:14px}.nav a{font-size:10px;white-space:nowrap}.nav .secondary-nav{display:none}.nav .contact-link{padding:8px 11px}.intro{grid-template-columns:1fr;gap:17px;padding:28px 0 24px}.intro h1{font-size:clamp(34px,10.5vw,68px)}.intro-side{justify-self:start;max-width:100%}.intro-side p{font-size:14px;max-width:450px;margin-bottom:11px}.intro-side .small-line{font-size:8px}.portals{grid-template-columns:1fr;gap:19px;padding-bottom:23px}.portal{padding:24px;border-radius:16px}.portal .overline{font-size:10px;margin-bottom:16px}.portal .overline span:last-child{width:26px;height:26px}.portal h2{font-size:clamp(35px,10.5vw,58px);min-height:0;max-width:100%;padding-right:0}.portal .art{height:140px;margin:7px 0 16px}.portal .description{font-size:15px;min-height:0;margin-bottom:22px;max-width:100%}.portal .action{font-size:14px;min-height:52px;padding:11px 16px}.portal .footnote{font-size:12px;min-height:0;line-height:1.55;margin-top:16px}.portal .smalltag{font-size:9px}.equal-note{display:block;font-size:10px;padding-bottom:24px}.equal-note span{display:block}.equal-note span:last-child{margin-top:7px}.person{grid-template-columns:1fr;gap:33px;padding:40px 0 48px}.person-art{min-height:285px}.person h2{font-size:42px}.person p{font-size:15px}.contact-band{display:block;padding:28px 24px;margin-bottom:30px}.contact-band h2{font-size:35px}.contact-band .contact-cta{display:inline-block;margin-top:24px;font-size:13px}.footer{display:block;padding-block:23px}.footer-links{margin-top:21px;gap:13px 17px}.footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:740px){.mobile-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:2px}.mobile-choice a{padding:11px 5px;text-align:center;border:1px solid var(--ink);border-radius:5px;background:var(--red);color:var(--ink);font-size:11px;font-weight:800;text-decoration:none}.mobile-choice a:nth-child(2){background:var(--blue);color:white}.mobile-choice a:nth-child(3){background:var(--yellow)}}
@media(max-width:380px){.brand small{display:none}.nav{gap:10px}.nav .contact-link{padding:8px 10px}}
@media(max-width:740px){.masthead{flex-wrap:wrap;gap:16px}.nav{width:100%;justify-content:space-between}.nav a{font-size:11px}.brand small{display:block}}

.portal-records-logo{display:block;width:132px;height:132px;object-fit:contain;background:white;border:1.5px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--blue)}
@media(min-width:1550px){.portal-records-logo{width:158px;height:158px}}