Colorectal Surgery - Homepage | UCSF Department of Surgery

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4SZ6R7D3SC"></script> <script > window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4SZ6R7D3SC'); </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://colorectalsurgery.ucsf.edu/colorectal-surgery-homepage" /> <link rel="shortlink" href="https://colorectalsurgery.ucsf.edu/node/19996" /> <title>Colorectal Surgery - Homepage | UCSF Department of Surgery</title> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/filter/filter.caption.css?snl73x" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/media/filter.caption.css?snl73x" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/text-block.css?snl73x" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/columns.css?snl73x" /> <link rel="stylesheet" media="screen" href="/modules/custom/kanponents/css/filtered-list.css?snl73x" /> <link rel="stylesheet" media="all" href="/modules/contrib/improved_multi_select/css/improved_multi_select.css?snl73x" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/base.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/admin-tabs.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/typography.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/lists.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/buttons-links.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/table.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/blockquote.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/utility.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/global/form.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/universal-header.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/header.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/main-header.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/social-menu.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/top-banner.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/header/utility-menu.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/menu-surgery-websites.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/menu/menu-mobile.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/footer/footer.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/footer/universal-footer.css?snl73x" /> <link rel="stylesheet" media="print" href="/themes/custom/dos/dist/css/layout/print.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/elements/pager.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/layout/layout.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/conditions.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/media--image.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/text-block.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/columns.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/quote.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/news.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/views/news-listing.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/node/node.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/filtered-list.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/photo-cta.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/linked-icons.css?snl73x" /> <link rel="stylesheet" media="all" href="/themes/custom/dos/dist/libraries/slick/slick.css?snl73x" /> <link rel="stylesheet" media="all" href="/themes/custom/dos/dist/libraries/slick/slick-theme.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/content-carousel-card.css?snl73x" /> <link rel="stylesheet" media="screen" href="/themes/custom/dos/dist/css/components/content-carousel-container.css?snl73x" /> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/dos/dist/fonts/HelveticaNeueLTW04-65Medium.woff2" crossorigin="anonymous"> </head> <body class="n19996 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--dm16346003-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/4861">About Us</a> </li> <li class="menu-item menu-item-level-0"> <a href="/faculty" data-drupal-link-system-path="node/22821">Faculty</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-level-0"> <a href="/patient-stories" data-drupal-link-system-path="node/4496">Patient Stories</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="https://clinicaltrials.ucsf.edu/" target="_blank">Clinical Trials at UCSF</a> </li> <li class="menu-item menu-item--expanded has-children menu-item-level-1"> <button class="nav-button" aria-expanded="false"> <span title="Patient Center Resources">Resources</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="https://eras.ucsf.edu/" target="_blank">Enhanced Recovery After Surgery (ERAS)</a> </li> <li class="menu-item menu-item-level-2"> <a href="https://ostomyhealthprofessionals.ucsf.edu/" target="_blank">Ostomy Education Patient Portal</a> </li> </ul> </li> </ul> </li> <li class="menu-item menu-item--expanded has-children menu-item-level-0"> <button class="nav-button" aria-expanded="false"> <span>Research</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="/our-research" title="View Our Research" data-drupal-link-system-path="node/4436">Our Research</a> </li> <li class="menu-item menu-item-level-1"> <a href="/outcome-and-quality-life-studies" data-drupal-link-system-path="node/1136">Outcomes & QOL Studies</a> </li> </ul> </li> <li class="menu-item menu-item-level-0"> <a href="/news" data-drupal-link-system-path="news">News & Events</a> </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"> <a href="https://surgerystaff.ucsf.edu/">Surgery Staff 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://adultctsurgery.ucsf.edu/">Adult 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://surgery.ucsf.edu/list-of-external-sites/fetal-treatment-center">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://ostomyhealthprofessionals.ucsf.edu/">Ostomy Education Portal</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://npfellowship.ucsf.edu/">Surgical & Critical Care NP Fellowship</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"> <a href="https://surgerystaff.ucsf.edu/">Surgery Staff 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://adultctsurgery.ucsf.edu/">Adult 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://surgery.ucsf.edu/list-of-external-sites/fetal-treatment-center">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://ostomyhealthprofessionals.ucsf.edu/">Ostomy Education Portal</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://npfellowship.ucsf.edu/">Surgical & Critical Care NP Fellowship</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/center-for-colorectal-surgery.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--dm16346003-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/4861">About Us</a> </li> <li class="main-menu__item main-menu__item--level-0"> <a href="/faculty" class="main-menu__nav-link" data-drupal-link-system-path="node/22821">Faculty</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"> <a href="/patient-stories" class="main-menu__nav-link" data-drupal-link-system-path="node/4496">Patient Stories</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-contentdm16346003-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.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="https://clinicaltrials.ucsf.edu/" target="_blank" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Clinical Trials at UCSF">Clinical Trials at UCSF</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 Resources">Resources</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">Resources</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="https://eras.ucsf.edu/" target="_blank" class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Enhanced Recovery After Surgery (ERAS)">Enhanced Recovery After Surgery (ERAS)</a> </li> <li class="menu-item main-menu__item main-menu__item--level-2"> <a href="https://ostomyhealthprofessionals.ucsf.edu/" target="_blank" class="main-menu__subnav-link main-menu__subnav-link--level-2" title="Expand menu Ostomy Education Patient Portal">Ostomy Education Patient Portal</a> </li> </ul> </div> </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">Research</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">Research</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-contentdm16346003-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-research.jpg" width="564" height="564" alt="Research" /> </div> </div> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/our-research" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Our Research" data-drupal-link-system-path="node/4436">Our Research</a> </li> <li class="menu-item main-menu__item main-menu__item--level-1"> <a href="/outcome-and-quality-life-studies" class="main-menu__subnav-link main-menu__subnav-link--level-1" title="Expand menu Outcomes & QOL Studies" data-drupal-link-system-path="node/1136">Outcomes & QOL Studies</a> </li> </ul> </div> </div> </div> </li> <li class="main-menu__item main-menu__item--level-0"> <a href="/news" class="main-menu__nav-link" data-drupal-link-system-path="news">News & Events</a> </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">Colorectal Surgery - 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="19996" 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="5000" 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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-surgery.webp?itok=6W9gMDae" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-surgery.webp?itok=6W9gMDae" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-or-surgery.webp?itok=RuszyUXJ" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-or-surgery.webp?itok=RuszyUXJ" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-varma-v2.webp?itok=0IBrYIw0" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</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 Center for Colorectal Surgery"> <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-07/homepage-banners-colorectal-varma-v2.webp?itok=0IBrYIw0" width="2600" height="1026" alt="Center for Colorectal Surgery" 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">Compassionate Multidisciplinary Patient Care</div> </div> <div class="body"> <div class="clearfix text-formatted field field--name-field-body field--type-text field--label-hidden field__item">Center for Colorectal Surgery</div> </div> <div class="link"> <a href="/about-us" aria-label="">Learn More</a> </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://schedule.ucsfmedicalcenter.org/colorectal-surgery/" 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/clinics/center-for-colorectal-surgery/refer" 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">Compassionate Multidisciplinary Patient Care</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 Varma Homepage"> <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-09/varma-headshot-354x210-fav.jpg.webp?itok=V-rb4cY6" width="354" height="210" alt="Varma Homepage" class="image-style-rounded-overlay"> </div> </article> <h3>Madhulika G. Varma, M.D.</h3><p style="font-size:1rem;margin-top:-15px;">Professor of Surgery     <br>Chief, Section of Colorectal Surgery</p><p style="font-size:1rem;margin-top:0px;"><a class="btn-secondary-outline-editor" href="/bio/madhulika-varma-md">Read Bio</a></p><p> </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>Our team of colorectal surgeons and others members of our clinicial team are experts in the surgical and nonsurgical treatment of problems of the colon, rectum and anus. In addition to full training in general surgery, our colorectal surgeons have completed advanced training in the treatment of colorectal problems, and therefore, play an important role in the effective treatment of patients with colorectal diseases.</p><p>We are committed to providing the safest, most patient-focused and effective clinical care. Not only do we specialize in the surgical treatment of diseases of the colon, rectum and anus, including inflammatory bowel diseases such as ulcerative colitis, Crohn’s disease and pelvic floor disorders, but we are leaders in the use of advanced laparoscopic and robotic colorectal surgery, using minimally invasive techniques.</p><p>UCSF colorectal surgeons have decades of experience and expertise in the most challenging and complex cases. We are a high volume referral center for the region and routinely handle cases that other institutions turn away either because of their rarity or because the patients suffer from multiple condtions making care technically challenging.</p><p><a class="btn-outline-editor" href="/node/4861" data-entity-type="node" data-entity-uuid="c3059e2e-7752-4e2f-b0f6-d18563f0e582" data-entity-substitution="canonical">Read the Message from the Chief</a></p> </div> </div> </div></div> </div> </div> </div> </div> </div> <div class="field__item"> <div > <div class="columns paragraph paragraph--type--kan-columns paragraph--view-mode--default"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Patient Center</div> <div class="columns__wrap"> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--photo-cta-row paragraph--view-mode--default"> <div class="field field--name-field-photo-ctas field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div > <div class="paragraph paragraph--type--photo-cta paragraph--view-mode--default"> <a href="https://ostomyhealthprofessionals.ucsf.edu/" class="link-wrapper" aria-label=""> <div class="image-wrapper"> <div class="field field--name-field-photo-cta-image field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-photo-cta-image" aria-label="Image about Ostomy Education "> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="eager" srcset="/sites/default/files/styles/photo_cta/public/2023-09/helen-diller-496x496.jpg.webp?itok=PJyqHSWR 238w, /sites/default/files/styles/photo_cta_2x/public/2023-09/helen-diller-496x496.jpg.webp?itok=TbQNw8JO 476w" sizes="(min-width: 48rem) 14.875rem, 9.375rem" width="476" height="476" src="/sites/default/files/styles/photo_cta/public/2023-09/helen-diller-496x496.jpg.webp?itok=PJyqHSWR" alt="Ostomy Education " /> </div> </article> </div> <button class="link-arrow" aria-label="Go to Ostomy Education">Ostomy Education</button> </div> <div class="field field--name-field-title field--type-text field--label-hidden field__item"><h3>Ostomy Education</h3></div> </a> </div> </div></div> <div class="field__item"> <div > <div class="paragraph paragraph--type--photo-cta paragraph--view-mode--default"> <a href="https://www.ucsfhealth.org/clinics/center-for-pelvic-physiology" class="link-wrapper" aria-label=""> <div class="image-wrapper"> <div class="field field--name-field-photo-cta-image field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-photo-cta-image" aria-label="Image about Colorectal Homepage Patient Center"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="eager" srcset="/sites/default/files/styles/photo_cta/public/2023-09/homepage-ctr-pelvic-newlockup.jpg.webp?itok=inyN8MOq 238w, /sites/default/files/styles/photo_cta_2x/public/2023-09/homepage-ctr-pelvic-newlockup.jpg.webp?itok=8Y5rSARw 476w" sizes="(min-width: 48rem) 14.875rem, 9.375rem" width="476" height="476" src="/sites/default/files/styles/photo_cta/public/2023-09/homepage-ctr-pelvic-newlockup.jpg.webp?itok=inyN8MOq" alt="Colorectal Homepage Patient Center" /> </div> </article> </div> <button class="link-arrow" aria-label="Go to Center for Pelvic Physiology">Center for Pelvic Physiology</button> </div> <div class="field field--name-field-title field--type-text field--label-hidden field__item"><h3>Center for Pelvic Physiology</h3></div> </a> </div> </div></div> <div class="field__item"> <div > <div class="paragraph paragraph--type--photo-cta paragraph--view-mode--default"> <a href="https://eras.ucsf.edu/" class="link-wrapper" aria-label=""> <div class="image-wrapper"> <div class="field field--name-field-photo-cta-image field--type-entity-reference field--label-hidden field__item"> <article class="media media--type-image media--view-mode-photo-cta-image" aria-label="Image about Colorectal Homepage Patient Center"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <img loading="eager" srcset="/sites/default/files/styles/photo_cta/public/2023-09/homepage-eras-newlockup.jpg.webp?itok=XmEJE8hn 238w, /sites/default/files/styles/photo_cta_2x/public/2023-09/homepage-eras-newlockup.jpg.webp?itok=4Y_ApaYv 476w" sizes="(min-width: 48rem) 14.875rem, 9.375rem" width="476" height="476" src="/sites/default/files/styles/photo_cta/public/2023-09/homepage-eras-newlockup.jpg.webp?itok=XmEJE8hn" alt="Colorectal Homepage Patient Center" /> </div> </article> </div> <button class="link-arrow" aria-label="Go to Enhanced Recovery After Surgery (ERAS)">Enhanced Recovery After Surgery (ERAS)</button> </div> <div class="field field--name-field-title field--type-text field--label-hidden field__item"><h3>Enhanced Recovery After Surgery (ERAS)</h3></div> </a> </div> </div></div> </div> </div> </div> <div class="field__item"> <div > <div class="columns paragraph paragraph--type--kan-columns paragraph--view-mode--default"> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Research and Innovations</div> <div class="columns__wrap"> </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="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 Homepage Research"> <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-09/homepage-research-image.jpg.webp?itok=MeUJKpPR" width="1746" height="982" alt="Homepage Research" class="image-style-rounded-overlay"> </div> </article> </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 Section of Colorectal Surgery is dedicated to researching medical diseases and treatments to ultimately improve the delivery of care to patients. Physicians conduct clinical research to investigate the nature of a disorder or the effectiveness of a type of therapy such as a medical device or drug. In order to learn more about a specific condition, a clinical trial must be conducted. A clinical trial is a research study involving human participants that is carefully developed to evaluate and test a specific treatment strategy. The focus of a trial may be on quality of life, effectiveness of therapy or long-term effects of surgery. All clinical research studies are approved and monitored by the UCSF Committee on Human Research.</p><p><a class="btn-outline-editor" href="/node/4436" data-entity-type="node" data-entity-uuid="c913f8f8-4a14-4888-95d3-eb14bd11b5e8" data-entity-substitution="canonical">Learn More</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-20e90bce150cf05522d53fb6af55ce74d0d9ae05dd8858a7012a30e809ca5626"> <div class="view-content"> <div class="views-row"> <article data-history-node-id="11941" 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 News story"> <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/2023-08/paid-sick-leave-means-more-people-get-screened-for-cancer.jpg.webp?itok=uHaZEfpZ 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/2023-08/paid-sick-leave-means-more-people-get-screened-for-cancer.jpg.webp?itok=uHaZEfpZ" alt="News story" /> </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/2023/03/424921/paid-sick-leave-means-more-people-get-screened-cancer" class="ext__link field field--name-title field--type-string field--label-hidden field__item" target="_blank">Paid Sick Leave Means More People Get Screened for Cancer</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/2023/03/424921/paid-sick-leave-means-more-people-get-screened-cancer" 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"> <a href="/bio/julie-ann-sosa-md-ma-facs-mamse-fsso" class="quote-credit-link" aria-label=""> <span class="field field--name-field-quote-credit field--type-string field--label-hidden field__item">Julie Ann Sosa, MD, MA, FACS, FSSO</span> </a> <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&ACode=B1561" 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"> <article class="media media--type-image media--view-mode-rounded-overlay" aria-label="Image about Make a Donation"> <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/EndocrineHP-MakeDonation_0.jpg.webp?itok=KvyxRVrr" width="1746" height="982" alt="Make a Donation" class="image-style-rounded-overlay"> </div> </article> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-footer field--type-text-long field--label-hidden field__item"><style> .paragraph--type--photo-cta-row .field--name-field-photo-ctas { display: flex; flex-wrap: wrap; gap: 1rem 3rem; justify-content: space-evenly; align-items: start; } </style></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> </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-6bd1fdc3f69c89e1aa313ccc8e189034a6eca2ed5218002b836706e9666cad5c"> <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> © 2024 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\/19996","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.6"></script> <script src="/core/misc/drupal.js?v=10.3.6"></script> <script src="/core/misc/drupal.init.js?v=10.3.6"></script> <script src="/modules/contrib/improved_multi_select/js/improved_multi_select.js?v=10.3.6"></script> <script src="/themes/custom/dos/dist/js/global.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/animations.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/surgery-websites-menu.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/utility-menu.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/main-nav.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/mobile-nav.js?snl73x"></script> <script src="//platform.twitter.com/widgets.js" async></script> <script src="/themes/custom/dos/dist/libraries/slick/slick.js?snl73x"></script> <script src="/themes/custom/dos/dist/js/content-carousel.js?snl73x"></script> <script src="/modules/custom/ucsfsurgery/js/site_selector.js?snl73x"></script> </body> </html>

CINXE.COM

Colorectal Surgery - Homepage | UCSF Department of Surgery