:root{
  --ink:#151515;
  --paper:#f4f0e7;
  --paper2:#ebe4d6;
  --blue:#123f71;
  --blue2:#0b2d52;
  --red:#a7352b;
  --line:#c9c0b1;
  --muted:#6d675d;
  --max:960px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}
.masthead{background:#111;color:#fff;border-bottom:1px solid #313131;position:sticky;top:0;z-index:30}
.mastbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em;font-size:14px}
.brand-rhino{height:46px;width:auto;mix-blend-mode:screen}
nav{display:flex;gap:23px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;min-height:570px;background:#08111a;color:white;overflow:hidden;display:flex;align-items:center}
.hero-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:scale(1.04);filter:saturate(.8) contrast(1.1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,17,.96) 0%,rgba(4,10,17,.82) 42%,rgba(4,10,17,.28) 76%,rgba(4,10,17,.16) 100%),linear-gradient(0deg,rgba(4,10,17,.38),transparent 50%)}
.hero-content{position:relative;padding:80px 0 95px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.19em;font-weight:900;color:var(--red);margin-bottom:18px}
.kicker.light{color:#e7a197}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:72px;line-height:.95;margin:0 0 20px;letter-spacing:-.04em;max-width:760px}
.lede{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:27px;margin:0 0 20px;color:#ddd7cd}
.hero-copy{max-width:650px;font-size:17px;color:#d7d9dc;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-block;padding:12px 18px;border:1px solid currentColor;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important}
.button.primary{background:var(--red);border-color:var(--red);color:white}
.button.ghost{color:white;background:rgba(0,0,0,.25)}
.intro{display:grid;grid-template-columns:280px 1fr;gap:58px;padding:72px 0}
.intro-photo{position:relative}
.intro-photo:before{content:"";position:absolute;left:-12px;top:12px;width:100%;height:100%;border:2px solid var(--blue);z-index:0}
.intro-photo img{position:relative;z-index:1;width:100%;height:340px;object-fit:cover;object-position:center 30%;filter:saturate(.8) contrast(1.04)}
.intro-text h2,.section-head h2,.machine-copy h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-size:43px;line-height:1.05;margin:0 0 20px;letter-spacing:-.025em}
.intro-text p{font-size:17px;margin:0 0 16px}
.dark-section{background:#13273b;color:#f8f5ee;padding:78px 0 88px;border-top:7px solid var(--red)}
.section-head{max-width:730px;margin-bottom:38px}
.section-head p{font-size:17px;color:var(--muted)}
.dark-section .section-head p,.story-section .section-head p{color:#c9d0d7}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.case{position:relative;background:#f5f0e6;color:#171717;padding:27px 27px 29px;border-top:5px solid #9d9588;min-height:330px;overflow:hidden}
.case.featured{grid-column:1/-1;min-height:365px;padding-right:170px;border-top-color:var(--red)}
.case-number{font-family:Georgia,serif;font-size:46px;color:#d5ccbd;line-height:1;margin-bottom:17px}
.case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.case-tags span{font-size:9px;font-weight:900;letter-spacing:.09em;border:1px solid #b8afa2;padding:4px 6px;color:#565047}
.case h3{font-family:Georgia,serif;font-size:27px;line-height:1.08;margin:0 0 14px}
.case p{font-size:14px;margin:0 0 12px;color:#3f3b35}
.case-result{border-top:1px solid #cfc6b9;margin-top:18px;padding-top:14px;font-size:14px}
.case-icon{position:absolute;right:28px;top:28px;width:88px;height:88px;display:grid;place-items:center;border:1px solid #b9afa1;background:#eee7da}.case-icon svg{width:58px;height:58px;fill:none;stroke:#7d2d24;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.build{padding:80px 0 90px}
.project-stack{display:flex;flex-direction:column;gap:22px}
.project-row{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);min-height:355px;overflow:hidden}
.project-row.rhino-project{grid-template-columns:.72fr 1.28fr}
.project-row.reverse{grid-template-columns:.85fr 1.15fr}
.project-row.reverse .project-media{order:2}
.project-row.reverse .project-copy{order:1}
.project-media{min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-media-light{background:#f8f7f3;padding:32px}
.project-media-dark{background:#050505;padding:18px;display:grid;grid-template-rows:1fr 78px;gap:8px}
.rhinobuilder-art{display:block;width:auto;max-width:100%;height:auto;max-height:315px;object-fit:contain}
.pixel-art{image-rendering:auto}
.project-media-dark>img{width:100%;height:100%;object-fit:contain;min-height:0}
.thumb-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0}
.thumb-strip img{width:100%;height:78px;object-fit:cover;border:1px solid #333}
.project-copy{padding:38px 38px 34px;align-self:center}
.project-label{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--red);margin-bottom:10px}
.project-copy h3,.tool-strip h3{font-family:Georgia,serif;font-size:31px;line-height:1.08;margin:0 0 14px}
.project-copy p{font-size:15px;color:#4e4942;margin:0 0 14px}
.project-copy a{color:var(--blue);font-weight:800;font-size:13px}
.cat-project{grid-template-columns:1.08fr .92fr}
.cat-media{background:#e9e1d4;padding:16px;display:grid;grid-template-columns:1.45fr .75fr;gap:10px;align-items:stretch}
.cat-main{width:100%;height:100%;min-height:330px;object-fit:cover}
.cat-detail-pair{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.cat-detail-pair img{width:100%;height:100%;object-fit:cover;min-height:0}
.project-result{border-top:1px solid #d4cabc;margin-top:18px;padding-top:13px;font-size:13px;color:#3f3931}
.tool-strip{margin-top:22px;background:var(--blue);color:#fff;padding:27px 31px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.tool-strip .project-label{color:#d8a39a;margin-bottom:7px}
.tool-strip h3{font-size:25px;margin:0}
.tool-strip p{margin:0;color:#e3eaf0;font-size:14px;line-height:1.7}
.story-section{background:#1a1917;color:#f7f2e9;padding:82px 0 90px}
.story-feature{display:grid;grid-template-columns:260px 1fr;gap:46px;align-items:center;padding:30px;background:#25231f;border:1px solid #39352e;margin-bottom:20px}
.story-feature img{width:260px;height:340px;object-fit:cover;box-shadow:0 15px 40px rgba(0,0,0,.45)}
.story-label,.story-type{color:#d38e84;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}
.story-feature h3{font-family:Georgia,serif;font-size:40px;margin:0 0 13px}
.story-feature p{font-size:17px;color:#ddd6ca;max-width:540px}
.story-feature a,.story-grid a{color:#f0b2aa}
.story-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.story-grid article{border-top:2px solid #5b544b;padding-top:20px}
.story-grid h3{font-family:Georgia,serif;font-size:23px;line-height:1.15;margin:0 0 12px}
.story-grid p{font-size:14px;color:#c8c0b5}
.comic-card img{background:white;margin-bottom:18px;padding:8px;max-height:200px;width:100%;object-fit:contain}
.machine-section{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center;padding:90px 0}
.machine-photo img{width:100%;height:390px;object-fit:cover;filter:grayscale(.15) contrast(1.12)}
.machine-copy p{font-size:16px}
.machine-copy blockquote{font-family:Georgia,serif;font-style:italic;font-size:28px;margin:25px 0;padding-left:20px;border-left:5px solid var(--red)}
.history{background:#e4dccd;padding:80px 0 90px;border-top:1px solid #c4baa9}









.principles{padding:80px 0 90px}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.principle-grid>div{padding:27px;background:white;border:1px solid var(--line)}
.principle-grid span{font-family:Georgia,serif;font-size:35px;color:#c6bcad}
.principle-grid h3{font-family:Georgia,serif;font-size:22px;margin:4px 0 8px}
.principle-grid p{font-size:14px;margin:0;color:#554f46}
.contact{background:var(--blue2);color:white;padding:62px 0;border-top:7px solid var(--red)}
.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.contact h2{margin-bottom:7px}
.contact p{margin:0;color:#c8d3df}
.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.light-button{background:white;color:var(--blue2);border-color:white;text-transform:none;letter-spacing:.02em;font-size:14px}
.text-link{font-weight:800;font-size:13px;color:#dce6ef}
footer{background:#0d0d0d;color:#888;padding:30px 0;font-size:11px}
.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-brand{color:#ccc;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.footer-brand img{height:25px;width:auto;filter:grayscale(1) brightness(2)}
@media(max-width:760px){
  nav{display:none}.mastbar{height:55px}.hero{min-height:620px}.hero h1{font-size:52px}.hero-overlay{background:rgba(4,10,17,.78)}
  .intro{grid-template-columns:1fr;gap:32px}.intro-photo{max-width:300px}.intro-text h2,.section-head h2,.machine-copy h2,.contact h2{font-size:35px}
  .case-grid,.story-grid,.machine-section,.principle-grid{grid-template-columns:1fr}.case.featured{grid-column:auto;padding-right:27px}.case-icon{position:static;margin:0 0 16px;width:70px;height:70px}.case-icon svg{width:46px;height:46px}
  .project-row,.project-row.reverse,.project-row.rhino-project,.cat-project,.tool-strip{grid-template-columns:1fr}.project-row.reverse .project-media,.project-row.reverse .project-copy{order:initial}.project-media-dark{grid-template-rows:auto 72px}.project-media-dark>img{min-height:220px}.cat-media{grid-template-columns:1fr}.cat-detail-pair{grid-template-columns:1fr 1fr;grid-template-rows:auto}.cat-main{min-height:260px}.cat-detail-pair img{height:160px}.project-copy{padding:28px}.story-feature{grid-template-columns:1fr}.story-feature img{width:100%;height:auto;max-height:450px;object-fit:contain;background:#111}.contact-inner,.footer-inner{flex-direction:column;align-items:flex-start}.contact-actions{align-items:flex-start}.machine-photo img{height:300px}
}

/* Game-development artwork */
.visual-frame img.wide-art{max-width:96%;max-height:165px;width:auto;height:auto}
.treason-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px;background:#000}
.treason-grid img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;image-rendering:auto}

.life-lines{display:flex;flex-direction:column;gap:18px;margin-top:34px}
.life-line{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:stretch}
.lane-title{background:#1d1c1a;color:#f4eee5;padding:18px 16px;display:flex;gap:12px;align-items:center;min-height:88px}
.lane-title span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#d38e84}
.lane-title strong{font-size:11px;letter-spacing:.13em;line-height:1.35}
.lane-track{display:flex;gap:8px;min-width:0}
.lane-segment{position:relative;flex:1;background:#f6f1e8;border:1px solid #cfc4b4;padding:15px 15px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.lane-segment.wide{flex:1.25}
.lane-segment.current{background:#123f6a;color:#fff;border-color:#123f6a}
.lane-date{font-size:10px;font-weight:900;letter-spacing:.11em;color:#9b3d31;text-transform:uppercase;margin-bottom:7px}
.lane-segment.current .lane-date{color:#e6b0a8}
.lane-name{font-family:Georgia,serif;font-weight:700;font-size:18px;line-height:1.08}
.timeline-note{max-width:760px;margin:24px 0 0 208px;font-size:13px;color:#675f54;font-style:italic}

/* Parallel life timeline */
.timeline-ruler{margin:34px 0 8px 208px;display:grid;grid-template-columns:repeat(6,1fr);font-size:9px;font-weight:900;letter-spacing:.12em;color:#8c8377;text-transform:uppercase;border-bottom:1px solid #cfc4b4;padding-bottom:7px}
.timeline-ruler span:last-child{text-align:right}
.life-lines{margin-top:10px}
.lane-track{position:relative;background:linear-gradient(to right,transparent 0,transparent calc(20% - 1px),rgba(50,45,40,.08) calc(20% - 1px),rgba(50,45,40,.08) 20%,transparent 20%,transparent calc(40% - 1px),rgba(50,45,40,.08) calc(40% - 1px),rgba(50,45,40,.08) 40%,transparent 40%,transparent calc(60% - 1px),rgba(50,45,40,.08) calc(60% - 1px),rgba(50,45,40,.08) 60%,transparent 60%,transparent calc(80% - 1px),rgba(50,45,40,.08) calc(80% - 1px),rgba(50,45,40,.08) 80%,transparent 80%)}
@media (max-width:760px){.timeline-ruler{display:none}.timeline-note{margin-left:0}.life-line{grid-template-columns:1fr}.lane-track{display:grid;grid-template-columns:1fr 1fr}.lane-title{min-height:auto}.lane-segment,.lane-segment.wide{min-height:82px}}

/* Scaled life-history prototype — 1971 to 2026 */
.timeline-head{max-width:850px}
.chrono{margin-top:44px;border-top:1px solid #cfc4b4;padding-top:0}
.chrono-axis{position:relative;height:42px;margin-left:205px;border-bottom:1px solid #bfb3a2}
.chrono-axis:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(18.1818% - 1px),rgba(64,55,45,.075) calc(18.1818% - 1px),rgba(64,55,45,.075) 18.1818%)}
.chrono-axis span{position:absolute;left:var(--x);bottom:8px;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:.11em;color:#7f7568}
.chrono-axis span:first-child{transform:none}
.chrono-axis .axis-now{transform:translateX(-100%);color:#9b3d31}
.chrono-row{display:grid;grid-template-columns:187px 1fr;gap:18px;margin-top:16px;align-items:stretch}
.chrono-label{min-height:110px;background:#1d1c1a;color:#f4eee5;padding:18px 15px;display:flex;gap:12px;align-items:flex-start}
.chrono-label>span{color:#d38e84;font-size:10px;font-weight:900;letter-spacing:.13em;padding-top:2px}
.chrono-label strong{display:block;font-size:11px;letter-spacing:.14em;margin-bottom:6px}
.chrono-label small{display:block;color:#a9a39a;font-size:10px;line-height:1.25;font-weight:600}
.chrono-track{position:relative;min-height:110px;border:1px solid #d1c7b8;background-color:#eee8dd;background-image:linear-gradient(to right,rgba(35,31,27,.065) 1px,transparent 1px);background-size:18.1818% 100%;overflow:visible}
.chrono-bar{position:absolute;left:var(--start);width:var(--width);min-width:42px;border-radius:2px;padding:11px 9px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.35) inset}
.chrono-bar b{font-family:Georgia,serif;font-size:15px;line-height:1.04}
.chrono-bar em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;margin-top:6px;opacity:.72;white-space:nowrap}
.work-row .chrono-bar{top:18px;height:74px;background:#163f68;color:#fff}
.work-row .work-it{background:#6d7f8e}.work-row .work-code{background:#435e77}.work-row .work-auto{background:#9b3d31}.work-row .work-data{background:#163f68}
.home-row .chrono-bar{top:24px;height:62px;background:#d5c7b5;color:#2d2822;border:1px solid rgba(45,40,34,.15)}
.home-row .home-boat{background:#9cb7c5}.home-row .home-project{background:#c5a67e}.home-row .home-real{background:#9d937f}
.chrono-marker{position:absolute;left:var(--start);top:14px;height:82px;transform:translateX(-1px);border-left:3px solid #9b3d31;padding:12px 0 0 10px;white-space:nowrap;color:#9b3d31}
.chrono-marker i{position:absolute;left:-6px;top:0;width:9px;height:9px;background:#9b3d31;border-radius:50%}
.chrono-marker strong{font-family:Georgia,serif;font-size:15px;display:block}.chrono-marker em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em}
.mind-row .chrono-track{min-height:150px}
.mind-row .chrono-label{min-height:150px}
.mind-row .chrono-bar{height:42px;padding:7px 10px;color:#2c2823;border:1px solid rgba(50,42,35,.12)}
.mind-row .chrono-bar b{font-family:Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mind-row .chrono-bar em{margin-top:3px;font-size:8px}
.mind-live{top:12px;background:#ded6c9}.mind-make{top:55px;background:#c8b8a0}.mind-engineer{top:98px;background:#9cb2bc}.mind-invent{top:98px;background:#9b3d31!important;color:#fff!important;clip-path:polygon(0 0,100% 0,100% 100%,3% 100%)}
.timeline-key{margin:24px 0 0 205px;max-width:820px;border-left:3px solid #9b3d31;padding-left:16px}.timeline-key p{margin:0;color:#675f54;font-size:12px;line-height:1.55}.timeline-key strong{color:#29251f}
@media(max-width:760px){
 .chrono-axis{display:none}.chrono-row{grid-template-columns:1fr;gap:0}.chrono-label{min-height:auto;padding:13px 15px}.chrono-track,.mind-row .chrono-track{min-height:unset;height:auto;display:flex;flex-direction:column;gap:7px;padding:9px}.chrono-bar,.mind-row .chrono-bar{position:static!important;width:100%!important;height:auto!important;min-height:58px;clip-path:none!important}.chrono-marker{position:relative!important;left:auto!important;top:auto!important;transform:none!important;height:auto;padding:13px 10px;border-left:3px solid #9b3d31;background:#f5eee3}.timeline-key{margin-left:0}.mind-row .chrono-label{min-height:auto}
}


/* Seven years afloat */
.boat-section{position:relative;min-height:650px;background:#09131c;color:#fff;overflow:hidden;margin-top:70px}
.boat-photo-grid{position:absolute;inset:0;display:grid;grid-template-columns:1.35fr .65fr;gap:3px;background:#09131c}
.boat-photo-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,17,.90) 0%,rgba(4,11,17,.72) 43%,rgba(4,11,17,.30) 70%,rgba(4,11,17,.18) 100%)}
.boat-photo-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03)}
.boat-home-img{object-position:center center}
.boat-inner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.boat-copy{width:min(610px,60%);padding:70px 0}
.boat-copy h2{font-family:Georgia,serif;font-size:52px;line-height:1.02;margin:14px 0 24px;letter-spacing:-.025em}
.boat-copy p{font-size:16px;line-height:1.7;color:#e4e9ec;margin:0 0 16px}
.boat-copy strong{color:#fff}
.boat-copy a{display:inline-block;margin-top:10px;color:#fff;font-weight:900;text-decoration:none;border-bottom:2px solid #b75b4b;padding-bottom:3px}

/* Timeline v2 — staggered, true common time axis */
.chrono-v2 .stagger-row .chrono-track{height:calc((var(--lanes,4) * 32px) + 14px);min-height:unset;background-size:18.1818% 100%}
.chrono-v2 .stagger-row .chrono-label{min-height:100%;height:auto}
.chrono-v2 .stagger-row .chrono-bar{top:calc(7px + (var(--lane) * 32px));height:28px;min-width:0;padding:5px 8px;border-radius:0;overflow:visible;white-space:nowrap}
.chrono-v2 .stagger-row .chrono-bar b{font-family:Arial,sans-serif;font-size:11px;line-height:1;font-weight:800;white-space:nowrap}
.chrono-v2 .stagger-row .chrono-bar em{font-size:8px;line-height:1;margin-top:5px;white-space:nowrap}
.chrono-v2 .work-row .chrono-track{--lanes:7}
.chrono-v2 .home-row .chrono-track{--lanes:10}
.chrono-v2 .important-row .chrono-track{--lanes:5}
.chrono-v2 .home-row .chrono-bar{background:#b7ada0;color:#211e1a;border:0}
.chrono-v2 .home-row .home-family{background:#c98672;color:#fff}
.chrono-v2 .home-row .home-college{background:#b49232;color:#fff}
.chrono-v2 .home-row .home-apartment{background:#466d91;color:#fff}
.chrono-v2 .home-row .home-boat{background:#5d95bd;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #5d95bd;z-index:3}
.chrono-v2 .home-row .home-project{background:#d6b861;color:#201b14}
.chrono-v2 .home-row .home-real{background:#9c9a94;color:#fff}
.chrono-v2 .chrono-marker{top:calc(7px + (var(--lane) * 32px));height:28px;padding-top:5px}
.chrono-v2 .chrono-marker strong{font-family:Arial,sans-serif;font-size:11px}.chrono-v2 .chrono-marker em{font-size:8px}
.chrono-v2 .important-row .chrono-bar{color:#fff;border:0}
.chrono-v2 .important-row .mind-live{background:#cf9b6c}.chrono-v2 .important-row .mind-make{background:#ad8530}.chrono-v2 .important-row .mind-write{background:#9f6c8b}.chrono-v2 .important-row .mind-engineer{background:#699a5b}.chrono-v2 .important-row .mind-invent{background:#9b3d67!important;clip-path:none!important}
.timeline-key,.timeline-note{display:none!important}

@media(max-width:760px){
 .boat-section{min-height:auto}.boat-photo-grid{position:relative;height:300px;grid-template-columns:1fr}.boat-home-img{display:none}.boat-photo-grid:after{background:linear-gradient(0deg,rgba(4,11,17,.80),rgba(4,11,17,.12))}.boat-inner{min-height:auto}.boat-copy{width:100%;padding:42px 0}.boat-copy h2{font-size:36px}
 .chrono-v2 .stagger-row .chrono-track{height:auto!important;display:flex;flex-direction:column;gap:7px;padding:9px}.chrono-v2 .stagger-row .chrono-bar{position:static!important;width:100%!important;height:auto!important;min-height:54px;white-space:normal}.chrono-v2 .stagger-row .chrono-bar b,.chrono-v2 .stagger-row .chrono-bar em{white-space:normal}.chrono-v2 .chrono-marker{position:relative!important;left:auto!important;top:auto!important;height:auto;padding:13px 10px}
}

/* Boat section v2 — first boat to second boat */
.boat-photo-grid{grid-template-columns:.78fr 1.22fr;gap:4px}
.boat-photo-grid .boat-era{position:relative;margin:0;width:100%;height:100%;overflow:hidden;background:#071018}
.boat-photo-grid .boat-era img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.boat-photo-grid .boat-era-first img{object-position:center center}
.boat-photo-grid .boat-era-second img{object-position:center center}
.boat-photo-grid .boat-era figcaption{position:absolute;z-index:2;bottom:18px;left:18px;padding:6px 9px;background:rgba(4,11,17,.68);color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.boat-photo-grid:after{background:linear-gradient(90deg,rgba(4,11,17,.94) 0%,rgba(4,11,17,.83) 34%,rgba(4,11,17,.48) 57%,rgba(4,11,17,.17) 100%)}
.boat-copy em{font-family:Georgia,serif}

/* Keep long timeline labels readable when they extend beyond their bars */
.chrono-v2 .stagger-row .chrono-bar b,
.chrono-v2 .stagger-row .chrono-bar em{
  text-shadow:-1px -1px 0 rgba(45,45,45,.58),1px -1px 0 rgba(45,45,45,.58),-1px 1px 0 rgba(45,45,45,.58),1px 1px 0 rgba(45,45,45,.58);
}
.chrono-v2 .home-row .home-project b,.chrono-v2 .home-row .home-project em{
  color:#fff;
}
@media(max-width:760px){
 .boat-photo-grid{height:340px;grid-template-columns:1fr 1fr}
 .boat-photo-grid .boat-era-second{display:block}
 .boat-photo-grid .boat-era figcaption{font-size:8px;left:10px;bottom:10px}
}

/* Boat-story aside */
.crazy-richard{white-space:nowrap;font-style:italic;opacity:.88}

/* Compact proof stories — scan first, expand only when curious */
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
details.case{min-height:0;padding:0;border-top:4px solid #8f887d;overflow:hidden;background:#f5f0e6}
details.case.featured{grid-column:auto;min-height:0;padding:0;border-top-color:var(--red)}
details.case summary{position:relative;list-style:none;cursor:pointer;padding:19px 64px 52px 20px;height:390px;box-sizing:border-box}
details.case summary::-webkit-details-marker{display:none}
.case-summary-copy{min-width:0;max-height:315px;overflow:hidden}
details.case .case-number{font-size:28px;margin-bottom:9px}
details.case .case-tags{margin-bottom:8px;gap:4px}
details.case .case-tags span{font-size:7px;padding:3px 5px}
details.case h3{font-size:21px;margin:0 0 9px;line-height:1.08}
details.case .case-teaser{font-size:12px;line-height:1.48;margin:0;color:#4b463f;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden}
details.case .case-icon{right:15px;top:17px;width:42px;height:42px;background:#eee7da}
details.case .case-icon svg{width:27px;height:27px;stroke-width:2.4}
.case-cue{position:absolute;left:20px;bottom:16px;color:#123f6a;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
details.case[open] .case-cue{font-size:0}
details.case[open] .case-cue:after{content:'Close story –';font-size:10px}
.case-expand{border-top:1px solid #d2c9bc;padding:18px 20px 21px;background:#fbf8f1}
.case-expand p{font-size:13px;line-height:1.55;margin:0 0 11px;color:#3f3b35}
.case-expand .case-result{font-size:13px;margin-top:14px;padding-top:12px}
.beyond-work-hook{margin-top:34px;padding:29px 30px 3px;border-top:1px solid rgba(255,255,255,.18);max-width:820px}
.beyond-work-hook h3{font-family:Georgia,serif;font-size:35px;line-height:1.05;margin:8px 0 12px;color:#fff}
.beyond-work-hook p{max-width:720px;color:#c9d0d7;font-size:15px;line-height:1.65;margin:0 0 15px}
.beyond-work-hook a{color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid #b75b4b;padding-bottom:3px}
/* Boat Life is the narrative turn between professional proof and things built */
.boat-section{margin-top:0}
@media(max-width:980px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.case-grid{grid-template-columns:1fr}details.case summary{height:auto;min-height:290px;padding-bottom:48px}.beyond-work-hook,.weirder-hook{padding-left:0;padding-right:0}}

/* Transition into the writing/archive section */
.weirder-hook{padding:58px 30px 54px;text-align:left;border-top:1px solid #d3c9bb;max-width:820px}
.weirder-hook h3{font-family:Georgia,serif;font-size:35px;line-height:1.08;margin:8px 0 12px;color:var(--ink)}
.weirder-hook p{max-width:720px;margin:0 0 17px;color:#5b5b58;font-size:15px;line-height:1.65}
.weirder-hook a{color:var(--blue);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:3px}


/* No Map — family, without turning family into content */
.nomap-section{background:#20272e;color:#f5f1e8;border-bottom:1px solid #38424a;overflow:hidden;padding:54px 0 62px}
.nomap-rule{height:1px;background:#55616a;margin-bottom:48px}
.nomap-inner{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center}
.nomap-copy{padding:0;align-self:center;max-width:650px}
.nomap-copy .kicker{color:#d9998f;margin-bottom:14px}
.nomap-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:49px;line-height:1.02;letter-spacing:-.025em;margin:0 0 24px;color:#fff}
.nomap-copy p{font-size:15.5px;line-height:1.68;color:#d7dce0;margin:0 0 15px}
.nomap-copy strong{color:#fff}
.nomap-still{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:800;letter-spacing:.18em;color:#d9998f;margin:26px 0 10px;text-transform:uppercase}
.nomap-learn{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.18;font-weight:700;color:#f2c5bc;max-width:620px;margin:0}

.nomap-close{font-family:Georgia,'Times New Roman',serif;font-size:22px!important;font-style:italic;color:#fff!important;margin-top:26px!important;border-left:4px solid var(--red);padding-left:17px}
.nomap-photo{position:relative;height:620px;width:auto;max-width:100%;justify-self:end;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:flex-end}
.nomap-photo:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(32,39,46,.34) 0%,rgba(32,39,46,.08) 25%,rgba(32,39,46,0) 48%),linear-gradient(0deg,rgba(12,15,18,.12),rgba(12,15,18,0) 45%);pointer-events:none}
.nomap-photo img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center center;filter:saturate(.9) contrast(.98) brightness(.94);display:block}
@media(max-width:760px){
 .nomap-section{padding:42px 0 48px}.nomap-rule{margin-bottom:36px}.nomap-inner{grid-template-columns:1fr;gap:34px}.nomap-copy{padding:0;max-width:none}.nomap-copy h2{font-size:38px}.nomap-photo{height:430px;width:auto;max-width:100%;justify-self:start;order:2}.nomap-photo:before{background:linear-gradient(0deg,rgba(32,39,46,.2) 0%,rgba(32,39,46,0) 45%)}
}

/* Professional-method section moved beside the proof stories */
.work-principles{padding:48px 0 24px;border-top:1px solid rgba(255,255,255,.18);margin-top:42px}
.work-principles .section-head{margin-bottom:22px}
.work-principles .section-head h2{color:#fff}
.work-principles .section-head .kicker{color:#d8a39a}
.work-principles .principle-grid>div{background:#f5f0e6;border-color:#9a9184}
.work-tools{margin-top:18px;margin-bottom:8px}
@media(max-width:760px){details.case summary{min-height:390px;height:auto}.work-principles{padding-top:38px}}

/* Case-card readability fix: preserve complete teaser copy and reserve cue space. */
.case-grid{align-items:start}
details.case summary{height:500px;min-height:500px;padding:19px 64px 58px 20px;overflow:visible}
.case-summary-copy{max-height:none!important;overflow:visible!important}
details.case .case-teaser{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;font-size:12px;line-height:1.48;margin:0;color:#4b463f}
.case-cue{bottom:18px}
@media(max-width:760px){details.case summary{height:auto;min-height:0;padding-bottom:58px}.case-summary-copy{max-height:none!important}}


/* Compact Selected Work cards: metadata + headline only until opened */
.case-grid{align-items:start}
details.case summary{
  position:relative;
  height:155px!important;
  min-height:155px!important;
  padding:18px 44px 20px 20px!important;
  overflow:hidden!important;
  display:block;
}
details.case summary:after{
  content:'+';
  position:absolute;
  right:18px;
  top:17px;
  font-family:Arial,sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:400;
  color:#7d2d24;
}
details.case[open] summary:after{content:'–'}
.case-summary-copy{max-height:none!important;overflow:visible!important}
details.case .case-number{font-size:24px;margin-bottom:8px}
details.case .case-tags{margin-bottom:8px}
details.case h3{font-size:20px;line-height:1.1;margin:0!important;max-width:100%}
details.case .case-icon,.case-cue,details.case .case-teaser{display:none!important}
.case-expand{padding:20px 20px 22px}
.case-expand>p:first-child{font-size:13.5px;line-height:1.58;color:#302d29;margin-bottom:13px}
@media(max-width:760px){
  details.case summary{height:auto!important;min-height:125px!important;padding:18px 44px 18px 18px!important}
}


/* Selected Work — compact square headline cards */
.case-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
details.case,
details.case.featured{
  min-height:0;
  padding:0;
  grid-column:auto;
  overflow:hidden;
}
details.case summary{
  position:relative;
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1;
  padding:20px 20px 58px!important;
  overflow:hidden!important;
  box-sizing:border-box;
  list-style:none;
}
details.case summary::-webkit-details-marker{display:none}
details.case summary:after,
details.case[open] summary:after{content:none!important;display:none!important}
.case-summary-copy{
  position:static;
  height:auto;
  max-height:none!important;
  overflow:visible!important;
}
details.case .case-number{font-size:28px;margin-bottom:12px}
details.case .case-tags{margin-bottom:12px}
details.case .case-tags span{font-size:8px;padding:4px 6px}
details.case h3{
  font-family:Georgia,'Times New Roman',serif;
  font-size:23px;
  line-height:1.08;
  margin:0!important;
  max-width:100%;
}
details.case .case-icon,
details.case .case-teaser,
.case-cue{display:none!important}
.case-read{
  position:absolute;
  left:20px;
  bottom:19px;
  color:var(--red);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.19em;
  line-height:1;
  text-transform:uppercase;
  border-bottom:2px solid rgba(167,53,43,.55);
  padding-bottom:5px;
}
details.case[open] .case-read{color:var(--red)}
details.case[open] .case-read:after{content:'  /  CLOSE'}
.case-expand{padding:20px 22px 24px}

/* How I Work — make the rules substantial rather than footnotes */
.work-principles .principle-grid>div{padding:30px}
.work-principles .principle-grid span{font-size:38px}
.work-principles .principle-grid h3{font-size:25px;line-height:1.12;margin:5px 0 11px}
.work-principles .principle-grid p{
  font-size:17px;
  line-height:1.55;
  color:#3f3932;
}

@media(max-width:980px){
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .case-grid{grid-template-columns:1fr}
  details.case summary{
    aspect-ratio:auto;
    min-height:250px!important;
    padding:20px 20px 58px!important;
  }
  .work-principles .principle-grid p{font-size:16px}
}

/* How I Work typography */
.work-principles .section-head h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:31px;
  line-height:1.12;
  letter-spacing:-.015em;
  font-weight:700;
  color:#fff;
}
.work-principles .principle-grid h3{
  font-family:Georgia,'Times New Roman',serif;
  color:#7b4036;
  font-size:26px;
  line-height:1.13;
}
.work-principles .principle-grid p{
  font-family:Georgia,'Times New Roman',serif;
  color:#7b4036;
  font-size:18px;
  line-height:1.5;
}


/* Hero qualifier */
.hero-businesses{white-space:nowrap}
.hero-businesses em{font-style:italic;font-weight:400}


/* Motorcycle analytics */
.bike-analytics{padding:30px 0 95px;background:#eee8dd;color:#25211c}
.bike-head{max-width:780px;margin-bottom:28px}
.bike-head h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1;margin:11px 0 12px;letter-spacing:-.025em}
.bike-head p{font-size:15px;color:#6b6257;margin:0}
.bike-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:26px 0 34px}
.bike-kpis>div{background:#1d1c1a;color:#fff;min-height:112px;padding:17px 14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}
.bike-kpis strong{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1;color:#d7a296;margin-top:10px}
.bike-kpis span{font-size:9px;line-height:1.3;text-transform:uppercase;letter-spacing:.1em;color:#c9c2b8;font-weight:800}
.bike-timeline{border-top:1px solid #bdb1a1;padding-top:0}
.bike-axis{margin-left:245px;height:35px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #c7bcad;padding-bottom:7px;box-sizing:border-box;color:#81776a;font-size:8px;font-weight:900;letter-spacing:.09em}
.bike-row{display:grid;grid-template-columns:230px 1fr 110px;gap:15px;align-items:center;min-height:31px;border-bottom:1px solid rgba(92,80,67,.10)}
.bike-name{display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0}
.bike-name strong{font-family:Georgia,'Times New Roman',serif;font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bike-name small{display:none}
.bike-row>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8b4d42;font-weight:900;white-space:nowrap}
.bike-track{height:12px;position:relative;background-image:linear-gradient(to right,rgba(70,61,51,.08) 1px,transparent 1px);background-size:16.6667% 100%}
.bike-bar{position:absolute;left:var(--start);width:var(--width);height:100%;background:#476f8b;min-width:4px}
.bike-row:nth-child(4n+2) .bike-bar{background:#8e4d43}.bike-row:nth-child(4n+3) .bike-bar{background:#7c8f60}.bike-row:nth-child(4n+4) .bike-bar{background:#a8843a}
@media(max-width:980px){.bike-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .hero-businesses{white-space:normal}
 .bike-analytics{padding:18px 0 60px}.bike-head h2{font-size:38px}.bike-kpis{grid-template-columns:repeat(2,1fr)}
 .bike-axis{display:none}.bike-row{grid-template-columns:1fr;gap:4px;padding:8px 0}.bike-name strong{white-space:normal}.bike-name small{display:block;font-size:9px;color:#82776a;white-space:nowrap}.bike-row>span{grid-row:3}.bike-track{height:10px}
}


/* Other small life-data point */
.bike-other{margin:28px 0 0 245px;padding:16px 18px;border-left:3px solid #9b3d31;background:#f6f0e6;display:grid;grid-template-columns:150px 190px 1fr;gap:16px;align-items:center}
.bike-other span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#9b3d31;text-transform:uppercase}
.bike-other strong{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:#29251f}
.bike-other p{margin:0;font-size:12px;line-height:1.45;color:#675f54}
@media(max-width:760px){.bike-other{margin-left:0;grid-template-columns:1fr;gap:5px}.bike-other strong{font-size:19px}}

/* Life timelines — same visual grammar as the motorcycle ownership chart */
.life-timelines{margin-top:32px;border-top:1px solid #cfc4b4;padding-top:8px}
.life-axis{margin:0 125px 10px 245px;height:29px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #c7bcad;padding-bottom:7px;box-sizing:border-box;color:#8b8175;font-size:8px;font-weight:900;letter-spacing:.09em}.life-axis span{text-align:left}
.life-group{margin:24px 0 34px}
.life-group-head{display:flex;gap:12px;align-items:center;margin:0 0 10px 0}
.life-group-head>span{font-family:Georgia,serif;font-size:24px;color:#a69a8b}
.life-group-head strong{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.15em;color:#302b25}
.life-group-head small{display:block;margin-top:2px;font-size:9px;color:#8b8175;text-transform:uppercase;letter-spacing:.08em}
.life-row{display:grid;grid-template-columns:230px 1fr 110px;gap:15px;align-items:center;min-height:31px;border-bottom:1px solid rgba(92,80,67,.10)}
.life-name strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:12px;color:#312c26;white-space:nowrap}
.life-name small{display:none}
.life-track{height:12px;position:relative;background-image:linear-gradient(to right,rgba(70,61,51,.08) 1px,transparent 1px);background-size:18.1818% 100%}
.life-bar{position:absolute;left:var(--start);width:var(--width);height:100%;min-width:4px;background:#476f8b}
.life-row>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8b4d42;font-weight:900;white-space:nowrap}
.life-group .life-row:nth-child(4n+3) .life-bar{background:#8e4d43}
.life-group .life-row:nth-child(4n+4) .life-bar{background:#7c8f60}
.life-group .life-row:nth-child(4n+5) .life-bar{background:#a8843a}
.home-boat{background:#8e4d43!important;box-shadow:0 0 0 2px #e4d4c0}
.important-a{background:#8e4d43!important}
.important-b{background:#476f8b!important}.important-c{background:#7c8f60!important}.important-d{background:#a8843a!important}.important-e{background:#6d5a79!important}
.life-now-marker{position:absolute;left:calc(var(--start) - 1px);top:-4px;width:2px;height:20px;background:#8e4d43}
.archery-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #d8ccbc;background:#eee5d8}
.archery-icon svg{width:38px;height:38px;fill:none;stroke:#8e4d43;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bike-other{grid-template-columns:52px 150px 190px 1fr!important;margin-left:245px}
@media(max-width:760px){
 .life-axis{display:none}.life-group{margin-top:26px}.life-row{grid-template-columns:1fr;gap:4px;padding:8px 0}.life-name strong{white-space:normal;font-size:14px}.life-name small{display:none}.life-row>span{grid-row:3}.life-track{height:10px}.bike-other{margin-left:0!important;grid-template-columns:52px 1fr!important}.bike-other p{grid-column:1 / -1}.bike-other>span,.bike-other>strong{grid-column:2}}


/* Lifelong gamer history */
.gaming-history{margin:8px 0 38px;padding:26px 28px 28px;background:#191817;color:#f3eee6;border-top:3px solid #8e4d43}
.gaming-intro{max-width:900px}
.gaming-intro h3{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.08;margin:8px 0 12px;color:#fff}
.gaming-intro p{font-size:14px;line-height:1.6;color:#d3cbc0;margin:0 0 10px}
.gaming-intro .gaming-thesis{font-family:Georgia,'Times New Roman',serif;font-size:19px;color:#d7a296;margin-top:14px}
.game-history-label{margin:28px 0 10px;padding-top:15px;border-top:1px solid #49443e;font-size:9px;letter-spacing:.16em;font-weight:900;color:#b9aea0}
.game-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.game-chip{min-height:108px;background:#262421;border:1px solid #393632;padding:10px 8px 9px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}
.game-icon{height:48px;display:flex;align-items:center;justify-content:center}
.game-icon svg{width:46px;height:46px;fill:none;stroke:#d7a296;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.game-icon svg rect{fill:none}
.game-meta span{display:block;font-size:8px;letter-spacing:.12em;color:#8f857a;font-weight:900;margin-bottom:3px}
.game-meta strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:11px;line-height:1.1;color:#f4efe7;font-weight:700}
.bike-nplus{font-family:Georgia,'Times New Roman',serif!important;font-size:16px!important;color:#8e4d43!important;margin:0 0 5px!important}
.archery-icon svg{stroke-width:2.8}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.gaming-history{padding:22px 18px}.gaming-intro h3{font-size:28px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-chip{min-height:100px}}


/* Lifelong gamer v2 — serpentine timeline, builder-first placement */
.gaming-history{margin:26px 0 30px;padding:30px 30px 34px;background:#191817;color:#f3eee6;border-top:3px solid #8e4d43}
.gaming-intro{max-width:900px}
.gaming-intro h3{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.08;margin:8px 0 12px;color:#fff}
.gaming-intro p{font-size:14px;line-height:1.6;color:#d3cbc0;margin:0 0 10px}
.gaming-intro .gaming-thesis{font-family:Georgia,'Times New Roman',serif;font-size:19px;color:#d7a296;margin-top:14px}
.game-history-label{margin:28px 0 20px;padding-top:15px;border-top:1px solid #49443e;font-size:9px;letter-spacing:.16em;font-weight:900;color:#b9aea0}
.game-grid{display:none!important}
.game-snake{display:flex;flex-direction:column;gap:6px;padding:4px 2px 0}
.snake-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;min-height:132px;padding:0 20px}
.snake-row::before{content:"";position:absolute;left:9.5%;right:9.5%;top:67px;height:2px;background:#6d4942}
.snake-row:not(:last-child)::after{content:"";position:absolute;top:67px;width:10%;height:138px;border:2px solid #6d4942;border-left:0;border-radius:0 70px 70px 0;z-index:0}
.snake-forward:not(:last-child)::after{right:0}
.snake-reverse:not(:last-child)::after{left:0;transform:scaleX(-1)}
.snake-reverse{flex-direction:row-reverse}
.snake-game{position:relative;z-index:1;width:21%;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;padding:0}
.snake-game .game-icon{height:49px;margin-bottom:5px;display:flex;align-items:center;justify-content:center}
.snake-game .game-icon svg{width:43px;height:43px;fill:none;stroke:#d7a296;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.snake-node{display:block;width:12px;height:12px;border-radius:50%;background:#d7a296;border:3px solid #191817;box-shadow:0 0 0 2px #6d4942;margin:6px 0 8px}
.snake-game .game-meta span{display:block;font-size:9px;letter-spacing:.12em;color:#b09289;font-weight:900;margin-bottom:3px}
.snake-game .game-meta strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:13px;line-height:1.12;color:#f4efe7;font-weight:700}
@media(max-width:760px){
 .gaming-history{padding:24px 18px 28px}.gaming-intro h3{font-size:28px}
 .game-snake{gap:0;padding-left:8px}
 .snake-row,.snake-reverse{display:block;min-height:0;padding:0 0 0 28px}
 .snake-row::before{left:10px;right:auto;top:0;bottom:0;width:2px;height:auto;background:#6d4942}
 .snake-row:not(:last-child)::after{display:none}
 .snake-game{width:100%;min-height:84px;display:grid;grid-template-columns:54px 18px 1fr;align-items:center;text-align:left;gap:8px}
 .snake-game .game-icon{margin:0;height:48px}.snake-node{margin:0;justify-self:center}.snake-game .game-meta span{margin-bottom:2px}
 .snake-game .game-meta strong{font-size:14px}
}


/* Exact timeline coordinate system: labels, ticks and bars share the same percentages. */
.bike-axis,.life-axis{position:relative;display:block!important}
.bike-axis span,.life-axis span{position:absolute;left:var(--pos);bottom:7px;transform:translateX(-50%);white-space:nowrap;text-align:center}
.bike-axis span:first-child,.life-axis span:first-child{transform:none}
.bike-axis span:last-child,.life-axis span:last-child{transform:translateX(-100%)}
.bike-track,.life-track{background:none!important;overflow:visible}
.track-tick{position:absolute;left:var(--pos);top:-1px;bottom:-1px;width:1px;background:rgba(70,61,51,.18);z-index:0;pointer-events:none}
.bike-bar,.life-bar,.life-now-marker{z-index:1}
@media(max-width:760px){.bike-axis,.life-axis{display:none!important}.track-tick{display:none}}