@font-face{font-family:HomeBici;src:url('FiraSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HomeBici;src:url('FiraSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
#home-proposal{background:#fff;color:#263c46;font:400 17px/1.6 HomeBici,Arial,sans-serif}
#home-proposal *{box-sizing:border-box}
#home-proposal .hp-wrap{max-width:1280px;width:calc(100% - 80px);margin:0 auto}
#home-proposal h2,#home-proposal h3{font-family:inherit;letter-spacing:-.025em;line-height:1.15;padding:0;color:#21617b;font-weight:600;text-wrap:balance}
#home-proposal h2{font-size:clamp(28px,3vw,40px);margin:0 0 30px}
#home-proposal h3{font-size:clamp(23px,2.3vw,29px);margin:22px 0 12px;max-width:25ch}
#home-proposal p{font:inherit;color:#536872;margin:0;padding:0;max-width:54ch;text-wrap:pretty}
#home-proposal .hp-discover{padding:65px 0 75px;scroll-margin-top:85px}
#home-proposal .hp-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
#home-proposal .hp-pair article{display:flex;flex-direction:column;min-width:0}
#home-proposal .hp-photo-link{display:block;border-radius:14px;overflow:hidden}
#home-proposal .hp-photo-link img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center;transition:transform 200ms ease-out}
#home-proposal .hp-trailer{object-position:center 58%}
#home-proposal .hp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 23px;margin-top:auto;padding-top:24px}
#home-proposal svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#home-proposal .hp-button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;background:#21617b;color:#fff;padding:13px 18px;border-radius:5px;font-size:16px;font-weight:600;min-height:48px;text-decoration:none}
#home-proposal .hp-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:#21617b;text-decoration:underline;text-underline-offset:5px;font-size:16px;font-weight:600}
#home-proposal .hp-work{padding:65px 0;background:#f1f5f6}
#home-proposal .hp-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
#home-proposal .hp-section-intro h2{margin:0;max-width:19ch}
#home-proposal .hp-section-intro p{max-width:33ch}
#home-proposal video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#172a33;border-radius:12px}
#home-proposal .hp-video-copy{padding-top:20px}
#home-proposal .hp-video-copy h3{margin:0 0 10px;font-size:25px}
#home-proposal .hp-video-copy p{font-size:16px;margin-bottom:12px}
#home-proposal .hp-machining{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:75px 0}
#home-proposal .hp-machining img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:center 55%;border-radius:14px}
#home-proposal .hp-machining h2{max-width:15ch;margin-bottom:20px}
#home-proposal .hp-machining p{margin-bottom:26px;max-width:39ch}
#home-proposal .hp-assistance{background:#eaf1f3;padding:44px 0}
#home-proposal .hp-assistance-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
#home-proposal .hp-assistance h2{font-size:28px;margin-bottom:10px}
#home-proposal .hp-assistance-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:18px}
#home-proposal .hp-assistance-actions a{justify-content:space-between;gap:18px;min-height:54px;padding:14px 18px}
#home-proposal .hp-assistance-actions .hp-link{border:1px solid #94afbc;border-radius:5px;text-decoration:none}
#home-proposal .hp-defs{position:absolute;width:0;height:0;overflow:hidden}
#home-proposal a{touch-action:manipulation}
#home-proposal a:focus-visible,#home-proposal video:focus-visible{outline:3px solid #39829f;outline-offset:5px}
#home-proposal ::selection{background:#21617b;color:#fff}
@media(hover:hover){#home-proposal .hp-button:hover{background:#15465b}#home-proposal .hp-photo-link:hover img{transform:scale(1.025)}}
@media(max-width:1000px){#home-proposal .hp-wrap{width:calc(100% - 48px)}#home-proposal .hp-pair{gap:28px}#home-proposal .hp-machining{gap:36px}#home-proposal .hp-section-intro{display:block}#home-proposal .hp-section-intro p{margin-top:15px;max-width:none}}
@media(max-width:650px){#home-proposal{font-size:16px}#home-proposal .hp-wrap{width:calc(100% - 40px)}#home-proposal .hp-discover{padding:38px 0 45px}#home-proposal h2{font-size:29px;margin-bottom:24px}#home-proposal .hp-pair{grid-template-columns:1fr;gap:40px}#home-proposal h3{font-size:25px;margin:19px 0 12px;max-width:none}#home-proposal .hp-photo-link img{aspect-ratio:1.5}#home-proposal .hp-actions{gap:9px 20px;padding-top:18px}#home-proposal .hp-button{font-size:15px;min-height:48px}#home-proposal .hp-link{font-size:15px}#home-proposal .hp-work{padding:40px 0}#home-proposal .hp-video-copy h3{font-size:24px}#home-proposal .hp-machining{grid-template-columns:1fr;gap:27px;padding:45px 0}#home-proposal .hp-machining img{aspect-ratio:1.6}#home-proposal .hp-machining h2{max-width:none;font-size:29px;margin-bottom:15px}#home-proposal .hp-machining p{margin-bottom:21px}#home-proposal .hp-assistance{padding:30px 0}#home-proposal .hp-assistance h2{font-size:27px}#home-proposal .hp-assistance-actions{gap:9px}}
@media(prefers-reduced-motion:reduce){#home-proposal .hp-photo-link img{transition:none}#home-proposal .hp-photo-link:hover img{transform:none}}
#home-proposal .hp-photo-link .hp-trailer{object-fit:contain;background:#eaf0f2}
#home-proposal .hp-work{scroll-margin-top:100px}
#home-proposal .hp-work .hp-section-intro{align-items:center}
#home-proposal .hp-work .hp-section-intro p{margin-top:15px;max-width:none}
#home-proposal .hp-carousel-nav{display:flex;gap:10px;flex:none}
#home-proposal .hp-carousel-nav button{display:grid;place-items:center;width:48px;height:48px;background:#fff;border:1px solid #a6bdc7;border-radius:50%;color:#21617b;cursor:pointer;padding:0;touch-action:manipulation}
#home-proposal .hp-carousel-nav button:disabled{opacity:.35;cursor:default}
#home-proposal .hp-video-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#91b0be #e2ebee;padding-bottom:18px;overscroll-behavior-x:contain}
#home-proposal .hp-video-slide{flex:0 0 68%;min-width:0;scroll-snap-align:start;scroll-margin:0}
#home-proposal .hp-video-preview{display:block;position:relative;overflow:hidden;width:100%;padding:0;aspect-ratio:16/9;border:0;border-radius:14px;background:#172a33;cursor:pointer;touch-action:manipulation}
#home-proposal .hp-video-preview img{display:block;width:100%;height:100%;object-fit:cover}
#home-proposal .hp-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:68px;height:68px;background:#fff;color:#21617b;border-radius:50%;box-shadow:0 6px 20px #10262e40}
#home-proposal .hp-play svg{width:28px;height:28px;margin-left:3px;fill:currentColor;stroke:none}
#home-proposal .hp-watch{position:absolute;bottom:18px;left:18px;background:#fff;color:#21617b;font:600 16px/1.2 HomeBici,Arial,sans-serif;padding:10px 14px;border-radius:4px}
#home-proposal .hp-video-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
#home-proposal .hp-video-copy h3{max-width:none}
#home-proposal .hp-video-copy .hp-link{flex:none}
#home-proposal .hp-video-modal{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:18px;background:#fff;color:#263c46;border:0;border-radius:14px;box-shadow:0 20px 80px #081d2d66;overflow:auto}
#home-proposal .hp-video-modal::backdrop{background:#0b202ce0}
#home-proposal .hp-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#home-proposal .hp-modal-heading h2{font-size:22px;line-height:1.25;margin:0;max-width:24ch}
#home-proposal .hp-modal-heading button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;background:#eaf1f3;color:#21617b;border-radius:50%;cursor:pointer;padding:0}
#home-proposal .hp-video-modal video{width:auto;height:min(74dvh,760px);max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:6px;margin:auto;background:#0b1720}
#home-proposal button:focus-visible,#home-proposal .hp-video-track:focus-visible{outline:3px solid #39829f;outline-offset:4px}
@media(hover:hover){#home-proposal .hp-video-preview:hover .hp-play{background:#21617b;color:#fff}#home-proposal .hp-carousel-nav button:not(:disabled):hover{background:#21617b;color:#fff}}
@media(max-width:1000px){#home-proposal .hp-work .hp-section-intro{display:flex}}
@media(max-width:650px){#home-proposal .hp-video-slide{flex-basis:90%}#home-proposal .hp-video-track{gap:18px}#home-proposal .hp-work .hp-section-intro{align-items:flex-start;gap:15px}#home-proposal .hp-work .hp-section-intro h2{font-size:28px;margin:0}#home-proposal .hp-work .hp-section-intro p{margin-top:12px}#home-proposal .hp-carousel-nav{gap:6px}#home-proposal .hp-carousel-nav button{width:44px;height:44px}#home-proposal .hp-video-copy{display:block}#home-proposal .hp-video-copy h3{font-size:23px}#home-proposal .hp-play{width:56px;height:56px}#home-proposal .hp-watch{font-size:14px;bottom:12px;left:12px}#home-proposal .hp-video-modal{padding:14px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#home-proposal .hp-modal-heading h2{font-size:20px}#home-proposal .hp-video-modal video{height:72dvh}}

@media(max-width:800px){#home-proposal .hp-assistance-inner{grid-template-columns:1fr;gap:24px}#home-proposal .hp-assistance h2{max-width:none}}
@media(max-width:650px){#home-proposal .hp-assistance-actions{grid-template-columns:1fr;gap:12px}#home-proposal .hp-assistance-actions a{width:100%;min-height:54px}}
