/* Arsen's beach chapter. The empty portrait and biography belong to the owner. */
.about{isolation:isolate;overflow:hidden;background:#172c30;color:#f1e4c9;padding-top:74px;padding-bottom:75px}.about-beach{position:absolute;inset:-25px;width:calc(100% + 50px);height:calc(100% + 50px);max-width:none;object-fit:cover;z-index:-3;filter:blur(15px) brightness(.7) saturate(.8);pointer-events:none}.about:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#0e252ed4,#15232382 60%,#563b246b),linear-gradient(0deg,#10232ddb,transparent 45%);pointer-events:none}.about-heading{border-color:#f0d49c38}.about-heading .eyebrow{color:#d1b684}.about-heading h2{color:#f4e7ce}.about-heading h2 span{color:#edc77c}.about-grid{grid-template-columns:.78fr 1.22fr;gap:9%;margin-top:44px;align-items:center}.profile-photo{max-width:345px;justify-self:center}.portrait-frame{width:100%;aspect-ratio:3/4;position:relative;filter:drop-shadow(0 20px 23px #0008)}.portrait-frame>.gold-frame{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.portrait-frame .photo-window{position:absolute;inset:5.8% 7.7%;aspect-ratio:auto;width:auto;overflow:hidden;border:0;background:linear-gradient(150deg,#294a4ec9,#122f37da);box-shadow:inset 0 0 35px #0009}.portrait-frame .photo-window:before,.portrait-frame .photo-window:after{display:none}.portrait-frame .photo-window img{filter:saturate(.87);width:100%;height:100%;object-fit:cover}.portrait-frame .photo-empty{color:#e4d4ae}.portrait-frame .photo-empty .bi{color:#d3b36e;font-size:44px}.portrait-frame .photo-empty>small{color:#bba98c}.profile-photo figcaption{color:#d4be94;margin-top:18px;font-size:8px;letter-spacing:1.7px}
.profile-copy{position:relative;isolation:isolate;background:#fff4dbea;border:1px solid #fff5cd9c;border-radius:32px 32px 32px 7px;padding:36px 39px;color:#372e26;box-shadow:0 20px 45px #0003;backdrop-filter:blur(14px)}.profile-copy:before{content:'';position:absolute;width:31px;height:31px;left:-16px;top:83px;background:#fff4dbea;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.profile-role{color:#8c6942;font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.profile-copy h3{font-family:var(--sans);font-size:clamp(43px,5vw,68px);color:#302a23;letter-spacing:-2px;margin-bottom:20px}.profile-bio p{color:#665b4d;font-size:14px;line-height:1.9;margin-bottom:14px}.profile-facts{margin-top:22px}.profile-facts>div{border-color:#775d3a33}.profile-facts dt{color:#8c7351}.profile-facts dd{color:#554735}
.profile-work-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;margin-top:21px;padding:13px 20px;background:linear-gradient(120deg,#392213,#24150c);border:1px solid #c9873c;border-radius:5px;color:#ffe1a0;font-size:12px;box-shadow:0 0 17px #f0873435,inset 0 0 16px #e075141a;overflow:visible}.profile-work-link .bi{color:#ffd48d;position:relative;z-index:2}.profile-work-link .cta-label{position:relative;z-index:2}.profile-work-link:before{content:'';position:absolute;inset:-4px;z-index:-1;border-radius:8px;background:linear-gradient(0deg,#ff892b60,#ffcf7135,transparent);filter:blur(7px)}.profile-work-link:hover{color:#fff1cf;box-shadow:0 0 25px #ef883b65,inset 0 0 20px #e0751426}.cta-fire{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cta-fire i{position:absolute;bottom:-18px;left:var(--x);width:var(--w);height:var(--h);border-radius:60% 20% 55% 40%;background:linear-gradient(0deg,#dc5414a8,#ffc75f75 48%,transparent);filter:blur(2px);animation:cta-flame var(--duration) ease-in-out var(--delay) infinite alternate;transform-origin:center bottom}.cta-fire i:nth-child(1){--x:5%;--w:15px;--h:42px;--duration:2.5s;--delay:-1s}.cta-fire i:nth-child(2){--x:29%;--w:21px;--h:32px;--duration:2.1s;--delay:-.5s}.cta-fire i:nth-child(3){--x:51%;--w:17px;--h:47px;--duration:2.8s;--delay:-2s}.cta-fire i:nth-child(4){--x:73%;--w:18px;--h:38px;--duration:2.4s;--delay:-1.6s}.cta-fire i:nth-child(5){--x:90%;--w:13px;--h:44px;--duration:3s;--delay:-.7s}@keyframes cta-flame{from{transform:scale(.8,.65) rotate(-9deg);opacity:.4}to{transform:scale(1.15,1.08) rotate(8deg);opacity:.85}}
.tech-section{position:relative;margin-top:55px;padding-top:27px;border-top:1px solid #f2dcad36}.tech-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.tech-heading h3{font-size:19px;letter-spacing:-.5px;color:#efe1c3}.tech-heading p{font:8px var(--mono);letter-spacing:1.4px;color:#d7c39e}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.tech-item{display:flex;align-items:center;gap:13px;min-height:91px;padding:17px 16px;border:1px solid #f1e2c970;border-bottom:3px solid var(--tech);border-radius:8px;background:#fbf3e9ed;box-shadow:0 9px 15px #00141e1f;color:#28353a}.tech-icon{display:grid;place-items:center;width:41px;min-width:41px;height:41px}.tech-icon img{width:35px;height:35px;object-fit:contain}.tech-name{display:block;font:700 15px/1.4 var(--sans);letter-spacing:-.25px;color:var(--tech)}.tech-description{display:block;font-size:10px;line-height:1.6;color:#6c716d;margin-top:4px}.tech-item.rust .tech-icon{background:#e9dfd3;border-radius:50%}.beach-credit{font-size:8px;line-height:1.8;letter-spacing:.4px;color:#c9bda6;margin-top:24px;text-align:right}.beach-credit a{border-bottom:1px solid #c9bda655}
.language-switcher{position:absolute;left:10px;right:10px;top:191px;display:grid;gap:4px;padding:5px;border:1px solid #cbb08a33;border-radius:5px;background:#151414e6}.language-switcher button{min-height:28px;padding:4px 2px;font:9px var(--mono);letter-spacing:1px;color:#a99d8e;border-radius:2px}.language-switcher button[aria-pressed=true]{color:#ffe5b6;background:#7d542f66}.language-switcher button:hover{color:#fff1d0}.language-switcher button:focus-visible{outline-offset:2px}.rail-word{top:49%}
.quiet-archive{min-height:1250px}.scroll-entry{height:auto;min-height:247px;padding-top:18px;padding-bottom:20px}.scroll-button{min-height:212px}.scroll-copy{padding-top:16px;padding-bottom:16px}.scroll-preview{display:block;max-width:240px;width:100%;aspect-ratio:8/3;margin:6px 0 9px;background:#1b1713;border:1px solid #62401c50;box-shadow:0 2px 4px #35200c33;overflow:hidden}.scroll-preview img{width:100%;height:100%;object-fit:contain}.scroll-title{font-size:25px}.quiet-room-image{object-position:70% center}
@media(max-width:1100px){.about-grid{gap:7%;grid-template-columns:.78fr 1.22fr}.profile-copy{padding:29px}.profile-copy h3{font-size:50px}.profile-bio p{font-size:13px}.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tech-item{padding:13px 10px;gap:9px;min-height:86px}.tech-icon{width:31px;min-width:31px;height:35px}.tech-icon img{width:29px;height:29px}.tech-name{font-size:13px}.tech-description{font-size:9px}.quiet-archive{min-height:1210px}.quiet-room-image{object-position:80% center}.scroll-button{min-height:205px}.scroll-entry{min-height:242px}.scroll-title{font-size:23px}}
@media(max-width:760px){.about{padding:54px 24px 47px}.about-grid{display:flex;gap:35px;margin-top:31px}.profile-photo{max-width:285px!important}.profile-copy{padding:27px 25px;border-radius:25px 25px 25px 6px}.profile-copy:before{left:35px;top:-21px;clip-path:polygon(0 100%,100% 100%,0 0)}.profile-copy h3{font-size:48px;letter-spacing:-1.5px;margin-bottom:19px}.profile-role{font-size:9px}.profile-bio p{font-size:14px}.profile-facts>div{grid-template-columns:95px 1fr}.profile-work-link{min-height:48px;font-size:12px;margin-top:17px;gap:36px}.profile-photo figcaption{font-size:7px;letter-spacing:1px}.tech-section{margin-top:38px;padding-top:25px}.tech-heading{display:block;margin-bottom:19px}.tech-heading h3{font-size:20px}.tech-heading p{font-size:8px;line-height:1.8;margin-top:9px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tech-item{min-height:88px;padding:13px 12px;gap:10px}.tech-icon{width:33px;min-width:33px}.tech-icon img{width:31px;height:31px}.tech-name{font-size:14px}.tech-description{font-size:9px}.beach-credit{font-size:8px;text-align:left;margin-top:23px}.language-switcher{position:static;display:flex;align-items:center;gap:2px;padding:3px;margin-left:auto;margin-right:13px;border-radius:4px}.language-switcher button{width:29px;min-height:29px;font-size:8px;padding:4px 1px;letter-spacing:.5px}.rail-github{margin-left:0}.menu-toggle{margin-left:0}.quiet-archive{min-height:0}.quiet-room-image{object-position:77% center}.scroll-entry{min-height:231px}.scroll-button{min-height:198px}.scroll-title{font-size:25px}.scroll-preview{max-width:240px;margin-top:6px;margin-bottom:8px}.scroll-copy{padding-top:14px;padding-bottom:14px}.scroll-index{font-size:7px}}
@media(max-width:359px){.language-switcher{margin-right:9px}.language-switcher button{width:26px}.tech-item{padding:12px 10px;gap:7px}.tech-icon{width:26px;min-width:26px}.tech-icon img{width:26px;height:26px}.tech-name{font-size:13px}.tech-description{font-size:8px}.profile-copy{padding:26px 22px}.profile-copy h3{font-size:44px}.scroll-title{font-size:23px}}
.reduced-motion .cta-fire i{animation:none}.reduced-motion .profile-work-link{box-shadow:0 0 18px #e5863b45}@media(prefers-reduced-motion:reduce){.cta-fire i{animation:none}}
@media(max-width:760px){.language-switcher button{width:44px;min-height:44px;font-size:9px}}
.about-beach{filter:blur(7px) brightness(.9) saturate(.85)}.about:before{background:linear-gradient(120deg,#0e252e99,#15232366 60%,#563b2440),linear-gradient(0deg,#10232dbb,transparent 45%)}
@media(min-width:761px){.language-switcher{left:5px;right:5px;padding:3px}}
@media(max-width:760px){.language-switcher{flex-shrink:0}.language-switcher button{flex:0 0 44px}}
/* Initial fragments and language-driven reflow must not start competing scroll animations. */
html{scroll-behavior:auto}