/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--brand-orange:#e67e22;--brand-orange-dark:#d35400;--light-orange-bg:#fff9f2;--text-dark:#2d3436;--text-muted:#636e72;--white:#ffffff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-hover:0 4px 12px rgba(0,0,0,0.12);--border-radius:12px;--transition:all 0.3s ease;}.paragraph--type--homeproduk{padding:2.5rem 0;background-color:transparent;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--hp-col-gap:12px;}.paragraph--type--homeproduk .row{align-items:stretch;margin:0 -10px;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;column-gap:var(--hp-col-gap);}.paragraph--type--homeproduk .hp-banner{margin-bottom:3rem;}.paragraph--type--homeproduk .hp-banner img{max-width:200px;width:100%;height:auto;}@media (max-width:991.98px){.paragraph--type--homeproduk .hp-banner{margin-bottom:1.25rem;}.paragraph--type--homeproduk .hp-banner img{max-width:180px;}}@media (max-width:575.98px){.paragraph--type--homeproduk{padding:0.5rem 0 3rem !important;}.paragraph--type--homeproduk .hp-banner{margin-bottom:1rem;}.paragraph--type--homeproduk .hp-banner img{max-width:160px;}}.paragraph--type--homeproduk .col-md-4{padding:0 8px;display:flex;flex-direction:column;margin-bottom:0;width:calc((100% - 2 * var(--hp-col-gap)) / 3);position:relative;box-sizing:border-box;}.paragraph--type--homeproduk .col-md-4:first-child{padding:1.25rem 1.5rem;justify-content:center;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);position:relative;}.paragraph--type--homeproduk .col-md-4:first-child::before{content:"";position:absolute;inset:6px;border:2px solid var(--brand-orange);border-radius:calc(var(--border-radius) - 2px);z-index:0;}.paragraph--type--homeproduk .col-md-4:first-child > *{position:relative;z-index:1;}.paragraph--type--homeproduk .hp-eyebrow{display:block;padding:0;background:none;border:0;border-radius:0;color:var(--brand-orange);font-size:12px;font-weight:600;letter-spacing:.8px;line-height:1.2;text-transform:uppercase;text-align:center;margin-bottom:8px;}.paragraph--type--homeproduk .text-primary{color:var(--brand-orange) !important;font-size:14px;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;}.paragraph--type--homeproduk h2{color:var(--text-dark);font-weight:700;margin:0 0 12px 0;line-height:1.2;}.paragraph--type--homeproduk .hp-title{font-size:1.5rem;line-height:1.25;font-weight:800;letter-spacing:0.2px;margin-bottom:6px;}.paragraph--type--homeproduk .col-md-4:first-child .hp-title::after{content:"";display:block;width:70px;height:2px;background:linear-gradient(90deg,var(--brand-orange),transparent);margin-top:12px;}.paragraph--type--homeproduk .text-muted{color:var(--text-muted) !important;line-height:1.7;margin:0 0 30px 0;font-size:1.1rem;font-weight:400;}.paragraph--type--homeproduk .card{border:1px solid var(--gray-200);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);margin-bottom:0;height:100%;display:flex;flex-direction:column;background:var(--white);box-shadow:var(--shadow-sm);position:relative;padding:0;background-clip:padding-box;will-change:transform;transform-origin:center;}.paragraph--type--homeproduk .card-img-container{position:relative;padding-top:100%;overflow:hidden;}.paragraph--type--homeproduk .card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}.paragraph--type--homeproduk .card:hover{box-shadow:var(--shadow-hover) !important;transform:scale(1.03);z-index:2;}.paragraph--type--homeproduk .card:hover .card-img-top{transform:scale(1.05);}.paragraph--type--homeproduk .card:focus-within{box-shadow:var(--shadow-hover) !important;transform:scale(1.03);}@media (hover:none) and (pointer:coarse){.paragraph--type--homeproduk .card:hover,.paragraph--type--homeproduk .card:focus-within{transform:none;box-shadow:var(--shadow-hover);}.paragraph--type--homeproduk .card:hover .card-img-top{transform:none;}}.paragraph--type--homeproduk .col-md-4:last-child{padding:0 10px !important;display:flex;flex-direction:column;gap:12px;}.paragraph--type--homeproduk .col-md-4:last-child .card-img-container{padding-top:40%;}.paragraph--type--homeproduk .col-md-4:last-child .card .card-img-top{object-position:center;}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card{height:100%;display:flex;}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card-img-container{padding-top:0;height:auto;flex:1 1 auto;min-height:150px;}@media (max-width:991.98px){.paragraph--type--homeproduk{padding:2rem 0;}.paragraph--type--homeproduk .row{margin:0 -10px;}.paragraph--type--homeproduk .col-md-4{padding:0 10px !important;margin-bottom:30px;width:100%;}.paragraph--type--homeproduk .col-md-4:first-child{order:1;text-align:center;padding:16px 20px !important;}.paragraph--type--homeproduk .col-md-4:nth-child(2){order:2;}.paragraph--type--homeproduk .col-md-4:last-child{order:3;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}.paragraph--type--homeproduk .col-md-4:last-child .card{width:calc(50% - 8px);margin-bottom:16px;height:auto;}.paragraph--type--homeproduk .col-md-4:last-child .card-img-container{position:relative;padding-top:56.25%;height:0;}.paragraph--type--homeproduk .col-md-4:last-child .card .card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--white);}.paragraph--type--homeproduk h2{font-size:2rem;}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card-img-container{padding-top:0;height:auto;}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card-img-top{position:static;width:100%;height:auto;object-fit:contain;background:var(--white);}}@media (max-width:575.98px){.paragraph--type--homeproduk .col-md-4:last-child{gap:10px;}.paragraph--type--homeproduk .col-md-4:last-child .card{width:100%;margin-bottom:12px;height:auto;}.paragraph--type--homeproduk .col-md-4:last-child .card-img-container{position:relative;padding-top:56.25%;height:0;}.paragraph--type--homeproduk .col-md-4:last-child .card .card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--white);}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card-img-container{padding-top:0;height:auto;}.paragraph--type--homeproduk .col-md-4:nth-child(2) .card-img-top{position:static;width:100%;height:auto;object-fit:contain;background:var(--white);}.paragraph--type--homeproduk .text-muted{font-size:1rem;margin-bottom:20px;}.paragraph--type--homeproduk .hp-title{font-size:1.35rem;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.paragraph--type--homeproduk .col-md-4{animation:fadeInUp 0.6s ease-out forwards;opacity:0;}.paragraph--type--homeproduk .col-md-4:nth-child(2){animation-delay:0.2s;}.paragraph--type--homeproduk .col-md-4:last-child{animation-delay:0.4s;}.paragraph--type--homeproduk .hp-cta{margin-top:1rem;}.paragraph--type--homeproduk .hp-cta a{display:inline-flex;align-items:center;gap:8px;color:var(--brand-orange);font-weight:700;text-decoration:none;position:relative;transition:color .25s ease,transform .25s ease;transform-origin:center;}.paragraph--type--homeproduk .hp-cta a::before{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;background:currentColor;transition:width .25s ease;}.paragraph--type--homeproduk .hp-cta a::after{content:"→";font-size:0.95em;transform:translateX(0);transition:transform .25s ease;}.paragraph--type--homeproduk .hp-cta a:hover{color:var(--brand-orange-dark);}.paragraph--type--homeproduk .hp-cta a:hover::before{width:100%;}.paragraph--type--homeproduk .hp-cta a:hover::after{transform:translateX(3px);}.paragraph--type--homeproduk .hp-cta a:focus{outline:none;}.paragraph--type--homeproduk .hp-cta a:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px;}.paragraph--type--homeproduk .hp-cta a:hover,.paragraph--type--homeproduk .hp-cta a:focus-visible{transform:scale(1.06);}@media (hover:none) and (pointer:coarse){.paragraph--type--homeproduk .hp-cta a:hover,.paragraph--type--homeproduk .hp-cta a:focus-visible{transform:none;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.paragraph--type--homeproduk .col-md-4{animation:fadeInUp 0.6s ease-out forwards;opacity:0;}.paragraph--type--homeproduk .col-md-4:nth-child(2){animation-delay:0.2s;}.paragraph--type--homeproduk .col-md-4:last-child{animation-delay:0.4s;}
@media (max-width:767.98px){body.layout-no-sidebars.page-node-type-buat-halaman{.node--type-buat-halaman{padding:1rem 0;margin:0;max-width:100%;width:100%;}.field--name-field-section > .field__item{margin-bottom:2rem;padding:0 15px;}.hp-eyebrow{display:block;text-align:center;padding:0.4rem 0.8rem;background-color:#C1440E !important;color:#FFFFFF !important;border-radius:4px;margin:0.5rem auto 1rem auto;max-width:fit-content;font-size:0.75rem !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:0.1em;text-shadow:none !important;box-shadow:0 1px 3px rgba(0,0,0,0.1);width:90%;}.hp-eyebrow.text-primary{background-color:#C1440E !important;color:#FFFFFF !important;}.node--type-buat-halaman p,.node--type-buat-halaman li,.node--type-buat-halaman div{font-size:1rem;line-height:1.6;color:#333;}.node--type-buat-halaman{color:#333;}.node--type-buat-halaman .container,.node--type-buat-halaman .container-fluid{padding-left:0 !important;padding-right:0 !important;max-width:100% !important;}.node--type-buat-halaman img{width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;display:block;}.field--name-field-section,.field--name-field-section .field__item{width:100% !important;margin:0 !important;padding:0 !important;}.field--name-field-section img,.field--name-field-section .field__item img{width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;display:block;}.node--type-buat-halaman h2,.node--type-buat-halaman h3,.node--type-buat-halaman h4{margin-top:1.5rem;margin-bottom:1rem;padding:0 15px;color:#1a1b1c;}.node--type-buat-halaman .container,.node--type-buat-halaman .container-fluid{width:100%;max-width:100%;padding:0 15px;}}}