:root{--color-primary: #003366;--color-secondary: #FF8C00;--color-accent: #00BFFF;--color-card-bg: #f9f9f9;--color-font: #fff;--color-home-bg-one: #0B4F8A;--color-home-bg-two: #002F66;--primary-font: "Roboto","Montserrat", sans-serif;--secondary-font: "Lato","Open Sans", sans-serif;--font-size-base: 16px;--sep-polygon-bowtie: polygon(0 0, 50% 20%, 100% 0%, 100% 100%, 50% 80%, 0 100%);--sep-polygon-lr:polygon(0 0, 100% 40%, 100% 100%, 0 100%);--sep-polygon-rl: polygon(100% 0, 0 40%, 0 100%, 100% 100%);--radius-max: 63rem;--radius-lg: 1rem;--radius-md: .5rem;--radius-sm: .25rem}html{font-size:var(--font-size-base);overflow-x:hidden}body{margin:0;background:var(--color-primary);color:var(--color-font);font-family:var(--secondary-font);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--primary-font);font-weight:600}p,ul,ol,li,blockquote{font-family:var(--secondary-font)}.page-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1200px}.container{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);width:100%;padding-inline:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.section-base{width:100%;background:var(--color-accent);padding:2rem;color:var(--color-primary);text-align:center;position:relative;height:auto}.section-title{display:inline-block;color:var(--color-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:2rem;text-align:center;margin-top:1rem;margin-bottom:1rem;text-shadow:1px 2px 5px rgba(255,255,255,.7)}.section{position:relative}.section-divider:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:var(--color-card-bg)}.section-divider--bowtie:after{clip-path:var(--sep-polygon-bowtie)}.section-divider--lr:after{clip-path:var(--sep-polygon-lr)}.section-divider--rl:after{clip-path:var(--sep-polygon-rl)}.button{background:var(--color-secondary);color:#111;border-radius:var(--radius-lg);padding:.75rem 1.25rem;border:none;cursor:pointer}.button:hover,.button:focus-visible{background:var(--color-accent)}.input,.select,.textarea{border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:.6rem .8rem;background:#fff;color:#111;outline:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 40%,transparent)}.card{background:var(--color-card-bg);color:var( --color-primary);border-radius:var(--radius-lg);box-shadow:0 6px 18px #00224426;border-left:6px solid var(--color-secondary);--base-offset: 0px;--hover-shift: 0px;transform:translateY(var(--base-offset));transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(calc(var(--base-offset) + var(--hover-shift)));box-shadow:0 8px 16px #0000001a}*{margin:0;padding:0;box-sizing:border-box}html,body,h1,h2,h3,p,ul,ol,figure,figcaption{font-family:var(--primary-font);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}h2{font-size:2rem}header{position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;width:100%;height:auto;padding:1rem 2rem .5rem}.header-container{display:grid;grid-template-columns:auto 1fr auto;gap:3rem;align-items:center;width:100%;max-width:1200px}.logo-container{width:12rem;height:auto;overflow:hidden}.ciccone-logo{width:100%;height:auto;display:block;transition:transform .4s ease}.ciccone-logo:hover{cursor:pointer;transform:scale(1.05)}.header-container nav{justify-self:start;display:flex;gap:1rem}.header-container nav a{font-size:1.4rem;text-decoration:none;color:var(--color-secondary);font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.header-container nav a:hover{color:var(--color-primary)}.header-container nav a:focus-visible{outline:2px dashed var(--color-accent);outline-offset:2px}.language-selector{justify-self:end;display:flex;justify-content:center;align-items:center;gap:.4rem}.icon-translate{width:1.5rem;height:1.5rem;background-image:url(https://fonts.gstatic.com/s/i/materialicons/translate/v6/24px.svg);background-size:contain;background-repeat:no-repeat}.language-select{appearance:none;font-size:1.3rem;border:1px solid var(--accent-color);border-radius:4px}.language-select:hover{cursor:pointer}.language-select:focus{outline:none;box-shadow:0 0 0 3px #00bfff80}main{display:flex;flex-direction:column;align-items:center;background-color:var(--color-primary)}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-card-bg)}.social-icons{display:flex;gap:1rem}.social-icons a img{width:24px;height:24px}.footer-links a{font-size:1.2rem;text-decoration:underline;color:var(--color-secondary);font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.footer-links a:hover{color:var(--color-primary)}@media (max-width: 360px){header{padding:.75rem 1rem .5rem}.header-container{grid-template-columns:1fr;gap:.75rem;justify-items:center}.logo-container{width:9rem}.header-container nav{justify-self:center;flex-wrap:wrap;justify-content:center;gap:.6rem .9rem}.header-container nav a{font-size:1.05rem}.language-selector{justify-self:center;gap:.35rem}.icon-translate{width:1.25rem;height:1.25rem}.language-select{font-size:1.05rem}footer{padding:1.25rem 1rem;text-align:center}.social-icons{flex-wrap:wrap;justify-content:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .9rem}.footer-links a{font-size:1.05rem}}@media (min-width: 361px) and (max-width: 480px){header{padding:.85rem 1.25rem .5rem}.header-container{grid-template-columns:1fr;gap:.85rem;justify-items:center}.logo-container{width:10rem}.header-container nav{flex-wrap:wrap;justify-content:center;gap:.6rem 1rem}.header-container nav a{font-size:1.1rem}.language-select{font-size:1.1rem}footer{padding:1.5rem 1.25rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1rem}}@media (min-width: 481px) and (max-width: 768px){header{padding:1rem 1rem .75rem}.header-container{grid-template-columns:auto 1fr auto;gap:1.5rem}.logo-container{width:10rem}.header-container nav{gap:.8rem;flex-wrap:wrap}.header-container nav a{font-size:1.15rem}.language-select{font-size:1.1rem}footer{padding:1.5rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem}.footer-links a{font-size:1.1rem}}@media (min-width: 769px) and (max-width: 1024px){header{padding:1.25rem 2rem .75rem}.header-container{gap:2rem}.logo-container{width:11rem}.header-container nav{gap:1.25rem}.header-container nav a{font-size:1.25rem}.language-select{font-size:1.2rem}footer{padding:2rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}.footer-links a{font-size:1.15rem}}.case-study-wrapper{max-width:1200px;margin:0 auto;padding:2rem}.case-study{color:var(--color-font)}.case-study .back-link{display:inline-block;margin-bottom:1rem;text-decoration:underline}.case-study h1{font-size:2rem;margin-top:.5rem}.case-study .lede{font-size:1.25rem}.case-meta{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:0;margin:1rem 0}.case-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.case-overview p{color:var(--color-font)}.case-hero{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.case-hero figure{width:48%;margin:0}.case-hero img{width:100%;height:auto}.case-hero figcaption{text-align:center;margin-top:.5rem;font-size:.9rem;opacity:.8;color:var(--color-font)}.case-challenge p{color:var(--color-font);font-weight:600;text-decoration:underline}.case-challenge ul{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:0;margin:1rem 0;font-style:italic}.case-solution h3{color:var(--color-font);font-size:1.75rem}.case-solution .grid-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1rem auto}.case-solution .card{flex:1 1 calc(50% - 1rem)}.case-solution .card:nth-child(3){flex:1 1 100%}.case-solution ul{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:0;margin:1rem 0;font-style:italic}.case-outcome h3{color:var(--color-font)}.case-outcome ul{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:0;margin:1rem 0;font-style:italic}@media (max-width: 360px){.case-study-wrapper{padding:1rem}.case-study h1{font-size:1.6rem;line-height:1.2}.case-study .lede{font-size:1.05rem}.case-actions{flex-direction:column;gap:.75rem;align-items:stretch}.case-actions .btn{width:100%;text-align:center}.case-hero{gap:1rem}.case-hero figure{width:100%}.case-solution .grid-cards{gap:1rem}.case-solution .card{flex:1 1 100%}.case-challenge p{font-weight:600;text-decoration-thickness:2px;text-underline-offset:3px}}@media (min-width: 361px) and (max-width: 480px){.case-study-wrapper{padding:1.25rem}.case-study h1{font-size:1.75rem;line-height:1.2}.case-study .lede{font-size:1.1rem}.case-actions{flex-direction:column;align-items:stretch;gap:.85rem}.case-actions .btn{width:100%;text-align:center}.case-hero{gap:1rem}.case-hero figure{width:100%}.case-solution .grid-cards{gap:1rem}.case-solution .card{flex:1 1 100%}.case-challenge ul,.case-solution ul,.case-outcome ul{gap:.6rem}}@media (min-width: 481px) and (max-width: 768px){.case-study-wrapper{padding:1.5rem}.case-study h1{font-size:1.9rem}.case-study .lede{font-size:1.15rem}.case-actions{flex-wrap:wrap;gap:.75rem}.case-actions .btn{flex:1 1 220px;text-align:center}.case-hero{gap:1.25rem}.case-hero figure{width:calc(50% - .75rem)}.case-solution .grid-cards{gap:1.25rem}.case-solution .card{flex:1 1 calc(50% - .75rem)}.case-solution .card:nth-child(3){flex:1 1 100%}}@media (min-width: 769px) and (max-width: 1024px){.case-study-wrapper{padding:2rem}.case-study h1{font-size:2.2rem}.case-study .lede{font-size:1.2rem}.case-actions{gap:1rem}.case-actions .btn{min-width:220px}.case-hero{gap:1.5rem}.case-hero figure{width:calc(50% - .75rem)}.case-solution .grid-cards{gap:1.5rem}.case-solution .card{flex:1 1 calc(50% - .75rem)}.case-solution .card:nth-child(3){flex:1 1 100%}.case-challenge ul,.case-solution ul,.case-outcome ul{gap:.6rem}}@media (max-width: 360px){.projects-page{padding-inline:1rem}.projects-section{padding:2.5rem 1rem 1rem}.projects-section h1{font-size:2rem;line-height:1.15;letter-spacing:.02em}.projects-section .lead{font-size:1.05rem;margin-block:.6rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:.9rem}.project-thumb{max-height:10rem}.project-title{font-size:1.25rem}.badge{font-size:.75rem;padding:.2rem .45rem}}@media (min-width: 481px) and (max-width: 768px){.projects-section{padding:3rem 1.5rem 1.25rem}.projects-section h1{font-size:2.4rem}.projects-section .lead{font-size:1.15rem}.projects-grid{grid-template-columns:repeat(2,1fr);align-items:start}.projects-grid>.project-card:nth-child(2n){position:relative;top:6rem}.project-title{font-size:1.35rem}.project-thumb{max-height:9rem}.badge{font-size:.78rem}}
