/* Arco Labs — Estação de operação. Identidade oficial, página de estudo local. */
html { scroll-behavior: auto; }
body.station-page { --station-rule: rgba(214,229,223,.22); --station-dim: #94aaa9; background: var(--space); color: var(--mist); }
body.station-page a { text-decoration: none; }
body.station-page a:focus-visible, body.station-page [tabindex]:focus-visible { outline: 2px solid var(--signal); outline-offset: 5px; }
body.station-page em { font-style: normal; color: var(--signal); }
.station-page ::selection { color: var(--space); background: var(--signal); }
.station-skip { position: fixed; top: -80px; left: 20px; z-index: 100; padding: 12px 18px; background: var(--signal); color: var(--space); }
.station-skip:focus { top: 12px; }

.station-header { position: relative; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 78px; padding: 12px clamp(22px,3.3vw,58px); border-bottom: 1px solid var(--station-rule); background: var(--space); }
.station-brand { display: inline-flex; flex: 0 0 auto; align-items: center; }
.station-brand img { display: block; height: 36px; width: auto; }
.station-nav { display: flex; align-items: center; gap: clamp(18px,2.4vw,40px); font-size: 13px; }
.station-nav a { transition: color .2s ease; }
.station-nav a:hover { color: var(--signal); }
.station-nav .nav-contact { display: inline-flex; gap: 28px; align-items: center; padding: 12px 16px; border: 1px solid var(--station-rule); }
.station-nav .nav-contact:hover { border-color: var(--signal); }

.station-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--station-rule); }
.station-hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .38; background-image: linear-gradient(rgba(214,229,223,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(214,229,223,.06) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,black 45%,black); }
.station-hero::before { content: ""; position: absolute; z-index: -1; width: min(70vw,950px); aspect-ratio: 1; left: -35%; top: -85%; border-radius: 50%; background: radial-gradient(circle,rgba(61,99,97,.22),transparent 62%); }
.station-hero-main { width: min(100%,1690px); min-height: min(720px,calc(100svh - 125px)); margin: auto; padding: clamp(34px,5vw,76px) clamp(22px,3.3vw,58px) 48px; display: grid; grid-template-columns: minmax(340px,.86fr) minmax(590px,1.14fr); gap: clamp(30px,4vw,72px); align-items: center; }
.hero-copy { align-self: center; padding-bottom: 12px; }
.hero-index, .section-coordinate, .case-overline, .case-state, .carousel-heading > div > span, .case-decision > span, .method-intro > span, .contact-label { font: 11px/1.5 var(--label); letter-spacing: .1em; text-transform: uppercase; }
.hero-index { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--signal); }
.signal-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 18px var(--signal); }
.index-divider { color: #6b8582; }
.hero-copy h1 { max-width: 690px; margin: 28px 0 27px; font-size: clamp(67px,6.6vw,124px); line-height: .89; font-weight: 600; letter-spacing: -.077em; }
.hero-copy h1 em { display: inline-block; }
.hero-copy p { max-width: 450px; font-size: clamp(17px,1.45vw,21px); line-height: 1.42; color: #bbceca; }
.hero-jump { display: inline-flex; gap: 36px; justify-content: space-between; min-width: 240px; margin-top: 36px; padding: 15px 0; border-top: 1px solid var(--signal); color: var(--signal); font-size: 14px; transition: gap .25s; }
.hero-jump:hover { gap: 50px; }

.station-console { min-width: 0; box-shadow: 0 32px 90px rgba(0,0,0,.35); }
.console-topline, .console-bottomline { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 9px 13px; font: 10px/1.4 var(--label); letter-spacing: .06em; text-transform: uppercase; }
.console-topline { border: 1px solid #3a5554; border-bottom: 0; color: #a6c2bd; background: #17272a; }
.console-stage { position: relative; height: clamp(320px,34vw,535px); overflow: hidden; border: 1px solid #3a5554; background: #172528; }
.console-stage::before { content: ""; position: absolute; inset: 0; z-index: 8; pointer-events: none; border: 18px solid rgba(12,22,27,.2); }
.stage-crosshair { position: absolute; z-index: 9; width: 28px; height: 28px; opacity: .72; pointer-events: none; }
.stage-crosshair::before,.stage-crosshair::after { content: ""; position: absolute; background: var(--signal); }
.stage-crosshair::before { width: 28px; height: 1px; top: 13px; }
.stage-crosshair::after { height: 28px; width: 1px; left: 13px; }
.stage-crosshair-a { top: 18px; left: 18px; }.stage-crosshair-b { bottom: 18px; right: 18px; }
.stage-pane { position: absolute; inset: 0; visibility: hidden; opacity: 0; overflow: hidden; }
.stage-pane[aria-hidden="false"] { visibility: visible; opacity: 1; }
.stage-pane[data-leaving] { visibility: visible; opacity: 1; }
.pane-paiva { background: radial-gradient(circle at 70% 25%,#675d7a,#252636 52%,#111d23); }
.pane-paiva::before { content: "PAIVA"; position: absolute; top: -12%; left: -4%; font: 800 clamp(130px,20vw,330px)/1 var(--display); letter-spacing: -.09em; color: rgba(248,245,237,.045); }
.paiva-site-frame { position: absolute; top: 9%; left: 7%; width: 79%; height: 71%; overflow: hidden; transform: rotate(-3deg); transform-origin: center; box-shadow: 0 30px 50px rgba(0,0,0,.42); background: #e8e4da; }
.frame-bar { display: flex; justify-content: space-between; gap: 10px; padding: 9px 13px; background: var(--space); color: var(--mist); font: 9px/1.2 var(--label); letter-spacing: .06em; }
.paiva-site-frame img { display: block; width: 100%; height: calc(100% - 30px); object-fit: cover; object-position: top center; }
.paiva-poster-frame { position: absolute; right: 4%; bottom: 7%; width: 29%; height: 60%; transform: rotate(5deg); box-shadow: 0 22px 38px rgba(0,0,0,.52); background: #c6c0b4; }
.paiva-poster-frame img { width: 100%; height: 100%; display: block; object-fit: cover; }
.stage-stamp { position: absolute; left: 4%; bottom: 5%; z-index: 1; padding: 8px 11px; border: 1px solid rgba(214,229,223,.4); background: rgba(12,22,27,.87); color: var(--mist); font: 9px/1.2 var(--label); letter-spacing: .1em; }
.stage-stamp span { color: var(--signal); }
.pane-pass { background: radial-gradient(circle at 65% 50%,#294640 0,#142c2b 38%,#0d2025 74%); }
.pane-pass::before { content: "PASS"; position: absolute; right: -3%; bottom: -17%; font: 800 clamp(150px,22vw,360px)/1 var(--display); letter-spacing: -.11em; color: rgba(214,229,223,.045); }
.pass-live-frame { position: absolute; top: 12%; left: 6%; width: 87%; overflow: hidden; transform: rotate(-2deg); border: 1px solid #60726d; background: #101019; box-shadow: 23px 28px 0 rgba(209,238,135,.22),0 38px 55px rgba(0,0,0,.5); }
.pass-live-frame img { display: block; width: 100%; height: auto; }
.pass-side-note { position: absolute; right: 4%; bottom: 5%; font: 10px var(--label); color: var(--signal); }.pass-side-note span { margin: 0 6px; }
.pane-nave { background: radial-gradient(circle at 50% 20%,#31514a,#0c1e22 70%); }
.pane-nave::before { content: "NAVE"; position: absolute; bottom: -17%; right: 3%; font: 800 clamp(140px,21vw,340px)/1 var(--display); letter-spacing: -.09em; color: rgba(214,229,223,.045); }
.nave-screen-frame { position: absolute; top: 8%; left: 7%; width: 85%; height: 75%; transform: perspective(1100px) rotateY(-8deg) rotateX(4deg); transform-origin: left center; background: #10191c; box-shadow: 25px 35px 50px rgba(0,0,0,.5); }
.nave-screen-frame img { width: 100%; height: calc(100% - 30px); display: block; object-fit: cover; object-position: top center; }
.nave-stage-flow { position: absolute; right: 5%; bottom: 6%; z-index: 1; display: flex; gap: 9px; align-items: center; padding: 10px 14px; background: var(--signal); color: var(--space); font: 9px var(--label); }.nave-stage-flow b { font-weight: 400; }
.pane-nave .stage-stamp { bottom: auto; top: 5%; left: auto; right: 5%; }
.console-switches { display: grid; grid-template-columns: repeat(3,1fr); border-left: 1px solid #3a5554; border-right: 1px solid #3a5554; }
.console-switches a { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 84px; padding: 12px 14px 11px; border-right: 1px solid #3a5554; background: #122227; transition: background .2s,color .2s; }.console-switches a:last-child { border-right: 0; }
.console-switches a::before { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 3px; background: transparent; }.console-switches a[aria-current="true"]::before { background: var(--signal); }
.console-switches a:hover,.console-switches a[aria-current="true"] { background: #203630; }
.console-switches span,.console-switches small { font: 9px/1.3 var(--label); color: #91aba8; }.console-switches strong { margin: 5px 0 3px; font: 600 17px/1 var(--display); }.console-switches a[aria-current="true"] strong { color: var(--signal); }
.console-bottomline { border: 1px solid #3a5554; border-top: 0; color: #91aba8; background: #122227; }
.console-bottomline a { flex: 0 0 auto; color: var(--signal); }.console-bottomline a:hover { text-decoration: underline; }
.hero-bottom { display: flex; justify-content: space-between; padding: 12px clamp(22px,3.3vw,58px); border-top: 1px solid var(--station-rule); font: 10px var(--label); letter-spacing: .09em; color: var(--station-dim); }

.work-intro,.case-chapter,.station-method,.station-contact { padding-left: clamp(22px,5vw,86px); padding-right: clamp(22px,5vw,86px); }
.work-intro { padding-top: clamp(80px,9vw,145px); padding-bottom: clamp(90px,10vw,155px); background: var(--mist); color: var(--space); }
.section-coordinate { color: #54726d; }
.work-intro-copy { display: grid; grid-template-columns: 1.15fr .65fr; align-items: end; gap: 60px; margin: 30px 0 76px; }
.work-intro h2,.case-head h2,.method-intro h2,.station-contact h2 { font-size: clamp(54px,7.6vw,125px); line-height: .92; font-weight: 600; letter-spacing: -.07em; }.work-intro h2 em { color: #758c55; }
.work-intro-copy p { max-width: 430px; padding-bottom: 9px; font-size: clamp(16px,1.45vw,20px); line-height: 1.5; }
.work-index { border-top: 1px solid rgba(12,22,27,.3); }.work-index a { display: grid; grid-template-columns: 1fr 2fr 1.3fr; gap: 20px; align-items: center; min-height: 105px; border-bottom: 1px solid rgba(12,22,27,.3); transition: padding .25s,background .25s; }.work-index a:hover { padding-left: 18px; background: rgba(255,255,255,.25); }
.work-index span { font: 10px/1.5 var(--label); letter-spacing: .05em; }.work-index strong { font: 600 clamp(30px,3.8vw,58px)/1 var(--display); letter-spacing: -.05em; }

.case-chapter { padding-top: clamp(85px,11vw,160px); padding-bottom: clamp(85px,11vw,160px); border-top: 1px solid rgba(214,229,223,.15); }
.case-overline { display: flex; justify-content: space-between; gap: 20px; padding-top: 14px; border-top: 1px solid currentColor; color: var(--signal); }
.case-head-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: end; margin: 45px 0 75px; }
.case-head h2 { font-size: clamp(65px,8.7vw,148px); }.case-head-grid > div { max-width: 520px; padding-bottom: 7px; }.case-head-grid p { font-size: clamp(18px,1.85vw,25px); line-height: 1.4; }.case-state { display: inline-block; margin-top: 28px; padding: 9px 12px; border: 1px solid currentColor; color: var(--signal); }
.case-proof { display: grid; gap: clamp(14px,2vw,32px); }.case-proof figure,.nave-capture { margin: 0; min-width: 0; }.case-proof figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 11px 1px; font: 10px var(--label); text-transform: uppercase; letter-spacing: .05em; }
.paiva-proof { grid-template-columns: 1.6fr .65fr; align-items: end; }.proof-site img { display: block; width: 100%; aspect-ratio: 1561/889; object-fit: contain; }.proof-portrait img { display: block; width: 100%; aspect-ratio: .72; object-fit: cover; }
.case-paiva { background: #e5e3dc; color: var(--space); }body.station-page .case-paiva em { color: #4f6c45; }.case-paiva .case-overline,.case-paiva .case-state { color: #485e4b; }.case-paiva .proof-site img { border: 1px solid #aaa9a1; }.case-paiva .proof-portrait img { border: 1px solid #aaa9a1; }
.case-decision { display: grid; grid-template-columns: .55fr 1.45fr; gap: 50px; margin-top: clamp(60px,7vw,108px); padding: 22px 0; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }.case-decision > span { padding-top: 6px; }.case-decision p { max-width: 950px; font: 500 clamp(25px,3.4vw,49px)/1.14 var(--display); letter-spacing: -.045em; }
.carousel-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin: 110px 0 24px; }.carousel-heading h3 { margin-top: 12px; max-width: 670px; font-size: clamp(32px,4.2vw,64px); line-height: 1.02; font-weight: 600; }.carousel-heading p { max-width: 270px; font-size: 14px; }
.carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; font: 11px var(--label); letter-spacing: .08em; }.carousel-controls > div { display: flex; gap: 8px; }.carousel-controls button { width: 48px; height: 44px; border: 1px solid currentColor; background: transparent; color: inherit; font: 23px/1 var(--display); cursor: pointer; transition: background .2s,color .2s; }.carousel-controls button:hover:not(:disabled) { background: var(--space); color: var(--mist); }.carousel-controls button:disabled { opacity: .32; cursor: default; }
.paiva-carousel { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-color: #708b52 transparent; padding-bottom: 18px; }.paiva-carousel figure { flex: 0 0 clamp(230px,28vw,400px); margin: 0; scroll-snap-align: start; }.paiva-carousel img { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; }.paiva-carousel figcaption { padding: 8px 0; font: 10px var(--label); }
.case-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 60px; padding-top: 15px; border-top: 1px solid currentColor; font-size: 13px; opacity: .78; }.case-foot strong { display: block; margin-bottom: 7px; font: 10px var(--label); text-transform: uppercase; letter-spacing: .06em; }.case-foot a { text-decoration: underline; }

.case-pass { background: #142c2a; }.case-pass .case-head h2 em { color: var(--signal); }
.pass-proof { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(310px,.6fr); min-height: 530px; overflow: hidden; border: 1px solid #5a786f; background: #101519; }
.pass-site-capture { display: flex; flex-direction: column; min-width: 0; margin: 0; background: #101019; }.pass-site-capture .capture-top { color: var(--signal); }.pass-site-capture img { display: block; width: 100%; height: auto; margin: auto 0; }.pass-expand { display: inline-flex; align-self: flex-start; align-items: center; min-height: 44px; margin: 12px 17px 0; padding: 8px 12px; border: 1px solid var(--signal); color: var(--signal); font: 11px var(--label); letter-spacing: .05em; }.pass-expand:hover { background: var(--signal); color: var(--space); }.pass-site-capture figcaption { margin-top: auto; padding: 14px 17px; font-size: 12px; color: #b6c9c0; }
.pass-flow-card { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(24px,2.8vw,46px); background: var(--signal); color: var(--space); }.pass-flow-card > span,.pass-flow-end { font: 10px var(--label); letter-spacing: .05em; }.pass-flow-card ol { list-style: none; margin: 30px 0; padding: 0; }.pass-flow-card li { display: grid; grid-template-columns: 36px 1fr; align-items: baseline; gap: 10px; padding: 15px 0; border-bottom: 1px solid rgba(12,22,27,.34); }.pass-flow-card li b { font: 11px var(--label); }.pass-flow-card li strong { font: 550 clamp(23px,2.8vw,40px)/1 var(--display); }.pass-flow-card li small { grid-column: 2; font: 10px var(--label); color: #405b48; }.pass-flow-end { display: flex; justify-content: space-between; gap: 15px; }.pass-flow-end a { color: var(--space); text-decoration: underline; text-underline-offset: 4px; }
.case-pass .case-decision { border-color: rgba(214,229,223,.42); }.case-pass .case-foot { border-color: rgba(214,229,223,.42); }

.case-nave { background: var(--space); }.case-nave .case-head h2 { max-width: 980px; }
.nave-proof { display: grid; grid-template-columns: 1.4fr .6fr; gap: 24px; align-items: stretch; }.nave-capture { border: 1px solid #3f5b57; background: #192b2a; }.capture-top { display: flex; justify-content: space-between; gap: 10px; padding: 13px 17px; font: 10px var(--label); letter-spacing: .06em; color: var(--signal); }.nave-capture img { display: block; width: 100%; aspect-ratio: 1.5; object-fit: cover; object-position: top center; }.nave-capture figcaption { padding: 15px 17px; font-size: 12px; color: #a9b9b2; }
.nave-sequence { list-style: none; padding: 0; margin: 0; display: grid; grid-template-rows: repeat(4,1fr); border-top: 1px solid #3f5b57; }.nave-sequence li { padding: 16px 22px; border-bottom: 1px solid #3f5b57; }.nave-sequence span { font: 10px var(--label); color: var(--signal); }.nave-sequence strong { display: block; margin: 7px 0 3px; font: 550 clamp(25px,2.6vw,39px)/1 var(--display); }.nave-sequence p { font-size: 12px; color: #abc1b9; }
.nave-sequence li.is-active { background: rgba(209,238,135,.09); box-shadow: inset 3px 0 var(--signal); }

.station-method { padding-top: clamp(100px,12vw,190px); padding-bottom: clamp(110px,13vw,200px); background: #2b3c39; }.method-intro { display: grid; grid-template-columns: .35fr 1.2fr .7fr; gap: 45px; align-items: end; }.method-intro > span { align-self: start; color: var(--signal); }.method-intro h2 { font-size: clamp(50px,6.7vw,110px); }.method-intro p { max-width: 330px; padding-bottom: 10px; font-size: 17px; }.method-tracks { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; margin-top: 100px; }.method-tracks a { display: flex; flex-direction: column; min-height: 230px; padding: 18px 0; border-top: 1px solid var(--signal); border-bottom: 1px solid var(--station-rule); transition: padding .25s; }.method-tracks a:hover { padding-left: 12px; }.method-tracks span { font: 10px var(--label); color: var(--signal); }.method-tracks strong { margin-top: auto; font: 550 clamp(28px,3vw,46px)/1 var(--display); }.method-tracks small { margin-top: 12px; font-size: 13px; color: #b6c9c0; }
.station-contact { padding-top: clamp(110px,13vw,205px); padding-bottom: clamp(110px,13vw,205px); background: var(--signal); color: var(--space); }.station-contact em { color: #52735a !important; }.station-contact h2 { margin: 24px 0 80px; font-size: clamp(65px,9.7vw,160px); }.contact-bottom { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 50px; padding-top: 20px; border-top: 1px solid var(--space); }.contact-bottom p { max-width: 460px; font-size: clamp(17px,1.5vw,22px); line-height: 1.45; }.contact-bottom a { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 24px; background: var(--space); color: var(--mist); font-size: clamp(17px,2vw,27px); transition: transform .25s,background .25s; }.contact-bottom a:hover { transform: translateY(-4px); background: #264039; }.contact-bottom a span { font-size: 1.35em; }
.station-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px clamp(22px,5vw,86px); background: var(--space); font: 10px var(--label); letter-spacing: .06em; }.station-footer img { width: auto; height: 30px; display: block; }.station-footer a:hover { color: var(--signal); }

/* Override HTML dimension hints when case images scale inside responsive grids. */
.proof-site img,.proof-portrait img,.paiva-carousel img,.nave-capture img { height: auto; }

@media (max-width: 1180px) {
  .station-hero-main { grid-template-columns: minmax(290px,.8fr) minmax(480px,1.2fr); gap: 25px; }
  .hero-copy h1 { font-size: clamp(60px,6.4vw,86px); }
  .console-stage { height: 400px; }
  .pass-proof { min-height: 520px; }
}
@media (max-width: 870px) {
  .station-hero-main { min-height: auto; grid-template-columns: 1fr; padding-top: 65px; gap: 38px; }
  .hero-copy h1 { max-width: 700px; font-size: clamp(70px,11vw,110px); }.hero-copy p { max-width: 650px; }.hero-jump { margin-top: 20px; }
  .station-console { max-width: 790px; width: 100%; justify-self: center; }.console-stage { height: clamp(370px,54vw,520px); }
  .work-intro-copy,.case-head-grid { gap: 35px; }.case-head h2 { font-size: clamp(65px,9vw,105px); }
  .pass-proof { grid-template-columns: minmax(0,1fr); }.pass-flow-card { min-height: 410px; }
  .method-intro { grid-template-columns: 1fr 1.6fr; }.method-intro p { grid-column: 2; }
}
@media (max-width: 620px) {
  html { scroll-padding-top: 25px; }.station-header { min-height: 65px; padding: 10px 20px; }.station-brand img { height: 27px; }.station-nav { gap: 12px; }.station-nav a:not(.nav-contact) { display: none; }.station-nav .nav-contact { gap: 11px; padding: 10px; font-size: 12px; }
  .station-hero-main { grid-template-columns: minmax(0,1fr); padding: 48px 18px 36px; gap: 30px; }.hero-index { font-size: 9px; }.hero-copy h1 { margin: 20px 0 18px; font-size: clamp(62px,13vw,86px); }.hero-copy p { font-size: 16px; max-width: 500px; }.hero-jump { min-width: 195px; margin-top: 16px; }
  .console-topline,.console-bottomline { font-size: 9px; }.console-topline span:last-child { display: none; }.console-stage { height: min(91vw,430px); }.paiva-site-frame { width: 85%; left: 3%; top: 11%; height: 67%; }.paiva-poster-frame { right: 3%; bottom: 6%; width: 34%; }.stage-stamp { font-size: 9px; }.pass-live-frame { width: 91%; left: 4%; top: 17%; box-shadow: 12px 15px 0 rgba(209,238,135,.22),0 22px 35px rgba(0,0,0,.5); }.pass-live-frame .frame-bar { font-size: 7px; }.nave-screen-frame { left: 3%; width: 93%; height: 70%; }.nave-stage-flow { right: 2%; left: 2%; justify-content: center; flex-wrap: wrap; font-size: 8px; }
  .console-switches a { min-height: 76px; padding: 9px 8px; }.console-switches strong { font-size: 15px; }.console-switches small { font-size: 9px; }.console-bottomline [data-station-caption] { max-width: 55%; }.hero-bottom { padding: 10px 18px; font-size: 9px; }
  .work-intro,.case-chapter,.station-method,.station-contact { padding-left: 20px; padding-right: 20px; }.work-intro { padding-top: 80px; padding-bottom: 85px; }.work-intro-copy { display: block; margin: 23px 0 42px; }.work-intro h2 { font-size: clamp(54px,11vw,80px); }.work-intro-copy p { margin-top: 24px; font-size: 16px; }.work-index a { grid-template-columns: 1fr auto; gap: 2px 10px; min-height: 93px; }.work-index a strong { grid-column: 1; grid-row: 2; font-size: 35px; }.work-index a span:last-child { grid-column: 2; grid-row: 2; max-width: 120px; text-align: right; font-size: 8px; }
  .case-chapter { padding-top: 90px; padding-bottom: 90px; }.case-overline { font-size: 9px; }.case-head-grid { display: block; margin: 31px 0 40px; }.case-head h2 { font-size: clamp(69px,13vw,105px); }.case-head-grid > div { margin-top: 24px; }.case-head-grid p { font-size: 18px; }.case-state { margin-top: 21px; font-size: 9px; }.paiva-proof { grid-template-columns: 1fr; gap: 24px; }.proof-site img { aspect-ratio: 1561/889; }.proof-portrait { width: min(64%,270px); }.proof-portrait img { aspect-ratio: 1000/1200; }.case-proof figcaption { display: block; font-size: 9px; }.case-proof figcaption span { display: block; margin-bottom: 3px; }
  .case-decision { grid-template-columns: 1fr; gap: 20px; margin-top: 65px; }.case-decision p { font-size: clamp(29px,7vw,45px); }.carousel-heading { display: block; margin: 75px 0 21px; }.carousel-heading h3 { font-size: 43px; }.carousel-heading p { margin-top: 17px; }.paiva-carousel { margin-right: -20px; padding-right: 20px; }.paiva-carousel figure { flex-basis: min(72vw,335px); }.case-foot { grid-template-columns: 1fr; gap: 20px; margin-top: 45px; }
  .pass-proof { display: block; min-height: auto; }.pass-site-capture .capture-top span:last-child { display: none; }.pass-flow-card { min-height: 390px; }.pass-flow-card li { grid-template-columns: 25px 1fr; gap: 7px; }.pass-flow-end { font-size: 9px; }
  .nave-proof { grid-template-columns: minmax(0,1fr); }.nave-sequence { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; }.nave-sequence li { min-width: 0; min-height: 160px; padding: 18px 12px; border-right: 1px solid #3f5b57; }.nave-sequence strong { font-size: clamp(21px,6vw,27px); overflow-wrap: anywhere; }
  .method-intro { display: block; }.method-intro h2 { margin-top: 25px; font-size: clamp(53px,10vw,80px); }.method-intro p { margin-top: 25px; }.method-tracks { grid-template-columns: 1fr; gap: 0; margin-top: 65px; }.method-tracks a { min-height: 158px; }.station-contact h2 { margin-bottom: 65px; font-size: clamp(62px,12vw,100px); }.contact-bottom { grid-template-columns: 1fr; gap: 30px; }.contact-bottom a { padding: 20px; }.station-footer { flex-wrap: wrap; gap: 20px; }.station-footer a:first-child { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .hero-copy h1 { font-size: clamp(48px,15vw,54px); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }