Hepatobiliary and Pancreatic Surgery (HPB) Program - Homepage

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YX0LJZ35WB"></script> <script > window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YX0LJZ35WB'); </script> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/dos/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="canonical" href="https://hpbsurgery.ucsf.edu/hepatobiliary-and-pancreatic-surgery-hpb-program-homepage" /> <link rel="shortlink" href="https://hpbsurgery.ucsf.edu/node/20061" /> <title>Hepatobiliary and Pancreatic Surgery (HPB) Program - Homepage | UCSF Department of Surgery</title> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/filter/filter.caption.css?srpqd3" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/media/filter.caption.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/text-block.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/columns.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/filtered-list.css?srpqd3" /> <link rel="stylesheet" media="all" href="/modules/contrib/improved_multi_select/css/improved_multi_select.css?srpqd3" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/base.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/admin-tabs.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/typography.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/lists.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/buttons-links.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/table.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/blockquote.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/utility.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/form.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/universal-header.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/header.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/main-header.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/social-menu.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/top-banner.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/utility-menu.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/menu-surgery-websites.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/menu-mobile.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/footer/footer.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/footer/universal-footer.css?srpqd3" /> <link rel="stylesheet" media="print" href="/themes/custom/dos/dist/css/layout/print.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/elements/pager.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/layout/layout.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/conditions.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/media--image.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/text-block.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/columns.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/quote.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/news.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/views/news-listing.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/node/node.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/filtered-list.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/linked-icons.css?srpqd3" /> <link rel="stylesheet" media="all" href="/themes/custom/dos/dist/libraries/slick/slick.css?srpqd3" /> <link rel="stylesheet" media="all" href="/themes/custom/dos/dist/libraries/slick/slick-theme.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/content-carousel-card.css?srpqd3" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/content-carousel-container.css?srpqd3" /> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/dos/dist/fonts/HelveticaNeueLTW04-65Medium.woff2" crossorigin="anonymous"> </head> <body class="n20061 page-is-fullwidth is-page-type path-frontpage page-node-type-page"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="page"> <header class="header-region"> <div class="region region-mobile-menu"> <div class="mobile-header-wrapper"> <div class="mobile-header-button-bar"> <button class="mobile-menu-button mobile-menu">Menu</button> <div class="mobile-menu-items"> <nav role="navigation" aria-labelledby="Main menu" id="block-active-domain-main-menu-mobile" class="block block-menu navigation menu--dm7747412-main menu--main"> <h2 class="visually-hidden" id="block-active-domain-main-menu-mobile-menu">Main Menu - Active Domain</h2> <ul data-region="mobile_menu" region="mobile_menu" class="menu"> <li class="menu-item menu-item-level-0"> <a href="/about-us" data-drupal-link-system-path="node/20056">About Us</a> </li> <li class="menu-item menu-item-level-0"> <a href="/hpb-team" data-drupal-link-system-path="node/18401">Meet the Team</a> </li> <li class="menu-item menu-item-level-0"> <a href="/conditions-procedures" data-drupal-link-system-path="conditions-and-procedures">Conditions & Procedures</a> </li> <li class="menu-item menu-item--expanded has-children menu-item-level-0"> <button class="nav-button" aria-expanded="false"> <span>Patient Center</span> </button> <ul data-region="mobile_menu" region="mobile_menu" class="menu menu-level-1"> <li class="menu-item menu-item-level-1"> </li> <li class="menu-item menu-item-level-1"> <a href="/patient-center" data-drupal-link-system-path="node/20066">Patient Center</a> </li> <li class="menu-item menu-item-level-1"> <a href="/tackling-cancer-whipple-procedure" data-drupal-link-system-path="node/133271">Patient Stories</a> </li> <li class="menu-item menu-item--expanded has-children menu-item-level-1"> <button class="nav-button" aria-expanded="false"> <span>Specialized Procedures</span> </button> <ul data-region="mobile_menu" region="mobile_menu" class="menu menu-level-1 menu-level-2"> <li class="menu-item menu-item-level-2"> <a href="/robotic-whipple-procedure" target="_self" data-drupal-link-system-path="node/133986">Robotic Whipple Procedure</a> </li> <li class="menu-item menu-item-level-2"> <span>Cytoreductive Surgery with HIPEC</span> </li> <li class="menu-item menu-item-level-2"> <span>Hepatic Artery Infusion Pump</span> </li> <li class="menu-item menu-item-level-2"> <span>Robotic Distal Pancreatectomy</span> </li> </ul> </li> <li class="menu-item menu-item-level-1"> <a href="/comprehensive-pain-management-ucsf" data-drupal-link-system-path="node/301">Comprehensive Pain Management</a> </li> <li class="menu-item menu-item-level-1"> <a href="/tumor-board-conference" data-drupal-link-system-path="node/6036">Tumor Board Conference</a> </li> <li class="menu-item menu-item-level-1"> <a href="https://clinicaltrials.ucsf.edu/" target="_blank">UCSF Clinical Trials</a> </li> </ul> </li> <li class="menu-item menu-item--expanded has-children menu-item-level-0"> <button class="nav-button" aria-expanded="false"> <span>Education & Training</span> </button> <ul data-region="mobile_menu" region="mobile_menu" class="menu menu-level-1 menu-level-2"> <li class="menu-item menu-item-level-1"> </li> <li class="menu-item menu-item-level-1"> <a href="/education-training" data-drupal-link-system-path="node/4466">Education & Training</a> </li> <li class="menu-item menu-item-level-1"> <a href="https://surgery.ucsf.edu/department-surgery-grand-rounds" target="_blank" title="Conferences & Grand Rounds">Grand Rounds Schedule</a> </li> <li class="menu-item menu-item-level-1"> <a href="https://surgery.ucsf.edu/general-surgery-residency-program-0" title="ACGME Residencies">General Surgery Residency Program</a> </li> </ul> </li> </ul> </nav> <nav role="navigation" aria-labelledby="Utility Menu" id="block-utilityclinical-2" class="block block-menu navigation menu--utility--clinical menu--utility-menu"> <h2 class="visually-hidden" id="block-utilityclinical-2-menu">Utility - Clinical</h2> <ul region="mobile_menu" class="menu"> <li class="menu-item"> <a href="https://www.ucsfhealth.org/find-a-doctor" target="_blank">Find a Surgeon</a> </li> <li class="menu-item"> <a href="https://www.ucsfhealth.org/clinics" target="_blank">Find a Clinic</a> </li> <li class="menu-item"> <a href="https://www.ucsfhealth.org/request-an-appointment" target="_blank">Request an Appointment</a> </li> <li class="menu-item"> <a href="https://surgeryresidentportal.ucsf.edu/" target="_blank">Resident Portal</a> </li> <li class="menu-item"> <a href="https://medstudentsurgery.ucsf.edu/" target="_blank">Medical Student Portal</a> </li> <li class="menu-item"> <button> <span>Search</span> </button> </li> </ul> </nav> <nav role="navigation" aria-labelledby="block-topbannermenu-2-menu" id="block-topbannermenu-2" class="block block-menu navigation menu--top-banner-menu"> <h2 class="visually-hidden" id="block-topbannermenu-2-menu">Top Banner Menu</h2> <ul region="mobile_menu" class="menu"> <li class="menu-item"><a href=".">University of California San Francisco</a></li> <li class="menu-item"> <a href="http://medschool.ucsf.edu/">UCSF School of Medicine</a> </li> <li class="menu-item"> <a href="http://www.ucsfhealth.org/">UCSF Medical Center</a> </li> </ul> </nav> <nav role="navigation" aria-labelledby="Surgery Websites Menu" id="block-surgerywebsites-2" class="block block-menu navigation menu--surgery-websites"> <h2 class="visually-hidden" id="block-surgerywebsites-2-menu">Surgery Websites</h2> <button class="dropdown-button">Surgery Websites</button> <div class="dropdown-content hidden"> <ul region="mobile_menu" class="menu column-4"> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="MainSurgeryWebsites" class="col"> <h2 id="MainSurgeryWebsites" class="col-head" tabindex="0"> <span>Main Surgery Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://surgery.ucsf.edu/">Department of Surgery</a> </li> <li class="menu-item"> <a href="https://surgerywebsupport.ucsf.edu/">Web Support Portal</a> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="Resources" class="col"> <h2 id="Resources" class="col-head" tabindex="0"> <span class="the-parent">Resources</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://surgerysciencepubs.ucsf.edu/" class="the-parent">Scientific Writing Core</a> </li> </ul> </div> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="ClinicalWebsites" class="col"> <h2 id="ClinicalWebsites" class="col-head" tabindex="0"> <span>Clinical Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://acutecaresurgery.ucsf.edu/">Acute Care Surgery</a> </li> <li class="menu-item"> <a href="https://ctsurgery.ucsf.edu/">Cardiothoracic Surgery</a> </li> <li class="menu-item"> <a href="https://bariatricsurgery.ucsf.edu/">Bariatric Surgery</a> </li> <li class="menu-item"> <a href="https://breastcaresurgery.ucsf.edu/">Breast Care Surgery</a> </li> <li class="menu-item"> <a href="https://cardiacsurgery.ucsf.edu/">Cardiac Surgery</a> </li> <li class="menu-item"> <a href="https://herniacenter.ucsf.edu/">Center for Hernia Repair & Abdominal Wall Reconstruction</a> </li> <li class="menu-item"> <a href="https://limbpreservation.ucsf.edu/">Center for Limb Preservation & Diabetic Foot</a> </li> <li class="menu-item"> <a href="https://geriatricsurgery.ucsf.edu/">Center for Surgery in Older Adults</a> </li> <li class="menu-item"> <a href="https://colorectalsurgery.ucsf.edu/">Colorectal Surgery</a> </li> <li class="menu-item"> <a href="https://endocrinesurgery.ucsf.edu/">Endocrine Surgery</a> </li> <li class="menu-item"> <a href="https://eras.ucsf.edu/">Enhanced Recovery After Surgery (ERAS)</a> </li> <li class="menu-item"> <a href="https://fetus.ucsf.edu/" target="_blank">Fetal Treatment Center</a> </li> <li class="menu-item"> <a href="https://gisurgery.ucsf.edu/">Gastrointestinal Surgery</a> </li> <li class="menu-item"> <a href="https://generalsurgery.ucsf.edu/">General Surgery</a> </li> <li class="menu-item"> <a href="https://hpbsurgery.ucsf.edu/">Heptobiliary & Pancreatic Surgery</a> </li> <li class="menu-item"> <a href="https://liversource.ucsf.edu/">LiverSource</a> </li> <li class="menu-item"> <a href="https://melanomasurgery.ucsf.edu/">Melanoma Surgery</a> </li> <li class="menu-item"> <a href="https://pedctsurgery.ucsf.edu/">Pediatric Cardiothoracic Surgery</a> </li> <li class="menu-item"> <a href="https://pedsurg.ucsf.edu/">Pediatric Surgery</a> </li> <li class="menu-item"> <a href="https://plasticsurgery.ucsf.edu/">Plastic & Reconstructive Surgery</a> </li> <li class="menu-item"> <a href="https://roboticsurgery.ucsf.edu/">Robotic Surgery</a> </li> <li class="menu-item"> <a href="https://sfva.ucsf.edu/">San Francisco VA Medical Center</a> </li> <li class="menu-item"> <a href="https://surgicaloncology.ucsf.edu/">Surgical Oncology Program</a> </li> <li class="menu-item"> <a href="https://top.ucsf.edu/">Thoracic Oncology Program</a> </li> <li class="menu-item"> <a href="https://thoracicsurgery.ucsf.edu/">Thoracic Surgery</a> </li> <li class="menu-item"> <a href="https://transplantsurgery.ucsf.edu/">Transplant Surgery</a> </li> <li class="menu-item"> <a href="https://eastbaysurgery.ucsf.edu/">UCSF East Bay Surgery Program</a> </li> <li class="menu-item"> <a href="https://vascularsurgery.ucsf.edu/">Vascular & Endovascular Surgery</a> </li> <li class="menu-item"> <a href="https://zsfgsurgery.ucsf.edu/">Zuckerberg San Francisco General</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="Education&amp;Training" class="col"> <h2 id="Education&amp;Training" class="col-head" tabindex="0"> <span>Education & Training</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://transplantfellowship.ucsf.edu/">Abdominal Transplant Fellowship</a> </li> <li class="menu-item"> <a href="https://surgeryfap.ucsf.edu/">Faculty Affairs & Development Portal</a> </li> <li class="menu-item"> <a href="https://medstudentsurgery.ucsf.edu/">Medical Student Portal</a> </li> <li class="menu-item"> <a href="https://murielsteelesociety.ucsf.edu/">Muriel Steele Society</a> </li> <li class="menu-item"> <a href="https://plasticsurgeryresidency.ucsf.edu/">Plastic Surgery Residency</a> </li> <li class="menu-item"> <a href="https://surgeryresidentportal.ucsf.edu/">Resident Portal</a> </li> <li class="menu-item"> <a href="https://surgeryresidentresearch.ucsf.edu/">Resident Research</a> </li> <li class="menu-item"> <a href="https://surgeryeducation.ucsf.edu/">Surgery Education Portal</a> </li> <li class="menu-item"> <a href="https://surgeryresearch.ucsf.edu/">Surgery Research Portal</a> </li> <li class="menu-item"> <a href="https://surgicalskillslab.ucsf.edu/">Surgical Skills Center</a> </li> <li class="menu-item"> <a href="https://thoracicsurgeryresidency.ucsf.edu/">Thoracic Surgery Residency</a> </li> <li class="menu-item"> <a href="https://t32surgicaloncology.ucsf.edu/">T32 Surgical Oncology</a> </li> <li class="menu-item"> <a href="https://t32transplantsurgery.ucsf.edu/">T32 Research Training in Transplant Surgery</a> </li> <li class="menu-item"> <a href="https://ucsf-eastbay.squarespace.com/">UCSF-East Bay General Surgery Residency</a> </li> <li class="menu-item"> <a href="https://vascularsurgeryresidency.ucsf.edu/">Vascular Surgery Integrated Residency Program</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="ResearchWebsites" class="col"> <h2 id="ResearchWebsites" class="col-head" tabindex="0"> <span>Research Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://raffailab.ucsf.edu/">Atherosclerosis Research Lab</a> </li> <li class="menu-item"> <a href="https://surgerybiostat.ucsf.edu/">Biostatistics Core</a> </li> <li class="menu-item"> <a href="https://cardiacbiomechanicslab.ucsf.edu/">Cardiac Biomechanics Lab</a> </li> <li class="menu-item"> <a href="https://mindfulsurgeon.ucsf.edu/">Center for Mindfulness in Surgery</a> </li> <li class="menu-item"> <a href="https://livertissueengineering.ucsf.edu/">Chang Laboratory for Liver Tissue Engineering</a> </li> <li class="menu-item"> <a href="https://contelab.ucsf.edu/">Conte Lab</a> </li> <li class="menu-item"> <a href="https://endocrineneoplasialab.ucsf.edu/">Endocrine Neoplasia Research Lab</a> </li> <li class="menu-item"> <a href="https://itl.ucsf.edu/">Immunogenetics & Transplantation Lab</a> </li> <li class="menu-item"> <a href="https://kornblithlab.ucsf.edu/">Kornblith Lab</a> </li> <li class="menu-item"> <a href="https://kratzlab.ucsf.edu/">Kratz Lab</a> </li> <li class="menu-item"> <a href="https://lobularbreastcancer.ucsf.edu/">Lobular Breast Cancer Research Program</a> </li> <li class="menu-item"> <a href="https://mackenzielab.ucsf.edu/">MacKenzie Lab</a> </li> <li class="menu-item"> <a href="https://nijagallab.ucsf.edu/">Nijagal Lab</a> </li> <li class="menu-item"> <a href="https://pedsurglab.ucsf.edu/">Pediatric Surgery Lab</a> </li> <li class="menu-item"> <a href="https://pomerantzlab.ucsf.edu/">Pomerantz Lab</a> </li> <li class="menu-item"> <a href="https://wraparound.ucsf.edu/">San Francisco Wraparound Project</a> </li> <li class="menu-item"> <a href="https://sarwallab.ucsf.edu/">Sarwal Lab</a> </li> <li class="menu-item"> <a href="https://surgicalinnovations.ucsf.edu/">Surgical Innovations</a> </li> <li class="menu-item"> <a href="https://surgicaloncologylab.ucsf.edu/">Warren Lab in Surgical Oncology</a> </li> <li class="menu-item"> <a href="https://tanglab.ucsf.edu/">Tang Lab</a> </li> <li class="menu-item"> <a href="https://toplab.ucsf.edu/">Thoracic Oncology Lab</a> </li> <li class="menu-item"> <a href="https://tsilab.ucsf.edu/">TSI Lab</a> </li> <li class="menu-item"> <a href="https://wanglaboratory.ucsf.edu/">Wang Lab</a> </li> <li class="menu-item"> <a href="https://weaverlab.ucsf.edu/">Weaver Lab</a> </li> <li class="menu-item"> <a href="https://willenbringlab.ucsf.edu/">Willenbring Lab</a> </li> </ul> </div> </li> </ul> </div> </nav> <div class="search-api-form block block-search container-inline hidden" data-drupal-selector="search-api-form" id="block-searchapiform-2"> <div class="search-form-modal-container"> <button class="dropdown-close dropdown-button">Close</button> <form region="mobile_menu" action="/search" method="get" id="search-api-form" accept-charset="UTF-8"> <div class="search-text-and-button-wrapper js-form-wrapper form-wrapper" data-drupal-selector="edit-search-text-and-button-wrapper" id="edit-search-text-and-button-wrapper"><div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden">Search</label> <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" placeholder="" class="form-search" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" aria-live=assertive role=button /> </div> </div> </form> </div> </div> </div> <button class="mobile-menu-button mobile-search">Search</button> </div> </div> </div> <div class="universal-header"> <div class="universal-header__region"> <p class="universal-header__title"><a href="https://www.ucsf.edu/">University of California San Francisco</a></p> <div class="region region-universal-header"> <nav role="navigation" aria-labelledby="block-topbannermenu-menu" id="block-topbannermenu" class="block block-menu navigation menu--top-banner-menu"> <h2 class="visually-hidden" id="block-topbannermenu-menu">Top Banner Menu</h2> <ul region="universal_header" class="menu"> <li class="menu-item"> <a href="http://medschool.ucsf.edu/">UCSF School of Medicine</a> </li> <li class="menu-item"> <a href="http://www.ucsfhealth.org/">UCSF Medical Center</a> </li> </ul> </nav> <nav role="navigation" aria-labelledby="Surgery Websites Menu" id="block-surgerywebsites" class="block block-menu navigation menu--surgery-websites"> <h2 class="visually-hidden" id="block-surgerywebsites-menu">Surgery Websites</h2> <button class="dropdown-button">Surgery Websites</button> <div class="dropdown-content hidden"> <button class="dropdown-close dropdown-button">Close</button> <div class="menu-sidebar"> <span class="menu-sidebar-label">Surgery Websites</span> </div> <ul region="universal_header" class="menu column-4"> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="MainSurgeryWebsites" class="col"> <h2 id="MainSurgeryWebsites" class="col-head" tabindex="0"> <span>Main Surgery Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://surgery.ucsf.edu/">Department of Surgery</a> </li> <li class="menu-item"> <a href="https://surgerywebsupport.ucsf.edu/">Web Support Portal</a> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="Resources" class="col"> <h2 id="Resources" class="col-head" tabindex="0"> <span class="the-parent">Resources</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://surgerysciencepubs.ucsf.edu/" class="the-parent">Scientific Writing Core</a> </li> </ul> </div> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="ClinicalWebsites" class="col"> <h2 id="ClinicalWebsites" class="col-head" tabindex="0"> <span>Clinical Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://acutecaresurgery.ucsf.edu/">Acute Care Surgery</a> </li> <li class="menu-item"> <a href="https://ctsurgery.ucsf.edu/">Cardiothoracic Surgery</a> </li> <li class="menu-item"> <a href="https://bariatricsurgery.ucsf.edu/">Bariatric Surgery</a> </li> <li class="menu-item"> <a href="https://breastcaresurgery.ucsf.edu/">Breast Care Surgery</a> </li> <li class="menu-item"> <a href="https://cardiacsurgery.ucsf.edu/">Cardiac Surgery</a> </li> <li class="menu-item"> <a href="https://herniacenter.ucsf.edu/">Center for Hernia Repair & Abdominal Wall Reconstruction</a> </li> <li class="menu-item"> <a href="https://limbpreservation.ucsf.edu/">Center for Limb Preservation & Diabetic Foot</a> </li> <li class="menu-item"> <a href="https://geriatricsurgery.ucsf.edu/">Center for Surgery in Older Adults</a> </li> <li class="menu-item"> <a href="https://colorectalsurgery.ucsf.edu/">Colorectal Surgery</a> </li> <li class="menu-item"> <a href="https://endocrinesurgery.ucsf.edu/">Endocrine Surgery</a> </li> <li class="menu-item"> <a href="https://eras.ucsf.edu/">Enhanced Recovery After Surgery (ERAS)</a> </li> <li class="menu-item"> <a href="https://fetus.ucsf.edu/" target="_blank">Fetal Treatment Center</a> </li> <li class="menu-item"> <a href="https://gisurgery.ucsf.edu/">Gastrointestinal Surgery</a> </li> <li class="menu-item"> <a href="https://generalsurgery.ucsf.edu/">General Surgery</a> </li> <li class="menu-item"> <a href="https://hpbsurgery.ucsf.edu/">Heptobiliary & Pancreatic Surgery</a> </li> <li class="menu-item"> <a href="https://liversource.ucsf.edu/">LiverSource</a> </li> <li class="menu-item"> <a href="https://melanomasurgery.ucsf.edu/">Melanoma Surgery</a> </li> <li class="menu-item"> <a href="https://pedctsurgery.ucsf.edu/">Pediatric Cardiothoracic Surgery</a> </li> <li class="menu-item"> <a href="https://pedsurg.ucsf.edu/">Pediatric Surgery</a> </li> <li class="menu-item"> <a href="https://plasticsurgery.ucsf.edu/">Plastic & Reconstructive Surgery</a> </li> <li class="menu-item"> <a href="https://roboticsurgery.ucsf.edu/">Robotic Surgery</a> </li> <li class="menu-item"> <a href="https://sfva.ucsf.edu/">San Francisco VA Medical Center</a> </li> <li class="menu-item"> <a href="https://surgicaloncology.ucsf.edu/">Surgical Oncology Program</a> </li> <li class="menu-item"> <a href="https://top.ucsf.edu/">Thoracic Oncology Program</a> </li> <li class="menu-item"> <a href="https://thoracicsurgery.ucsf.edu/">Thoracic Surgery</a> </li> <li class="menu-item"> <a href="https://transplantsurgery.ucsf.edu/">Transplant Surgery</a> </li> <li class="menu-item"> <a href="https://eastbaysurgery.ucsf.edu/">UCSF East Bay Surgery Program</a> </li> <li class="menu-item"> <a href="https://vascularsurgery.ucsf.edu/">Vascular & Endovascular Surgery</a> </li> <li class="menu-item"> <a href="https://zsfgsurgery.ucsf.edu/">Zuckerberg San Francisco General</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="Education&amp;Training" class="col"> <h2 id="Education&amp;Training" class="col-head" tabindex="0"> <span>Education & Training</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://transplantfellowship.ucsf.edu/">Abdominal Transplant Fellowship</a> </li> <li class="menu-item"> <a href="https://surgeryfap.ucsf.edu/">Faculty Affairs & Development Portal</a> </li> <li class="menu-item"> <a href="https://medstudentsurgery.ucsf.edu/">Medical Student Portal</a> </li> <li class="menu-item"> <a href="https://murielsteelesociety.ucsf.edu/">Muriel Steele Society</a> </li> <li class="menu-item"> <a href="https://plasticsurgeryresidency.ucsf.edu/">Plastic Surgery Residency</a> </li> <li class="menu-item"> <a href="https://surgeryresidentportal.ucsf.edu/">Resident Portal</a> </li> <li class="menu-item"> <a href="https://surgeryresidentresearch.ucsf.edu/">Resident Research</a> </li> <li class="menu-item"> <a href="https://surgeryeducation.ucsf.edu/">Surgery Education Portal</a> </li> <li class="menu-item"> <a href="https://surgeryresearch.ucsf.edu/">Surgery Research Portal</a> </li> <li class="menu-item"> <a href="https://surgicalskillslab.ucsf.edu/">Surgical Skills Center</a> </li> <li class="menu-item"> <a href="https://thoracicsurgeryresidency.ucsf.edu/">Thoracic Surgery Residency</a> </li> <li class="menu-item"> <a href="https://t32surgicaloncology.ucsf.edu/">T32 Surgical Oncology</a> </li> <li class="menu-item"> <a href="https://t32transplantsurgery.ucsf.edu/">T32 Research Training in Transplant Surgery</a> </li> <li class="menu-item"> <a href="https://ucsf-eastbay.squarespace.com/">UCSF-East Bay General Surgery Residency</a> </li> <li class="menu-item"> <a href="https://vascularsurgeryresidency.ucsf.edu/">Vascular Surgery Integrated Residency Program</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <div role="group" aria-labelledby="ResearchWebsites" class="col"> <h2 id="ResearchWebsites" class="col-head" tabindex="0"> <span>Research Websites</span> </h2> <ul class="menu"> <li class="menu-item"> <a href="https://raffailab.ucsf.edu/">Atherosclerosis Research Lab</a> </li> <li class="menu-item"> <a href="https://surgerybiostat.ucsf.edu/">Biostatistics Core</a> </li> <li class="menu-item"> <a href="https://cardiacbiomechanicslab.ucsf.edu/">Cardiac Biomechanics Lab</a> </li> <li class="menu-item"> <a href="https://mindfulsurgeon.ucsf.edu/">Center for Mindfulness in Surgery</a> </li> <li class="menu-item"> <a href="https://livertissueengineering.ucsf.edu/">Chang Laboratory for Liver Tissue Engineering</a> </li> <li class="menu-item"> <a href="https://contelab.ucsf.edu/">Conte Lab</a> </li> <li class="menu-item"> <a href="https://endocrineneoplasialab.ucsf.edu/">Endocrine Neoplasia Research Lab</a> </li> <li class="menu-item"> <a href="https://itl.ucsf.edu/">Immunogenetics & Transplantation Lab</a> </li> <li class="menu-item"> <a href="https://kornblithlab.ucsf.edu/">Kornblith Lab</a> </li> <li class="menu-item"> <a href="https://kratzlab.ucsf.edu/">Kratz Lab</a> </li> <li class="menu-item"> <a href="https://lobularbreastcancer.ucsf.edu/">Lobular Breast Cancer Research Program</a> </li> <li class="menu-item"> <a href="https://mackenzielab.ucsf.edu/">MacKenzie Lab</a> </li> <li class="menu-item"> <a href="https://nijagallab.ucsf.edu/">Nijagal Lab</a> </li> <li class="menu-item"> <a href="https://pedsurglab.ucsf.edu/">Pediatric Surgery Lab</a> </li> <li class="menu-item"> <a href="https://pomerantzlab.ucsf.edu/">Pomerantz Lab</a> </li> <li class="menu-item"> <a href="https://wraparound.ucsf.edu/">San Francisco Wraparound Project</a> </li> <li class="menu-item"> <a href="https://sarwallab.ucsf.edu/">Sarwal Lab</a> </li> <li class="menu-item"> <a href="https://surgicalinnovations.ucsf.edu/">Surgical Innovations</a> </li> <li class="menu-item"> <a href="https://surgicaloncologylab.ucsf.edu/">Warren Lab in Surgical Oncology</a> </li> <li class="menu-item"> <a href="https://tanglab.ucsf.edu/">Tang Lab</a> </li> <li class="menu-item"> <a href="https://toplab.ucsf.edu/">Thoracic Oncology Lab</a> </li> <li class="menu-item"> <a href="https://tsilab.ucsf.edu/">TSI Lab</a> </li> <li class="menu-item"> <a href="https://wanglaboratory.ucsf.edu/">Wang Lab</a> </li> <li class="menu-item"> <a href="https://weaverlab.ucsf.edu/">Weaver Lab</a> </li> <li class="menu-item"> <a href="https://willenbringlab.ucsf.edu/">Willenbring Lab</a> </li> </ul> </div> </li> </ul> </div> </nav> </div> </div> </div> <div class="header"> <div class="header__wrap"> <div class="header__first"> <figure class="header__logo"> <div id="block-sitebranding" class="block block-system block-system-branding-block"> <a class="header__link" href="/" title="Home " rel="home"> <img src="/sites/default/files/logo-new-hbp_0.png" alt="Home" /> </a> </div> </figure> </div> <div class="header__second"> <div class="header__menu"> <div class="region region-menu"> <div class="utility-social-container"> <nav role="navigation" aria-labelledby="Utility Menu" id="block-utilityclinical" class="block block-menu navigation menu--utility--clinical menu--utility-menu"> <h2 class="visually-hidden" id="block-utilityclinical-menu">Utility - Clinical</h2> <ul region="menu" class="menu"> <li class="menu-item"> <a href="https://www.ucsfhealth.org/find-a-doctor" target="_blank">Find a Surgeon</a> </li> <li class="menu-item"> <a href="https://www.ucsfhealth.org/clinics" target="_blank">Find a Clinic</a> </li> <li class="menu-item"> <a href="https://www.ucsfhealth.org/request-an-appointment" target="_blank">Request an Appointment</a> </li> <li class="menu-item"> <a href="https://surgeryresidentportal.ucsf.edu/" target="_blank">Resident Portal</a> </li> <li class="menu-item"> <a href="https://medstudentsurgery.ucsf.edu/" target="_blank">Medical Student Portal</a> </li> <li class="menu-item"> <button> <span>Search</span> </button> </li> </ul> </nav> <div class="search-api-form block block-search container-inline hidden" data-drupal-selector="search-api-form-2" id="block-searchapiform"> <div class="search-form-modal-container"> <button class="dropdown-close dropdown-button">Close</button> <form region="menu" action="/search" method="get" id="search-api-form--2" accept-charset="UTF-8"> <div class="search-text-and-button-wrapper js-form-wrapper form-wrapper" data-drupal-selector="edit-search-text-and-button-wrapper" id="edit-search-text-and-button-wrapper--2"><div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <label for="edit-keys--3" class="visually-hidden">Search</label> <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys--3" name="keys" value="" size="15" maxlength="128" placeholder="" class="form-search" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" value="Search" class="button js-form-submit form-submit" aria-live=assertive role=button /> </div> </div> </form> </div> </div> </div> <nav role="navigation" aria-labelledby="Main menu" id="block-active-domain-main-menu" class="block block-menu navigation menu--dm7747412-main menu--main"> <h2 class="visually-hidden" id="block-active-domain-main-menu-menu">Main Menu - Active Domain </h2> <ul class="main-menu__item-list main-menu__item-list--level-0"> <li class="main-menu__item main-menu__item--level-0"> <a href="/about-us" class="main-menu__nav-link" data-drupal-link-system-path="node/20056">About Us</a> </li> <li class="main-menu__item main-menu__item--level-0"> <a href="/hpb-team" class="main-menu__nav-link" data-drupal-link-system-path="node/18401">Meet the Team</a> </li> <li class="main-menu__item main-menu__item--level-0"> <a href="/conditions-procedures" class="main-menu__nav-link" data-drupal-link-system-path="conditions-and-procedures">Conditions & Procedures</a> </li> <li class="main-menu__item main-menu__item--level-0 main-menu__item--submenu-level-0 has-children"> <button class="nav-button" aria-expanded="false"> <span class="main-menu__nav-link">Patient Center</span> </button> <div class="main-menu__nav-sub-nav hidden"> <div class="main-menu__nav-sub-nav-container"> <button class="dropdown-close">Close</button> <div class="menu-sidebar"> <span class="menu-sidebar-label">Patient Center</span> </div> <div class="main-menu__item main-menu__item--level-0 main-menu__item--submenu-level-0 has-children sub-nav-container"> <ul class="main-menu__subnav main-menu__item-list main-menu__item-list--level-1"> <li class="menu-item main-menu__item main-menu__item--level-1"> <div class="menu_link_content menu-link-contentdm7747412-main view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> <div class="field field--name-field-menu-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/2023-08/Patientcenter-varma-examing-patient_0.jpg" width="564" height="564" alt="Dr. Varma examining patient" /> </div> </div> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/patient-center" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Patient Center" data-drupal-link-system-path="node/20066">Patient Center</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/tackling-cancer-whipple-procedure" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Patient Stories" data-drupal-link-system-path="node/133271">Patient Stories</a> </li> <li class="menu-item menu-item--expanded main-menu__item main-menu__item--level-1 main-menu__item--submenu-level-1 has-children"> <button class="nav-button" aria-expanded="false"> <span class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Specialized Procedures">Specialized Procedures</span> </button> <div class="menu-item menu-item--expanded main-menu__item main-menu__item--level-1 main-menu__item--submenu-level-1 has-children sub-nav-container"> <p class="sub-nav-title">Specialized Procedures</p> <ul class="main-menu__subnav main-menu__item-list main-menu__item-list--level-2"> <li class="menu-item main-menu__item main-menu__item--level-2"> <a href="/robotic-whipple-procedure" target="_self" class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Robotic Whipple Procedure" data-drupal-link-system-path="node/133986">Robotic Whipple Procedure</a> </li> <li class="menu-item main-menu__item main-menu__item--level-2"> <span class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Cytoreductive Surgery with HIPEC">Cytoreductive Surgery with HIPEC</span> </li> <li class="menu-item main-menu__item main-menu__item--level-2"> <span class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Hepatic Artery Infusion Pump">Hepatic Artery Infusion Pump</span> </li> <li class="menu-item main-menu__item main-menu__item--level-2"> <span class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Robotic Distal Pancreatectomy">Robotic Distal Pancreatectomy</span> </li> </ul> </div> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/comprehensive-pain-management-ucsf" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Comprehensive Pain Management" data-drupal-link-system-path="node/301">Comprehensive Pain Management</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/tumor-board-conference" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Tumor Board Conference" data-drupal-link-system-path="node/6036">Tumor Board Conference</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="https://clinicaltrials.ucsf.edu/" target="_blank" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu UCSF Clinical Trials">UCSF Clinical Trials</a> </li> </ul> </div> </div> </div> </li> <li class="main-menu__item main-menu__item--level-0 main-menu__item--submenu-level-0 has-children"> <button class="nav-button" aria-expanded="false"> <span class="main-menu__nav-link">Education & Training</span> </button> <div class="main-menu__nav-sub-nav hidden"> <div class="main-menu__nav-sub-nav-container"> <button class="dropdown-close">Close</button> <div class="menu-sidebar"> <span class="menu-sidebar-label">Education & Training</span> </div> <div class="main-menu__item main-menu__item--level-0 main-menu__item--submenu-level-0 has-children sub-nav-container"> <ul class="main-menu__subnav main-menu__item-list main-menu__item-list--level-1"> <li class="menu-item main-menu__item main-menu__item--level-1"> <div class="menu_link_content menu-link-contentdm7747412-main view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> <div class="field field--name-field-menu-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/2023-08/Navimage-Education.jpg" width="564" height="564" alt="Education" /> </div> </div> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/education-training" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Education & Training" data-drupal-link-system-path="node/4466">Education & Training</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="https://surgery.ucsf.edu/department-surgery-grand-rounds" target="_blank" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Grand Rounds Schedule">Grand Rounds Schedule</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="https://surgery.ucsf.edu/general-surgery-residency-program-0" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu General Surgery Residency Program">General Surgery Residency Program</a> </li> </ul> </div> </div> </div> </li> </ul> </nav> </div> </div> </div> </div> </div> <img class="print-logo" src="/themes/custom/dos/logo.svg" width="250" height="56" alt="UCSF University of California San Fransisco"> </header> <main id="main"> <a id="main-content" tabindex="-1"></a> <div class="help"> </div> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="main l-content no-sidebar"> <div class="page-content-outer-wrap"> <div class="visually-hidden"> <div class="region region-title"> <div id="block-dos-page-title" class="block block-core block-page-title-block"> <h1 class="page-title"><span class="field field--name-title field--type-string field--label-hidden">Hepatobiliary and Pancreatic Surgery (HPB) Program - Homepage</span> </h1> </div> </div> </div> <div class="page-content-inner-wrap"> <div class="page-content"> <div class="region region-content"> <div id="block-dos-content" class="block block-system block-system-main-block"> <article data-history-node-id="20061" class="node node--type-page node--view-mode-full"> <div class="node__content"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div > <div class="paragraph paragraph--type--content-carousel paragraph--view-mode--default" data-slick-speed="8000" data-slick-autoplay="true"> <div> <div class="content-carousel-card-wrapper mobile"> <div class="media-container"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewbox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about HPB group shot"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2024-02/hpb-group-shot-expanded_0.jpg.webp?itok=uOAKAFkl" width="2600" height="1079" alt="HPB group shot" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content-container"> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Meet the Team</div> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2024-02/HOS_Badge-Spc_Gastroenterology-2023-2024.png.webp?itok=vM6ibIeT" width="191" height="200" alt="HPB overlay" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> <div class="content-carousel-card-wrapper desktop"> <div class="media-container"> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewbox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about HPB group shot"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2024-02/hpb-group-shot-expanded_0.jpg.webp?itok=uOAKAFkl" width="2600" height="1079" alt="HPB group shot" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Meet the Team</div> </div> <div class="link"> <a href="/hpb-team" aria-label="">Learn More</a> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2024-02/HOS_Badge-Spc_Gastroenterology-2023-2024.png.webp?itok=vM6ibIeT" width="191" height="200" alt="HPB overlay" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> <div> <div class="content-carousel-card-wrapper mobile"> <div class="media-container"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewbox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about The Hepatobiliary and Pancreatic Surgery (HPB) Program"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-09/homepage-banners-hpb.jpg.webp?itok=1ryAYNi4" width="2600" height="1026" alt="The Hepatobiliary and Pancreatic Surgery (HPB) Program" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content-container"> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> </div> </div> </div> <div class="content-carousel-card-wrapper desktop"> <div class="media-container"> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewbox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about The Hepatobiliary and Pancreatic Surgery (HPB) Program"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-09/homepage-banners-hpb.jpg.webp?itok=1ryAYNi4" width="2600" height="1026" alt="The Hepatobiliary and Pancreatic Surgery (HPB) Program" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> <div class="link"> <a href="/about-us" aria-label="">Learn More</a> </div> </div> </div> </div> <div> <div class="content-carousel-card-wrapper mobile"> <div class="media-container"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewbox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about Dr. Corvera HPB banner"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-10/corvera-yt-banner_3.jpg.webp?itok=3vL9aOjt" width="2600" height="1026" alt="Dr. Corvera HPB banner" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content-container"> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">UCSF Stories</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2023-10/youtube-logo-png-transparent-image-5.png.webp?itok=WIa38eAd" width="200" height="111" alt="Youtube Logo" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> <div class="content-carousel-card-wrapper desktop"> <div class="media-container"> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewbox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about Dr. Corvera HPB banner"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-10/corvera-yt-banner_3.jpg.webp?itok=3vL9aOjt" width="2600" height="1026" alt="Dr. Corvera HPB banner" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">UCSF Stories</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">The Hepatobiliary and Pancreatic Surgery (HPB) Program</div> </div> <div class="link"> <a href="https://www.youtube.com/watch?v=zPvURif26uo" aria-label="">Watch Video</a> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2023-10/youtube-logo-png-transparent-image-5.png.webp?itok=WIa38eAd" width="200" height="111" alt="Youtube Logo" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> <div> <div class="content-carousel-card-wrapper mobile"> <div class="media-container"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewbox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about Robotically Assisted, Minimally Invasive Whipple Surgery at UCSF"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-10/RoboticWhipple-banner3.jpg.webp?itok=nPPHCVJu" width="2600" height="1026" alt="Robotically Assisted, Minimally Invasive Whipple Surgery at UCSF" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content-container"> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Robotic Whipple Surgery Program at UCSF</div> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2023-10/vimeo-logo-transparent.png.webp?itok=589R7Wdq" width="200" height="57" alt="Vimeo logo" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> <div class="content-carousel-card-wrapper desktop"> <div class="media-container"> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewbox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #FEB80A; stroke-width: 5; stroke-miterlimit: 10; } </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 "/> </svg> </div> <article class="media media--type-image media--view-mode-con" aria-label="Image about Robotically Assisted, Minimally Invasive Whipple Surgery at UCSF"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-10/RoboticWhipple-banner3.jpg.webp?itok=nPPHCVJu" width="2600" height="1026" alt="Robotically Assisted, Minimally Invasive Whipple Surgery at UCSF" class="image-style-kan-max-2600x2600" /> </div> </article> <div class="vector vector-top desktop"> <svg viewbox="0 0 1440 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_3317_107350" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="1440" height="31"> <rect width="1440" height="31" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_3317_107350)"> <path d="M0 -46.8823C97.5525 -32.6474 109.164 -0.823154 260.949 18.9397C310.483 25.3889 365.586 22.3005 421.356 5.50924C421.356 5.50924 473.745 -13.4426 520.917 -28.0149C587.174 -48.4849 606.019 -43.0738 714.185 -18.9704C826.647 6.09318 928.321 -42.53 1016.16 -28.0149C1104 -13.4998 1155.5 3.5 1207.95 19.2446C1260.4 34.9892 1322 30.3939 1345 25.5002C1368 20.6066 1440 10.8402 1440 10.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M0 24.8783C117.417 24.8783 183.404 19.6813 268.393 11.0586C336.261 4.17467 497.027 -24.931 565.316 -27.1305C755.443 -33.2683 767.879 26.085 1016.15 24.8783C1227.09 18.1778 1256.5 -13.4993 1325 -34.4996C1393.5 -55.5 1440 -46.8797 1440 -46.8797" stroke="#CACED2" stroke-miterlimit="10"/> </g> </svg> </div> <div class="vector vector-bottom desktop"> <svg viewbox="0 0 1442 81" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1441 30.9875C1343.38 37.9333 1331.76 53.4616 1179.87 63.1046C1130.3 66.2514 1075.16 64.7445 1019.35 56.5514C1019.35 56.5514 966.926 47.3041 919.721 40.1937C853.418 30.2055 834.56 32.8458 726.318 44.6068C613.778 56.8363 517.267 35.7805 424.134 40.1937C331 44.6068 291.417 54.3966 232.209 63.2534C173 72.1102 125.404 39.2058 76.7018 33.853C28 28.5002 1 30.9902 1 30.9902V68.6779H1441V30.9875Z" fill="white"/> <path d="M1441 3.11768C1343.45 17.3526 1331.84 49.1768 1180.05 68.9397C1130.52 75.3889 1075.41 72.3005 1019.64 55.5092C1019.64 55.5092 967.255 36.5574 920.083 21.9851C853.826 1.51511 834.981 6.9262 726.815 31.0296C614.353 56.0932 512.679 7.47001 424.839 21.9851C337 36.5002 285.5 53.5 233.048 69.2446C180.595 84.9892 119 80.3939 96 75.5002C73 70.6066 1 60.8402 1 60.8402" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 60.8386C1441 60.8386 1262 38.5001 1208.05 46.8762C1154.1 55.2522 1080.87 75.7806 1022.43 75.7807C964 75.7807 831.076 55.5702 778.192 46.8762C725.315 38.1756 551.484 64.0307 440.708 60.8386C329.933 57.6464 291.277 -2.48385 191.887 46.8762C135.5 74.88 1 74.8802 1 74.8802" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 40.6085C1413.31 41.8672 1347.95 52.4947 1282.34 37.8121C1224.37 24.8424 1157.5 -8 1074.02 15.9147C990.54 39.8295 854.696 41.4105 790.852 36.5055C731.859 31.9703 699.904 31.62 640.079 29.427C538.688 25.7093 499.769 35.9695 395.448 39.8299C367.758 41.0886 325.915 34.1723 266.187 37.8121C206.459 41.4455 176.113 28.5776 114.057 30.5389C52 32.5003 35.5 37.8121 1 40.6103" stroke="#CACED2" stroke-miterlimit="10"/> <path d="M1441 74.8783C1323.58 74.8783 1257.6 69.6813 1172.61 61.0586C1104.74 54.1747 943.973 25.069 875.684 22.8695C685.557 16.7317 673.121 76.085 424.847 74.8783C213.911 68.1778 184.5 36.5007 116 15.5004C47.5 -5.5 1 3.12031 1 3.12031" stroke="#CACED2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="content-carousel-card-content"> <div class="heading"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Robotic Whipple Surgery Program at UCSF</div> </div> <div class="link"> <a href="https://vimeo.com/863756443/4638c8b5e7" aria-label="">Watch Video</a> </div> </div> <div class="overlay-image"> <div class="field field--name-field-optional-overlay-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_thumbnail/public/2023-10/vimeo-logo-transparent.png.webp?itok=589R7Wdq" width="200" height="57" alt="Vimeo logo" class="image-style-kan-thumbnail" /> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"><div > <div class="paragraph paragraph--type--linked-icon-container paragraph--view-mode--default"> <div class="field field--name-field-linked-icons field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--linked-icon paragraph--view-mode--default"> <a href="https://www.ucsfhealth.org/request-an-appointment" class="link-wrapper" aria-label="Request an Appointment"> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-default" aria-label="Image about Request an Appointment"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-06/request-an-appt-icon.png.webp?itok=8i9EUWBz" width="92" height="80" alt="Request an Appointment" class="image-style-kan-max-2600x2600" /> </div> </article> </div> <div class="clearfix text-formatted field field--name-field-paragraph field--type-text-long field--label-hidden field__item"><p class="teal">Request </p><p>an Appointment</p></div> </a> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--linked-icon paragraph--view-mode--default"> <a href="https://www.ucsfhealth.org/refer-a-patient" class="link-wrapper" aria-label="Refer a Patient"> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-default" aria-label="Image about Refer a Patient"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-06/refer-a-patient-icon.png.webp?itok=nMeUuK9x" width="77" height="81" alt="Refer a Patient" class="image-style-kan-max-2600x2600" /> </div> </article> </div> <div class="clearfix text-formatted field field--name-field-paragraph field--type-text-long field--label-hidden field__item"><p class="teal">Refer </p><p>a Patient</p></div> </a> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--linked-icon paragraph--view-mode--default"> <a href="https://www.ucsfhealth.org/find-a-doctor" class="link-wrapper" aria-label="Find a Surgeon"> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-default" aria-label="Image about Find a Surgeon"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-06/find-a-surgeon-icon.png.webp?itok=4Yzl63mk" width="86" height="78" alt="Find a Surgeon" class="image-style-kan-max-2600x2600" /> </div> </article> </div> <div class="clearfix text-formatted field field--name-field-paragraph field--type-text-long field--label-hidden field__item"><p class="teal">Find </p><p>a Surgeon</p></div> </a> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--linked-icon paragraph--view-mode--default"> <a href="https://clinicaltrials.ucsf.edu/" class="link-wrapper" aria-label="Find a Clinical Trial"> <div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-default" aria-label="Image about Find a Clinical Trial"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/kan_max_2600x2600/public/2023-06/find-a-clinical-trial-icon.png.webp?itok=cIz-lHsM" width="77" height="77" alt="Find a Clinical Trial" class="image-style-kan-max-2600x2600" /> </div> </article> </div> <div class="clearfix text-formatted field field--name-field-paragraph field--type-text-long field--label-hidden field__item"><p class="teal">Find </p><p>a Clinical Trial</p></div> </a> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div > <div class="columns text-vert-align--top columns--layout-sidebar-left paragraph paragraph--type--kan-columns paragraph--view-mode--default no-decor"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Integrated Patient-Centered Multidisciplinary Care, Pioneer in Laparoscopic & Robotic Liver & Pancreas Surgery</div> <div class="columns__wrap"> <div class="columns__item-list"> <div class="columns__item columns-col1"> <div > <div class="text-block paragraph paragraph--type--kan-text paragraph--view-mode--default"> <div class="text-block__text"> <article class="media media--type-image media--view-mode-rounded-overlay" aria-label="Image about Carlos U. Corvera, M.D., FACS"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:none;stroke:#FEB80A;stroke-width:5;stroke-miterlimit:10;} </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 " /> </svg> </div> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:none;stroke:#FEB80A;stroke-width:5;stroke-miterlimit:10;} </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 " /> </svg> </div> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/rounded_overlay/public/2023-08/dr-carlos-corvera-md-354x210.jpg.webp?itok=ZqbYRqwX" width="354" height="210" alt="Carlos U. Corvera, M.D., FACS" class="image-style-rounded-overlay"> </div> </article> <h3>Carlos U. Corvera, MD, FACS</h3><p style="font-size:1rem;">Professor of Surgery <br>Division of Surgical Oncology <br>Chief, Section of HPB-GISS (HepatoPancreatoBiliary, GI, Skin, Sarcoma Surgery) <br>Maurice Galante Distinguished Professorship in Hepatobiliary Surgery</p> </div> </div> </div></div> <div class="columns__item columns-col2"> <div > <div class="text-block paragraph paragraph--type--kan-text paragraph--view-mode--default"> <div class="text-block__text"> <p>The Hepatobiliary and Pancreatic Surgery (HPB), GI, Skin, and Sarcoma Section (HPB-GISS) provides state-of-the-art treatment for patients with primary and metastatic cancers of the liver, gallbladder, bile duct and pancreas, in addition to surgical treatment for tumors of the gastrointestinal tract, skin, and soft tissues (sarcoma). The program also treats benign disease including cysts, biliary strictures and bile duct injuries.</p><p>Patients receive seamless multidisciplinary care from a team comprised of surgical oncologists, hepatobiliary surgeons, diagnostic radiologists, interventional radiologists, medical oncologists, hepatologists, gastroenterologists and anesthesiologists.</p><p>UCSF is one the few centers nationally that performs a large number of advanced laparoscopic and robotic liver and pancreas procedures. For liver, gallbladder and bile duct cancer cases requiring major resections, the group works seamlessly with our transplant surgeons to apply their expertise from living donor liver transplantation to perform complex reconstruction of the hepatic artery, portal vein or bile duct. This allows the HPB team to resect cancers involving major blood vessels which may be deemed inoperable at other centers. The Section also has expertise in regional approaches to advanced cancers, providing cytoreductive surgery with heated intraperitoneal chemotherapy (HIPEC), isolated limb infusion for sarcoma and melanoma (ILI), and is one of the most experienced hepatic artery infusion programs on the West Coast for patients with metastatic colorectal liver metastases and intrahepatic cholangiocarcinoma.</p><p><a class="btn-outline-editor" href="/about-us" data-entity-type="node" data-entity-uuid="e329f952-d0eb-49c5-9bd7-4d674cb927a7" data-entity-substitution="canonical">About Us</a></p> </div> </div> </div></div> </div> </div> </div> </div> </div> <div class="field__item"> <div > <div class="columns text-vert-align--top columns--layout-column-wider-left paragraph paragraph--type--kan-columns paragraph--view-mode--default"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Highlights</div> <div class="columns__wrap"> <div class="columns__item-list"> <div class="columns__item columns-col1"> <div > <div class="filtered-list paragraph paragraph--type--kan-filtered-list paragraph--view-mode--default"> <div class="filtered-list__view"> <div class="field field--name-kan-field-views field--type-viewsreference field--label-hidden field__item"><div class="views-element-container"><div class="view view-news-events view-id-news_events view-display-id-featured_article_block js-view-dom-id-40135bebf3091bc3a810099f49ced72b91cb91d49212fdd547732c9f2960a01a"> <div class="view-content"> <div class="views-row"> <article data-history-node-id="124651" class="node node--type-news node--view-mode-featured"> <div> <div class="corner-detail mobile"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="path-1-inside-1_3369_102218" fill="white"> <path d="M0 0H50V50H0V0Z"/> </mask> <path d="M0 0V-5H-5V0H0ZM0 5H50V-5H0V5ZM5 50V0H-5V50H5Z" fill="#FEB80A" mask="url(#path-1-inside-1_3369_102218)"/> </svg> </div> <div class="corner-detail desktop"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="path-1-inside-1_3369_104160" fill="white"> <path d="M0 0H100V100H0V0Z"/> </mask> <path d="M0 0V-5H-5V0H0ZM0 5H100V-5H0V5ZM5 100V0H-5V100H5Z" fill="#FEB80A" mask="url(#path-1-inside-1_3369_104160)"/> </svg> </div> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-news-featured" aria-label="Image about Milestone Robotic Surgery"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="eager" srcset="/sites/default/files/styles/news_featured/public/2024-05/Milestone-umbraco-banner.jpg.webp?itok=8o-oCdWh 1308w" sizes="(min-width: 1290px) 81.75rem, (min-width: 768px) 100vw, (min-width: 560px) 100vw" width="1308" height="935" src="/sites/default/files/styles/news_featured/public/2024-05/Milestone-umbraco-banner.jpg.webp?itok=8o-oCdWh" alt="Milestone Robotic Surgery" /> </div> </article> </div> </div> <div class="featured-news-text-wrapper"> <p class="content-title"> <div class="ext__link field field--name-title field--type-string field--label-hidden field__item" target="_blank"><a href="https://www.ucsf.edu/news/2024/05/427681/ucsf-health-reaches-15000-robotic-surgeries" class="ext__link field field--name-title field--type-string field--label-hidden field__item" target="_blank">UCSF Health Reaches 15,000 Robotic Surgeries</a></div> </p> <svg class="yellow-arrow" width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 4L-3.26266e-07 7.4641L-2.34249e-08 0.535898L6 4Z" fill="#FEB80A"/> </svg> <a href="https://www.ucsf.edu/news/2024/05/427681/ucsf-health-reaches-15000-robotic-surgeries" class="featured-story-link" rel="bookmark">Read full story</a> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="columns__item columns-col2"> <div class="paragraph paragraph--type--kan-block paragraph--view-mode--default"> <div class="field field--name-kan-field-block field--type-block-field field--label-hidden field__item"><div id="block-twitterblock" class="block block-twitter-block"> <a href="https://twitter.com/UCSFSurgery" class="twitter-timeline" data-height="600" lang="en" data-tweet-limit="1" aria-live="polite">Tweets by @UCSFSurgery</a> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="/news">View All News & Events</a></div> </div> </div> </div> <div class="field__item"> <div > <div class="quote__full-width"> <div class="quote-content"> <div class="field field--name-field-quote-text field--type-string-long field--label-hidden field__item"><q>Our mission is to develop the next generation of leaders in academic surgery.</q></div> <div class="name-proc-wrapper"> <span class="field field--name-field-quote-credit field--type-string field--label-hidden field__item">Julie Ann Sosa, MD, MA, FACS, FSSO</span> <span class="field field--name-field-quote-credit-detail field--type-string field--label-hidden field__item">Leon Goldman, MD Distinguished Professor of Surgery and Chair, Department of Surgery</span> </div> </div> </div> </div></div> <div class="field__item"> <div > <div class="columns columns--layout-column-wider-right paragraph paragraph--type--kan-columns paragraph--view-mode--default"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Support Our Division</div> <div class="columns__wrap"> <div class="columns__item-list"> <div class="columns__item columns-col1"> <div > <div class="text-block paragraph paragraph--type--kan-text paragraph--view-mode--default"> <div class="text-block__text"> <p>However you give – as a former patient, family member or friend, alumnus, or corporate or foundation partner – your gift has profound impact on lives today and on tomorrow’s medicine, pioneered at UCSF.</p><p><a class="btn-outline-editor" href="https://makeagift.ucsf.edu/site/SPageServer?pagename=A1_API_GeneralGivingForm&Primary=Surgery&AppealCode=SD7WB" target="_blank">Donate Now</a></p> </div> </div> </div></div> <div class="columns__item columns-col2"> <div > <div class="text-block paragraph paragraph--type--kan-text paragraph--view-mode--default"> <div class="text-block__text"> <a href="https://makeagift.ucsf.edu/site/SPageServer?pagename=A1_API_GeneralGivingForm&Primary=Surgery&AppealCode=SD7WB" target="_blank"> <article class="align-center media media--type-image media--view-mode-rounded-overlay" aria-label="Image about Support our Clinic"> <div class="corner-detail mobile"> <svg version="1.1" id="Layer_1" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:none;stroke:#FEB80A;stroke-width:5;stroke-miterlimit:10;} </style> <polyline class="st0" points="2.5,50 2.5,2.5 50,2.5 " /> </svg> </div> <div class="corner-detail desktop"> <svg version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:none;stroke:#FEB80A;stroke-width:5;stroke-miterlimit:10;} </style> <polyline class="st0" points="2.5,100 2.5,2.5 100,2.5 " /> </svg> </div> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/rounded_overlay/public/2023-06/support-our-clinic.jpg.webp?itok=xsRddwXW" width="1746" height="982" alt="Support our Clinic" class="image-style-rounded-overlay"> </div> </article> </a> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </article> </div> <div id="block-dos-allsitescss" class="block block-block-content block-block-contenta4909052-afa3-4391-af88-9e84f68a8e60"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> .zoom-1-025:hover { transform: scale(1.025); } .zoom-1-05:hover { transform: scale(1.05); } .zoom-1-1:hover { transform: scale(1.1); } .zoom-1-2:hover { transform: scale(1.2); } .zoom-1-5:hover { transform: scale(1.5); } .zoom, .zoom-1-05, .zoom-1-1, .zoom-1-5, .zoom-1-2, .zoom-1-025 {transition: 1s; z-index:10;} @media (max-width: 54em) { .h1, h1, h1 span.field--name-title { font-size: 2.6rem; letter-spacing: -0.1125rem; } } </style></div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="footer__container"> <div class="footer__wrap"> <div class="footer__inner"> <div class="footer__first"> <figure class="footer__logo"> <a class="footer__logo-link" href="/" title="Home UCSF Department of Surgery"> <picture class="footer__logo-image"> <img class="footer-logo__img" src="/themes/custom/dos/dist/icon/svg/footer-logo.svg" alt="UCSF Footer Logo" width="160" height="79"> </picture> </a> </figure> </div> <div class="footer__second"> <nav role="navigation" aria-labelledby="Footer Menu" id="block-typefooterclinical" class="block block-menu navigation menu--type-footer--clinical menu--footer"> <h2 class="visually-hidden" id="block-typefooterclinical-menu">Type Footer - Clinical</h2> <ul region="footer" class="menu"> <li class="menu-item"> <a href="https://www.ucsfhealth.org/request-an-appointment" target="_blank">Request an Appointment</a> </li> <li class="menu-item"> <a href="https://www.ucsfhealth.org/find-a-doctor" target="_blank">Find a Faculty Member</a> </li> <li class="menu-item"> <a href="/department-of-surgery-website-contact-form" data-drupal-link-system-path="webform/department_of_surgery_service_fo">Website Support</a> </li> </ul> </nav> <div class="footer__social"> <span>Follow Us:</span> <ul region="footer" class="menu-social"> <li class="menu-item menu-item--twitter"> <a href="https://twitter.com/UCSFSurgery" target="_blank" class="twitter">Twitter</a> </li> <li class="menu-item menu-item--instagram"> <a href="https://www.instagram.com/ucsf_surgery/?hl=en" target="_blank" class="instagram">Instagram</a> </li> <li class="menu-item menu-item--linkedin"> <a href="https://www.linkedin.com/in/ucsf-department-of-surgery-242831257/" target="_blank" class="linkedin">LinkedIn</a> </li> <li class="menu-item menu-item--youtube"> <a href="https://www.youtube.com/channel/UCICCJchdaNcdDkzSJUktktw" target="_blank" class="youtube" title="YouTube - UCSF Channel">YouTube</a> </li> </ul> </div> <div class="views-element-container block block-views block-views-blockweb-excellence-award-block-1" id="block-dos-views-block-web-excellence-award-block-1"> <div region="hidden"><div class="view view-web-excellence-award view-id-web_excellence_award view-display-id-block_1 js-view-dom-id-cd908d0d6933c5e00820415cfc1e6f94aeafc666455c1006b7d87f14f241535f"> <div class="view-content"> <div class="views-row"> <article class="media media--type-image media--view-mode-content-width-inline-image" aria-label="Image about Web Excellence Award - Golden Large"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="eager" srcset="/sites/default/files/styles/max_325x325/public/2024-01/golden_large-768x611.png.webp?itok=FyvYeApL 325w, /sites/default/files/styles/max_650x650/public/2024-01/golden_large-768x611.png.webp?itok=GGMGZ_Mg 650w, /sites/default/files/styles/max_875x875/public/2024-01/golden_large-768x611.png.webp?itok=pja0SXXX 768w" sizes="(min-width: 57.1875rem) 54.6875rem, calc(100vw - 2.5rem)" width="768" height="611" src="/sites/default/files/styles/max_325x325/public/2024-01/golden_large-768x611.png.webp?itok=FyvYeApL" alt="Web Excellence Award - Golden Large" /> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="footer__below"> <div class="footer__copyright"> <p> © 2025 The Regents of the University of California </p> </div> <div class="footer__universal"> <nav role="navigation" aria-labelledby="block-footeruniversal-menu" id="block-footeruniversal" class="block block-menu navigation menu--footer-universal"> <h2 class="visually-hidden" id="block-footeruniversal-menu">Footer Universal</h2> <ul region="footer" class="menu"> <li class="menu-item"> <a href="https://websites.ucsf.edu/azlist">A-Z Website List</a> </li> <li class="menu-item"> <a href="https://www.ucsf.edu/accessibility-resources">Accessibility</a> </li> <li class="menu-item"> <a href="https://diversity.ucsf.edu/initiatives/ucsf-land-acknowledgment" target="_blank">Land Acknowledgement</a> </li> <li class="menu-item"> <a href="https://websites.ucsf.edu/website-terms-use">Terms of Use</a> </li> <li class="menu-item"> <a href="https://www.ucsf.edu/website-privacy-policy">Privacy Policies</a> </li> </ul> </nav> </div> </div> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/20061","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"improved_multi_select":{"selectors":[".field--widget-ims-options-select select[multiple]"],"filtertype":"partial","placeholder_text":"","orderable":true,"js_regex":false,"groupresetfilter":false,"remove_required_attr":false,"buttontext_add":"\u003E","buttontext_addall":"\u00bb","buttontext_del":"\u003C","buttontext_delall":"\u00ab","buttontext_moveup":"Move up","buttontext_movedown":"Move down"},"ucsfsurgery":{"searchFormActions":{"here":"\/search","all":"https:\/\/surgery.ucsf.edu\/search"}},"ajaxTrustedUrl":{"\/search":true},"user":{"uid":0,"permissionsHash":"c6612171ad1b17ea208f7f3374feeefebfd3572be5028fda0145d9bd16a68627"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.3.9"></script> <script src="/core/misc/drupal.js?v=10.3.9"></script> <script src="/core/misc/drupal.init.js?v=10.3.9"></script> <script src="/modules/contrib/improved_multi_select/js/improved_multi_select.js?v=10.3.9"></script> <script src="/themes/custom/dos/dist/js/global.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/animations.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/surgery-websites-menu.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/utility-menu.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/main-nav.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/mobile-nav.js?srpqd3"></script> <script src="//platform.twitter.com/widgets.js" async></script> <script src="/themes/custom/dos/dist/libraries/slick/slick.js?srpqd3"></script> <script src="/themes/custom/dos/dist/js/content-carousel.js?srpqd3"></script> <script src="/modules/custom/ucsfsurgery/js/site_selector.js?srpqd3"></script> </body> </html>

CINXE.COM

Hepatobiliary and Pancreatic Surgery (HPB) Program - Homepage | UCSF Department of Surgery