.hof{--env-w:480px;--env-h:456px;--pocket:300px;--letter-gap:228px;--hof-nav-top:61px;position:relative;overflow:clip;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.75}.hof .hof-envelope-anchor,.hof [data-hof-section]{scroll-margin-top:calc(var(--hof-nav-top) + 16px)}.hof h1,.hof h2,.hof h3{font-family:var(--font-display);font-weight:600}.hof .hof-eyebrow{display:block;font-size:13px;letter-spacing:.04em;color:var(--ink-soft)}.hof .hof-hero{position:relative;padding:48px 24px 32px;text-align:center}.hof .hof-hero h1{font-size:clamp(44px,5vw,64px);line-height:1.16;margin:16px 0 20px;letter-spacing:-.025em}.hof .hof-hero h1 span{display:block;font-size:.68em;margin-top:10px}.hof .hof-hero-copy{color:var(--ink-soft);margin:0;font-size:17px}.hof .hof-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:20px}.hof .hof-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:6px;font-size:15px}.hof .hof-hero-flower{position:absolute;color:var(--pistache);opacity:var(--flower-bg-opacity);pointer-events:none}.hof .hof-hero-flower--left{left:8%;top:108px;transform:rotate(-16deg)}.hof .hof-hero-flower--right{right:9%;top:210px;color:var(--chai);transform:rotate(12deg)}.hof .hof-portrait-spread{display:flex;justify-content:center;align-items:center;max-width:1240px;margin:20px auto 0;padding:24px 12px 40px}.hof .hof-portrait{flex:none;width:clamp(80px,8.5vw,118px);padding:7px 7px 9px;background:var(--hof-paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);transform:translateY(calc(var(--hof-portrait-drift, 0px) * var(--portrait-depth))) rotate(var(--portrait-tilt))}.hof .hof-portrait+.hof-portrait{margin-left:-8px}.hof .hof-portrait:nth-child(2n){position:relative;top:16px}.hof .hof-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}.hof .hof-portrait span{display:block;font-family:var(--font-hand);font-size:13px;padding-top:7px}.hof .hof-hero-caption{font-size:13px;color:var(--ink-soft);margin:8px 0 0}.hof .hof-review{margin:0 0 20px;padding:28px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);break-inside:avoid}.hof .hof-review figcaption{display:flex;align-items:center;gap:14px}.hof .hof-review figcaption>span:last-child{min-width:0;overflow-wrap:anywhere}.hof .hof-avatar-fallback,.hof .hof-review img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 22%}.hof .hof-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--pistache);color:var(--ink);font-family:var(--font-display);font-size:12px}.hof .hof-review-name{display:block;font-family:var(--font-display);font-size:17px;font-weight:500;line-height:1.4}.hof .hof-review-school{display:block;font-size:13px;color:var(--ink-soft);line-height:1.5;margin-top:3px}.hof .hof-review blockquote{margin:24px 0 0;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.hof .hof-review blockquote p{margin:0}.hof .hof-review blockquote p+p{margin-top:20px}.hof .hof-achievement{display:flex;align-items:flex-start;flex-direction:column;gap:6px;margin-top:24px}.hof .hof-achievement>span{font-size:12px;color:var(--ink-soft)}.hof .hof-achievement>strong{font-family:var(--font-display);font-size:19px;line-height:1.5;background:var(--vanilla);padding:4px 10px;border-radius:var(--r-sm);overflow-wrap:anywhere}.hof .hof-section-heading{text-align:center;padding-inline:24px}.hof .hof-section-heading h2{font-size:clamp(30px,3.6vw,42px);line-height:1.3;margin:20px 0 24px;letter-spacing:-.025em}.hof .hof-section-heading>p{color:var(--ink-soft);margin:0}.hof .hof-letter-chapter{padding:48px 0 56px;background-image:radial-gradient(var(--hof-dot) 1px,transparent 1.2px);background-size:24px 24px}.hof .hof-envelope-anchor{display:flow-root;--hof-letter-space:20px}.hof .hof-envelope-anchor:nth-child(2){--hof-letter-space:44px}.hof .hof-envelope-anchor:nth-child(3){--hof-letter-space:28px}.hof .hof-envelope-anchor:nth-child(4){--hof-letter-space:56px}.hof .hof-letter-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:20px;font-size:14px;color:var(--ink);text-underline-offset:5px}.hof .hof-letters{position:relative;max-width:1320px;padding:1px 32px 0;margin:0 auto}.hof .env-card{position:relative;z-index:1;width:min(var(--env-w),100%);height:var(--env-h);margin:16px auto 0}.hof .env{position:absolute;inset:0;clip-path:inset(-900px -120px 0 -120px);transform:rotate(var(--tilt,0deg));will-change:transform;transition:transform .12s linear,translate .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1),scale .5s cubic-bezier(.2,.8,.2,1)}.hof .env-card.is-left{--tilt:-1.5deg}.hof .env-card.is-right{--tilt:1.5deg}.hof .env-back,.hof .env-bottom,.hof .env-front,.hof .env-side-l,.hof .env-side-r{position:absolute;inset:0}.hof .env-back{border-radius:6px;background:var(--c-back);clip-path:polygon(0 72px,9% 16px,91% 16px,100% 72px,100% 100%,0 100%)}.hof .env-front{border-radius:0 0 6px 6px;background:var(--c-base);box-shadow:0 2px 4px var(--hof-shadow);clip-path:polygon(0 calc(100% - var(--pocket)),50% calc(100% - 200px),100% calc(100% - var(--pocket)),100% 100%,0 100%)}.hof .env-side-l{background:var(--c-side);clip-path:polygon(0 calc(100% - var(--pocket)),46% calc(100% - 172px),0 100%)}.hof .env-side-r{background:var(--c-side);clip-path:polygon(100% calc(100% - var(--pocket)),54% calc(100% - 172px),100% 100%)}.hof .env-bottom{border-radius:0 0 6px 6px;background:var(--c-bottom);clip-path:polygon(0 100%,50% calc(100% - 188px),100% 100%)}.hof .tone-vanilla{--c-base:var(--vanilla);--c-side:var(--hof-vanilla-side);--c-bottom:var(--hof-vanilla-bottom);--c-back:var(--hof-vanilla-back)}.hof .tone-pistache{--c-base:var(--pistache);--c-side:var(--hof-pistache-side);--c-bottom:var(--hof-pistache-bottom);--c-back:var(--hof-pistache-back)}.hof .tone-chai{--c-base:var(--chai);--c-side:var(--hof-chai-side);--c-bottom:var(--hof-chai-bottom);--c-back:var(--hof-chai-back)}.hof .letter{position:absolute;left:7%;right:7%;bottom:132px;background:var(--hof-paper);box-shadow:0 -4px 20px var(--hof-letter-shadow);padding:28px 30px 182px;will-change:transform;transition:transform .12s linear,translate .55s cubic-bezier(.2,.8,.2,1)}.hof .letter p{margin:0;font-size:16px;line-height:1.8;text-align:left}.hof .letter p+p{margin-top:16px}.hof .hof-letter-achievement{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.hof .hof-letter-achievement span{color:var(--ink-soft);font-size:12px;line-height:1.5}.hof .hof-letter-achievement strong{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.45}.hof .stamp{position:absolute;left:50%;bottom:168px;width:86px;height:86px;margin-left:-43px;padding:5px;background:radial-gradient(circle,transparent 3px,var(--hof-stamp-paper) 3.6px);background-size:9px 9px;background-position:-4.5px -4.5px;filter:drop-shadow(0 1px 2px var(--line-strong));transform:rotate(var(--stamp-rot,5deg))}.hof .env-card.is-right .stamp{--stamp-rot:-4deg}.hof .stamp img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.hof .env-sign{position:absolute;left:0;right:0;bottom:62px;text-align:center;display:flex;flex-direction:column}.hof .env-name{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.35}.hof .env-fac{font-size:14.5px;line-height:1.4}.hof .env-name{margin:0}.hof:not([data-animated=true]) .env-card{height:auto;margin-top:var(--hof-letter-space)}.hof:not([data-animated=true]) .env{position:relative;inset:auto;padding-bottom:132px;clip-path:none;transform:none}.hof:not([data-animated=true]) .letter{position:relative;left:auto;right:auto;bottom:auto;margin-inline:7%;transform:none}.hof .hof-letter-flower{position:absolute;pointer-events:none;color:var(--pistache);opacity:var(--flower-watermark-opacity)}.hof .hof-letter-flower--left{left:8%;top:50%;transform:rotate(-12deg)}.hof .hof-letter-flower--right{right:8%;top:20%;color:var(--chai);transform:rotate(14deg)}.hof .hof-collection{margin:auto;padding:64px 0 72px}.hof #hof-collection-title{display:inline-block;position:relative}.hof .hof-heading-stroke{position:absolute;left:18%;right:18%;bottom:-12px;height:4px;background:var(--pistache);border-radius:var(--r-pill);pointer-events:none}.hof .hof-review-count{margin:32px 24px 28px;text-align:center;color:var(--ink-soft);font-size:14px}.hof .hof-review-rows{display:flex;flex-direction:column;gap:20px}.hof .hof-review-row{overflow-x:auto;scrollbar-width:none;padding-block:4px;overscroll-behavior-x:contain}.hof .hof-review-row::-webkit-scrollbar{display:none}.hof .hof-review-row:focus-visible{outline-offset:-2px}.hof .hof-review-track{display:flex;width:max-content}.hof .hof-review-group{display:flex;gap:20px;padding-right:20px}.hof .hof-review-copy{display:none}.hof [data-marquee-ready=true] .hof-review-copy{display:flex}.hof .hof-review-rows .hof-review{display:flex;flex-direction:column;flex:none;width:360px;height:300px;margin:0;padding:24px}.hof .hof-review-rows .hof-review figcaption{flex:none}.hof .hof-review-rows .hof-review blockquote{flex:1;min-height:0;overflow-y:auto;margin-top:18px;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--pistache) transparent}.hof .hof-review-rows .hof-letter-link{align-self:flex-start;margin-top:auto}.hof .hof-review-rows .hof-achievement{flex:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.hof .hof-review-rows .hof-achievement>strong{font-size:15px}@media (min-width:1100px){.hof .env-card{width:min(var(--env-w),calc(50% - 64px))}.hof .env-card.is-left{margin-left:0}.hof .env-card.is-right{margin-right:0}.hof .hof-envelope-anchor:nth-child(2){margin-top:-180px}.hof .hof-envelope-anchor:nth-child(3){margin-top:-280px}.hof .hof-envelope-anchor:nth-child(4){margin-top:-210px}}@media (min-width:768px) and (max-width:1099px){.hof .env-card.is-left{margin-left:0}.hof .env-card.is-right{margin-right:0}}@media (max-width:767px){.hof .hof-hero{padding:40px 20px 28px}.hof .hof-hero h1{margin-block:20px;font-size:clamp(38px,9.5vw,58px)}.hof .hof-hero-copy{font-size:15px}.hof .hof-hero-actions{gap:16px}.hof .hof-portrait-spread{margin-top:24px;padding:20px 0 32px}.hof .hof-portrait{width:clamp(60px,16vw,94px);padding:4px 4px 6px}.hof .hof-portrait:nth-child(n+6){display:none}.hof .hof-portrait+.hof-portrait{margin-left:-4px}.hof .hof-portrait span{font-size:10px}.hof .hof-hero-caption{font-size:11px}.hof .hof-letter-chapter{padding:32px 0 40px}.hof .hof-letters{padding-inline:20px}.hof .env-card{width:calc(100% - 14px)}.hof .env-card.is-left{margin-left:0}.hof .env-card.is-right{margin-right:0}.hof .letter{padding-inline:20px}.hof .letter p{font-size:15px}.hof .hof-section-heading h2{font-size:34px}.hof .hof-section-heading>p{font-size:15px}.hof .hof-letter-flower{display:none}.hof .hof-collection{padding:48px 0 64px}.hof .hof-review-group,.hof .hof-review-rows{gap:16px}.hof .hof-review-group{padding-right:16px}.hof .hof-review-rows .hof-review{width:min(310px,calc(100vw - 40px));height:300px;padding:22px}}@media (prefers-reduced-motion:reduce){.hof .env,.hof .hof-portrait,.hof .letter{transform:none!important;transition:none!important}.hof [data-marquee-ready=true] .hof-review-copy{display:none}}