[data-concept=hybrid] main{max-width:1320px}[data-concept=hybrid] .site-header{border-bottom:1px solid var(--line)}
.hybrid-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding:72px 0 64px}.hybrid-hero h1{font-size:clamp(52px,6.2vw,82px)}.hybrid-hero .lead{max-width:35ch;margin-top:24px}.hybrid-thought{padding-left:28px;border-left:1px solid var(--line)}.hybrid-thought>p:first-child{font-size:15px;margin-bottom:18px}#hybrid-sentence{font-family:Eina,sans-serif;color:var(--orange);font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-.025em;max-width:15ch;min-height:3.6em}.hybrid-thought span{display:block;font-size:12px;line-height:1.6;color:var(--muted);max-width:32ch;margin-top:18px}
[data-concept=hybrid] .type-index{padding:0 0 72px}[data-concept=hybrid] .type-area>summary{position:relative;padding:28px 0;min-height:116px;grid-template-columns:1fr auto 32px;gap:32px}[data-concept=hybrid] .verb{font-size:clamp(40px,5.7vw,72px);letter-spacing:-.035em}[data-concept=hybrid] .summary-products{max-width:24ch;text-align:right}[data-concept=hybrid] .plus{transition:transform 180ms ease-out}[data-concept=hybrid] .type-content{padding:16px 0 44px;max-width:none;display:grid;grid-template-columns:1fr 1.25fr;gap:16px 7%}[data-concept=hybrid] .type-content>h2{font-size:23px;grid-column:1}[data-concept=hybrid] .type-content>p{grid-column:1;margin:0;max-width:28ch}[data-concept=hybrid] .type-content>.products{grid-column:2;grid-row:1 / span 2;gap:36px}[data-concept=hybrid] .product h3{font-size:24px}[data-concept=hybrid] .product p{font-size:15px;margin:12px 0 8px}[data-concept=hybrid] .archive{margin-top:0}
[data-concept=hybrid] .type-area>summary:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease-out}[data-concept=hybrid] .type-area[open]>summary:after,[data-concept=hybrid] summary:focus-visible:after{transform:scaleX(1)}.selection-shader{position:absolute;bottom:-1px;left:0;width:100%;height:5px;pointer-events:none}[data-concept=hybrid] .shader-on:after{visibility:hidden}
@media(hover:hover) and (pointer:fine){[data-concept=hybrid] .type-area>summary:hover .verb{color:var(--orange)}[data-concept=hybrid] .type-area>summary:hover:after{transform:scaleX(1)}[data-concept=hybrid] .product-link:hover{text-decoration-thickness:2px}}
@media(max-width:767px){.hybrid-hero{display:block;padding:42px 0 38px}.hybrid-hero h1{font-size:50px}.hybrid-hero .lead{font-size:16px;margin-top:20px}.hybrid-hero .actions{margin-top:22px}.hybrid-thought{padding:0;border:0;margin-top:34px}.hybrid-thought>p:first-child{margin-bottom:9px;font-size:13px}#hybrid-sentence{font-size:28px;max-width:100%;min-height:2.4em}.hybrid-thought span{margin-top:7px;max-width:100%;font-size:11px}[data-concept=hybrid] .type-area>summary{grid-template-columns:1fr 24px;gap:12px;padding:23px 0;min-height:105px}[data-concept=hybrid] .verb{font-size:39px}[data-concept=hybrid] .summary-products{text-align:left;max-width:none}[data-concept=hybrid] .type-content{display:block;padding:7px 0 34px}[data-concept=hybrid] .type-content>p{max-width:none;margin:10px 0 24px}[data-concept=hybrid] .type-content>.products{gap:24px}[data-concept=hybrid] .type-index{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){[data-concept=hybrid] .plus,[data-concept=hybrid] .type-area>summary:after{transition:none}}
/* Normal flow keeps wrapped headings and descriptions separate at every width. */
[data-concept=hybrid] .area-intro{grid-column:1;grid-row:1}[data-concept=hybrid] .area-intro h2{font-size:23px}[data-concept=hybrid] .area-intro p{max-width:28ch;margin-top:18px}[data-concept=hybrid] .type-content>.products{grid-row:1}
@media(max-width:767px){[data-concept=hybrid] .area-intro p{max-width:none;margin:10px 0 24px}}
/* Selected revision: the hero is one statement; the work starts closed. */
.hybrid-hero{display:block;padding:62px 0 60px}.hybrid-hero h1{font-size:clamp(52px,6.2vw,82px)}.hybrid-hero .lead{max-width:46ch}
[data-concept=hybrid] .type-area[data-expanded=false] .verb{color:var(--ink)}[data-concept=hybrid] .type-area[data-expanded=false] .plus{transform:rotate(0)}[data-concept=hybrid] .type-area[data-expanded=false]>summary:after{transform:scaleX(0)}
.customer-proof{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;border-top:1px solid var(--line);padding:64px 0 50px;align-items:start}.customer-proof h2{font-size:clamp(30px,3.5vw,45px);line-height:1.18}.customer-proof h2 span{color:var(--orange)}.customer-proof p{font-size:20px;max-width:31ch}.customer-proof .product-link{margin-top:20px}
.inner-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;padding:66px 0 64px;align-items:end}.inner-hero h1{font-size:clamp(48px,6vw,76px)}.inner-hero .lead{margin-top:0;font-size:18px;max-width:35ch}.inner-section{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;padding:44px 0;border-top:1px solid var(--line)}.inner-section h2{font-size:28px}.inner-section p+p{margin-top:18px}.inner-section address{font-style:normal;line-height:1.8;font-size:17px}.inner-section dl{margin:0}.inner-section dt{font-size:13px;color:var(--muted);margin-bottom:8px}.inner-section dd{margin:0 0 26px;font-size:17px;line-height:1.6}.inner-section ul{margin:20px 0 28px;padding-left:20px;color:var(--muted);line-height:1.8}.inner-section li+li{margin-top:8px}.inner-section .actions{margin-top:24px}.inner-page footer{margin-top:38px}.site-header nav a[aria-current=page]{color:var(--orange);text-decoration:underline}
@media(hover:hover) and (pointer:fine){[data-concept=hybrid] .type-area[data-expanded=false]>summary:hover .verb{color:var(--orange)}[data-concept=hybrid] .type-area[data-expanded=false]>summary:hover:after{transform:scaleX(1)}}
@media(max-width:767px){.hybrid-hero{padding:38px 0 40px}.hybrid-hero h1{font-size:50px}.customer-proof{display:block;padding:40px 0 24px}.customer-proof>div{margin-top:24px}.customer-proof p{font-size:18px}.inner-hero{display:block;padding:40px 0}.inner-hero h1{font-size:46px}.inner-hero .lead{margin-top:24px;font-size:17px}.inner-section{display:block;padding:30px 0}.inner-section>div{margin-top:24px}.inner-section h2{font-size:26px}[data-concept=hybrid] .site-header{gap:12px}[data-concept=hybrid] .site-header nav{gap:12px}[data-concept=hybrid] .site-header nav a{font-size:12px}}
@media(max-width:359px){[data-concept=hybrid] .site-header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}[data-concept=hybrid] .site-header nav{width:100%;justify-content:space-between}.hybrid-hero h1{font-size:44px}.inner-hero h1{font-size:40px}}
.application-note{font-size:13px;margin-top:18px!important;max-width:52ch}.inner-section .email{margin:0 0 18px}
/* Open areas retain their filled line while the shader previews another row. */
[data-concept=hybrid] .type-area[data-expanded=true]>summary:after{visibility:visible;transform:scaleX(1)}
@view-transition{navigation:auto}
[data-concept=hybrid] main{view-transition-name:page-content}[data-concept=hybrid] .site-header{view-transition-name:site-header}
::view-transition-old(page-content){animation:page-exit 180ms cubic-bezier(.23,1,.32,1) both}::view-transition-new(page-content){animation:page-enter 280ms cubic-bezier(.23,1,.32,1) both}::view-transition-old(site-header),::view-transition-new(site-header){animation:none}::view-transition-group(root){animation-duration:280ms}
@keyframes page-exit{to{opacity:0;transform:translateY(-8px)}}@keyframes page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
[data-concept=hybrid] .product-ody{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}[data-concept=hybrid] .product-ody p{max-width:58ch}
[data-concept=hybrid] .type-area>summary:after{transition-duration:380ms}
@media(prefers-reduced-motion:reduce){[data-concept=hybrid] .type-area>summary:after{transition-duration:0ms}}
/* Original orange artwork restores the accent without a separate decorative object. */
.hybrid-hero{position:relative;isolation:isolate;overflow:hidden;margin:28px 0 54px;padding:48px 46px 50px;min-height:470px;border:1px solid #ecd4bb;border-radius:12px;background:#f7ddbb;box-shadow:0 10px 28px rgba(78,47,20,.075),0 2px 4px rgba(78,47,20,.04)}
.hero-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;max-width:62%}.hybrid-hero h1{font-size:clamp(52px,6vw,78px);line-height:1.08}.hybrid-hero .lead{color:var(--ink);font-size:17px;max-width:36ch}.hero-contact{gap:22px;min-height:52px;border-radius:4px;box-shadow:0 2px 3px rgba(68,27,10,.1)}.hero-contact svg{transition:transform 180ms ease-out}
@media(hover:hover) and (pointer:fine){.hero-contact:hover svg{transform:translateX(3px)}}
@media(max-width:900px) and (min-width:768px){.hero-copy{max-width:72%}.hybrid-hero{padding:38px 32px}.hybrid-hero h1{font-size:60px}}
@media(max-width:767px){.hybrid-hero{margin:20px 0 36px;padding:32px 24px 34px;min-height:0;border-radius:10px}.hero-copy{max-width:none}.hero-art{object-position:left center}.hybrid-hero h1{font-size:clamp(39px,10.7vw,51px)}.hybrid-hero .lead{font-size:16px;line-height:1.7;margin-top:20px}.hybrid-hero .actions{margin-top:24px}.hero-contact{min-height:50px;gap:18px}}
@media(prefers-reduced-motion:reduce){.hero-contact svg{transition:none}}
/* Mobile only: separate the area heading from its line and its product names. */
@media(max-width:767px){
 [data-concept=hybrid] .type-content{padding:26px 0 38px}
 [data-concept=hybrid] .area-intro{margin-bottom:32px}
 [data-concept=hybrid] .area-intro h2{font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.015em}
 [data-concept=hybrid] .area-intro p{margin:12px 0 0}
 [data-concept=hybrid] .type-content>.products{gap:32px}
 [data-concept=hybrid] .type-content .product h3{font-size:23px;line-height:1.25}
}