/* Additions for Sam's scrapbook, curiosity, and playful headline choices. */
.hero-photo-frame img{object-position:center 8%;transform:scale(1.27);transform-origin:center 16%}
.headline-picks{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:600px;margin:-9px 0 19px}
.headline-picks>span{width:100%;font-size:.62rem;text-transform:uppercase;font-weight:700;letter-spacing:.12em;color:#6a786f;margin:0 0 2px}
.headline-picks button{appearance:none;border:1px solid #c7d1c5;background:#fffaf0;border-radius:100px;padding:6px 10px;color:var(--forest);font:600 .66rem var(--sans);cursor:pointer;transition:background .15s,color .15s,transform .15s}
.headline-picks button:hover,.headline-picks button[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:white;transform:translateY(-1px)}
.headline-picks button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.boat-joke{font-size:.75rem;color:#625f53;margin:17px 0 0;padding:13px 15px;border-left:2px solid #dfa074;background:#f5eadc}
.friends-aside{font:italic .78rem/1.55 var(--serif)!important;color:#647269!important;margin-top:18px!important;border-left:2px solid #e5a27d;padding-left:13px}
.about-poster{min-height:345px;max-width:310px;background:var(--lime);border-radius:170px 170px 4px 4px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;transform:rotate(-1.5deg);box-shadow:10px 12px 0 #e8eee2}
.about-poster:before,.about-poster:after{content:"";position:absolute;width:245px;height:245px;border:1px solid #17463d35;border-radius:50%}
.about-poster:before{top:-92px;right:-75px}.about-poster:after{bottom:-145px;left:-80px;width:280px;height:280px}
.about-poster>p{font:700 clamp(1.75rem,3vw,2.4rem)/.98 var(--serif);letter-spacing:-.045em;color:var(--forest);margin:0;position:relative;z-index:1}
.about-poster>p span{font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:14px}
.about-poster .poster-spark{position:absolute;top:53px;left:49px;font-size:2.1rem;color:#648050}
.about-poster .poster-orbit{position:absolute;right:42px;bottom:54px;width:52px;height:52px;border:1px solid #17463d80;border-radius:50%;display:grid;place-items:center;color:var(--forest);font:1.8rem var(--serif);transform:rotate(12deg)}
.about-poster>a{position:absolute;z-index:2;bottom:18px;left:0;right:0;width:max-content;margin:auto;background:var(--paper);padding:8px 11px;border-radius:2px;color:var(--forest);font-size:.64rem;font-weight:700;text-decoration:none;box-shadow:0 3px 9px #18342e17}
.scrapbook-section{background:#f4f0e7;padding-top:100px;padding-bottom:93px}
.scrapbook-heading{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end;max-width:1110px;margin:0 auto 38px}
.scrapbook-heading h2{margin:0}
.scrapbook-heading>p{color:var(--muted);font-size:.87rem;margin:0 0 6px;max-width:455px}
.scrapbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:142px;gap:13px;max-width:1110px;margin:auto}
.scrap-photo,.scrap-card{margin:0;border-radius:3px;overflow:hidden;position:relative;min-width:0}
.scrap-photo{background:#ccd6c2}
.scrap-photo img{width:100%;height:100%;display:block;object-fit:cover}
.scrapbook-sam{grid-column:span 2;grid-row:span 2}
.scrapbook-sam img{object-position:center 14%;transform:scale(1.18);transform-origin:center 15%}
.scrapbook-land{grid-column:span 2;grid-row:span 2}
.scrapbook-land img{object-position:center 50%}
.scrapbook-nature{grid-column:span 1;grid-row:span 2}
.scrapbook-nature img{object-position:center 45%}
.scrap-card{padding:20px 21px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.scrap-yale{background:#e2e7d7;grid-column:span 2}
.scrap-work{background:#e9d4c6;grid-column:span 2}
.scrap-family{background:#dce8e4;grid-column:span 1;grid-row:span 2}
.scrap-card .scrap-icon{font:2rem var(--serif);color:var(--pine);margin-bottom:7px}
.scrap-card .scrap-label{font-size:.57rem;text-transform:uppercase;letter-spacing:.13em;color:var(--pine);font-weight:700;margin:0 0 7px}
.scrap-card h3{font:600 clamp(1.05rem,1.7vw,1.42rem)/1.14 var(--serif);letter-spacing:-.025em;margin:0 0 7px}
.scrap-card p:last-child{font-size:.68rem;line-height:1.5;color:#59695e;margin:0}
.scrap-work h3{font-size:1.15rem;max-width:390px}
.scrap-family h3{font-size:1.18rem}
.scrapbook-footer{max-width:1110px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.scrapbook-footer p{font:italic .89rem var(--serif);color:#586a5e;margin:0}
.scrapbook-footer .button{padding:12px 15px;font-size:.72rem}
.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.topic-wide{grid-column:1/-1}
@media(max-width:900px){.about-poster{min-height:295px}.scrapbook-grid{grid-auto-rows:128px;gap:10px}.scrap-card{padding:16px}.scrap-card h3{font-size:1.14rem}.scrap-work h3,.scrap-family h3{font-size:1.02rem}}
@media(max-width:650px){.headline-picks{margin-top:-7px;gap:6px}.headline-picks>span{font-size:.58rem}.headline-picks button{font-size:.63rem;padding:6px 9px}.about-poster{min-height:320px;max-width:270px;margin:auto}.scrapbook-section{padding-top:72px;padding-bottom:70px}.scrapbook-heading{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.scrapbook-heading h2{font-size:2.6rem}.scrapbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:125px;gap:9px}.scrapbook-sam{grid-column:span 2;grid-row:span 2}.scrapbook-land{grid-column:span 2;grid-row:span 2}.scrapbook-nature{grid-column:span 1;grid-row:span 2}.scrap-yale,.scrap-work{grid-column:span 1}.scrap-family{grid-column:span 1;grid-row:span 2}.scrap-card{padding:12px}.scrap-card .scrap-icon{font-size:1.6rem;margin-bottom:3px}.scrap-card .scrap-label{font-size:.49rem}.scrap-card h3,.scrap-work h3,.scrap-family h3{font-size:1rem;line-height:1.1}.scrap-card p:last-child{font-size:.61rem}.scrapbook-footer{align-items:flex-start;flex-direction:column;gap:12px}.topic-grid{grid-template-columns:1fr}.topic-wide{grid-column:auto}}

/* Photo ribbons add real-life color to each section without captions or labels. */
.photo-ribbon{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;padding-top:54px;padding-bottom:54px;background:#f1f0e7}
.photo-ribbon img{display:block;width:100%;height:clamp(190px,26vw,330px);object-fit:cover;border-radius:3px}
.photo-ribbon img:first-child{height:clamp(220px,30vw,380px)}
.thanks-page{min-height:75vh;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:var(--cream)}
.thanks-page h1{font:600 clamp(2.8rem,6vw,5rem)/1 var(--serif);letter-spacing:-.05em;margin:0 0 16px;color:var(--forest)}
.thanks-page>p:not(.eyebrow){font-size:1.05rem;color:var(--muted);margin:0 0 25px}
@media(max-width:650px){.photo-ribbon{grid-template-columns:1fr 1fr;gap:8px;padding-top:34px;padding-bottom:34px}.photo-ribbon img,.photo-ribbon img:first-child{height:160px}.photo-ribbon img:first-child{grid-column:span 2;height:220px}}


/* Conversation and project pages open with a real-life photo. */
.conversation-hero,.projects-hero{display:grid;grid-template-columns:1.08fr .82fr;gap:clamp(34px,6vw,88px);align-items:center}
.conversation-hero-copy>p:not(.eyebrow),.projects-hero-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.75;color:#52645c;max-width:700px;margin:0 0 27px}
.conversation-hero-photo,.projects-hero-photo{margin:0;justify-self:end;width:100%;max-width:430px;overflow:hidden;border-radius:4px;background:#dfe5d9;box-shadow:12px 12px 0 #dce5d5}
.conversation-hero-photo img,.projects-hero-photo img{display:block;width:100%;height:clamp(310px,38vw,470px);object-fit:cover}
.conversation-hero-photo img{object-position:center 35%}
.projects-hero-photo img{height:clamp(290px,33vw,410px);object-position:center center}
.conversation-photo-ribbon{grid-template-columns:1.25fr 1fr 1fr 1fr 1fr}
.conversation-photo-ribbon img,.conversation-photo-ribbon img:first-child{height:clamp(190px,24vw,300px)}
@media(max-width:900px){.conversation-hero,.projects-hero{grid-template-columns:1fr .8fr;gap:30px}.conversation-photo-ribbon{grid-template-columns:repeat(3,1fr)}.conversation-photo-ribbon img:first-child{grid-row:span 2;height:100%}.conversation-photo-ribbon img{height:190px}}
@media(max-width:650px){.conversation-hero,.projects-hero{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:55px}.conversation-hero-photo,.projects-hero-photo{justify-self:center;max-width:460px}.conversation-hero-photo img{height:310px}.projects-hero-photo img{height:280px}.conversation-photo-ribbon{grid-template-columns:1fr 1fr;gap:8px;padding-top:34px;padding-bottom:34px}.conversation-photo-ribbon img,.conversation-photo-ribbon img:first-child{height:175px;grid-row:auto}.conversation-photo-ribbon img:first-child{grid-column:span 2;height:220px}}
