.about-page{max-width:1800px;margin:auto;padding:140px 8% 100px;color:#31516b}.about-page h1,.about-page h2,.about-page h3,.about-page p{margin:0}.about-page-edition{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);letter-spacing:.07em;padding-bottom:20px;border-bottom:1px solid var(--line)}.about-cover-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:38px 0 26px}.about-cover-heading h1{color:#317acc;font:700 clamp(150px,23vw,360px)/.85 "Presto Display",sans-serif}.about-cover-heading h1>span{font:20px var(--serif);vertical-align:top;display:inline-block;margin:10px 0 0 24px}.about-cover-heading>p{font:18px/1.8 var(--serif);padding-top:8px}.about-portrait{position:relative;min-height:420px;height:min(44vw,640px);border-block:1px solid #8aacc8;background:#e8edf0;isolation:isolate;overflow:hidden}.about-portrait:before{content:"";position:absolute;inset:0;opacity:.48;background:linear-gradient(90deg,transparent 49.9%,#80a4c540 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#80a4c540 50%,transparent 50.1%);background-size:20% 25%;z-index:-1}.portrait-coordinate{position:absolute;left:24px;top:24px;font:8px var(--mono);letter-spacing:.08em}.about-portrait-art{position:absolute;width:53%;height:86%;top:5%;left:26%}.portrait-drift{width:100%;height:100%}.portrait-orbits{position:absolute;inset:3% 6%}.portrait-orbits i{position:absolute;left:26%;top:3%;width:48%;height:94%;border:1px solid #4088c4;border-radius:50%}.portrait-orbits i:nth-child(2){rotate:45deg}.portrait-orbits i:nth-child(3){rotate:90deg}.portrait-orbits i:nth-child(4){rotate:135deg}.portrait-tiles{position:absolute;inset:27%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;rotate:-12deg;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .45s}.portrait-tiles i{background:#4087c8 url(/assets/pixdither-c202-l1-CHNMXqVU.webp) center / 160px;background-blend-mode:luminosity}.portrait-tiles i:nth-child(3n){opacity:.45}.portrait-tiles i:nth-child(4){opacity:.2}.portrait-tiles i:nth-child(8){opacity:.7}.portrait-score{position:absolute;inset:20% 16%;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .65s cubic-bezier(.2,.7,.2,1)}.portrait-score i{width:6%;height:42%;background:#367bc0}.portrait-score i:nth-child(2n){height:75%}.portrait-score i:nth-child(3n){height:100%}.portrait-score i:nth-child(5){height:27%}.portrait-pair{position:absolute;inset:15% 11%;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .65s cubic-bezier(.2,.7,.2,1)}.portrait-pair i{position:absolute;top:15%;left:5%;width:65%;height:65%;border:1px solid #286fb2;background:#5b9bd04d;rotate:-12deg}.portrait-pair i:last-child{left:32%;top:30%;background:#bed7e4;rotate:9deg;mix-blend-mode:multiply}[data-portrait="1"] .portrait-tiles,[data-portrait="2"] .portrait-tiles{transform:rotate(20deg) scale(.9);opacity:0}[data-portrait="1"] .portrait-score,[data-portrait="2"] .portrait-pair{opacity:1;transform:translateY(0)}[data-portrait="1"] .portrait-orbits{opacity:.28}[data-portrait="2"] .portrait-orbits{opacity:.18}.portrait-plus{position:absolute;font:27px var(--mono);color:#4188c2}.portrait-plus--a{left:-12%;top:22%}.portrait-plus--b{right:-17%;bottom:12%}.portrait-name{position:absolute;left:5%;right:5%;bottom:13%;display:flex;justify-content:space-between;color:#347dbe;font:700 clamp(130px,17vw,250px)/.8 "Presto Display",sans-serif}.portrait-name>span{-webkit-text-stroke:1px #347dbe;color:transparent}.portrait-note{position:absolute;right:4%;top:9%;writing-mode:vertical-rl;letter-spacing:.16em;font:14px var(--serif)}.portrait-label{position:absolute;right:24px;bottom:22px;font:8px var(--mono);letter-spacing:.07em}.portrait-next{position:absolute;bottom:9px;left:18px;background:transparent;border:0;padding:12px 6px;width:44px;min-height:44px;color:#35698d;cursor:pointer}.portrait-next:focus-visible{outline:1px solid #347dbe;outline-offset:2px}.portrait-switch-mark{display:flex;align-items:center;justify-content:center;gap:4px}.portrait-switch-mark i{display:block;height:5px;width:5px;background:currentColor}.portrait-switch-mark i:nth-child(2){opacity:.65;translate:0 -3px}.portrait-switch-mark i:last-child{opacity:.35}.about-cover-intro{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center;padding:34px 0 80px}.about-cover-intro h2{font:26px var(--serif)}.about-cover-intro p{font:13px/1.9 var(--serif)}.about-cover-intro>a{font-size:11px;padding:10px 0;border-bottom:1px solid #7ba3c1}.about-cover-intro>a span{margin-left:25px}.about-section-label>span{font:8px var(--mono);color:var(--muted)}.about-section-label h2{font:30px var(--serif);margin-top:22px}.about-section-label p{font:12px/1.9 var(--serif);margin-top:22px}.about-page-interests{border-top:1px solid var(--line);padding:54px 0 74px;scroll-margin-top:110px}.about-interest-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-bottom:1px solid #9db8cc}.about-interest-tabs button{position:relative;display:flex;align-items:center;gap:17px;padding:22px 18px;border:0;background:transparent;color:#6c869a;text-align:left;cursor:pointer;transition:color .2s,background-color .25s,transform .16s}.about-interest-tabs button>span{font:9px var(--mono)}.about-interest-tabs strong{font:23px var(--serif)}.about-interest-tabs i{margin-left:auto;font:normal 22px var(--serif)}.about-interest-tabs button[aria-selected=true]{background:#e0ebf2;color:#2b76b9}.about-interest-tabs button[aria-selected=true]:after{position:absolute;content:"";bottom:-1px;height:2px;background:#367eba;left:18px;right:18px}.about-interest-tabs button:active{transform:scale(.98)}.about-interest-tabs button:focus-visible,.about-interest-panel:focus-visible{outline:1px solid #347dbe;outline-offset:4px}.about-interest-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:48px 3% 0;min-height:335px}.interest-word{position:relative;align-self:center;color:#3784c6;font:700 clamp(100px,14vw,210px)/.85 "Presto Display",sans-serif}.interest-word i{display:block;width:38%;height:1px;background:#78a6c7;margin-top:26px}.interest-description>span{font:8px var(--mono);color:#6d859a}.interest-description h3{font:23px/1.6 var(--serif);margin:18px 0}.interest-description p{max-width:460px;font:14px/2.1 var(--serif)}.interest-description>div{display:flex;gap:30px;margin-top:24px;font-size:11px}.interest-description a{padding-bottom:8px;border-bottom:1px solid #8dafc7}.about-together{border-top:1px solid var(--line);padding:55px 0 65px}.together-composition{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:430px;margin-top:26px;gap:8%}.together-shapes{position:relative;aspect-ratio:1}.together-shapes>div{position:absolute;inset:10%}.together-shapes i{position:absolute;left:0;top:5%;width:72%;height:72%;border:1px solid #6a99bc;background:#bad3e34d;rotate:-12deg}.together-shapes i:last-child{top:25%;left:28%;rotate:10deg;background:#8eb8d44d;mix-blend-mode:multiply}.together-shapes>span{position:absolute;left:33%;top:48%;font:10px var(--mono);letter-spacing:.12em}.together-count>span{font:11px var(--serif)}.together-count>p{display:flex;align-items:flex-end;gap:24px;padding:25px 0 22px}.together-count strong{color:#367dc0;font:700 clamp(120px,17vw,260px)/.78 "Presto Display",sans-serif;font-variant-numeric:tabular-nums}.together-count p>span{font:18px/1.8 var(--serif)}.together-count small{font:7px var(--mono)}.together-count h3{font:23px/1.7 var(--serif);margin-bottom:13px}.together-count .together-calendar{font-size:9px;color:#8092a0}.together-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-top:12px}.together-bottom p{font:13px/1.9 var(--serif)}.together-bottom a{font-size:11px;border-bottom:1px solid #8ba9bf;padding-bottom:10px}.together-bottom a span{margin-left:30px}.about-page-quote{padding:115px 0;text-align:center;border-top:1px solid var(--line)}.about-page-quote blockquote{margin:42px 0}.about-page-quote blockquote p{font:38px/1.8 var(--serif);color:#357dc1}.about-page-quote blockquote small{display:block;margin-top:30px;font:15px/2.3 var(--serif)}.about-page-quote>span:last-child{font:10px var(--serif);color:var(--muted)}.about-page-friends{padding:58px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;gap:65px}.about-friend-directory a{display:grid;grid-template-columns:25px 1fr 25px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.about-friend-directory a>span{font:9px var(--mono)}.about-friend-directory strong{font:25px/1.6 var(--serif)}.about-friend-directory small{display:block;font:11px/1.8 var(--serif);color:var(--muted);margin-top:9px}.about-friend-directory div>span{display:block;font:8px var(--mono);margin-top:24px;color:#7c91a1;letter-spacing:.12em}.about-friend-directory i{font-size:22px;font-style:normal;transition:translate .18s}.about-page-contact{border-top:1px solid var(--line);padding:65px 0 0}.about-page-contact h2{font:50px var(--serif);color:var(--blue);margin:25px 0 35px}.about-page-contact>div{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.about-page-contact a:first-child{font:clamp(18px,2.7vw,32px) Georgia,serif}.about-page-contact button,.about-page-contact a:not(:first-child){border:0;border-bottom:1px solid #8baac0;background:transparent;padding:8px 0;font-size:11px;cursor:pointer}.about-page-contact p{font:11px/1.7 var(--serif);margin-top:22px;min-height:20px}[data-switch-motion=instant] .about-portrait-art *{transition:none}@media(hover:hover)and (pointer:fine){.about-interest-tabs button:hover,.about-page a:hover{color:var(--blue)}.about-friend-directory a:hover i{translate:3px -3px}}@media(max-width:900px){.about-cover-intro{grid-template-columns:1fr 1fr}.about-cover-intro>a{justify-self:start}.about-interest-tabs strong{font-size:20px}.about-interest-tabs button{padding-inline:12px;gap:10px}.about-page-friends{gap:35px;grid-template-columns:1fr 1.5fr}}@media(max-width:700px){.about-page{padding:112px 6% 65px}.about-page-edition{font-size:7px}.about-cover-heading{padding-top:32px}.about-cover-heading h1{font-size:42vw}.about-cover-heading h1>span{display:block;font-size:16px;margin:12px 0 0}.about-cover-heading>p{font-size:13px;padding-top:4px;white-space:nowrap}.about-portrait{min-height:360px}.about-portrait-art{width:76%;height:66%;left:12%;top:14%}.portrait-coordinate{top:17px;left:16px;font-size:6px}.portrait-note{font-size:11px;top:19%;right:5%}.portrait-label{font-size:6px;bottom:16px;right:16px}.portrait-name{left:6%;bottom:16%;font-size:26vw}.portrait-plus{font-size:20px}.portrait-plus--a{left:-5%}.portrait-plus--b{right:-6%}.about-cover-intro{display:block;padding:26px 0 50px}.about-cover-intro h2{font-size:23px}.about-cover-intro p{font-size:12px;margin-top:16px}.about-cover-intro>a{display:inline-block;margin-top:18px}.about-page-interests,.about-together{padding:40px 0 50px;scroll-margin-top:95px}.about-section-label h2{font-size:26px;margin-top:15px}.about-interest-tabs{margin-top:25px}.about-interest-tabs button{display:grid;grid-template-columns:1fr auto;gap:12px 4px;padding:15px 8px}.about-interest-tabs strong{grid-column:1/-1;grid-row:2;font-size:16px}.about-interest-tabs i{grid-column:2;grid-row:1;font-size:17px}.about-interest-tabs button[aria-selected=true]:after{inset-inline:8px}.about-interest-panel{display:block;padding:30px 3% 0;min-height:420px}.interest-word{font-size:29vw}.interest-word i{margin-top:18px;width:25%}.interest-description{margin-top:26px}.interest-description h3{font-size:21px;margin-block:15px}.interest-description p{font-size:13px}.interest-description>div{margin-top:20px}.together-composition{min-height:480px;grid-template-columns:1fr;gap:0;margin-top:18px}.together-shapes{width:58%;max-width:270px;margin-left:3%}.together-count{margin-top:-35px;margin-left:18%;position:relative}.together-count>span{font-size:10px}.together-count>p{gap:18px;padding-block:23px 20px}.together-count strong{font-size:42vw}.together-count h3{font-size:21px}.together-bottom{display:block;padding-top:25px}.together-bottom p{font-size:12px}.together-bottom a{display:inline-block;margin-top:24px}.about-page-quote{padding-block:72px}.about-page-quote blockquote p{font-size:27px}.about-page-quote blockquote small{font-size:11px;line-height:2.3}.about-page-friends{display:block;padding-block:40px 50px}.about-section-label{margin-bottom:23px}.about-friend-directory a{gap:12px;grid-template-columns:20px 1fr 20px}.about-friend-directory strong{font-size:21px}.about-friend-directory small{font-size:10px}.about-page-contact{padding-top:42px}.about-page-contact h2{font-size:38px}.about-page-contact>div{gap:20px}.about-page-contact a:first-child{width:100%;font-size:20px}}@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:after{transition:none!important}}