@font-face{font-family:Manrope;src:url('/onno/assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#fff4df;--ink:#3b251f;--orange:#f2763b;--sage:#a2ad83;--line:#3b251f30;--gutter:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 Manrope,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,5.4rem);font-weight:750}h2{font-size:clamp(2rem,4vw,4rem);font-weight:750}h3{font-size:clamp(1.5rem,2.2vw,2.3rem)}p{max-width:65ch}.eyebrow{font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;font-weight:750}.muted{opacity:.8}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--gutter);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.studio-mark{font-size:.875rem;line-height:1.25;font-weight:750;text-decoration:none;letter-spacing:.02em}.studio-mark span{display:block;font-size:.75rem;font-weight:450;letter-spacing:.04em;margin-top:3px}.site-nav{display:flex;gap:clamp(16px,2vw,32px);align-items:center}.site-nav a{text-decoration:none;font-size:.875rem}.site-nav a:hover{text-decoration:underline}.wrap{max-width:1680px;margin:auto;padding:0 var(--gutter)}.hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:4vw;padding-top:56px;padding-bottom:72px}.hero-logo{width:100%;margin:26px 0 10px}.hero h1{font-size:clamp(1.7rem,2.6vw,3.2rem);margin:10px 0 22px}.hero p{font-size:1.05rem}.hero-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-photo figcaption{font-size:.875rem;margin-top:12px}.status{display:inline-block;border:1px solid currentColor;padding:6px 12px;font-size:.875rem;font-weight:650}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:650;border:1px solid var(--ink);cursor:pointer}.button.alt{background:transparent;color:var(--ink)}.button:hover{background:var(--orange);color:var(--ink)}section{padding-top:82px;padding-bottom:82px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:14px}.section-head>p{max-width:450px}.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.route{min-width:0}.route-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:20px 0 12px}.route-title span{font-size:.875rem}.route p{font-size:1rem}.route .route-num{display:block;margin:0 0 12px;font-size:.875rem;font-weight:750}.image-link{display:block;text-decoration:none;cursor:zoom-in;position:relative}.image-link img{width:100%}.image-link::after{content:'Ampliar';position:absolute;right:10px;bottom:10px;padding:3px 9px;background:var(--paper);color:var(--ink);font-size:.75rem;border:1px solid var(--line);opacity:0;transition:opacity .15s}.image-link:hover::after,.image-link:focus-visible::after{opacity:1}.palette-strip{display:flex;height:16px;margin:22px 0 14px;border:1px solid var(--line)}.palette-strip span{background:var(--color);flex:var(--ratio)}details{margin-top:18px;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:650}details>div{padding:10px 0 20px}details .image-link{margin-bottom:20px}details p+p{margin-top:12px}.recommendation{margin-top:50px;background:var(--orange);padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:1fr 1.35fr;gap:30px}.recommendation .eyebrow{margin-bottom:12px}.recommendation p{font-size:1.125rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.split h3{margin-bottom:18px}.large-logo{padding:36px;background:#fff;margin-bottom:22px}.logo-versions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-versions figure{background:#fff}.logo-versions img{width:100%}.logo-versions figcaption{padding:0 18px 14px;font-size:.875rem}.mono-proof{margin-top:44px}.spelling{margin-top:60px}.spelling p{margin-top:14px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}.swatch{height:110px;background:var(--color);border:1px solid var(--line);margin-bottom:14px}.color-grid h3{font-size:1.125rem;letter-spacing:0}.color-grid p{font-size:.875rem;margin-top:5px}.type-specimen{font-size:clamp(1.8rem,3.8vw,3.5rem);line-height:1.25;font-weight:750;margin:40px 0 20px}.type-note{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}.application{min-width:0}.application.wide{grid-column:1/-1}.application img{width:100%}.application.wide img{max-height:790px;object-fit:contain;background:#e8e2d9}.application.portrait img{height:clamp(350px,50vw,650px);object-fit:contain;background:#eee7dc}.application figcaption{margin-top:15px;font-size:.9375rem}.application figcaption strong{display:block;font-size:1.125rem;margin-bottom:5px}.subheading{margin:58px 0 28px;font-size:1.5rem}.revision{background:var(--ink);color:var(--paper)}.revision .status{margin-top:26px}.revision .split{margin-top:34px}.revision h3{font-size:1.5rem}.revision ul{padding-left:20px}.revision li{margin:10px 0}.revision a:focus-visible{outline-color:var(--paper)}.downloads{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:42px;padding-bottom:42px}.downloads p{font-size:.9375rem}.credits{border-top:1px solid var(--line);padding:30px var(--gutter) 40px;display:flex;justify-content:space-between;gap:25px;font-size:.875rem}.credits p{max-width:80ch}dialog{width:96vw;max-width:1500px;height:94dvh;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#201713d9}.lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px;border-bottom:1px solid var(--line)}.lightbox-top p{font-size:.9375rem;font-weight:650}.close-dialog{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:9px 16px;cursor:pointer;min-height:44px;flex-shrink:0}.lightbox-image{width:100%;height:calc(94dvh - 80px);object-fit:contain}.home-main{min-height:calc(100svh - 180px);padding-top:65px;padding-bottom:70px}.home-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.home-head h1{max-width:15ch}.home-head p{max-width:33ch}.project-link{display:grid;grid-template-columns:1fr 1.05fr;text-decoration:none;background:var(--ink);color:var(--paper)}.project-link>div{padding:clamp(26px,5vw,75px);display:flex;flex-direction:column;justify-content:center;align-items:start}.project-link .home-onno{width:min(450px,100%);margin:8px 0 24px}.project-link .home-cover{width:100%;height:100%;object-fit:cover}.project-link .button{border-color:var(--paper);margin-top:30px}.project-link:hover .button{background:var(--orange);border-color:var(--orange);color:var(--ink)}.not-found{max-width:700px;padding-top:100px;padding-bottom:100px}.not-found p{margin:30px 0}
@media(max-width:1000px){.hero{gap:25px}.routes{gap:18px}.route-title{display:block}.route-title span{display:block;margin-top:8px}.section-head{display:block}.section-head>p{margin-top:24px;max-width:65ch}.split{gap:30px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation{grid-template-columns:1fr}.home-head{display:block}.home-head p{margin-top:24px;max-width:55ch}}
@media(max-width:700px){html{scroll-padding-top:127px}.site-header{display:block;padding-top:13px;padding-bottom:10px}.studio-mark span{display:inline;margin-left:8px}.site-nav{margin-top:13px;gap:22px;overflow-x:auto;padding:0 0 3px;white-space:nowrap}.site-nav a{min-height:32px;display:inline-flex;align-items:center}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:44px}.hero-copy{max-width:560px}.hero-logo{max-width:380px;margin:12px 0 0}.hero h1{margin-top:0}.hero-photo{margin-top:8px}.hero p{font-size:1rem}.actions{margin-top:22px}section{padding-top:50px;padding-bottom:50px}.routes{grid-template-columns:1fr;gap:42px}.route-title{display:flex}.route-title span{margin-top:0}.recommendation{margin-top:35px}.split,.type-note{grid-template-columns:1fr;gap:26px}.logo-versions{gap:12px}.large-logo{padding:18px}.color-grid{gap:24px 15px}.swatch{height:80px}.spelling{margin-top:38px}.applications{grid-template-columns:1fr;gap:32px}.application.wide{grid-column:auto}.application.portrait img{height:540px;max-height:110vw}.application.wide img{max-height:none}.downloads{display:block}.downloads .button{margin-top:24px}.credits{display:block}.credits p+p{margin-top:16px}.home-main{padding-top:38px}.home-head{margin-bottom:32px}.project-link{grid-template-columns:1fr}.project-link>div{padding:30px}.project-link .home-onno{width:270px}.home-head h1{font-size:2.8rem}.home-cover{aspect-ratio:3/2}.image-link::after{opacity:1}dialog{width:100vw;height:100dvh;max-width:none;max-height:none}.lightbox-image{height:calc(100dvh - 92px)}.lightbox-top{min-height:80px}.status{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header{position:static}.site-nav,.actions,.image-link::after,dialog{display:none}section{break-inside:avoid}.image-link{cursor:auto}body{background:#fff}details>div{display:block}a{text-decoration:none}}
/* Keep long headings and labels usable with enlarged system text. */
body{overflow-wrap:anywhere}.split>div{min-width:0}.route-title{flex-wrap:wrap}
section.wrap{padding-top:72px;padding-bottom:72px}
@media(max-width:700px){section.wrap{padding-top:48px;padding-bottom:48px}}