
:root{--proc-ink:#0b211a;--proc-green:#155143;--proc-mint:#82c9b4;--proc-paper:#f8f5ef;--proc-butter:#f4e5bd;--proc-gold:#caa56c;--proc-blue:#103840;--proc-line:rgba(12,35,27,.12);--proc-shadow:0 20px 52px rgba(26,45,37,.11);--proc-ease:cubic-bezier(.2,.75,.2,1)}.procedure-page{background:var(--proc-paper);color:var(--proc-ink)}.procedure-page main{overflow:hidden}.proc-kicker{font-size:14.5px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:#6c7971}.proc-reveal{opacity:0;transform:translateY(17px);transition:opacity .5s ease,transform .6s var(--proc-ease)}.proc-reveal.is-visible{opacity:1;transform:none}.proc-link{display:inline-flex;font-size:15px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#0f6654;border-bottom:1px solid currentColor;padding-bottom:7px}.proc-link--light{color:#f2d49e}
.proc-hero{padding:118px 0 58px;background:radial-gradient(circle at 10% 8%,rgba(134,199,179,.28),transparent 25%),linear-gradient(180deg,#eaf1eb,#f8f5ef)}.proc-hero__grid{display:grid;grid-template-columns:1fr .92fr;gap:48px;align-items:center}.proc-hero__copy h1{font-family:"Archivo Narrow",Arial,sans-serif;font-size:clamp(40px,3.85vw,50px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:12px 0 18px}.proc-hero__copy>p{font-size:18.5px;line-height:1.65;color:#506058;max-width:610px}.proc-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:23px}.proc-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:26px}.proc-hero__facts span{padding:11px;border-radius:11px;background:rgba(255,255,255,.66);border:1px solid var(--proc-line);font-size:14.5px;color:#68766e;line-height:1.62}.proc-hero__facts b{display:block;color:var(--proc-ink);font-size:15px;margin-bottom:4px}.proc-hero__visual{position:relative;height:485px;border-radius:28px;overflow:hidden;background:#0b3135;box-shadow:var(--proc-shadow)}.proc-hero__visual img{width:100%;height:112%;object-fit:cover;transform:translateY(var(--parallax-y,0px));filter:saturate(.9) contrast(1.03)}.proc-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,26,22,.06),rgba(3,26,22,.68))}.proc-hero__gridlines{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(121,215,195,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,215,195,.08) 1px,transparent 1px);background-size:46px 46px}.proc-hero__number{position:absolute;z-index:3;left:22px;top:22px;font-family:"Archivo Narrow",Arial,sans-serif;font-size:50px;color:white}.proc-hero__number small{font-size:16.5px;color:#a8c1b8}.proc-hero__badge{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;color:white;display:flex;justify-content:space-between;align-items:end}.proc-hero__badge span{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#bdd0c8}.proc-hero__badge b{font-size:19px}.proc-nav{position:sticky;z-index:120;top:78px;background:rgba(248,245,239,.92);backdrop-filter:blur(16px);border-block:1px solid var(--proc-line)}.proc-nav .care-shell{display:flex;gap:24px;align-items:center;overflow-x:auto;padding-block:11px}.proc-nav span{padding:8px 12px;border-radius:999px;background:var(--proc-ink);color:white;font-size:14.5px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.proc-nav a{font-size:15px;font-weight:800;color:#5f6c64;white-space:nowrap}
.proc-section{padding:72px 0}.proc-overview,.proc-risks__grid{display:grid;grid-template-columns:1fr .84fr;gap:60px;align-items:center}.proc-section h2,.proc-head h2{font-size:clamp(30px,3.03vw,37px);line-height:.94;letter-spacing:-.05em;text-transform:uppercase;margin:10px 0 16px}.proc-section h2 span,.proc-head h2 span{color:var(--proc-gold)}.proc-section p{font-size:18px;line-height:1.65;color:#57655d}.proc-note{margin-top:22px;padding:17px 18px;border-left:3px solid var(--proc-gold);background:#e7efea;border-radius:0 14px 14px 0;display:grid;gap:5px}.proc-note b{font-size:16.5px}.proc-note span{font-size:16px;color:#5d6a62}.proc-list-card{padding:27px;border-radius:21px;background:#fffdf8;border:1px solid var(--proc-line);box-shadow:0 12px 32px rgba(28,47,39,.06);transition:.3s ease}.proc-list-card:hover{background:var(--proc-butter);transform:translateY(-4px)}.proc-list-card small{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:#738077}.proc-list-card ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.proc-list-card li{position:relative;padding-left:18px;font-size:16.5px;line-height:1.62}.proc-list-card li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--proc-mint)}
.proc-decision{background:#e7efea}.proc-head{display:grid;grid-template-columns:1fr 390px;gap:50px;align-items:end;margin-bottom:28px}.proc-head>p{margin:0}.proc-decision__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.proc-decision__visual{position:relative;min-height:400px;border-radius:22px;overflow:hidden}.proc-decision__visual img{width:100%;height:100%;object-fit:cover}.proc-decision__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,25,19,.72))}.proc-decision__visual div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white;display:flex;justify-content:space-between}.proc-decision__visual small{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:#c1d2ca}.proc-list-card--numbered ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.proc-list-card--numbered li{display:flex;align-items:center;gap:14px;padding:15px;border-radius:13px;background:#f7faf7;font-size:16.5px}.proc-list-card--numbered li span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--proc-ink);color:white;font-size:14.5px;flex:none}
.proc-alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.proc-alt{min-height:165px;padding:20px;border:1px solid var(--proc-line);border-radius:18px;background:#fffdf8;transition:.3s ease}.proc-alt:hover{background:var(--proc-butter);transform:translateY(-5px)}.proc-alt span{font-size:14.5px;color:var(--proc-gold);font-weight:900}.proc-alt h3{font-size:21px;line-height:1.62;margin:35px 0 0}.proc-prep{margin-top:16px;padding:18px 20px;border-radius:16px;background:#e7efea;display:flex;justify-content:space-between;align-items:center;gap:20px}.proc-prep div{display:grid;gap:4px}.proc-prep small{font-size:14px;text-transform:uppercase;letter-spacing:.14em}.proc-prep b{font-size:16.5px}
.proc-inside{position:relative;padding:88px 0;color:white;overflow:hidden}.proc-inside__bg{position:absolute;inset:-12%;background:url('assets/surgery-parallax.jpg') center/cover;transform:translateY(var(--parallax-y,0px)) scale(1.08)}.proc-inside:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,22,16,.9),rgba(2,24,18,.58))}.proc-inside__content{position:relative;z-index:2}.proc-inside h2{max-width:760px}.proc-inside h2 span{color:#eec77f}.proc-inside>div>p{max-width:650px;color:#d0ddd6}.proc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.proc-step{min-height:160px;padding:20px;border-radius:17px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:.3s ease}.proc-step:hover{background:rgba(244,229,189,.16);transform:translateY(-4px)}.proc-step span{font-size:14.5px;color:#f0c779}.proc-step h3{font-size:19px;line-height:1.62;margin:45px 0 0}
.proc-anaesthetic{background:#fbf8f2}.proc-anaesthetic__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.proc-day-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proc-day-cards article{min-height:185px;padding:19px;border:1px solid var(--proc-line);border-radius:18px;background:#fffdf8;transition:.3s ease}.proc-day-cards article:hover{background:var(--proc-butter);transform:translateY(-5px)}.proc-day-cards span{font-size:14.5px;color:var(--proc-gold)}.proc-day-cards h3{font-size:23.5px;margin:40px 0 10px}.proc-day-cards p{font-size:16px}
.proc-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.proc-time{min-height:185px;padding:21px;border-radius:19px;background:#fffdf8;border:1px solid var(--proc-line);transition:.3s ease}.proc-time:hover{background:var(--proc-butter);transform:translateY(-5px)}.proc-time span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--proc-ink);color:white;font-size:14.5px}.proc-time h3{font-size:21px;line-height:1.62;margin:38px 0 0}.proc-recovery-note{margin-top:14px;padding:17px 20px;border-radius:15px;background:#e7efea;display:flex;justify-content:space-between;gap:20px}.proc-recovery-note b{font-size:16.5px}.proc-recovery-note span{font-size:15px;color:#5d6a62}.proc-risks{background:#e7efea}
.proc-specialist{padding:76px 0}.proc-specialist__card{display:grid;grid-template-columns:.82fr 1.18fr;min-height:500px;border:1px solid var(--proc-line);border-radius:26px;overflow:hidden;background:#fffdf8;box-shadow:var(--proc-shadow)}.proc-specialist__visual{position:relative;overflow:hidden}.proc-specialist__bg{position:absolute;inset:0;background:url('assets/surgery-planning-hero.jpg') center/cover}.proc-specialist__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,34,29,.06),rgba(7,34,29,.5))}.proc-specialist__visual>img{position:absolute;z-index:2;left:50%;bottom:-4%;width:80%;transform:translateX(-50%);height:auto}.proc-rating{position:absolute;z-index:3;left:20px;bottom:18px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.94);display:grid;grid-template-columns:24px auto;column-gap:8px;align-items:center}.proc-rating img{width:24px;height:24px;grid-row:1/3}.proc-rating b{font-size:19px}.proc-rating small{font-size:13.5px}.proc-specialist__copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.proc-specialist__copy h2{font-size:42px}.proc-specialist__copy>div:not(.proc-kicker){display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.proc-specialist__copy>div span{padding:11px;border-radius:11px;background:#e7efea;font-size:15px;font-weight:750}
.proc-related{background:#fbf8f2}.proc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proc-related{position:relative}.proc-related-grid .proc-related{display:grid;grid-template-columns:120px 1fr;min-height:180px;border-radius:18px;overflow:hidden;border:1px solid var(--proc-line);background:#fffdf8;transition:.3s ease}.proc-related-grid .proc-related:hover{background:var(--proc-butter);transform:translateY(-5px)}.proc-related img{width:100%;height:100%;object-fit:cover}.proc-related div{padding:17px;display:flex;flex-direction:column}.proc-related small{font-size:13.5px;text-transform:uppercase;letter-spacing:.12em;color:#6d7b72}.proc-related h3{font-size:20px;line-height:1.62;margin:12px 0}.proc-related span{margin-top:auto;font-size:14px;text-transform:uppercase;color:#0f6654;font-weight:850}.proc-faq{background:#e7efea}.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:58px}.faq-intro h2{font-size:47px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid var(--proc-line);border-radius:14px;background:#fffdf8;transition:.25s ease}.faq-list details:hover{background:var(--proc-butter)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;padding:17px;font-size:16.5px;font-weight:850;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{padding:0 17px 17px;margin:0;font-size:16px;color:#5a675f}.proc-reference{margin-top:28px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.6);display:flex;justify-content:space-between;align-items:center}.proc-reference div{display:grid;gap:4px}.proc-reference small{font-size:14px;text-transform:uppercase;letter-spacing:.13em}.proc-reference strong{font-size:16.5px}.proc-reference a{font-size:14.5px;font-weight:850;color:#0f6654}.proc-booking{padding:68px 0}.proc-booking__card{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:40px 44px;border-radius:25px;background:linear-gradient(145deg,#08261f,#164d40);color:white}.proc-booking__card h2{font-size:44px;line-height:.96;margin:10px 0 12px}.proc-booking__card p{color:#cad8d1}.proc-booking__card>div:last-child{display:grid;gap:14px}
@media(max-width:980px){.proc-hero__grid,.proc-head,.proc-overview,.proc-decision__grid,.proc-anaesthetic__grid,.proc-risks__grid,.proc-specialist__card,.faq-layout{grid-template-columns:1fr}.proc-hero__visual{height:450px}.proc-head{gap:12px}.proc-specialist__visual{min-height:470px}.proc-related-grid{grid-template-columns:1fr}.proc-booking__card{grid-template-columns:1fr}.proc-nav{top:72px}}
@media(max-width:680px){.proc-hero{padding:96px 0 45px}.proc-hero__copy h1{font-size:45px}.proc-hero__visual{height:400px}.proc-hero__facts{grid-template-columns:1fr}.proc-section{padding:56px 0}.proc-section h2,.proc-head h2{font-size:37px}.proc-alt-grid,.proc-steps,.proc-day-cards,.proc-timeline{grid-template-columns:1fr}.proc-prep,.proc-recovery-note{align-items:flex-start;flex-direction:column}.proc-inside{padding:65px 0}.proc-specialist__copy{padding:28px}.proc-specialist__copy h2{font-size:35px}.proc-specialist__copy>div:not(.proc-kicker){grid-template-columns:1fr}.faq-intro h2{font-size:39px}.proc-booking__card{padding:28px}.proc-booking__card h2{font-size:35px}.proc-nav .care-shell{gap:18px}.proc-related-grid .proc-related{grid-template-columns:105px 1fr}}
@media(prefers-reduced-motion:reduce){.proc-reveal{opacity:1;transform:none;transition:none}[data-parallax]{transform:none!important}}
