/* Local /new-home study. The page is one continuous sheet above the gradient. */
html.footer-shutter-zone{overscroll-behavior-y:none}
.hero-two-page .section-scale[data-astro-cid-se5uglde]{grid-template-columns:repeat(4,1fr)}
.page-paper{position:relative;z-index:1;display:flow-root;background:#fff;border-radius:0;overflow:clip}
.personal-about,.personal-testimonials,.personal-footer{--about-serif:'PS Times Regular','Times New Roman',serif;--about-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-sizing:border-box;color:#29272a}
.personal-about{position:relative;max-width:1320px;margin:70px auto 0;padding:120px 100px 150px;scroll-margin-top:50px;isolation:isolate}
.personal-about h2{position:relative;z-index:2;font:350 clamp(44px,4.5vw,64px)/1.12 var(--about-serif);letter-spacing:-1.2px;margin:0 0 42px;max-width:max-content}
.personal-about__layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,110px)}
.personal-about__art{position:relative;width:440px;max-width:100%;height:430px}
.personal-about__art>img{display:block;position:absolute;height:auto;pointer-events:none;user-select:none;transition:opacity 200ms}
.personal-about__flowers{width:180px;left:0;top:5px;rotate:-8deg;z-index:0}
.envelope-portrait{position:absolute;z-index:2;width:294px;height:330px;left:86px;top:46px;rotate:5deg}
.envelope-back,.personal-about__envelope{position:absolute;left:-43px;top:-45px;width:380px;height:auto;pointer-events:none}
.envelope-back{z-index:0;filter:drop-shadow(0 4px 4px #62412b0b)}
.personal-about__envelope{z-index:2;clip-path:polygon(0 37.4%,11% 37.4%,38.4% 54.9%,61.6% 54.9%,89% 37.4%,100% 37.4%,100% 100%,0 100%)}
.memory-stack{position:absolute;z-index:1;left:39px;top:67px;width:210px;height:230px;background:#fffdf8;box-shadow:0 2px 8px #40352d18;transform:rotate(-2.5deg);transform-origin:50% 80%;pointer-events:none;transition:transform 260ms cubic-bezier(.22,1,.36,1)}
.memory-stack::before{content:'';position:absolute;inset:6px 6px 14px;background:#eeece8}
.memory-trigger{position:absolute;z-index:1;left:42px;top:70px;width:210px;height:230px;padding:6px 6px 14px;border:0;background:#fffdf4;box-shadow:0 2px 9px #40352d20;cursor:pointer;transition:transform 240ms cubic-bezier(.22,1,.36,1);transform-origin:50% 80%}
.memory-trigger img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 82%;pointer-events:none}
.envelope-portrait:focus-within .memory-trigger{transform:translateY(-5px) rotate(-1deg)}
.envelope-portrait:focus-within .memory-stack{transform:translate(-2px,-4px) rotate(-5deg)}
@media(hover:hover) and (pointer:fine){.envelope-portrait:hover .memory-trigger{transform:translateY(-5px) rotate(-1deg)}.envelope-portrait:hover .memory-stack{transform:translate(-2px,-4px) rotate(-5deg)}}
.memory-trigger:focus-visible{outline:2px solid #69628f;outline-offset:5px}
.personal-about__copy{position:relative;z-index:2;max-width:446px;padding-bottom:36px}
.personal-about__lead{font:350 clamp(25px,2.3vw,31px)/1.24 var(--about-serif);letter-spacing:-.4px;margin:0 0 30px}
.personal-about__description{border-left:1px solid #dedbdd;padding-left:18px;font:400 14px/1.65 var(--about-sans);color:#777179;letter-spacing:-.2px;margin:0}
.personal-about__signature{display:block;width:113.813px;height:53.5001px;margin:26px 0 0 auto}
.memory-collage{position:absolute;inset:0;z-index:1;pointer-events:none}
.memory-tile{position:absolute;opacity:0;visibility:hidden;margin:0;pointer-events:none}
.memory-tile img{display:block;width:100%;height:100%;object-fit:contain}
.memory-object{background:transparent;border:0;box-shadow:none}
.memory-photo{background:#fff;padding:5px;box-shadow:0 3px 18px #45403a14}
.memory-photo img{object-fit:cover;object-position:50% 65%}
.memory-shoes img{object-fit:cover;object-position:50% 65%;mix-blend-mode:multiply}
.personal-about.is-scattered .personal-about__flowers{opacity:.2}
.footer-reveal{position:fixed;z-index:0;inset:auto 0 0;height:min(42vh,360px);height:min(42svh,360px);pointer-events:none;transform:scaleY(0);transform-origin:bottom;background:linear-gradient(180deg,#f9eed8 0%,#ffdf89 17%,#ffb2eb 37%,#afc7ff 56%,#72a6ff 73%,#1468ff 89%,#0059ff 100%)}
.footer-bubbles{position:fixed;z-index:0;inset:auto 0 0;height:min(42vh,360px);height:min(42svh,360px);overflow:hidden;pointer-events:none;contain:layout paint;opacity:0}
.footer-bubble{position:absolute;left:0;top:0;border-radius:50%;box-sizing:border-box;border:1px solid #fff8;transform-origin:50% 0%;background:radial-gradient(ellipse at 28% 22%,#fff9 0%,#fff1 13%,transparent 35%),radial-gradient(circle at 53% 52%,transparent 48%,#d6b7ff29 69%,#f9ceab88 91%,#b7efffaa 97%);box-shadow:inset 2px 2px 4px #fff9,inset -3px -4px 6px #5477d333,0 0 1px #fff9;will-change:transform,opacity}
.footer-bubble::before{content:'';position:absolute;left:19%;top:14%;width:13%;height:25%;border-radius:50%;background:#fff;filter:blur(.4px);rotate:34deg;opacity:.9}
.footer-bubble::after{content:'';position:absolute;right:19%;top:15%;width:6%;height:12%;border-radius:50%;background:#fff;rotate:-32deg;opacity:.65}
.footer-bubble.is-popping{background:transparent;border-color:#fffd;box-shadow:0 0 0 3px #ffffff26,inset 0 0 6px #fff6}
.footer-bubble.is-popping::before,.footer-bubble.is-popping::after{opacity:0}
.personal-footer{--footer-wash-height:calc(min(170px,9.5625vw) + 6px);position:relative;height:clamp(550px,46vw,720px);background-color:#fff;background-image:linear-gradient(180deg,#fff 0%,#fffaf1 55%,#f9eed8 100%);background-size:100% var(--footer-wash-height);background-position:center bottom;background-repeat:no-repeat;touch-action:pan-y}
.footer-paper{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:74px 5vw 6px}
.footer-contact{text-align:center}
.footer-contact h2{font:350 clamp(42px,4.5vw,62px)/1.1 var(--about-serif);letter-spacing:-1px;margin:0 0 25px}
.footer-contact__actions{display:flex;justify-content:center;gap:12px}
.footer-contact__actions a{display:grid;place-items:center;min-width:132px;padding:13px 25px;border-radius:99px;font:400 15px/1.3 var(--about-sans);transition:transform 180ms,background 180ms}
.footer-contact__primary{background:#29272a;color:#fff}
.footer-contact__secondary{background:#fff9;border:1px solid #dfd9cc;color:#514c45}
@media(hover:hover) and (pointer:fine){.footer-contact__actions a:hover{transform:translateY(-2px)}}
.footer-contact__primary:hover{background:#454149}
.footer-contact__secondary:hover{background:#fff}
.footer-contact__actions a:focus-visible{outline:2px solid #777;outline-offset:5px}
.footer-name{display:block;width:100%;max-width:1600px;height:auto;overflow:visible;user-select:none;font:350 400px/1 var(--about-serif);letter-spacing:-.025em}
.footer-name__faint{fill:#f0e5d1;filter:drop-shadow(0 -.5px .3px #ad987355) drop-shadow(0 .8px .4px #fffdf6)}
.footer-name__pressed{fill:#e8dfcc;opacity:0}
.personal-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Match the 1440px content rail used by Selected Work and Playground. */
.personal-testimonials{--quote-gutter:0px;width:calc(100% - 96px);max-width:1440px;margin:48px auto 0;padding:72px 0 96px;scroll-margin-top:90px}
.personal-quotes{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px var(--quote-gutter);scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.personal-quotes::-webkit-scrollbar{display:none}
.personal-quotes:focus-visible{outline:2px solid #777;outline-offset:6px}
.personal-quotes.is-dragging{cursor:grabbing}
.personal-quote{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 414px;min-height:483px;box-sizing:border-box;margin:0;padding:24px;overflow:hidden;border-radius:16px;background:#fff;color:#090b0f}
.personal-quote::before{content:'';position:absolute;inset:0;border:1px solid #e6e6e6;border-radius:inherit;pointer-events:none;opacity:1;transition:opacity 280ms ease}
.personal-quote__background{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity 280ms ease}
.personal-quote.is-highlighted::before{opacity:0}
.personal-quote.is-highlighted .personal-quote__background{opacity:1}
.personal-quote blockquote{font:400 24px/32px var(--about-sans);color:#343438;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.8px;margin:0 0 32px;text-wrap:pretty}
.personal-quote figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:right}
.personal-quote figcaption img{height:46px;width:44px;object-fit:cover;border-radius:8px;pointer-events:none}
.personal-quote:first-child figcaption img{background:#fdf3d0}
.personal-quote figcaption div{display:flex;flex-direction:column;gap:2px}
.personal-quote strong{font:500 14px/22px var(--about-sans);letter-spacing:-.4px}
.personal-quote figcaption span{font:400 14px/22px var(--about-sans);color:#000b;letter-spacing:-.6px}
.personal-quote-nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:26px var(--quote-gutter) 0}
.personal-quote-nav>button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e7e4e3;border-radius:50%;background:white;color:#777;cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms ease}
@media(hover:hover) and (pointer:fine){.personal-quote-nav>button:not(:disabled):hover{background:#f6f4f2}}
.personal-quote-nav>button:not(:disabled):active{transform:scale(.97)}
.personal-quote-nav>button:disabled{opacity:.3;cursor:default;background:#fff}
.personal-quote-nav svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.personal-quote-nav button:focus-visible{outline:2px solid #777;outline-offset:3px;transform:none;transition:none}
.personal-quote-nav>button:not(:disabled):active:focus-visible{transform:none}
@media(min-width:1700px){.personal-about{margin-top:100px}.personal-footer{height:720px}}
@media(max-width:1100px){.personal-about{padding:110px 60px 140px}.personal-about__layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.personal-about__art{scale:.82;transform-origin:left center;width:420px;max-width:none;margin-right:-76px}.personal-about__lead{font-size:27px}.personal-testimonials{padding:72px 0}.personal-about__copy{padding-bottom:0}}
@media(max-width:650px){
 .personal-about{padding:120px 24px 160px;margin-top:0}.personal-about h2{font-size:44px;text-align:center;margin:0 auto 10px}.personal-about__layout{display:flex;flex-direction:column;gap:12px}.personal-about__art{flex-shrink:0;width:360px;height:390px;margin:0;scale:.82;transform-origin:center center}.personal-about__flowers{width:154px;left:-10px;top:4px}.envelope-portrait{width:274px;height:316px;left:56px;top:32px}.envelope-back,.personal-about__envelope{width:354px;left:-40px;top:-42px}.memory-trigger{left:39px;top:65px;width:196px;height:214px}.memory-stack{left:36px;top:62px;width:196px;height:214px}.personal-about__copy{width:100%;max-width:460px}.personal-about__lead{font-size:29px;line-height:1.25;margin-bottom:24px}.personal-about__description{font-size:14px;line-height:1.75}.personal-about__signature{margin-top:22px}.personal-testimonials{margin-top:32px;padding:60px 0 65px}.personal-quotes{gap:16px}.personal-quote{flex-basis:calc(100vw - 48px);padding:24px;min-height:483px}.personal-quote blockquote{font-size:22px;line-height:30px;letter-spacing:-.6px}.personal-footer{--footer-wash-height:calc((100vw - 28px) * .10625 + 9px);height:410px}.footer-paper{padding:66px 14px 9px}.footer-contact h2{font-size:44px}.footer-contact__actions a{min-width:126px;padding:12px 22px}.memory-photo{padding:3px}
}
@media(max-width:360px){.personal-quote{padding:20px}.personal-quote blockquote{font-size:20px;line-height:28px}.personal-about__art{scale:.72;margin-block:-20px}.personal-about__lead{font-size:26px}.personal-about h2{font-size:40px}.personal-footer{height:390px}}
@media(max-width:650px){.memory-stack{display:none}.personal-about .envelope-portrait .memory-trigger{transform:none;transition:none;cursor:default;opacity:1}.personal-about__description{border-left:0;padding-left:0}.personal-about__signature{filter:grayscale(1);opacity:.38}}
@media(prefers-reduced-motion:reduce){.memory-trigger,.memory-stack,.personal-about__art>img,.footer-contact__actions a,.personal-quote,.personal-quote::before,.personal-quote__background,.personal-quote-nav>button{transition:none}.personal-quote-nav>button:not(:disabled):active{transform:none}}

/* The personal side occupies the same space, so the envelope never jumps away. */
.about-heading,.about-copy-states{display:grid}
.about-heading>[data-about-state],.about-copy-states>[data-about-state]{grid-area:1/1}
[data-about-state][aria-hidden="true"]{pointer-events:none}
[data-about-state][aria-hidden="true"] .about-word{opacity:0}
.about-word{display:inline-block}
.about-copy-states>[data-about-state="personal"] .personal-about__description{border-left:0;padding-left:0}
.memory-photo[data-memory="portrait"] img{object-position:50% 54%}
.memory-planet__crop,.memory-album__crop{position:absolute;inset:0;overflow:hidden}
.memory-planet__crop{border-radius:50%}
.memory-planet .memory-planet__crop img{position:absolute;width:141.5%;height:141.5%;max-width:none;left:-20.75%;top:-20.75%;object-fit:fill}
.memory-album{mix-blend-mode:multiply}
.memory-album .memory-album__crop img{position:absolute;width:133.3%;height:169.5%;max-width:none;left:-22.5%;top:-33.55%;object-fit:fill}
.memory-book{perspective:650px;filter:drop-shadow(4px 7px 6px #43365a15)}
.memory-book__volume{position:absolute;inset:3px 6px 3px 0;transform:rotateY(-9deg) rotateX(4deg)}
.memory-book__pages{position:absolute;inset:1px -3px -2px 2px;border:.5px solid #d3d2c8;border-radius:1px 2px 2px 1px;background:linear-gradient(90deg,#ecebe2,#faf9f2 96%,#e4e3d9);box-shadow:1px 1px 0 #6a9698}
.memory-book__cover{position:absolute;inset:0;overflow:hidden;border-radius:1px 2px 2px 1px;background:#86abad;box-shadow:0 0 0 .5px #41686b30}
.memory-book__cover img{display:block;width:100%;height:100%;object-fit:cover}
.memory-book__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24494c26,transparent 3%,#ffffff16 4%,transparent 7%);pointer-events:none}
.footer-contact__socials{display:flex;justify-content:center;gap:24px;margin-top:24px;font:400 13px/1.4 var(--about-sans);color:#777179}
.footer-contact__socials a{text-decoration:none;transition:color 160ms}
.footer-contact__socials a:hover{color:#29272a;text-decoration:underline;text-underline-offset:4px}
.footer-contact__socials a:focus-visible{outline:2px solid #777;outline-offset:5px;border-radius:2px}
@media(max-width:650px){.about-heading>[data-about-state="personal"],.about-copy-states>[data-about-state="personal"]{display:none}}
/* Hide the inactive bio’s rule as well as its words. */
.about-copy-states>[aria-hidden="true"] .personal-about__description{border-color:transparent}
@media(min-width:651px) and (max-width:760px){.personal-about__art{scale:.62}}

/* An object can be explored without changing or restarting the personal copy. */
.personal-about.is-scattered .memory-tile{pointer-events:auto;cursor:default}
.memory-tile{transition:filter 280ms ease,scale 320ms cubic-bezier(.22,1,.36,1);filter:var(--memory-shadow,none)}
.memory-book{--memory-shadow:drop-shadow(4px 7px 6px #43365a15)}
.personal-about.is-spotlighting .memory-tile:not(.is-spotlight){filter:blur(2px) opacity(.4)}
.memory-tile.is-spotlight{scale:1.06;z-index:3}
.memory-tile:focus-visible{outline:1px solid #aaa0b4;outline-offset:8px;border-radius:8px}
.personal-about__art,.about-heading{transition:filter 280ms ease}
.personal-about.is-spotlighting .personal-about__art,.personal-about.is-spotlighting .about-heading{filter:blur(1px) opacity(.65)}
.about-copy-states [data-about-state="personal"] .about-word{transition:filter 280ms ease}
.personal-about.is-spotlighting [data-about-state="personal"] .about-word{filter:blur(.35px) opacity(.65)}
.personal-about.is-spotlighting .is-interest-active .about-word{filter:none}
[data-interest]{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color 280ms}
[data-interest].is-interest-active{text-decoration-color:#d5a6c0}
.personal-about__signature{opacity:1;transition:opacity 380ms ease 350ms,transform 450ms ease 350ms}
.personal-about.is-scattered .personal-about__signature{opacity:0;transform:translateY(4px);pointer-events:none;transition-delay:0ms;transition-duration:300ms}
.personal-about.is-about-instant .personal-about__signature{transition:none}
@media(max-width:650px){.personal-about__signature{opacity:.38;transition:none}.page-paper{border-radius:0}}
@media(prefers-reduced-motion:reduce){.memory-tile,.personal-about__art,.about-heading,.about-word,[data-interest],.personal-about__signature{transition:none!important}}
.personal-testimonials>h2{margin:0 var(--quote-gutter) 32px;font:350 clamp(38px,3.5156vw,54px)/1.05 var(--about-serif);letter-spacing:-.025em}
@media(max-width:650px){
 .personal-about{padding-bottom:48px}
 .personal-testimonials{--quote-gutter:24px;width:100%;margin-top:0;padding-top:16px}
 .personal-testimonials>h2{font-size:36px;margin-bottom:24px}
 .personal-quotes{gap:12px;padding-right:32px}
 .personal-quote{flex-basis:calc(100vw - 64px)}
}

@media(max-width:760px){.personal-about h2,.personal-testimonials>h2{text-align:center}}

.shared-footer-page .page-paper{background:inherit}
