.gordon-hero{min-height:calc(100svh - 82px);grid-template-columns:1fr;padding:72px 8vw 82px;text-align:center}.gordon-hero-copy{width:min(100%,1120px);margin:auto}.gordon-hero h1{font-size:clamp(82px,12vw,184px);line-height:.76;letter-spacing:-5px;margin:32px 0}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:35px}.hero-meta span{border:1px solid rgba(247,251,255,.35);border-radius:99px;padding:6px 9px;font:10px "DM Mono",monospace;letter-spacing:.5px;text-transform:uppercase}.gordon-hero .case-intro{margin:32px auto 0}.section-label{font:500 11px "DM Mono",monospace;letter-spacing:1.1px;text-transform:uppercase;color:#3062af;margin:0}.ink-section{background:#10202c;color:#f7fbff}.ink-section .section-label{color:var(--mint)}.case-block{padding:120px 8vw}.case-block h2{font:normal clamp(45px,6vw,84px)/.88 "Instrument Serif",serif;letter-spacing:-3px;margin:18px 0 0}.lede{font-size:clamp(20px,2.1vw,30px);line-height:1.35;max-width:800px;margin:35px 0 0}.body-copy{font-size:16px;line-height:1.65;max-width:680px}.brief{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.brief-copy{padding-bottom:105px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:72px;padding-top:20px;border-top:1px solid var(--line)}.metrics strong{display:block;font:normal clamp(30px,3vw,46px) "Instrument Serif",serif;color:#3062af}.metrics span{font:10px/1.35 "DM Mono",monospace;letter-spacing:.7px;text-transform:uppercase;display:block;margin-top:7px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--line)}.role-grid>div{padding:22px 20px 0 0}.role-grid>div+div{border-left:1px solid var(--line);padding-left:20px}.role-grid h3{font:normal clamp(26px,2.7vw,42px)/.94 "Instrument Serif",serif;margin:35px 0 15px}.role-grid ul{list-style:none;padding:0;margin:0}.role-grid li{font-size:14px;line-height:1.52;margin:6px 0}.attribution{margin-top:58px;max-width:760px;border-left:3px solid var(--coral);padding:4px 0 4px 20px;font-size:15px;line-height:1.58}.attribution strong{color:var(--coral)}
.architecture{position:relative;overflow:hidden}.architecture:after{content:"";position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.architecture>*{position:relative;z-index:1}.architecture h2{line-height:1.03;letter-spacing:-1px}.flow{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:70px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.flow div{min-height:150px;padding:19px 15px;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between}.flow div:first-child{border-left:0}.flow span{font:10px "DM Mono",monospace;color:var(--mint)}.flow strong{font:normal clamp(22px,2.1vw,32px)/.9 "Instrument Serif",serif}.flow small{font-size:11px;color:rgba(247,251,255,.68)}.architecture-note{max-width:660px;font-size:17px;line-height:1.58;color:rgba(247,251,255,.8);margin:46px 0 0}
.design-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.visual-slot{min-height:320px;background:#d8ec75;border:1px solid var(--ink);padding:22px;position:relative;overflow:hidden}.visual-slot:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:28px 28px}.visual-slot>*{position:relative}.visual-slot span{font:10px "DM Mono",monospace;letter-spacing:1px;text-transform:uppercase}.visual-slot p{position:absolute;left:22px;bottom:20px;max-width:250px;margin:0;font:normal clamp(29px,3vw,44px)/.9 "Instrument Serif",serif}.media-note{font-size:12px;line-height:1.45;margin:15px 0 0;color:rgba(9,20,27,.68)}.comparison{margin-top:45px;display:grid;grid-template-columns:1fr 72px 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.comparison span{font:10px "DM Mono",monospace;letter-spacing:1px;text-transform:uppercase;color:#3062af}.comparison strong{display:block;font:normal clamp(28px,3vw,42px)/.94 "Instrument Serif",serif;margin-top:14px}.comparison i{font:normal 52px/1 "Instrument Serif",serif;color:var(--coral);display:grid;place-items:center;transform:translate(clamp(-90px,-7vw,-40px),18px)}
.subsystem{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;border-top:1px solid var(--line)}.subsystem>div{padding:95px 0}.subsystem h2{margin-top:18px}.subsystem-copy{max-width:760px}.subsystem-copy .lede{margin-top:0}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.detail-list div{padding:14px 0;border-top:1px solid var(--line)}.detail-list span{font:10px "DM Mono",monospace;letter-spacing:.8px;text-transform:uppercase;color:#3062af}.detail-list strong{display:block;font-size:14px;line-height:1.4;margin-top:9px}.orientation-loop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:45px}.orientation-loop span{padding:9px 10px;background:#10202c;color:#f7fbff;font:10px "DM Mono",monospace;letter-spacing:.5px;text-transform:uppercase}.orientation-loop b{font-weight:400;color:var(--coral)}.orientation-loop em{width:100%;font:10px "DM Mono",monospace;color:var(--mint);margin-top:6px;font-style:normal;letter-spacing:.8px}.constraint-intro{max-width:710px}.constraint-stack{margin-top:68px;border-top:1px solid rgba(255,255,255,.3)}.constraint{display:grid;grid-template-columns:.25fr 1fr .55fr;gap:4vw;padding:35px 0;border-bottom:1px solid rgba(255,255,255,.3)}.constraint span{font:11px "DM Mono",monospace;color:var(--mint)}.constraint h3{font:normal clamp(31px,3.7vw,54px)/.9 "Instrument Serif",serif;letter-spacing:-1.5px;margin:0}.constraint p{margin:20px 0 0;max-width:600px;font-size:15px;line-height:1.62;color:rgba(247,251,255,.78)}.constraint aside{font:normal clamp(24px,3vw,42px)/.95 "Instrument Serif",serif;color:var(--coral);align-self:end}.failure-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:50px}.failure-strip span{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:7px 10px;font:10px "DM Mono",monospace;letter-spacing:.7px;text-transform:uppercase;color:var(--mint)}
.demo{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:end}.video-slot{min-height:390px;background:linear-gradient(135deg,#203f4d,#10202c);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-slot:before{content:"▶";width:72px;height:72px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;color:var(--mint);font-size:22px;padding-left:4px}.video-slot:after{content:"Add final demonstration video";position:absolute;bottom:19px;left:20px;color:rgba(247,251,255,.7);font:10px "DM Mono",monospace;letter-spacing:1px;text-transform:uppercase}.testing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;margin-top:66px}.angle-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:33px}.angle-row span{width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:12px "DM Mono",monospace}.test-card{padding:28px;background:#d3f0d0}.test-card h3{font:normal 36px/.9 "Instrument Serif",serif;margin:0 0 20px}.test-card p{font-size:15px;line-height:1.55;margin:0}.results{background:#f6d6cd}.result-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.result-callout{font:normal clamp(65px,10vw,144px)/.8 "Instrument Serif",serif;color:#3062af;margin:25px 0 0}.result-copy{font-size:clamp(20px,2.1vw,29px);line-height:1.38;padding-top:55px}.result-copy p+ p{font-size:15px;line-height:1.6;margin-top:34px}.next-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.next-grid div{padding:22px 20px 0 0}.next-grid div+div{border-left:1px solid var(--line);padding-left:20px}.next-grid span{font:10px "DM Mono",monospace;color:#3062af}.next-grid h3{font:normal 31px/.93 "Instrument Serif",serif;margin:35px 0 13px}.next-grid p{font-size:14px;line-height:1.52;margin:0}.takeaway{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.takeaway .body-copy{font-size:clamp(19px,2vw,27px);line-height:1.42;max-width:780px}.takeaway ol{margin:35px 0;padding-left:24px;font-size:16px;line-height:1.8}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid rgba(255,255,255,.28)}.archive-grid div{min-height:150px;padding:20px;border-left:1px solid rgba(255,255,255,.2)}.archive-grid div:first-child{border-left:0}.archive-grid span{font:10px "DM Mono",monospace;letter-spacing:.9px;text-transform:uppercase;color:var(--mint)}.archive-grid p{font-size:14px;line-height:1.48;color:rgba(247,251,255,.7);margin:16px 0 0}.archive-grid .archive-upload{background:rgba(204,242,204,.1)}
@media(max-width:850px){.metrics{grid-template-columns:repeat(3,1fr)}.role-grid,.next-grid,.archive-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(4,1fr)}.flow div:nth-child(5){border-left:0}.detail-list{grid-template-columns:1fr 1fr}.constraint{grid-template-columns:.25fr 1fr}.constraint aside{grid-column:2}}@media(max-width:700px){.gordon-hero{padding-bottom:50px}.case-block{padding:76px 6vw}.brief,.design-grid,.demo,.result-grid,.takeaway{display:block}.brief-copy{padding:40px 0 65px}.metrics{grid-template-columns:1fr 1fr;margin-top:45px}.role-grid,.next-grid,.archive-grid{display:block;margin-top:45px}.role-grid>div,.role-grid>div+div,.next-grid div,.next-grid div+div,.archive-grid div,.archive-grid div+div{border-left:0;border-bottom:1px solid var(--line);padding:19px 0}.archive-grid div,.archive-grid div+div{border-color:rgba(255,255,255,.28)}.flow{grid-template-columns:1fr 1fr;margin-top:42px}.flow div:nth-child(odd){border-left:0}.flow div{min-height:120px}.visual-slot{margin-top:42px;min-height:270px}.subsystem{display:block}.subsystem>div{padding:64px 0}.detail-list{grid-template-columns:1fr}.constraint{display:block;padding:29px 0}.constraint h3{margin-top:18px}.constraint aside{margin-top:25px}.video-slot{min-height:250px;margin-top:45px}.testing-grid{display:block;margin-top:42px}.test-card{margin-top:28px}.result-copy{padding-top:35px}.next-grid h3{margin:24px 0 10px}}

/* Align constraint callouts with the center of their engineering story. */
.constraint aside{align-self:center}

/* GORDON project photography, testing footage, and archive media. */
.feature-media{margin:0;background:#10202c;color:#f7fbff}.feature-media img{display:block;width:100%;height:min(58vw,780px);object-fit:cover}.feature-media figcaption,.media-figure figcaption,.video-frame figcaption{padding:14px 0;font:11px/1.45 "DM Mono",monospace;letter-spacing:.3px;color:inherit}.feature-media figcaption{padding:16px 8vw;color:rgba(247,251,255,.78)}
.media-figure{margin:42px 0 0}.media-figure img{display:block;width:100%;height:clamp(260px,33vw,500px);object-fit:cover}.media-figure.portrait img{height:clamp(360px,50vw,650px);object-position:center 35%}
.video-frame{margin:42px 0 0}.video-frame video{display:block;width:100%;max-height:560px;background:#07151c;object-fit:contain}.video-frame figcaption{color:rgba(247,251,255,.72)}
.case-block:not(.ink-section) .video-frame figcaption{color:rgba(9,20,27,.68)}
.test-card .media-figure{margin-top:24px}.test-card .media-figure img{height:360px;object-position:center 40%}.test-card .media-figure figcaption{font-size:10px;color:rgba(9,20,27,.68)}
.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}.media-gallery figure{margin:0;background:rgba(255,255,255,.07)}.media-gallery img,.media-gallery video{display:block;width:100%;height:270px;object-fit:cover;background:#07151c}.media-gallery figcaption{padding:13px;font:10px/1.45 "DM Mono",monospace;letter-spacing:.2px;color:rgba(247,251,255,.76)}.media-gallery .gallery-wide{grid-column:span 2}.media-gallery .gallery-wide img{height:390px}
@media(max-width:850px){.media-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.feature-media img{height:72vw}.media-figure img{height:70vw}.media-gallery{display:block;margin-top:45px}.media-gallery figure{margin-top:16px}.media-gallery img,.media-gallery video,.media-gallery .gallery-wide img{height:64vw}.media-gallery .gallery-wide{display:block}}

.mechanical-photo{margin:0}.mechanical-photo img{height:auto;max-height:none;object-fit:contain;background:#10202c}
.archive-instruction{margin:26px 0 -42px;font:11px "DM Mono",monospace;letter-spacing:.4px;color:rgba(247,251,255,.72)}
.gallery-image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery-image-button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.media-lightbox{width:min(94vw,1300px);max-height:92vh;padding:18px;background:#07151c;color:#f7fbff;border:1px solid rgba(255,255,255,.35)}.media-lightbox::backdrop{background:rgba(1,8,12,.82);backdrop-filter:blur(5px)}.media-lightbox img{display:block;width:100%;max-height:calc(82vh - 40px);object-fit:contain}.media-lightbox p{margin:12px 42px 0 0;font:11px/1.5 "DM Mono",monospace;color:rgba(247,251,255,.75)}.lightbox-close{position:absolute;right:12px;top:9px;width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#10202c;color:var(--mint);font-size:25px;line-height:1;cursor:pointer}.lightbox-close:hover{background:var(--coral);color:#10202c}
@media(max-width:700px){.mechanical-photo img{height:auto}.archive-instruction{margin:24px 0 -24px}.media-lightbox{width:96vw;padding:12px}.media-lightbox img{max-height:75vh}.media-lightbox p{margin-top:10px;padding-right:30px}}

.feature-media figcaption,.ink-section .media-figure figcaption,.ink-section .video-frame figcaption,.media-gallery figcaption{font-weight:600;font-size:12px;color:rgba(247,251,255,.9)}
.case-block:not(.ink-section) .media-figure figcaption,.case-block:not(.ink-section) .video-frame figcaption,.test-card .media-figure figcaption{font-weight:600;font-size:12px;color:rgba(9,20,27,.82)}
/* Geometry-built arrows are stable when fonts render differently. */
.comparison i,.orientation-loop b{width:42px;height:22px;display:inline-block;position:relative;justify-self:center;align-self:center;font-size:0;line-height:0;color:var(--coral);transform:none}.comparison i:before,.orientation-loop b:before{content:"";position:absolute;left:1px;right:2px;top:10px;height:3px;background:currentColor}.comparison i:after,.orientation-loop b:after{content:"";position:absolute;right:1px;top:5px;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}
/* Comparison states read cleanly without an in-between directional marker. */
.comparison{grid-template-columns:1fr 1fr;column-gap:8vw}.comparison i{display:none}
.takeaway h2{line-height:1}