/* About — a quiet, fully native companion page to Aviv's portfolio */
body{background:#faf8f3}
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px;max-width:1630px;margin:0 auto}
.about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:85px 6% 80px clamp(24px,7vw,122px)}
.about-hero-copy .eyebrow{color:#b9624e;margin-bottom:36px}
.about-hero h1{font-size:clamp(80px,9vw,155px);font-weight:500;letter-spacing:-.08em;line-height:.92;margin:0 0 36px}
.about-hero h1 em{color:#b9624e;font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.about-hero-copy>p{font-size:clamp(20px,2.3vw,31px);line-height:1.4;color:#727b6b;max-width:410px;margin-bottom:32px}
.about-down{align-self:start;border-bottom:1px solid #1d2921;padding-bottom:9px;font-size:14px;font-weight:600;display:inline-flex;gap:48px}
.about-down:hover,.story-link:hover{color:#b9624e;border-color:#b9624e}
.about-hero-visual{background:#e9eae1;display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(23px,5vw,75px)}
.about-portrait{background:#f6f4ed;box-shadow:0 24px 58px #242b241b;width:100%;max-width:540px}
.about-portrait img{width:100%;object-fit:contain;aspect-ratio:1.1}
.portrait-note{position:absolute;bottom:22px;right:24px;font-size:10px;font-weight:600;letter-spacing:.13em;color:#6a756c}
.about-story-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1560px;margin:auto;padding:135px clamp(24px,6vw,108px)}
.about-story-section h2,.about-skill-section h2,.about-process-section h2,.about-contact h2{font-size:clamp(60px,6vw,105px);font-weight:500;letter-spacing:-.065em;line-height:.98;margin:18px 0 36px}
.about-story-section h2 em,.about-skill-section h2 em,.about-process-section h2 em,.about-contact h2 em{font-family:"Instrument Serif",Georgia,serif;color:#b9624e;font-weight:400}
.story-content{padding-top:62px;max-width:550px}
.story-content p,.about-process-section p{font-size:17px;line-height:1.9;color:#60685e;margin-bottom:22px}
.story-link{display:inline-flex;gap:35px;margin-top:16px;border-bottom:1px solid #1d2921;padding-bottom:11px;font-size:14px;font-weight:700}
.about-skill-section{background:#e8eee6;padding:110px clamp(24px,6vw,108px) 130px}
.about-skill-section>.section-index,.about-skill-section>h2,.about-skill-grid{max-width:1430px;margin-left:auto;margin-right:auto}
.about-skill-section h2 em{color:#758b75}
.about-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:55px}
.about-skill-grid article{border-top:1px solid #b4c8b7;padding-top:16px}
.about-skill-grid article>span{font-size:11px;color:#849b87;letter-spacing:.12em}
.about-skill-grid h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:35px 0 12px}
.about-skill-grid p{font-size:14px;line-height:1.8;color:#636e64}
.about-process-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center;padding:120px clamp(24px,7vw,130px);max-width:1650px;margin:auto}
.process-art{background:#e7e1eb;padding:55px}
.process-art img{width:100%;max-height:450px;object-fit:contain}
.about-process-section p{max-width:515px;font-size:16px}
.about-contact{text-align:center;background:#f4e6df;padding:105px 24px 125px}
.about-contact h2{font-size:clamp(75px,9vw,143px)}
.about-contact>p{color:#77716a;font-size:17px}
.about-contact-actions{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:40px}
.about-contact-actions>a{padding:17px 21px;display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;border:1px solid #29332a}
.about-email{background:#29332a;color:#f9faf5}
.about-linkedin{color:#29332a}
.about-contact-actions>a:hover{transform:translateY(-2px)}
@media(max-width:900px){
 .about-hero{min-height:550px}
 .about-hero h1{font-size:clamp(70px,10vw,112px)}
 .about-story-section,.about-process-section{gap:40px}
 .about-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
}
@media(max-width:720px){
 .about-hero{display:flex;flex-direction:column;min-height:0}
 .about-hero-copy{padding:65px 22px 55px}
 .about-hero-copy .eyebrow{margin-bottom:24px}
 .about-hero h1{font-size:clamp(75px,16vw,118px)}
 .about-hero-visual{min-height:340px}
 .about-portrait{max-width:420px}
 .about-story-section,.about-process-section{display:block;padding:85px 22px}
 .about-story-section h2,.about-skill-section h2,.about-process-section h2{font-size:clamp(60px,12vw,90px)}
 .story-content{padding:0}
 .about-skill-section{padding:85px 22px}
 .about-process-section>div:last-child{margin-top:42px}
 .about-contact{padding:85px 22px}
 .about-contact h2{font-size:clamp(69px,14vw,100px)}
 .process-art{padding:25px}
}
@media(max-width:430px){.about-skill-grid{grid-template-columns:1fr;gap:21px}.about-skill-grid h3{margin:15px 0 7px}.about-contact-actions>a{width:100%;justify-content:center}}

/* Soft interactions, never scroll-bound hiding. */
.about-skill-grid article{transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s}
.about-skill-grid article:hover{transform:translateY(-4px);border-color:#b56a55}
.about-portrait{overflow:hidden}
.about-portrait img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.about-hero-visual:hover .about-portrait img{transform:scale(1.025)}
.about-contact-actions>a{transition:transform .24s,background .24s,color .24s}
.about-linkedin:hover{background:#29332a;color:#faf8f3}
.about-email:hover{background:#b9634b;border-color:#b9634b}
@media(prefers-reduced-motion:reduce){.about-skill-grid article,.about-portrait img,.about-contact-actions>a{transition:none!important;transform:none!important}}

/* Gentle color sections that keep the actual work as the hero. */
.about-hero-copy{background:linear-gradient(140deg,#fff5ef 0%,#faf9f4 86%)}
.about-hero-visual{background:linear-gradient(140deg,#e8eee7 0%,#f0e7ed 100%)}
.about-story-section{background:linear-gradient(120deg,#fdfbf7,#f8f4f9)}
.about-skill-section{background:linear-gradient(115deg,#e5f0e9,#f1f0e8)}
.about-process-section{background:linear-gradient(125deg,#f8f4f9,#fbfaf6)}
.about-contact{background:linear-gradient(125deg,#f6e9e1,#f6ebed)}