/* Prezentace Weber Summit FS38 E na /zbozi/rada/summit.
   Roman 13. 9. 2026: „patří tam toto" — stránka summit-grilcentrum.grilcentrum.chatgpt.site
   přesně, jak vypadá. Styly té stránky (style.css, engineering.css, navrhy.css)
   jsou tu beze změny vzhledu, jen každé pravidlo platí uvnitř .summit-pr,
   aby nesáhlo na hlavičku, patičku ani zbytek webu. Vyrobeno strojově
   (scratchpad summit-gpt/obal-css.js), ručně neupravovat po kouscích. */
.summit-pr{--bg: #080809; --fg: #f4f3f2; --muted: #b1adb2; --line: #ffffff25; --red: #ed1d24; color-scheme: dark; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.summit-pr,.summit-pr *{box-sizing: border-box;}
.summit-pr{scroll-behavior: smooth; scroll-padding-top: 100px;}
.summit-pr{margin: 0px; background: var(--bg); color: var(--fg);}
.summit-pr a{color: inherit; text-decoration: none;}
.summit-pr button{font: inherit; color: inherit; cursor: pointer; border: 0px;}
.summit-pr button,.summit-pr a{-webkit-tap-highlight-color: transparent;}
.summit-pr a:focus-visible,.summit-pr button:focus-visible{outline: white solid 2px; outline-offset: 5px;}
.summit-pr img{display: block; max-width: 100%; height: auto;}
.summit-pr p{line-height: 1.7;}
.summit-pr h1,.summit-pr h2,.summit-pr p,.summit-pr figure{margin: 0px;}
.summit-pr h2{font-size: clamp(2.8rem, 5vw, 5rem); font-weight: 600; line-height: 1.06; letter-spacing: -0.045em;}
.summit-pr h2 em{font-style: normal; color: rgb(170, 166, 172);}
.summit-pr .skip{position: absolute; z-index: 100; left: 20px; top: -80px; background: white; color: black; padding: 16px;}
.summit-pr .skip:focus{top: 10px;}
.summit-pr .header{min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 5%; position: sticky; top: 0px; z-index: 30; background: rgba(8, 8, 9, 0.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(15px);}
.summit-pr .brand{display: flex; align-items: center; gap: 24px;}
.summit-pr .brand img{width: 108px;}
.summit-pr .brand > span{font-size: 0.75rem; letter-spacing: 0.16em; border-left: 1px solid rgba(255, 255, 255, 0.25); padding-left: 24px; color: rgb(203, 198, 202);}
.summit-pr .header nav{display: flex; gap: 30px; font-size: 0.875rem; color: rgb(189, 183, 190);}
.summit-pr .header nav a{padding: 10px 0px; position: relative;}
.summit-pr .header nav a.current::after{content: ""; position: absolute; bottom: 0px; height: 2px; background: var(--red); left: 0px; right: 0px;}
.summit-pr .header nav a:hover{color: white;}
.summit-pr .header-action{font-size: 0.875rem; border-bottom: 1px solid var(--red); padding: 12px 0px;}
.summit-pr .header-action span{margin-left: 28px;}
.summit-pr .eyebrow{font-size: 0.75rem; letter-spacing: 0.16em; line-height: 1.6; font-weight: 500; color: rgb(195, 190, 195); display: flex; align-items: center; gap: 14px;}
.summit-pr .eyebrow > span{width: 22px; height: 2px; background: var(--red); display: inline-block;}
.summit-pr .red{color: var(--red);}
.summit-pr .hero{position: relative; isolation: isolate; padding: 42px 5% 30px; overflow: hidden; background: radial-gradient(at 68% 64%, rgb(94, 12, 14) 0px, rgb(35, 4, 5) 28%, transparent 66%);}
.summit-pr .hero-frame{position: absolute; inset: 30px 2%; border-inline: 1px solid rgba(255, 255, 255, 0.125); pointer-events: none; z-index: -1;}
.summit-pr .hero-frame::before,.summit-pr .hero-frame::after{content: "+"; position: absolute; color: var(--red); font-size: 30px; line-height: 1; top: -14px; background: rgb(8, 8, 9);}
.summit-pr .hero-frame::before{left: -9px;}
.summit-pr .hero-frame::after{right: -9px;}
.summit-pr .hero-heading{position: relative; padding-left: 29%; z-index: 1;}
.summit-pr .hero-heading .eyebrow{margin-bottom: 6px;}
.summit-pr .hero h1{font-style: italic; font-weight: 900; font-size: clamp(5rem, 13.4vw, 13.5rem); line-height: 1; letter-spacing: -0.055em; background: linear-gradient(175deg, rgb(255, 255, 255) 5%, rgb(229, 229, 232) 40%, rgb(115, 116, 123) 57%, rgb(222, 222, 227) 76%) text; color: transparent; padding-right: 0.1em;}
.summit-pr .edition{display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.15em; color: var(--red);}
.summit-pr .edition span{font-size: 0.75rem; letter-spacing: 0.12em; color: rgb(170, 164, 170);}
.summit-pr .hero-body{display: grid; grid-template-columns: 29% 71%; align-items: center; position: relative; margin-top: -10px; padding-bottom: 42px;}
.summit-pr .hero-copy{padding: 10px 8px 0px 0px; position: relative; z-index: 3;}
.summit-pr .hero-copy .eyebrow{margin-bottom: 20px;}
.summit-pr .hero-copy h2{font-size: clamp(2.5rem, 4vw, 4.5rem); line-height: 1.03;}
.summit-pr .hero-lead{font-size: 1rem; color: rgb(182, 175, 182); margin: 24px 0px 28px; max-width: 300px;}
.summit-pr .button{display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 17px 22px; background: var(--red); font-size: 0.875rem; min-height: 54px; font-weight: 600; transition: background 0.2s;}
.summit-pr .button:hover{background: rgb(237, 29, 36);}
.summit-pr .button span{font-size: 1.2rem;}
.summit-pr .hero-product{position: relative; padding: 20px 4% 0px 0px; z-index: 2;}
.summit-pr .hero-product > img{position: relative; width: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 26px 18px);}
.summit-pr .product-floor{position: absolute; bottom: 1%; left: -10%; right: -10%; height: 35%; z-index: -1; background: radial-gradient(rgba(237, 29, 36, 0.376), transparent 65%); border-bottom: 1px solid rgba(237, 29, 36, 0.25);}
.summit-pr .vertical-label{position: absolute; right: -3%; top: 12%; writing-mode: vertical-rl; font-size: clamp(3rem, 6vw, 6rem); font-weight: 900; font-style: italic; letter-spacing: -0.04em; color: rgba(255, 255, 255, 0.08); z-index: 0;}
.summit-pr .dimension{margin: 8px 12% 0px; height: 28px; border-bottom: 1px solid rgba(126, 126, 126, 0.565); position: relative; text-align: center; font-size: 0.75rem; letter-spacing: 0.15em; color: rgb(194, 194, 194);}
.summit-pr .dimension::before,.summit-pr .dimension::after{content: ""; position: absolute; bottom: -6px; width: 1px; height: 12px; background: rgb(126, 126, 126);}
.summit-pr .dimension::before{left: 0px;}
.summit-pr .dimension::after{right: 0px;}
.summit-pr .dimension span{position: relative; top: 20px; background: rgb(28, 3, 4); padding: 0px 18px;}
.summit-pr .hero-foot{display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 22px; gap: 24px; color: rgb(166, 157, 165); font-size: 0.75rem; letter-spacing: 0.1em;}
.summit-pr .hero-foot a{color: rgb(212, 203, 210); letter-spacing: 0px;}
.summit-pr .hero-foot a span{margin-left: 22px;}
.summit-pr .numbers{display: grid; grid-template-columns: repeat(3, 1fr); padding: 35px 5%; background: linear-gradient(110deg, rgb(237, 29, 36), rgb(237, 29, 36) 50%, rgb(159, 19, 24)); border-block: 1px solid rgba(237, 29, 36, 0.25);}
.summit-pr .numbers > div{display: flex; align-items: center; justify-content: center; gap: 22px; border-right: 1px solid rgba(255, 255, 255, 0.25);}
.summit-pr .numbers > div:last-child{border: 0px;}
.summit-pr .numbers strong{font-style: italic; font-size: clamp(2.6rem, 4vw, 4.5rem); font-weight: 800; letter-spacing: -0.04em; white-space: nowrap;}
.summit-pr .numbers small{font-size: 0.4em; letter-spacing: 0px;}
.summit-pr .numbers span{font-size: 0.875rem; max-width: 125px; line-height: 1.5;}
.summit-pr .section{padding: 105px 5%; max-width: 1600px; margin: auto;}
.summit-pr .section-head{display: grid; grid-template-columns: 0.9fr 1.5fr 1fr; gap: 4%; align-items: end; margin-bottom: 55px;}
.summit-pr .section-head .eyebrow{align-self: start; padding-top: 12px;}
.summit-pr .section-head > p:last-child{color: var(--muted); font-size: 1rem; max-width: 300px;}
.summit-pr .detail-collage{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; align-items: start; margin: 0px 0px 70px;}
.summit-pr .detail-collage figure{position: relative; border: 1px solid rgba(255, 255, 255, 0.14); overflow: hidden;}
.summit-pr .detail-collage figure:nth-child(2){margin-top: 46px;}
.summit-pr .detail-collage figure:nth-child(3){margin-top: 92px;}
.summit-pr .detail-collage img{width: 100%; aspect-ratio: 1.4 / 1; object-fit: cover;}
.summit-pr .detail-collage figcaption{position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 45px 20px 18px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.867)); font-size: 0.75rem; letter-spacing: 0.1em;}
.summit-pr .detail-collage figcaption span{color: rgb(237, 29, 36); margin-right: 15px;}
.summit-pr .technology-layout{display: grid; grid-template-columns: 1.08fr 1fr; gap: 7%; align-items: center; padding-top: 40px; border-top: 1px solid var(--line);}
.summit-pr .feature-visual{background: rgb(21, 18, 21); min-width: 0px; border: 1px solid var(--line);}
.summit-pr .feature-visual > img{width: 100%; aspect-ratio: 1.2 / 1; object-fit: cover;}
.summit-pr .feature-visual > img[src*="rotisserie"]{object-fit: contain; padding: 24px;}
.summit-pr .image-label{padding: 21px 24px; display: flex; gap: 24px; font-size: 0.75rem; letter-spacing: 0.1em; border-top: 1px solid var(--line); line-height: 1.5;}
.summit-pr .image-label > span:first-child{color: var(--red);}
.summit-pr .feature{display: flex; width: 100%; align-items: baseline; gap: 20px; background: transparent; text-align: left; border-bottom: 1px solid var(--line); padding: 30px 0px;}
.summit-pr .feature:first-child{border-top: 1px solid var(--line);}
.summit-pr .feature-index{font-size: 0.75rem; color: rgb(161, 154, 164); min-width: 20px;}
.summit-pr .feature-content{flex: 1 1 0%;}
.summit-pr .feature-title{display: block; font-size: clamp(1.2rem, 1.8vw, 1.65rem); letter-spacing: -0.025em; color: rgb(166, 156, 168);}
.summit-pr .feature-description{display: block; padding-top: 20px; font-size: 1rem; line-height: 1.7; color: rgb(185, 176, 189);}
.summit-pr .feature-description[hidden]{display: none;}
.summit-pr .feature-sign{margin-left: auto; font-size: 1.4rem;}
.summit-pr .feature.active .feature-title,.summit-pr .feature:hover .feature-title{color: white;}
.summit-pr .feature.active .feature-index,.summit-pr .feature.active .feature-sign{color: var(--red);}
.summit-pr .possibilities{display: grid; grid-template-columns: 1fr 1.1fr; gap: 8%; align-items: center; padding-top: 25px; padding-bottom: 120px;}
.summit-pr .poss-copy .eyebrow{margin-bottom: 24px;}
.summit-pr .poss-copy h2{margin-bottom: 28px;}
.summit-pr .poss-copy > p:not(.eyebrow){font-size: 1rem; color: var(--muted); max-width: 490px;}
.summit-pr .note{line-height: 1.6; font-size: 0.8125rem !important; color: rgb(170, 160, 173) !important;}
.summit-pr .poss-copy .note{margin-top: 22px;}
.summit-pr .poss-bottom{border-top: 1px solid var(--line); margin-top: 32px; padding-top: 22px; display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; font-size: 0.75rem; letter-spacing: 0.1em;}
.summit-pr .poss-bottom > span:last-child{color: rgb(165, 154, 170);}
.summit-pr .poss-image{position: relative; padding: 0px 0px 24px 24px;}
.summit-pr .poss-image::before{content: ""; position: absolute; inset: 30% 20% 0px 0px; background: rgb(237, 29, 36); z-index: -1;}
.summit-pr .poss-image img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid var(--line);}
.summit-pr .lifestyle{display: grid; grid-template-columns: 1fr 1.3fr; align-items: stretch; background: rgb(18, 18, 18); border-block: 1px solid rgba(255, 255, 255, 0.07);}
.summit-pr .lifestyle > img{grid-area: 1 / 2; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 915 / 669;}
.summit-pr .lifestyle-copy{grid-area: 1 / 1; padding: 60px 12%; display: flex; flex-direction: column; justify-content: center; position: relative; background: linear-gradient(140deg, rgb(44, 5, 7), transparent);}
.summit-pr .lifestyle-copy::before{content: ""; height: 4px; width: 55px; background: var(--red); margin-bottom: 35px;}
.summit-pr .lifestyle-copy h2{font-size: clamp(2.4rem, 4.5vw, 5rem); margin-top: 22px;}
.summit-pr .lifestyle-copy .eyebrow{line-height: 1.7;}
.summit-pr .specs-layout{display: grid; grid-template-columns: 1.15fr 1fr; gap: 6%; align-items: start;}
.summit-pr .spec-figure{padding: 28px; border: 1px solid rgba(255, 255, 255, 0.19); background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 30px 30px; position: relative;}
.summit-pr .spec-figure::before,.summit-pr .spec-figure::after{content: "+"; position: absolute; color: var(--red); font-size: 28px; line-height: 1;}
.summit-pr .spec-figure::before{top: -15px; left: -10px;}
.summit-pr .spec-figure::after{bottom: -13px; right: -10px;}
.summit-pr .view-switch{display: flex; justify-content: center; gap: 6px; margin-bottom: 30px;}
.summit-pr .view-switch button{border: 1px solid rgb(83, 83, 83); background: rgb(20, 16, 20); padding: 13px 16px; font-size: 0.875rem; color: rgb(193, 183, 197);}
.summit-pr .view-switch button.selected{background: rgb(148, 18, 22); border-color: rgb(237, 29, 36); color: white;}
.summit-pr .spec-figure > img,.summit-pr #dimension-photo{width: 100%; height: 340px; object-fit: contain;}
.summit-pr .spec-dimension{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-top: 22px; margin-top: 24px; border-top: 1px solid var(--line);}
.summit-pr .spec-dimension span{font-size: 0.75rem; letter-spacing: 0.08em; color: rgb(176, 165, 181);}
.summit-pr .spec-dimension b{display: block; color: white; font-weight: 400; font-size: 1.4rem; margin-top: 10px; letter-spacing: 0px;}
.summit-pr .spec-table dl{margin: 0px;}
.summit-pr .spec-table dl > div{display: flex; justify-content: space-between; gap: 24px; padding: 19px 0px; border-bottom: 1px solid var(--line); font-size: 1rem;}
.summit-pr .spec-table dt{color: rgb(184, 173, 189);}
.summit-pr .spec-table dd{margin: 0px; text-align: right;}
.summit-pr .spec-table .note{margin-top: 24px;}
.summit-pr .source-link{display: flex; width: fit-content; max-width: 100%; margin: 35px 0px 0px auto; gap: 18px; align-items: center; color: rgb(184, 174, 189); font-size: 0.8125rem; line-height: 1.6; border-bottom: 1px solid rgb(90, 90, 90); padding-bottom: 8px;}
.summit-pr .source-link:hover{color: white;}
.summit-pr .muted{color: rgb(170, 160, 174);}
.summit-pr .closing{isolation: isolate; position: relative; padding: 85px 6% 115px; overflow: hidden; background: radial-gradient(at 90% 90%, rgb(155, 19, 24), transparent 68%), rgb(18, 2, 3);}
.summit-pr .closing-word{position: absolute; right: -0.02em; bottom: -0.12em; font-size: clamp(6rem, 22vw, 22rem); line-height: 1; font-weight: 900; font-style: italic; letter-spacing: -0.055em; color: rgba(255, 255, 255, 0.035); z-index: -1;}
.summit-pr .closing .eyebrow{margin-bottom: 24px;}
.summit-pr .closing h2{font-size: clamp(3rem, 6vw, 6rem);}
.summit-pr .closing h2 em{color: white;}
.summit-pr .closing .button{margin-top: 30px;}
.summit-pr .secondary{background: transparent; border: 1px solid rgb(123, 123, 123);}
.summit-pr .secondary:hover{background: rgb(96, 12, 15);}
.summit-pr footer{padding: 45px 5%; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: rgb(179, 169, 183);}
.summit-pr footer > div{display: flex; align-items: center; gap: 22px;}
.summit-pr footer > div img{width: 100px;}
.summit-pr footer > div span{font-size: 0.75rem; letter-spacing: 0.12em;}
.summit-pr footer p{font-size: 0.8125rem;}
.summit-pr footer > a{font-size: 0.875rem; white-space: nowrap;}
@media (min-width: 1800px){.summit-pr .hero{padding-inline: max(5%, -800px + 50vw);}
.summit-pr .hero-frame{inset-inline: calc(-850px + 50vw);}
.summit-pr .hero-body{max-width: 1600px;}
.summit-pr .hero-heading{max-width: 1600px;}
.summit-pr .hero h1{font-size: 13.5rem;}}
@media (max-width: 1100px){.summit-pr .brand > span{display: none;}
.summit-pr .hero-copy h2{font-size: 2.75rem;}
.summit-pr .hero-heading{padding-left: 26%;}
.summit-pr .hero-body{grid-template-columns: 30% 70%; margin-top: 10px;}
.summit-pr .hero-lead{font-size: 0.9375rem;}
.summit-pr .hero .button{gap: 18px; padding: 16px;}
.summit-pr .hero-copy .eyebrow{font-size: 0.75rem; letter-spacing: 0.06em;}
.summit-pr .numbers > div{flex-direction: column; gap: 7px; align-items: center; text-align: center;}
.summit-pr .numbers span{max-width: 170px;}
.summit-pr .section-head{grid-template-columns: 1fr 1.6fr;}
.summit-pr .section-head > p:last-child{grid-column: 2; max-width: 100%; margin-top: 12px;}
.summit-pr .section{padding-block: 75px;}
.summit-pr .technology-layout{gap: 4%;}
.summit-pr .feature{gap: 12px; padding: 22px 0px;}
.summit-pr .possibilities{gap: 5%;}
.summit-pr .possibilities h2{font-size: 3rem;}
.summit-pr .specs-layout{gap: 4%;}
.summit-pr .spec-figure{padding: 20px;}
.summit-pr .spec-figure > img,.summit-pr #dimension-photo{height: 300px;}
.summit-pr .spec-table dl > div{font-size: 0.875rem;}
.summit-pr .view-switch button{font-size: 0.8125rem; padding: 12px;}
.summit-pr .lifestyle-copy{padding: 35px 10%;}
.summit-pr footer{flex-wrap: wrap;}}
@media (max-width: 760px){.summit-pr{scroll-padding-top: 82px;}
.summit-pr .header{min-height: 74px; padding: 14px 20px; gap: 18px;}
.summit-pr .brand img{width: 83px;}
.summit-pr .header nav{gap: 16px; font-size: 0.8125rem;}
.summit-pr .header-action{display: none;}
.summit-pr .hero{padding: 32px 24px 25px;}
.summit-pr .hero-frame{inset: 28px 12px;}
.summit-pr .hero-heading{padding-left: 0px;}
.summit-pr .hero-heading .eyebrow{font-size: 0.75rem; letter-spacing: 0.1em;}
.summit-pr .hero h1{font-size: 19vw; margin-top: 10px; letter-spacing: -0.055em;}
.summit-pr .edition{font-size: 1.15rem; margin-top: 8px;}
.summit-pr .edition span{font-size: 0.75rem; letter-spacing: 0.04em;}
.summit-pr .hero-body{display: flex; flex-direction: column; margin-top: 16px; padding-bottom: 30px;}
.summit-pr .hero-product{order: 0; padding: 10px 0px 0px; width: 100%; margin-bottom: 40px;}
.summit-pr .hero-product > img{width: 100%;}
.summit-pr .hero-copy{order: 1; width: 100%; padding: 0px;}
.summit-pr .hero-copy .eyebrow{margin-bottom: 14px;}
.summit-pr .hero-copy h2{font-size: 2.5rem; line-height: 1.08;}
.summit-pr .hero-copy h2 br{display: none;}
.summit-pr .hero-copy h2 br::after{content: " ";}
.summit-pr .hero-copy h2 em{display: block;}
.summit-pr .hero-lead{font-size: 1rem; max-width: 100%; margin: 19px 0px 23px;}
.summit-pr .vertical-label{display: none;}
.summit-pr .hero-foot{font-size: 0.75rem; letter-spacing: 0.03em; align-items: center; gap: 18px;}
.summit-pr .hero-foot > span{max-width: 155px; line-height: 1.6;}
.summit-pr .hero-foot a{max-width: 145px; text-align: right; line-height: 1.6;}
.summit-pr .hero-foot a span{margin-left: 10px;}
.summit-pr .numbers{padding: 25px 14px; gap: 0px;}
.summit-pr .numbers > div{padding: 0px 7px;}
.summit-pr .numbers strong{font-size: 1.9rem;}
.summit-pr .numbers small{font-size: 0.75rem;}
.summit-pr .numbers span{font-size: 0.75rem; max-width: 110px;}
.summit-pr .section{padding: 64px 24px;}
.summit-pr .section-head{display: block; margin-bottom: 32px;}
.summit-pr .section-head .eyebrow{padding: 0px; margin-bottom: 22px;}
.summit-pr .section-head h2{font-size: 2.8rem;}
.summit-pr .section-head > p:last-child{margin-top: 24px; font-size: 1rem;}
.summit-pr .detail-collage{gap: 9px; margin-bottom: 38px;}
.summit-pr .detail-collage figure:nth-child(2){margin-top: 22px;}
.summit-pr .detail-collage figure:nth-child(3){margin-top: 44px;}
.summit-pr .detail-collage img{aspect-ratio: 0.64 / 1;}
.summit-pr .detail-collage figcaption{font-size: 0.75rem; letter-spacing: 0px; line-height: 1.4; padding: 28px 8px 12px;}
.summit-pr .detail-collage figcaption span{display: block; margin: 0px 0px 5px;}
.summit-pr .technology-layout{display: flex; flex-direction: column; gap: 26px; padding-top: 28px;}
.summit-pr .feature-visual,.summit-pr .feature-options{width: 100%;}
.summit-pr .feature-visual > img{aspect-ratio: 1.1 / 1;}
.summit-pr .image-label{font-size: 0.75rem; padding: 18px; gap: 18px;}
.summit-pr .feature-title{font-size: 1.25rem;}
.summit-pr .feature{padding: 25px 0px;}
.summit-pr .possibilities{display: flex; flex-direction: column; gap: 35px; padding-top: 12px;}
.summit-pr .poss-copy h2{font-size: 2.8rem;}
.summit-pr .poss-image{width: 100%; padding: 0px 0px 18px 18px;}
.summit-pr .poss-bottom{font-size: 0.75rem;}
.summit-pr .lifestyle{display: flex; flex-direction: column;}
.summit-pr .lifestyle > img{width: 100%; height: auto; aspect-ratio: 915 / 669; object-fit: contain; order: 0;}
.summit-pr .lifestyle-copy{padding: 36px 24px 45px; order: 1;}
.summit-pr .lifestyle-copy::before{margin-bottom: 22px;}
.summit-pr .lifestyle-copy h2{font-size: 2.8rem; margin-top: 18px;}
.summit-pr .lifestyle-copy h2 br{display: none;}
.summit-pr .specs-layout{display: flex; flex-direction: column; gap: 35px;}
.summit-pr .spec-figure,.summit-pr .spec-table{width: 100%;}
.summit-pr .spec-figure{padding: 18px 14px;}
.summit-pr .spec-figure > img,.summit-pr #dimension-photo{height: auto; aspect-ratio: 1.36 / 1;}
.summit-pr .view-switch{gap: 6px; margin-bottom: 20px;}
.summit-pr .view-switch button{font-size: 0.8125rem; padding: 12px 10px;}
.summit-pr .spec-dimension{gap: 8px;}
.summit-pr .spec-dimension span{font-size: 0.75rem; letter-spacing: 0px;}
.summit-pr .spec-dimension b{font-size: 1.2rem;}
.summit-pr .spec-table dl > div{font-size: 0.9375rem;}
.summit-pr .source-link{font-size: 0.8125rem;}
.summit-pr .closing{padding: 60px 24px 100px;}
.summit-pr .closing h2{font-size: 3rem;}
.summit-pr .closing .eyebrow{font-size: 0.75rem;}
.summit-pr footer{padding: 32px 24px; gap: 26px;}
.summit-pr footer > div{width: 100%; justify-content: space-between;}
.summit-pr footer p{font-size: 0.8125rem; max-width: 250px;}
.summit-pr footer > a{margin-left: auto;}}
@media (max-width: 360px){.summit-pr .header{padding-inline: 14px; gap: 12px;}
.summit-pr .header nav{gap: 12px; font-size: 0.75rem;}
.summit-pr .brand img{width: 72px;}
.summit-pr .hero,.summit-pr .section{padding-inline: 20px;}
.summit-pr .edition{flex-wrap: wrap; gap: 8px;}
.summit-pr .view-switch{flex-wrap: wrap;}
.summit-pr .numbers strong{font-size: 1.65rem;}}
@media (prefers-reduced-motion: reduce){.summit-pr{scroll-behavior: auto;}
.summit-pr,.summit-pr *{transition: none !important;}}
.summit-pr.engineering{--bg: #0d1014; --muted: #b0b8c2; --line: #b6c2d130; background: rgb(13, 16, 20);}
.summit-pr.engineering .header{background: rgba(13, 16, 20, 0.96);}
.summit-pr.engineering .eyebrow,.summit-pr .drawing-id,.summit-pr .drawing-top,.summit-pr .part-callout > span,.summit-pr .dimension-width,.summit-pr .dimension-height,.summit-pr.engineering .numbers,.summit-pr.engineering .image-label,.summit-pr.engineering .feature-index,.summit-pr.engineering .spec-dimension,.summit-pr.engineering .spec-table dd,.summit-pr.engineering .detail-collage figcaption,.summit-pr.engineering .poss-bottom{font-family: "Courier New", monospace;}
.summit-pr .engineering-hero{padding: 42px 5% 32px; max-width: 1700px; margin: auto;}
.summit-pr .drawing-heading{display: flex; justify-content: space-between; gap: 30px; align-items: center; padding-bottom: 30px;}
.summit-pr .drawing-heading .eyebrow{font-size: 0.75rem; letter-spacing: 0.16em; margin-bottom: 16px;}
.summit-pr .drawing-heading h1{font-size: clamp(3.7rem, 7.5vw, 8rem); font-weight: 800; letter-spacing: -0.055em; line-height: 1; display: flex; gap: 0.3em; align-items: baseline;}
.summit-pr .drawing-heading h1 span{font-size: 0.35em; color: var(--red); font-weight: 500; letter-spacing: -0.035em;}
.summit-pr .drawing-id{display: flex; flex-direction: column; gap: 8px; text-align: right; font-size: 0.75rem; letter-spacing: 0.06em; color: rgb(159, 169, 183);}
.summit-pr .drawing-id strong{font-size: 1.4rem; letter-spacing: 0.12em; font-weight: 400; color: white;}
.summit-pr .drawing-top{padding: 16px 20px; display: flex; gap: 20px; justify-content: space-between; font-size: 0.75rem; color: rgb(174, 183, 196); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; letter-spacing: 0.05em;}
.summit-pr .drawing{position: relative; aspect-ratio: 1000 / 580; border: 1px solid var(--line); isolation: isolate; background: radial-gradient(at 54% 52%, rgb(39, 46, 57) 0px, rgb(21, 26, 33) 44%, rgb(16, 19, 24) 78%);}
.summit-pr .drawing-grid{position: absolute; inset: 0px; z-index: -1; opacity: 0.7; background-image: linear-gradient(rgba(136, 153, 178, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(136, 153, 178, 0.07) 1px, transparent 1px), linear-gradient(rgba(155, 172, 203, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(155, 172, 203, 0.07) 1px, transparent 1px); background-size: 24px 24px, 24px 24px, 120px 120px, 120px 120px;}
.summit-pr .drawing-product{position: absolute; left: 20%; top: 10%; width: 62%; height: auto; filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 18px 12px);}
.summit-pr .drawing-lines{position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none;}
.summit-pr .part-callout{position: absolute; width: 18%; font-size: 0.875rem; line-height: 1.4; background: rgba(16, 19, 24, 0.87); padding: 12px 9px 12px 0px;}
.summit-pr .part-callout > span{display: block; color: var(--red); font-size: 0.875rem; letter-spacing: 0.12em; margin-bottom: 7px;}
.summit-pr .part-callout strong{font-size: 0.9375rem; font-weight: 500; display: block;}
.summit-pr .part-callout p{font-size: 0.75rem; color: rgb(161, 173, 189); line-height: 1.5; margin-top: 5px;}
.summit-pr .part-1{left: 2%; top: 9%;}
.summit-pr .part-2{left: 2%; top: 34%;}
.summit-pr .part-3{left: 80%; top: 66%; width: 18%; padding-left: 12px;}
.summit-pr .dimension-width,.summit-pr .dimension-height{position: absolute; font-size: 1rem; color: rgb(239, 242, 247); background: rgb(18, 22, 29); padding: 4px 14px; white-space: nowrap; line-height: 1.2;}
.summit-pr .dimension-width small,.summit-pr .dimension-height small{font-size: 0.75rem; color: rgb(169, 181, 195);}
.summit-pr .dimension-width{left: 51%; top: 95.34%; transform: translate(-50%, -50%);}
.summit-pr .dimension-height{left: 86.7%; top: 41%; transform: translate(-50%, -50%) rotate(-90deg);}
.summit-pr .drawing-axis{position: absolute; left: 1.2%; bottom: 1%; font-size: 28px; color: var(--red);}
.summit-pr .drawing-footer{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 26px;}
.summit-pr .drawing-footer p{font-size: 1.125rem; line-height: 1.6;}
.summit-pr .drawing-footer p span{font-size: 0.9375rem; color: rgb(165, 176, 190);}
.summit-pr.engineering .button{background: rgb(237, 29, 36); clip-path: polygon(0px 0px, calc(100% - 10px) 0px, 100% 10px, 100% 100%, 10px 100%, 0px calc(100% - 10px));}
.summit-pr.engineering .button:hover{background: rgb(237, 29, 36);}
.summit-pr.engineering .numbers{background: rgb(17, 21, 27); padding: 26px 5%; border-block: 1px solid var(--line);}
.summit-pr.engineering .numbers > div{align-items: baseline; justify-content: center; border-color: var(--line); padding: 0px 20px; gap: 20px;}
.summit-pr.engineering .numbers strong{font-style: normal; font-weight: 400; font-size: clamp(2.2rem, 3.5vw, 3.5rem); color: rgb(242, 245, 249); letter-spacing: -0.06em;}
.summit-pr.engineering .numbers strong small{color: rgb(237, 29, 36); font-size: 0.38em;}
.summit-pr.engineering .numbers span{color: rgb(168, 180, 196); font-family: Arial, sans-serif; max-width: 160px; font-size: 0.875rem;}
.summit-pr.engineering .section{padding-top: 85px; padding-bottom: 85px;}
.summit-pr.engineering .section-head{grid-template-columns: 0.8fr 1.5fr 1fr;}
.summit-pr.engineering .section-head h2{font-size: clamp(2.7rem, 4.7vw, 4.6rem); letter-spacing: -0.04em;}
.summit-pr.engineering h2 em{color: rgb(155, 169, 186);}
.summit-pr.engineering .detail-collage{gap: 18px; margin-bottom: 55px; align-items: stretch;}
.summit-pr.engineering .detail-collage figure{margin: 0px; border-color: rgba(165, 182, 204, 0.25); padding: 10px; background: rgb(19, 24, 32); display: flex; flex-direction: column;}
.summit-pr.engineering .detail-collage img{aspect-ratio: 1.2 / 1;}
.summit-pr.engineering .detail-collage figcaption{position: static; background: transparent; font-size: 0.75rem; padding: 20px 5px 10px; letter-spacing: 0.04em; display: flex; gap: 12px; line-height: 1.5;}
.summit-pr.engineering .detail-collage figcaption span{margin: 0px; color: rgb(237, 29, 36);}
.summit-pr.engineering .technology-layout{border-top: 0px; padding: 0px; gap: 5%;}
.summit-pr.engineering .feature-visual{background: rgb(20, 26, 34); position: relative; border-color: rgba(120, 137, 157, 0.333);}
.summit-pr.engineering .feature-visual::before{position: absolute; content: "+"; top: -16px; left: -10px; font-size: 28px; color: var(--red); line-height: 1;}
.summit-pr.engineering .image-label{background: rgb(25, 31, 41); border-top-color: rgba(120, 137, 157, 0.333);}
.summit-pr.engineering .feature{padding: 28px 0px;}
.summit-pr.engineering .feature-title{color: rgb(167, 179, 197);}
.summit-pr.engineering .feature-description{color: rgb(183, 192, 205);}
.summit-pr.engineering .feature.active{border-bottom-color: rgba(237, 29, 36, 0.5);}
.summit-pr.engineering .possibilities{padding-top: 25px; gap: 7%;}
.summit-pr.engineering .poss-image{padding: 16px; border: 1px solid rgba(120, 137, 157, 0.333); background: rgb(21, 27, 34);}
.summit-pr.engineering .poss-image::before{display: none;}
.summit-pr.engineering .poss-image img{border: 0px;}
.summit-pr.engineering .poss-bottom{color: rgb(200, 211, 223);}
.summit-pr.engineering .poss-bottom > span:last-child{color: rgb(153, 170, 188);}
.summit-pr.engineering .note{color: rgb(165, 178, 195) !important;}
.summit-pr.engineering .lifestyle{background: rgb(17, 22, 29); border-color: rgba(255, 255, 255, 0.125);}
.summit-pr.engineering .lifestyle-copy{background: linear-gradient(135deg, rgb(27, 37, 50), rgb(16, 21, 28));}
.summit-pr.engineering .specs-layout{gap: 5%;}
.summit-pr.engineering .spec-figure{background-color: rgb(21, 27, 36); border-color: rgba(131, 146, 167, 0.3);}
.summit-pr.engineering .view-switch button{background: rgb(17, 23, 32); border-color: rgb(89, 103, 122); color: rgb(184, 198, 215);}
.summit-pr.engineering .view-switch button.selected{background: rgb(237, 29, 36); border-color: rgb(237, 29, 36); color: white;}
.summit-pr.engineering .spec-dimension b{color: rgb(248, 251, 255); font-size: 1.5rem;}
.summit-pr.engineering .spec-dimension span{color: rgb(165, 180, 199);}
.summit-pr.engineering .spec-table dl > div{padding: 20px 12px; border-color: rgba(132, 150, 173, 0.19);}
.summit-pr.engineering .spec-table dl > div:nth-child(2n+1){background: rgb(25, 33, 42);}
.summit-pr.engineering .spec-table dt{color: rgb(180, 193, 208);}
.summit-pr.engineering .spec-table dd{color: rgb(241, 244, 249);}
.summit-pr.engineering .closing{background: rgb(17, 23, 32); border-block: 1px solid var(--line); padding-block: 65px 85px;}
.summit-pr.engineering .closing h2{font-size: clamp(3rem, 5vw, 5rem);}
.summit-pr.engineering .closing-word{color: rgba(154, 179, 209, 0.043);}
.summit-pr.engineering .source-link{color: rgb(180, 194, 211); border-color: rgb(124, 141, 164);}
.summit-pr.engineering footer{color: rgb(162, 177, 197);}
@media (max-width: 1100px){.summit-pr .drawing-heading h1{font-size: 7.5vw;}
.summit-pr .part-callout strong{font-size: 0.8125rem;}
.summit-pr .part-callout{padding-top: 6px; padding-bottom: 6px;}
.summit-pr .part-callout p{font-size: 0.75rem;}
.summit-pr .part-callout > span{margin-bottom: 5px;}
.summit-pr.engineering .section-head{grid-template-columns: 1fr 1.6fr;}
.summit-pr.engineering .numbers > div{align-items: center;}
.summit-pr.engineering .numbers span{max-width: 175px;}
.summit-pr.engineering .section-head > p:last-child{grid-column: 2;}
.summit-pr.engineering .detail-collage figcaption{flex-direction: column; gap: 7px;}}
@media (max-width: 760px){.summit-pr .engineering-hero{padding: 30px 20px 25px;}
.summit-pr .drawing-heading{display: block; padding-bottom: 24px;}
.summit-pr .drawing-heading .eyebrow{margin-bottom: 13px;}
.summit-pr .drawing-heading h1{font-size: clamp(2.8rem, 10.8vw, 5rem); gap: 0.3em; white-space: nowrap;}
.summit-pr .drawing-heading h1 span{font-size: 0.35em;}
.summit-pr .drawing-id{margin-top: 20px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; text-align: left; gap: 10px;}
.summit-pr .drawing-id strong{font-size: 1rem;}
.summit-pr .drawing-id > span:first-child{display: none;}
.summit-pr .drawing-id > span:last-child{font-size: 0.75rem; letter-spacing: 0px;}
.summit-pr .drawing-top{font-size: 0.75rem; padding: 12px; flex-direction: column; gap: 5px; letter-spacing: 0px;}
.summit-pr .drawing{aspect-ratio: auto; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; padding: 0px 12px 16px;}
.summit-pr .drawing-product{position: relative; left: auto; top: auto; width: 94%; margin: 24px auto 12px; grid-column: 1 / -1;}
.summit-pr .drawing-lines,.summit-pr .drawing-axis{display: none;}
.summit-pr .dimension-width,.summit-pr .dimension-height{position: static; transform: none; background: transparent; padding: 12px 0px; margin: 0px; border-block: 1px solid rgba(160, 180, 204, 0.22); text-align: center; font-size: 1.125rem;}
.summit-pr .dimension-width{grid-area: 2 / 1 / auto / 3;}
.summit-pr .dimension-height{grid-area: 2 / 3;}
.summit-pr .dimension-width::before{content: "ŠÍŘKA "; display: block; font-size: 0.75rem; color: rgb(170, 183, 200); line-height: 1.6;}
.summit-pr .dimension-height::before{content: "VÝŠKA "; display: block; font-size: 0.75rem; color: rgb(170, 183, 200); line-height: 1.6;}
.summit-pr .part-callout{position: static; background: none; width: auto; padding: 12px 0px 0px; grid-row: 3; min-width: 0px;}
.summit-pr .part-callout > span{font-size: 0.875rem; margin-bottom: 8px;}
.summit-pr .part-callout strong{font-size: 0.8125rem; line-height: 1.4;}
.summit-pr .part-callout p{font-size: 0.75rem; margin-top: 5px;}
.summit-pr .part-3{padding-left: 0px;}
.summit-pr .drawing-footer{display: block; padding-top: 23px;}
.summit-pr .drawing-footer p{font-size: 1rem;}
.summit-pr .drawing-footer p span{font-size: 0.9375rem;}
.summit-pr .drawing-footer .button{margin-top: 20px;}
.summit-pr.engineering .numbers{padding: 24px 10px;}
.summit-pr.engineering .numbers > div{padding: 0px 8px; gap: 10px;}
.summit-pr.engineering .numbers strong{font-size: 1.9rem;}
.summit-pr.engineering .numbers span{font-size: 0.75rem; line-height: 1.6;}
.summit-pr.engineering .numbers small{font-size: 0.75rem;}
.summit-pr.engineering .section{padding: 58px 20px;}
.summit-pr.engineering .section-head{display: block;}
.summit-pr.engineering .section-head h2{font-size: 2.6rem;}
.summit-pr.engineering .detail-collage{display: grid; grid-template-columns: 1fr; gap: 13px; margin-bottom: 36px;}
.summit-pr.engineering .detail-collage figure{display: grid; grid-template-columns: 40% 60%; align-items: center; padding: 8px;}
.summit-pr.engineering .detail-collage img{aspect-ratio: 1.4 / 1; width: 100%; height: auto;}
.summit-pr.engineering .detail-collage figcaption{padding: 12px 15px; gap: 9px; font-size: 0.75rem; letter-spacing: 0.03em;}
.summit-pr.engineering .technology-layout{gap: 25px;}
.summit-pr.engineering .possibilities{padding-top: 12px; gap: 30px;}
.summit-pr.engineering .poss-image{padding: 10px;}
.summit-pr.engineering .spec-table dl > div{padding: 18px 10px; font-size: 0.875rem;}
.summit-pr.engineering .spec-dimension b{font-size: 1.2rem;}
.summit-pr.engineering .closing{padding: 50px 20px 90px;}
.summit-pr.engineering .closing h2{font-size: 2.9rem;}}
@media (max-width: 360px){.summit-pr .engineering-hero{padding-inline: 16px;}
.summit-pr .drawing{padding-inline: 10px; gap: 8px;}
.summit-pr.engineering .numbers strong{font-size: 1.6rem;}
.summit-pr.engineering .numbers span{font-size: 0.75rem;}
.summit-pr .part-callout strong{font-size: 0.75rem;}}
.summit-pr .drawing-toggle{position: absolute; inset: 0px; z-index: 5; width: 100%; height: 100%; padding: 0px; background: transparent; cursor: crosshair; border: 0px; border-radius: 0px; touch-action: manipulation;}
.summit-pr .drawing-toggle:focus-visible{outline: rgb(237, 29, 36) solid 2px; outline-offset: -4px;}
.summit-pr .drawing :is(.drawing-grid,.summit-pr .drawing-lines,.summit-pr .part-callout,.summit-pr .dimension-width,.summit-pr .dimension-height,.summit-pr .drawing-axis){opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; pointer-events: none;}
.summit-pr .drawing.details-visible :is(.drawing-grid,.summit-pr .drawing-lines,.summit-pr .part-callout,.summit-pr .dimension-width,.summit-pr .dimension-height,.summit-pr .drawing-axis){opacity: 1; visibility: visible;}
.summit-pr .drawing.details-visible .drawing-grid{opacity: 0.7;}
.summit-pr .hint-touch{display: none;}
.summit-pr .drawing-hint{color: rgb(182, 196, 214);}
@media (hover: none){.summit-pr .hint-mouse{display: none;}
.summit-pr .hint-touch{display: inline;}
.summit-pr .drawing-toggle{cursor: pointer;}}
@media (max-width: 760px){.summit-pr .drawing:not(.details-visible) :is(.part-callout,.summit-pr .dimension-width,.summit-pr .dimension-height){display: none;}
.summit-pr .drawing-toggle{cursor: pointer;}}
@media (prefers-reduced-motion: reduce){.summit-pr .drawing :is(.drawing-grid,.summit-pr .drawing-lines,.summit-pr .part-callout,.summit-pr .dimension-width,.summit-pr .dimension-height,.summit-pr .drawing-axis){transition: none;}}
.summit-pr.art-direction{--bg: #09080a; --muted: #b8aeb5; --line: #b0b0b033; background: rgb(9, 8, 10); color: rgb(246, 241, 244);}
.summit-pr.art-direction .header{background: rgba(11, 8, 10, 0.96); border-bottom-color: rgba(237, 29, 36, 0.29);}
.summit-pr.art-direction .brand > span{color: rgb(212, 191, 199);}
.summit-pr.art-direction .header nav a{color: rgb(194, 180, 188);}
.summit-pr.art-direction .header nav a.current{color: white;}
.summit-pr.art-direction .header nav a.current::after{box-shadow: rgba(237, 29, 36, 0.533) 0px 0px 12px;}
.summit-pr.art-direction .header-action{color: rgb(247, 232, 237);}
.summit-pr.art-direction .engineering-hero{padding-top: 38px; padding-bottom: 0px;}
.summit-pr.art-direction .drawing-heading{position: relative; padding-bottom: 32px; gap: 30px;}
.summit-pr.art-direction .drawing-heading .eyebrow{color: rgb(179, 179, 179); letter-spacing: 0.2em;}
.summit-pr.art-direction .drawing-heading h1{font-size: clamp(4rem, 9vw, 9rem); font-style: italic; letter-spacing: -0.055em; color: rgb(237, 29, 36); line-height: 1.05; text-shadow: rgba(158, 19, 24, 0.2) 0px 8px 35px;}
.summit-pr.art-direction .drawing-heading h1 span{color: rgb(223, 215, 220); letter-spacing: -0.05em; font-weight: 700;}
.summit-pr.art-direction .drawing-id{border-left: 3px solid var(--red); padding: 12px 0px 12px 22px; min-width: 200px; color: rgb(161, 161, 161); background: linear-gradient(90deg, rgba(237, 29, 36, 0.125), transparent);}
.summit-pr.art-direction .drawing-id strong{color: rgb(250, 242, 245); letter-spacing: 0.2em;}
.summit-pr.art-direction .drawing-top{background: linear-gradient(90deg, rgb(237, 29, 36), rgb(129, 16, 20) 58%, rgb(46, 6, 7)); color: rgb(255, 255, 255); border-color: rgba(237, 29, 36, 0.376); padding: 14px 20px;}
.summit-pr.art-direction .drawing-hint{color: rgb(225, 225, 225);}
.summit-pr.art-direction .drawing{background: radial-gradient(at 59% 60%, rgb(105, 13, 16) 0%, rgb(27, 3, 4) 49%, rgb(11, 8, 12) 80%); border-color: rgba(158, 19, 24, 0.44); overflow: hidden;}
.summit-pr .studio-stripe{position: absolute; z-index: -1; top: -10%; bottom: -15%; left: 45%; width: 29%; transform: skew(-12deg); background: linear-gradient(145deg, rgb(237, 29, 36) 0%, rgb(237, 29, 36) 32%, rgb(112, 14, 17) 78%, rgb(32, 4, 5)); box-shadow: rgba(237, 29, 36, 0.22) -9px 0px 0px, rgb(9, 8, 10) 9px 0px 0px, rgba(237, 29, 36, 0.396) 12px 0px 0px;}
.summit-pr .studio-stripe::before{content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(16, 2, 2, 0.094) 3px, rgba(16, 2, 2, 0.094) 4px); opacity: 0.55;}
.summit-pr .studio-word{position: absolute; left: 2.5%; top: 1%; writing-mode: vertical-rl; transform: rotate(180deg); font-size: clamp(3rem, 8.6vw, 9rem); font-weight: 900; font-style: italic; line-height: 1; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1px rgba(237, 29, 36, 0.25); z-index: -1; white-space: nowrap;}
.summit-pr .studio-light{position: absolute; z-index: -1; left: 8%; right: 1%; bottom: 0px; height: 25%; background: radial-gradient(rgba(237, 29, 36, 0.337) 0%, rgba(237, 29, 36, 0.094) 40%, transparent 70%);}
.summit-pr .studio-light::after{content: ""; position: absolute; left: 6%; right: 6%; height: 1px; bottom: 16%; background: linear-gradient(90deg, transparent, rgb(237, 29, 36), transparent); box-shadow: rgba(237, 29, 36, 0.2) 0px 0px 28px 6px;}
.summit-pr.art-direction .drawing-product{filter: drop-shadow(rgba(0, 0, 0, 0.733) 0px 23px 12px);}
.summit-pr.art-direction .drawing-grid{background-image: linear-gradient(rgba(168, 168, 168, 0.086) 1px, transparent 1px), linear-gradient(90deg, rgba(168, 168, 168, 0.086) 1px, transparent 1px), linear-gradient(rgba(237, 29, 36, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(237, 29, 36, 0.08) 1px, transparent 1px);}
.summit-pr.art-direction .part-callout{background: rgba(18, 2, 3, 0.94); border-left: 2px solid rgb(237, 29, 36); padding-left: 12px; box-shadow: rgba(0, 0, 0, 0.2) 6px 10px 25px;}
.summit-pr.art-direction .part-callout > span{color: rgb(237, 29, 36);}
.summit-pr.art-direction .part-callout p{color: rgb(188, 169, 181);}
.summit-pr.art-direction .dimension-width,.summit-pr.art-direction .dimension-height{background: rgb(33, 4, 5); color: rgb(255, 233, 242);}
.summit-pr.art-direction .dimension-width small,.summit-pr.art-direction .dimension-height small{color: rgb(185, 185, 185);}
.summit-pr.art-direction .drawing-lines{filter: drop-shadow(rgba(237, 29, 36, 0.2) 0px 0px 3px);}
.summit-pr.art-direction .drawing-footer{padding: 27px 0px 32px; gap: 30px;}
.summit-pr .drawing-signature{font-size: 2.5rem; font-weight: 800; font-style: italic; letter-spacing: -0.05em; white-space: nowrap; border-right: 1px solid rgba(237, 29, 36, 0.376); padding-right: 30px;}
.summit-pr .drawing-signature span{color: var(--red); margin: 0px 4px;}
.summit-pr.art-direction .drawing-footer p{font-size: 1rem; flex: 1 1 0%;}
.summit-pr.art-direction .drawing-footer p span{color: rgb(162, 162, 162);}
.summit-pr.art-direction .drawing-footer .button{box-shadow: rgba(237, 29, 36, 0.15) 0px 12px 30px;}
.summit-pr.art-direction .numbers{background: linear-gradient(108deg, rgb(237, 29, 36), rgb(237, 29, 36) 48%, rgb(118, 14, 18)); padding: 32px 5%; border-color: rgba(237, 29, 36, 0.376); position: relative; overflow: hidden;}
.summit-pr.art-direction .numbers::before{content: ""; position: absolute; right: 2%; top: -60%; width: 18%; height: 240%; border-inline: 1px solid rgba(255, 255, 255, 0.14); transform: rotate(24deg); background: rgba(255, 255, 255, 0.02); pointer-events: none;}
.summit-pr.art-direction .numbers > div{border-color: rgba(255, 255, 255, 0.23); z-index: 1;}
.summit-pr.art-direction .numbers strong{color: rgb(255, 255, 255); font-style: italic; font-weight: 700; font-size: clamp(2.7rem, 4.3vw, 4.3rem);}
.summit-pr.art-direction .numbers strong small{color: rgb(212, 212, 212);}
.summit-pr.art-direction .numbers span{color: rgb(222, 222, 222);}
.summit-pr.art-direction .section-head{position: relative; border-top: 1px solid rgb(118, 14, 18); padding-top: 28px;}
.summit-pr.art-direction .section-head::before{content: ""; position: absolute; top: -2px; left: 0px; width: 70px; height: 4px; background: rgb(237, 29, 36); box-shadow: rgba(237, 29, 36, 0.25) 0px 0px 15px;}
.summit-pr.art-direction .section-head h2{font-weight: 700; letter-spacing: -0.045em;}
.summit-pr.art-direction .section-head h2 em{color: rgb(237, 29, 36);}
.summit-pr.art-direction .section-head > .eyebrow{color: rgb(144, 144, 144); font-size: 0.75rem; letter-spacing: 0.13em;}
.summit-pr.art-direction .section-head > p:last-child{color: rgb(174, 174, 174);}
.summit-pr.art-direction .detail-collage{gap: 24px; align-items: start; margin-top: 4px; margin-bottom: 76px;}
.summit-pr.art-direction .detail-collage figure{position: relative; background: rgb(26, 3, 4); padding: 0px; border: 1px solid rgba(150, 18, 23, 0.4); box-shadow: rgba(0, 0, 0, 0.333) 0px 15px 35px;}
.summit-pr.art-direction .detail-collage figure:nth-child(2){margin-top: 32px;}
.summit-pr.art-direction .detail-collage figure:nth-child(3){margin-top: 64px;}
.summit-pr.art-direction .detail-collage figure::before,.summit-pr.art-direction .detail-collage figure::after{content: ""; position: absolute; z-index: 1; pointer-events: none; width: 28px; height: 28px; border-color: rgb(237, 29, 36);}
.summit-pr.art-direction .detail-collage figure::before{left: -1px; top: -1px; border-left: 3px solid rgb(237, 29, 36); border-top: 3px solid rgb(237, 29, 36);}
.summit-pr.art-direction .detail-collage figure::after{right: -1px; bottom: -1px; border-right: 3px solid rgb(237, 29, 36); border-bottom: 3px solid rgb(237, 29, 36);}
.summit-pr.art-direction .detail-collage img{aspect-ratio: 1.1 / 1;}
.summit-pr.art-direction .detail-collage figcaption{padding: 20px; flex-direction: row; align-items: center; gap: 16px; background: linear-gradient(100deg, rgb(79, 10, 12), rgb(26, 3, 4)); font-size: 0.75rem; letter-spacing: 0.08em;}
.summit-pr.art-direction .detail-collage figcaption span{font-size: 1.5rem; font-style: italic; color: rgb(237, 29, 36);}
.summit-pr.art-direction .technology-layout{gap: 6%;}
.summit-pr.art-direction .feature-visual{border-color: rgba(153, 19, 23, 0.5); background: rgb(26, 3, 4); box-shadow: rgba(237, 29, 36, 0.12) -12px 12px 0px;}
.summit-pr.art-direction .feature-visual::before{color: rgb(237, 29, 36);}
.summit-pr.art-direction .image-label{background: linear-gradient(90deg, rgb(150, 18, 23), rgb(62, 8, 9)); border-color: rgba(237, 29, 36, 0.5); color: rgb(234, 234, 234);}
.summit-pr.art-direction .image-label > span:first-child{color: white;}
.summit-pr.art-direction .feature{border-color: rgba(117, 14, 18, 0.467); padding-left: 16px;}
.summit-pr.art-direction .feature.active{background: linear-gradient(90deg, rgba(237, 29, 36, 0.165), transparent); border-left: 3px solid rgb(237, 29, 36); padding-left: 13px; border-bottom-color: rgba(237, 29, 36, 0.376);}
.summit-pr.art-direction .feature-title{color: rgb(180, 180, 180);}
.summit-pr.art-direction .feature.active .feature-title,.summit-pr.art-direction .feature:hover .feature-title{color: rgb(255, 255, 255);}
.summit-pr.art-direction .feature-description{color: rgb(189, 169, 183);}
.summit-pr.art-direction .possibilities{position: relative; isolation: isolate;}
.summit-pr.art-direction .possibilities::before{position: absolute; content: ""; z-index: -1; width: 22%; height: 70%; right: 8%; top: 4%; background: rgba(237, 29, 36, 0.17); transform: skew(-12deg);}
.summit-pr.art-direction .poss-copy h2 em{color: rgb(237, 29, 36);}
.summit-pr.art-direction .poss-copy > .eyebrow{color: rgb(166, 166, 166);}
.summit-pr.art-direction .poss-copy > p:not(.eyebrow){color: rgb(172, 172, 172);}
.summit-pr.art-direction .poss-bottom{border-color: rgba(237, 29, 36, 0.4); color: rgb(200, 200, 200);}
.summit-pr.art-direction .poss-bottom > span:last-child{color: rgb(157, 157, 157);}
.summit-pr.art-direction .poss-image{background: linear-gradient(135deg, rgb(237, 29, 36), rgb(42, 5, 6)); padding: 14px; border: 1px solid rgba(237, 29, 36, 0.4); box-shadow: rgb(69, 8, 10) 14px 14px 0px;}
.summit-pr.art-direction .lifestyle{background: rgb(25, 3, 4); border-color: rgba(237, 29, 36, 0.4);}
.summit-pr.art-direction .lifestyle-copy{background: linear-gradient(135deg, rgb(140, 17, 21) 0%, rgb(53, 6, 8) 53%, rgb(26, 3, 4));}
.summit-pr.art-direction .lifestyle-copy::before{background: rgb(237, 29, 36); box-shadow: rgba(237, 29, 36, 0.4) 0px 0px 20px;}
.summit-pr.art-direction .lifestyle-copy h2{color: rgb(255, 245, 250);}
.summit-pr.art-direction .lifestyle-copy .eyebrow{color: rgb(207, 207, 207);}
.summit-pr.art-direction .spec-figure{background-color: rgb(22, 3, 3); background-image: linear-gradient(rgba(237, 29, 36, 0.047) 1px, transparent 1px), linear-gradient(90deg, rgba(237, 29, 36, 0.047) 1px, transparent 1px); border-color: rgba(149, 18, 23, 0.5);}
.summit-pr.art-direction .spec-figure::before,.summit-pr.art-direction .spec-figure::after{color: rgb(237, 29, 36);}
.summit-pr.art-direction .view-switch button{background: rgb(27, 3, 4); border-color: rgb(125, 15, 19); color: rgb(197, 197, 197);}
.summit-pr.art-direction .view-switch button.selected{background: rgb(237, 29, 36); border-color: rgb(237, 29, 36);}
.summit-pr.art-direction .spec-dimension{border-color: rgba(237, 29, 36, 0.333);}
.summit-pr.art-direction .spec-dimension span{color: rgb(158, 158, 158);}
.summit-pr.art-direction .spec-dimension b{color: rgb(255, 241, 247);}
.summit-pr .detail-insets{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; border-top: 1px solid rgba(145, 18, 22, 0.4); margin-top: 24px; padding-top: 24px;}
.summit-pr .detail-insets figure{min-width: 0px; text-align: center;}
.summit-pr .detail-lens{width: 82px; height: 82px; margin: 0px auto 12px; border-radius: 50%; border: 1px solid rgb(237, 29, 36); background-color: rgb(18, 2, 3); background-image: url("/assets/rady/summit/summit-front.webp"); background-repeat: no-repeat; background-size: 580px; box-shadow: rgba(237, 29, 36, 0.094) 0px 0px 0px 5px;}
.summit-pr .lens-thermometer{background-position: -236px -19px;}
.summit-pr .lens-control{background-position: -347px -148px;}
.summit-pr .lens-logo{background-position: -136px -65px;}
.summit-pr button.detail-lens{display: block; padding: 0; position: relative; z-index: 1; cursor: zoom-in; transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1); transform-origin: center;}
.summit-pr .detail-insets figure:first-child .detail-lens{transform-origin: left center;}
.summit-pr .detail-insets figure:last-child .detail-lens{transform-origin: right center;}
.summit-pr button.detail-lens.is-enlarged{transform: scale(3); z-index: 5; cursor: zoom-out;}
@media (prefers-reduced-motion: reduce){.summit-pr button.detail-lens{transition: none;}}
.summit-pr .detail-insets figcaption{font-family: "Courier New", monospace; font-size: 0.75rem; line-height: 1.6; color: rgb(227, 203, 216);}
.summit-pr .detail-insets figcaption span{color: rgb(237, 29, 36); display: block;}
.summit-pr .surface-profile{padding: 22px; background: linear-gradient(145deg, rgb(62, 8, 9), rgb(22, 3, 3)); border: 1px solid rgba(136, 17, 21, 0.533); margin-bottom: 22px;}
.summit-pr .surface-profile .eyebrow{font-size: 0.75rem; color: rgb(189, 189, 189); margin-bottom: 22px;}
.summit-pr .surface-row{display: flex; justify-content: space-between; gap: 14px; align-items: baseline; color: rgb(193, 193, 193); font-size: 0.875rem; margin-bottom: 10px;}
.summit-pr .surface-row strong{font-family: "Courier New", monospace; font-size: 1.4rem; color: white; font-weight: 400; white-space: nowrap;}
.summit-pr .surface-row small{font-size: 0.75rem; color: rgb(168, 168, 168);}
.summit-pr .surface-bar{height: 8px; background: rgba(255, 255, 255, 0.043); margin-bottom: 24px;}
.summit-pr .surface-bar:last-child{margin-bottom: 0px;}
.summit-pr .surface-bar > span{display: block; height: 100%;}
.summit-pr .surface-main{width: 100%; background: linear-gradient(90deg, rgb(153, 19, 23), rgb(237, 29, 36)); box-shadow: rgba(237, 29, 36, 0.267) 0px 0px 12px;}
.summit-pr .surface-upper{width: 54.62%; background: repeating-linear-gradient(115deg, rgba(237, 29, 36, 0.6) 0px, rgba(237, 29, 36, 0.6) 4px, rgba(237, 29, 36, 0.19) 4px, rgba(237, 29, 36, 0.19) 7px); border-right: 2px solid rgb(237, 29, 36);}
.summit-pr.art-direction .spec-table dl > div{border-color: rgba(141, 17, 21, 0.25);}
.summit-pr.art-direction .spec-table dl > div:nth-child(2n+1){background: rgb(38, 5, 6);}
.summit-pr.art-direction .spec-table dt{color: rgb(174, 174, 174);}
.summit-pr.art-direction .spec-table dd{color: rgb(255, 243, 250);}
.summit-pr.art-direction .note{color: rgb(161, 161, 161) !important;}
.summit-pr.art-direction .source-link{color: rgb(183, 183, 183); border-color: rgb(155, 19, 24);}
.summit-pr.art-direction .closing{background: linear-gradient(115deg, rgb(237, 29, 36) 0%, rgb(120, 15, 18) 41%, rgb(37, 5, 6) 85%); border-color: rgba(237, 29, 36, 0.333); isolation: isolate;}
.summit-pr.art-direction .closing::before{content: ""; position: absolute; right: 16%; top: -40%; bottom: -40%; width: 16%; background: rgba(0, 0, 0, 0.267); border-inline: 1px solid rgba(237, 29, 36, 0.267); transform: skew(-13deg); z-index: -1;}
.summit-pr.art-direction .closing-word{color: rgba(218, 218, 218, 0.055);}
.summit-pr.art-direction .closing .eyebrow{color: rgb(203, 203, 203);}
.summit-pr.art-direction .closing h2{font-size: clamp(3rem, 6vw, 6rem); font-weight: 700; font-style: italic;}
.summit-pr.art-direction .closing h2 em{color: rgb(212, 212, 212);}
.summit-pr.art-direction .closing .button{background: rgb(248, 237, 241); color: rgb(118, 14, 18);}
.summit-pr.art-direction .closing .button:hover{background: rgb(221, 221, 221);}
.summit-pr.art-direction footer{color: rgb(158, 158, 158); border-top: 1px solid rgba(237, 29, 36, 0.2);}
@media (max-width: 1100px){.summit-pr.art-direction .drawing-heading h1{font-size: 8.3vw;}
.summit-pr.art-direction .drawing-id{min-width: 185px; padding-left: 18px;}
.summit-pr .drawing-signature{font-size: 2rem; padding-right: 20px;}
.summit-pr.art-direction .drawing-footer{gap: 20px;}
.summit-pr.art-direction .drawing-footer p{font-size: 0.9375rem;}
.summit-pr.art-direction .drawing-footer .button{padding-inline: 16px; gap: 20px;}
.summit-pr.art-direction .detail-collage{gap: 18px;}
.summit-pr.art-direction .detail-collage figcaption{padding: 16px 12px; gap: 10px; letter-spacing: 0.03em;}
.summit-pr .detail-lens{width: 72px; height: 72px;}
.summit-pr .lens-thermometer{background-position: -241px -24px;}
.summit-pr .lens-control{background-position: -352px -153px;}
.summit-pr .lens-logo{background-position: -141px -70px;}
.summit-pr .detail-insets{gap: 10px;}
.summit-pr .detail-insets figcaption{font-size: 0.75rem;}}
@media (max-width: 760px){.summit-pr.art-direction .engineering-hero{padding-top: 28px; padding-inline: 20px;}
.summit-pr.art-direction .drawing-heading{padding-bottom: 22px;}
.summit-pr.art-direction .drawing-heading h1{font-size: clamp(3rem, 12vw, 5rem); gap: 0.23em; letter-spacing: -0.055em;}
.summit-pr.art-direction .drawing-heading .eyebrow{font-size: 0.75rem; letter-spacing: 0.12em;}
.summit-pr.art-direction .drawing-id{padding: 11px 12px; border-left-width: 2px; background: linear-gradient(90deg, rgba(160, 20, 24, 0.19), transparent); min-width: 0px;}
.summit-pr.art-direction .drawing-id strong{font-size: 1rem;}
.summit-pr.art-direction .drawing-top{padding: 12px;}
.summit-pr .studio-stripe{left: 48%; width: 30%; top: -20%; bottom: -20%;}
.summit-pr .studio-word{font-size: 4.4rem; left: 0px; top: 5%;}
.summit-pr .studio-light{height: 33%; bottom: 0px;}
.summit-pr.art-direction .drawing-product{margin-top: 30px; margin-bottom: 20px;}
.summit-pr.art-direction .drawing .part-callout{background: rgba(32, 4, 5, 0.85); box-shadow: none; border-left: 0px; border-top: 2px solid rgb(237, 29, 36); padding: 10px 5px 0px;}
.summit-pr.art-direction .drawing .part-callout strong{font-size: 0.8125rem;}
.summit-pr.art-direction .drawing .dimension-width,.summit-pr.art-direction .drawing .dimension-height{background: rgba(35, 4, 5, 0.69);}
.summit-pr.art-direction .drawing-footer{padding: 22px 0px 28px; display: block;}
.summit-pr .drawing-signature{display: none;}
.summit-pr.art-direction .drawing-footer p{font-size: 1rem;}
.summit-pr.art-direction .drawing-footer p span{font-size: 0.9375rem;}
.summit-pr.art-direction .drawing-footer .button{padding-inline: 20px;}
.summit-pr.art-direction .numbers{padding: 24px 10px;}
.summit-pr.art-direction .numbers strong{font-size: 1.9rem;}
.summit-pr.art-direction .numbers span{font-size: 0.75rem;}
.summit-pr.art-direction .numbers strong small{font-size: 0.75rem;}
.summit-pr.art-direction .section-head{padding-top: 24px;}
.summit-pr.art-direction .section-head::before{width: 45px;}
.summit-pr.art-direction .section-head h2{font-size: 2.7rem;}
.summit-pr.art-direction .detail-collage{display: grid; grid-template-columns: 1fr; gap: 18px; margin-bottom: 40px;}
.summit-pr.art-direction .detail-collage figure{display: grid; grid-template-columns: 45% 55%; align-items: stretch; padding: 0px;}
.summit-pr.art-direction .detail-collage figure:nth-child(2),.summit-pr.art-direction .detail-collage figure:nth-child(3){margin-top: 0px;}
.summit-pr.art-direction .detail-collage figure:nth-child(2){margin-left: 16px;}
.summit-pr.art-direction .detail-collage figure:nth-child(1),.summit-pr.art-direction .detail-collage figure:nth-child(3){margin-right: 16px;}
.summit-pr.art-direction .detail-collage img{height: 100%; aspect-ratio: 1.15 / 1; object-fit: cover;}
.summit-pr.art-direction .detail-collage figcaption{padding: 15px; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 8px; font-size: 0.75rem;}
.summit-pr.art-direction .detail-collage figcaption span{font-size: 1.5rem;}
.summit-pr.art-direction .feature-visual{box-shadow: rgba(237, 29, 36, 0.17) -7px 7px 0px;}
.summit-pr.art-direction .feature{padding-left: 12px;}
.summit-pr.art-direction .feature.active{padding-left: 9px;}
.summit-pr.art-direction .possibilities::before{width: 36%; right: 15%; height: 40%; top: 50%;}
.summit-pr.art-direction .poss-image{padding: 10px; box-shadow: rgb(99, 12, 15) 8px 8px 0px;}
.summit-pr .detail-insets{gap: 7px; padding-top: 20px; margin-top: 18px;}
.summit-pr .detail-lens{width: 72px; height: 72px;}
.summit-pr .detail-insets figcaption{font-size: 0.75rem; letter-spacing: 0px;}
.summit-pr .surface-profile{padding: 20px;}
.summit-pr .surface-row{font-size: 0.875rem;}
.summit-pr .surface-row strong{font-size: 1.3rem;}
.summit-pr.art-direction .closing h2{font-size: 3rem;}
.summit-pr.art-direction .closing::before{right: 5%; width: 22%;}}
@media (max-width: 360px){.summit-pr.art-direction .drawing-heading h1{font-size: 11.3vw;}
.summit-pr.art-direction .numbers strong{font-size: 1.65rem;}
.summit-pr .detail-lens{width: 62px; height: 62px;}
.summit-pr .lens-thermometer{background-position: -246px -29px;}
.summit-pr .lens-control{background-position: -357px -158px;}
.summit-pr .lens-logo{background-position: -146px -75px;}}
.summit-pr .design-switch{position: fixed; right: 24px; bottom: 20px; z-index: 90; display: flex; align-items: center; gap: 5px; padding: 6px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); border: 1px solid rgb(215, 215, 215); box-shadow: rgba(0, 0, 0, 0.133) 0px 6px 24px; font-family: Arial, Helvetica, sans-serif;}
.summit-pr .design-switch > span{font-size: 12px; letter-spacing: 0.12em; padding: 0px 12px; color: rgb(102, 102, 102);}
.summit-pr .design-switch > a{padding: 12px 15px; font-size: 14px; line-height: 1.3; text-decoration: none; color: rgb(17, 17, 17);}
.summit-pr .design-switch > a[aria-current]{background: rgb(237, 29, 36); color: white;}
.summit-pr .design-switch > a:focus-visible{outline: rgb(17, 17, 17) solid 2px; outline-offset: -3px;}
.summit-pr .design-switch > a:hover:not([aria-current]){background: rgb(238, 238, 238);}
.summit-pr footer{padding-bottom: 110px !important;}
@media (max-width: 600px){.summit-pr .design-switch{bottom: 12px; right: 12px; left: 12px; justify-content: center;}
.summit-pr .design-switch > span{padding: 0px 8px; font-size: 12px;}
.summit-pr .design-switch > a{font-size: 14px; padding: 12px;}}