
.history-intro{padding-top:80px;padding-bottom:80px;background:radial-gradient(ellipse at 95% 5%,#fe4d0115,transparent 55%)}.history-intro .text-link{margin-bottom:42px}.history-intro h1{font-size:clamp(46px,6.3vw,100px);max-width:1100px}.history-intro h1 em{color:var(--orange)}.history-intro>p{max-width:540px;margin-top:30px;font-size:18px}.history-timeline{border-top:1px solid var(--line)}.timeline{list-style:none;margin:0 auto;padding:0;max-width:1000px;position:relative}.timeline:before{content:'';position:absolute;left:79px;top:40px;bottom:80px;width:1px;background:linear-gradient(var(--orange),#fe4d0130)}.timeline-item{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);gap:55px;align-items:center;padding:28px 0}.timeline-photo{width:160px;height:160px;border-radius:50%;overflow:hidden;position:relative;border:7px solid var(--paper);outline:1px solid #fe4d0155;box-shadow:0 12px 30px #07070712;transition:transform .35s}.timeline-photo:hover{transform:scale(1.045)}.timeline-photo img{width:100%;height:100%;object-fit:cover}.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--orange);border:5px solid var(--paper);outline:1px solid var(--orange);justify-self:center;z-index:1}.timeline-date{color:#b83700;font-size:12px;letter-spacing:.1em;display:block;margin-bottom:12px}.timeline-copy h3{font-size:32px;margin-bottom:16px}.timeline-copy p{max-width:650px;color:#45453e;font-size:15px}.purpose{background:var(--ink);color:var(--paper)}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.purpose-card{padding:40px;border:1px solid #ffffff25;background:linear-gradient(130deg,#ffffff12,#ffffff03);border-radius:18px;backdrop-filter:blur(12px)}.purpose-card h2{font-size:clamp(34px,4vw,58px);margin-bottom:25px}.purpose-card h2 em,.values h2 em{color:var(--orange)}.purpose-card p{max-width:490px;color:#deddd4}.values{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.values h2{font-size:clamp(36px,4vw,60px)}.values ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.values li{padding:15px 0;border-bottom:1px solid #ffffff25;font-size:14px}.history-experience{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.history-experience p{max-width:480px;margin:30px 0}.history-experience video{width:100%;max-height:650px;background:#070707;border-radius:18px;object-fit:contain}.history-closing{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.history-closing h2{font-size:clamp(36px,4vw,62px)}
@media(max-width:760px){.history-intro{padding-top:40px;padding-bottom:50px}.history-intro h1{font-size:clamp(42px,10.5vw,70px)}.history-intro>p{font-size:15px}.timeline:before{left:43px;bottom:100px}.timeline-item{grid-template-columns:88px minmax(0,1fr);gap:22px;padding:24px 0;align-items:start}.timeline-photo{width:88px;height:88px;border-width:4px}.timeline-dot{margin-top:20px}.timeline-copy h3{font-size:25px}.timeline-copy p{font-size:14px}.timeline-date{font-size:11px}.purpose-grid,.values,.history-experience{grid-template-columns:1fr}.purpose-card{padding:27px}.values{gap:30px;margin-top:50px}.values ul{gap:0 20px}.values li{font-size:13px}.history-experience{gap:35px}.history-experience video{max-height:520px}.history-closing{align-items:flex-start;flex-direction:column}}

/* Photographs are independent interludes between written milestones. */
.timeline{max-width:860px}.timeline:before{left:11px;top:38px;bottom:70px}.timeline-item{grid-template-columns:24px minmax(0,1fr);gap:32px;align-items:start;padding:28px 0}.timeline-dot{margin-top:5px}.timeline-copy{max-width:700px}.timeline-image-break{position:relative;display:flex;justify-content:center;padding:25px 0 35px 56px}.timeline-image-break .timeline-photo{width:136px;height:136px}.timeline-item:last-child{padding-bottom:0}
@media(max-width:760px){.timeline:before{left:9px;top:32px;bottom:70px}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:20px;padding:22px 0}.timeline-dot{margin-top:5px}.timeline-image-break{padding:20px 0 28px 40px}.timeline-image-break .timeline-photo{width:108px;height:108px;border-width:5px}}
