/* /clinica_website_about/static/src/scss/about.scss */
 #wrap.cr-about-wrap{padding: 0 !important; max-width: none !important; background: #0d1526;}.cr-about{font-family: var(--crw-font-body, "Inter", system-ui, sans-serif); background: var(--ink); color: var(--paper); line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: clip;}.cr-about, .cr-about *{box-sizing: border-box;}.cr-about h1, .cr-about h2, .cr-about h3, .cr-about h4, .cr-about h5, .cr-about h6, .cr-about p{margin: 0; color: inherit;}.cr-about a{color: inherit; text-decoration: none;}.cr-about img{max-width: 100%; display: block;}.cr-about a.btn, .cr-about .btn{border: none; background-image: none; text-transform: none; letter-spacing: normal;}.cr-about{--ink:#0d1526; --ink-2:#131f38; --ink-3:#1b2b4d; --paper:#f7f4ec; --paper-2:#efe9db; --spark:#f0a830; --spark-deep:#d98518; --ember:#e5673b; --mist:#9fb0c8; --line:rgba(240,168,48,.22); --maxw:1180px; --ease:cubic-bezier(.22,.61,.36,1);}.cr-about .wrap{max-width: var(--maxw); margin: 0 auto; padding: 0 24px;}.cr-about .eyebrow{font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; font-size: .74rem; letter-spacing: .22em; text-transform: uppercase; color: var(--spark);}.cr-about h1, .cr-about h2, .cr-about h3, .cr-about h4{font-family: var(--crw-font-display, "Fraunces", serif); line-height: 1.06; font-weight: 600;}.cr-about .band{padding: clamp(80px, 11vw, 150px) 0;}.cr-about .band-paper{background: var(--paper); color: var(--ink);}.cr-about .band-paper .eyebrow{color: var(--spark-deep);}.cr-about .reveal{opacity: 1; transform: none; transition: opacity 0.9s var(--ease), transform 0.9s var(--ease);}.cr-about.cr-js-ready .reveal:not(.in){opacity: 0; transform: translateY(26px);}.cr-about .reveal.in{opacity: 1; transform: none;}@keyframes fadeUp{to{opacity: 1; transform: none;}}.cr-about .sec-head{max-width: 60ch;}.cr-about .sec-head .eyebrow{margin-bottom: 18px; display: block;}.cr-about .sec-head h2{font-size: clamp(2rem, 4.6vw, 3.4rem); letter-spacing: -.015em; color: var(--paper);}.cr-about .band-paper .sec-head h2{color: var(--ink);}.cr-about .triad{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: none !important;}.cr-about .story .row{display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; margin-left: 0 !important; margin-right: 0 !important; --bs-gutter-x: 0; --bs-gutter-y: 0;}.cr-about .chance .body{display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 48px !important; align-items: start !important;}.cr-about .loop{display: grid !important; grid-template-columns: repeat(5, 1fr) !important; grid-template-rows: none !important;}.cr-about .principle{display: grid !important; grid-template-columns: auto 1fr !important; gap: clamp(24px, 5vw, 60px) !important; align-items: center !important;}.cr-about .hero{position: relative; min-height: 88svh; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 100px 0 80px; overflow: hidden; background: radial-gradient(120% 90% at 78% 12%, rgba(240, 168, 48, 0.16), transparent 55%), radial-gradient(90% 80% at 10% 90%, rgba(229, 103, 59, 0.12), transparent 60%), var(--ink);}.cr-about .orbit{position: absolute; inset: 0; z-index: 0; opacity: .5; pointer-events: none;}.cr-about .orbit svg{width: 100%; height: 100%;}.cr-about .orbit .dot{fill: var(--spark);}.cr-about .hero .wrap{position: relative; z-index: 2;}.cr-about .hero-kicker{margin-bottom: 26px; opacity: 0; animation: fadeUp 1s var(--ease) 0.2s forwards; transform: translateY(20px);}.cr-about .hero h1{font-size: clamp(2.6rem, 7vw, 5.4rem); font-weight: 700; letter-spacing: -.02em; max-width: 16ch; opacity: 0; animation: fadeUp 1.1s var(--ease) 0.4s forwards; transform: translateY(24px); color: var(--paper);}.cr-about .hero h1 .glow{color: var(--spark);}.cr-about .hero-sub{margin-top: 30px; font-size: clamp(1.05rem, 2vw, 1.32rem); color: var(--mist); max-width: 54ch; line-height: 1.6; opacity: 0; animation: fadeUp 1.1s var(--ease) 0.65s forwards; transform: translateY(24px);}.cr-about .hero-sub b{color: var(--paper); font-weight: 600;}.cr-about .hero-line{margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 16px; font-family: 'Space Grotesk', sans-serif; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mist); opacity: 0; animation: fadeUp 1.1s var(--ease) 0.85s forwards; transform: translateY(24px);}.cr-about .hero-line .bar{height: 1px; width: 56px; background: var(--spark); flex: none;}.cr-about .triad{margin-top: 64px; gap: 1px; background: var(--line); border: 1px solid var(--line);}.cr-about .triad .cell{background: var(--paper); padding: 44px 36px 48px;}.cr-about .cell .num{font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .2em; color: var(--spark-deep);}.cr-about .cell h3{font-size: 1.7rem; margin: 20px 0 16px; color: var(--ink);}.cr-about .cell p{color: #4a5464; font-size: 1.02rem;}.cr-about .story{background: var(--ink);}.cr-about .story .row.rev .txt{order: 2;}.cr-about .story h3{font-size: clamp(1.5rem, 3vw, 2.1rem); margin-bottom: 16px; color: var(--paper);}.cr-about .story p{color: var(--mist); font-size: 1.05rem; margin-bottom: 16px;}.cr-about .story p b{color: var(--paper);}.cr-about .story .imgph{aspect-ratio: 4/3; border-radius: 18px; overflow: hidden; border: 1px solid var(--line);}.cr-about .story .imgph img{width: 100%; height: 100%; object-fit: cover;}.cr-about .chance{background: radial-gradient(80% 120% at 85% 0%, rgba(240, 168, 48, 0.14), transparent 55%), var(--ink-2); overflow: hidden;}.cr-about .chance .lead{font-family: 'Fraunces', serif; font-weight: 500; font-size: clamp(1.8rem, 4.4vw, 3.2rem); line-height: 1.24; letter-spacing: -.01em; max-width: 20ch; color: var(--paper);}.cr-about .chance .lead b{color: var(--spark); font-weight: 600;}.cr-about .chance .body{margin-top: 40px;}.cr-about .chance .body p{color: var(--mist); font-size: 1.08rem;}.cr-about .chance-def{border-left: 2px solid var(--spark); padding-left: 26px;}.cr-about .chance-def .lbl{font-family: 'Space Grotesk', sans-serif; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; font-size: .78rem; color: var(--spark); margin-bottom: 22px;}.cr-about .chance-list{list-style: none; padding: 0; margin: 0;}.cr-about .chance-list li{padding: 13px 0; border-bottom: 1px solid rgba(159, 176, 200, 0.14); font-size: 1.06rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; gap: 14px; color: var(--paper);}.cr-about .chance-list li:last-child{border-bottom: 0; color: var(--spark); font-weight: 600;}.cr-about .chance-list li::before{content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--spark); transform: translateY(-2px);}.cr-about .loopsec{background: var(--paper); color: var(--ink);}.cr-about .loopsec .sec-head h2{color: var(--ink);}.cr-about .loop-intro{max-width: 56ch;}.cr-about .loop{margin-top: 72px; gap: 0; position: relative;}.cr-about .loop-step{position: relative; padding: 0 18px; text-align: center;}.cr-about .loop-node{width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 22px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: var(--paper); border: 2px solid var(--spark); font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.5rem; color: var(--spark-deep); position: relative; z-index: 2; transition: transform 0.5s var(--ease), background 0.5s var(--ease), color 0.5s var(--ease);}.cr-about .loop-step:hover .loop-node{background: var(--spark); color: var(--ink); transform: translateY(-6px) scale(1.06);}.cr-about .loop-step h4{font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.18rem; margin-bottom: 8px; color: var(--ink);}.cr-about .loop-step p{font-size: .94rem; color: #5a6474; line-height: 1.5;}.cr-about .loop::before{content: ""; position: absolute; top: 38px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, var(--spark) 0%, var(--ember) 100%); opacity: .4; z-index: 1;}.cr-about .loop-return{margin-top: 44px; text-align: center; font-family: 'Fraunces', serif; font-style: italic; font-size: clamp(1.05rem, 2.2vw, 1.35rem); color: var(--ink);}.cr-about .loop-return b{color: var(--spark-deep); font-style: normal; font-weight: 600;}.cr-about .principles-band{padding-bottom: 0 !important;}.cr-about .principles{display: grid; gap: 1px; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 70px;}.cr-about .principle{background: var(--ink); padding: 48px clamp(24px, 4vw, 64px);}.cr-about .principle .idx{font-family: 'Fraunces', serif; font-weight: 900; font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1; -webkit-text-stroke: 1px var(--spark); color: transparent;}.cr-about .principle .txt{font-family: 'Fraunces', serif; font-weight: 400; font-size: clamp(1.25rem, 2.6vw, 1.85rem); line-height: 1.4; color: var(--paper);}.cr-about .principle .txt b{color: var(--spark); font-weight: 600;}.cr-about .fear{background: radial-gradient(100% 100% at 50% 0%, rgba(229, 103, 59, 0.16), transparent 60%), var(--ink); text-align: center;}.cr-about .fear .q{font-family: 'Fraunces', serif; font-style: italic; font-weight: 500; font-size: clamp(1.4rem, 3.4vw, 2.4rem); color: var(--mist); max-width: 22ch; margin: 0 auto 40px; line-height: 1.3;}.cr-about .fear .a{font-family: 'Fraunces', serif; font-weight: 600; font-size: clamp(1.9rem, 5vw, 3.6rem); letter-spacing: -.015em; line-height: 1.14; max-width: 20ch; margin: 0 auto; color: var(--paper);}.cr-about .fear .a .spark{color: var(--spark);}.cr-about .bridge .inner{background: var(--paper); color: var(--ink); padding: clamp(48px, 7vw, 86px) clamp(28px, 6vw, 80px); text-align: center; position: relative; overflow: hidden; border-radius: 18px;}.cr-about .bridge .inner::after{content: ""; position: absolute; inset: 0; background: radial-gradient(70% 120% at 50% 0%, rgba(240, 168, 48, 0.16), transparent 60%); pointer-events: none;}.cr-about .bridge h2{font-size: clamp(1.7rem, 4vw, 3rem); max-width: 24ch; margin: 0 auto; position: relative; letter-spacing: -.01em; color: var(--ink);}.cr-about .bridge h2 b{color: var(--spark-deep);}.cr-about .bridge p{color: #5a6474; margin-top: 24px; font-size: 1.1rem; max-width: 50ch; margin-left: auto; margin-right: auto; position: relative;}.cr-about .finale{background: radial-gradient(90% 120% at 50% 120%, rgba(240, 168, 48, 0.2), transparent 60%), var(--ink); text-align: center;}.cr-about .finale h2{font-size: clamp(2rem, 5.2vw, 3.8rem); letter-spacing: -.02em; max-width: 18ch; margin: 0 auto; color: var(--paper);}.cr-about .finale h2 .glow{color: var(--spark);}.cr-about .finale p{color: var(--mist); margin: 26px auto 44px; max-width: 46ch; font-size: 1.1rem;}.cr-about .cta-row{display: -webkit-box; display: -webkit-flex; display: flex; gap: 16px; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.cr-about .btn{font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 1rem; padding: 17px 34px; border-radius: 100px; transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), border-color 0.3s, color 0.3s; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 10px;}.cr-about .btn-primary{background: var(--spark); color: var(--ink); box-shadow: 0 10px 30px rgba(240, 168, 48, 0.28);}.cr-about .btn-primary:hover{transform: translateY(-3px); box-shadow: 0 16px 40px rgba(240, 168, 48, 0.4);}.cr-about .btn-ghost{border: 1.5px solid rgba(159, 176, 200, 0.4); color: var(--paper);}.cr-about .btn-ghost:hover{border-color: var(--spark); color: var(--spark); transform: translateY(-3px);}@media (max-width: 900px){.cr-about .wrap{padding: 0 18px;}.cr-about .band{padding: clamp(48px, 12vw, 80px) 0;}.cr-about .hero{min-height: auto; padding: 72px 0 56px;}.cr-about .triad{grid-template-columns: 1fr !important;}.cr-about .chance .body{grid-template-columns: 1fr !important; gap: 32px !important;}.cr-about .story .row{grid-template-columns: 1fr !important; gap: 32px !important;}.cr-about .story .row.rev .txt{order: 0;}.cr-about .loop{grid-template-columns: 1fr !important; gap: 34px !important;}.cr-about .loop::before{display: none;}.cr-about .loop-step{display: grid !important; grid-template-columns: 76px 1fr !important; text-align: left; gap: 22px; align-items: center; padding: 0;}.cr-about .loop-node{margin: 0;}.cr-about .principle{grid-template-columns: 1fr !important; gap: 14px !important;}.cr-about .finale h2, .cr-about .fear .a, .cr-about .fear .q{max-width: none;}.cr-about .cta-row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch;}.cr-about .cta-row .btn{justify-content: center; width: 100%;}}@media (prefers-reduced-motion: reduce){.cr-about *, .cr-about .reveal{animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important;}}.cr-about :focus-visible{outline: 2px solid var(--spark); outline-offset: 3px; border-radius: 2px;}.cr-about .link-inline{color: var(--spark); text-decoration: underline;}.cr-about .link-inline:hover{color: var(--spark-deep);}