/* Ivan Santos — biography and home feature. */
.toss-about,.toss-home-about{--accent:#e3b82a;--space:clamp(24px,7vw,112px);color:#f5f3ee;background:#080808}
.toss-about{overflow:hidden}
.toss-about .section-pad{padding:clamp(70px,9vw,140px) var(--space)}
.toss-about .section-index,.toss-about .kicker,.toss-about-label{font-size:11px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.toss-about h1,.toss-about h2,.toss-home-about h2{letter-spacing:-.055em;line-height:1.04;font-weight:500;text-wrap:balance}
.toss-about h2,.toss-home-about h2{font-size:clamp(42px,6vw,96px);margin:28px 0}
.toss-about h2 span,.toss-home-about h2 span{color:var(--accent)}
.toss-about p{line-height:1.7}
.toss-about .ivan-hero{position:relative;min-height:90svh;display:flex;align-items:flex-end;padding:180px var(--space) 80px;isolation:isolate}
.toss-about .ivan-hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808e8 5%,#08080877 52%,#08080810),linear-gradient(0deg,#080808,transparent 50%),url('../image/ivan-5.jpg') center 30%/cover}
.toss-about .ivan-hero h1{font-size:clamp(76px,13vw,190px);margin:25px 0}
.toss-about .ivan-hero h1 strong{color:var(--accent);font-weight:500}
.toss-about .ivan-hero-copy>p:last-child{font-size:clamp(18px,2vw,25px);max-width:580px}
.toss-about .ivan-hero-side{position:absolute;right:30px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em}
.toss-about .scroll-cue{display:none}
.toss-about .ivan-intro-grid,.toss-about .ivan-recognition-grid,.toss-about .ivan-pillars-head{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center;margin-top:30px}
.toss-about .ivan-intro-copy,.toss-about .ivan-recognition-copy{font-size:18px;color:#bcbcbc}
.toss-about .ivan-recognition{background:#161510;border-top:1px solid #e3b82a33;border-bottom:1px solid #e3b82a33}
.toss-about .ivan-recognition-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.toss-about .ivan-recognition-tags span{border:1px solid #ffffff30;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.toss-about .ivan-portrait,.toss-home-about{display:grid;grid-template-columns:1fr 1fr}
.toss-about .ivan-portrait-image{background:url('../image/ivan-4.jpg') center 35%/cover;min-height:750px}
.toss-about .ivan-portrait-copy{padding:90px clamp(24px,5vw,80px);align-self:center}
.toss-about .ivan-portrait-copy>p{color:#bbb;font-size:18px}
.toss-about blockquote{border-left:2px solid var(--accent);padding:8px 0 8px 24px;margin:32px 0;font-size:22px;line-height:1.5;text-align:left;font-weight:400}
.toss-about .ivan-pillars-head>p{color:#bbb;font-size:18px}
.toss-about .ivan-pillars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:60px;border-top:1px solid #ffffff30}
.toss-about .ivan-pillars-grid article{padding:28px 24px 0 0;min-width:0}
.toss-about .ivan-pillars-grid article+article{border-left:1px solid #ffffff20;padding-left:24px}
.toss-about .ivan-pillars-grid article>span{color:var(--accent);font-size:12px}
.toss-about .ivan-pillars-grid h3{font-size:clamp(22px,2.6vw,40px);line-height:1.2;margin:50px 0 18px;overflow-wrap:anywhere}
.toss-about .ivan-pillars-grid p{color:#aaa;font-size:16px}
.toss-about .ivan-project{position:relative;isolation:isolate;padding:100px var(--space);min-height:650px;display:flex;align-items:center}
.toss-about .ivan-project-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808f2,#08080877),url('../image/ivan-podcast.jpg') center/cover}
.toss-about .ivan-project h2{font-size:clamp(54px,9vw,140px)}
.toss-about .ivan-project-text{max-width:650px;font-size:19px}
.toss-about .button,.toss-about-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:#080808;padding:18px 24px;margin-top:24px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;transition:background .25s,transform .25s}
.toss-about .button:hover,.toss-about-button:hover{color:#080808;background:#fff;transform:translateY(-3px)}
.toss-about .button:focus-visible,.toss-about-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.toss-home-about{margin:0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.toss-home-about-photo{position:relative;min-height:680px;overflow:hidden}
.toss-home-about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.toss-home-about-copy{padding:clamp(40px,6vw,100px);align-self:center}
.toss-home-about-copy>p:not(.toss-about-label){color:#bcbcbc;font-size:17px;line-height:1.7;max-width:600px}
@media(max-width:900px){.toss-about .ivan-intro-grid,.toss-about .ivan-recognition-grid,.toss-about .ivan-pillars-head{grid-template-columns:1fr;gap:12px}.toss-about .ivan-portrait,.toss-home-about{grid-template-columns:1fr}.toss-about .ivan-portrait-image{min-height:75svh}.toss-home-about-photo{min-height:75svh}.toss-about .ivan-pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.toss-about .ivan-pillars-grid article+article{border-left:0;padding-left:0}.toss-about .ivan-portrait-copy{padding:65px var(--space)}}
@media(max-width:600px){.toss-about .ivan-hero{min-height:85svh;padding-top:130px;padding-bottom:50px}.toss-about .ivan-hero-bg{background-position:60% center}.toss-about .ivan-hero-side{display:none}.toss-about .ivan-project{padding:70px var(--space);min-height:540px}.toss-home-about-copy{padding:55px 24px}.toss-about .ivan-pillars-grid{grid-template-columns:1fr;gap:12px}.toss-about .ivan-pillars-grid article{border-bottom:1px solid #ffffff20;padding-bottom:20px}.toss-about .ivan-pillars-grid h3{margin-top:24px}.toss-home-about h2{font-size:clamp(38px,10vw,56px)}}
@media(prefers-reduced-motion:reduce){.toss-about .button,.toss-about-button{transition:none;transform:none}.toss-about .button:hover,.toss-about-button:hover{transform:none}}
