/* 3Frog Media Portfolio v11 | extension of approved v10, not redesign */
:root{--v11-pink:#e33175;--v11-dark:#373c48;--v11-ink:#252831;}
.v11-content,.v11-content *{box-sizing:border-box}
.v11-content{font:400 16px/1.65 Roboto,Arial,sans-serif;color:var(--v11-ink);background:#fff;overflow:hidden;}
.v11-wrap{max-width:1240px;width:calc(100% - 64px);margin:0 auto}
.v11-content h1,.v11-content h2,.v11-content h3{font-family:Roboto,Arial,sans-serif}
.v11-hero{padding:148px 0 92px;text-align:center;background:#fff}
.v11-eyebrow{font-size:13px;letter-spacing:.23em;font-weight:900;color:var(--v11-pink);text-transform:uppercase}
.v11-hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.14;letter-spacing:.075em;font-weight:900;text-transform:uppercase;color:var(--v11-ink);max-width:1080px;margin:22px auto}
.v11-hero p{max-width:990px;font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:#5e6570;margin:0 auto 24px}
.v11-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
.v11-btn{font:800 12px/1.3 Roboto,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;min-height:51px;border:2px solid var(--v11-dark);color:var(--v11-dark)!important;background:transparent;display:inline-flex;justify-content:center;align-items:center;padding:15px 27px;transition:background .2s,color .2s,border-color .2s}
.v11-btn:hover,.v11-btn:focus-visible{background:var(--v11-dark);color:#fff!important}
.v11-btn--dark{background:var(--v11-dark);color:#fff!important}
.v11-btn--dark:hover,.v11-btn--dark:focus-visible{background:transparent;color:var(--v11-dark)!important}
.v11-btn--pink{border-color:var(--v11-pink);background:var(--v11-pink);color:#fff!important}
.v11-btn--pink:hover,.v11-btn--pink:focus-visible{background:transparent;color:var(--v11-pink)!important}
.v11-btn:focus-visible,.v11-work-card:focus-visible,.v11-gallery a:focus-visible{outline:3px solid #e33175;outline-offset:4px}
.v11-band{background:var(--v11-pink);color:#fff;padding:30px 0}
.v11-band .v11-wrap{font:800 clamp(17px,1.85vw,24px)/1.4 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.v11-summary{padding:80px 0 66px}
.v11-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}
.v11-section-label{font:900 12px/1.4 Roboto,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--v11-pink);margin:0 0 13px}
.v11-summary h2,.v11-gallery-heading h2{font:900 clamp(28px,3vw,43px)/1.18 Roboto,Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;margin:0 0 25px}
.v11-summary p{font-size:18px;color:#4e5560;line-height:1.7;margin:0 0 20px}
.v11-service-box{background:var(--v11-dark);color:#fff;padding:35px;border:2px solid var(--v11-dark)}
.v11-service-box h3{font:900 18px/1.3 Roboto,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#fff;margin:0 0 22px}
.v11-service-box ul{padding:0;margin:0;list-style:none}
.v11-service-box li{position:relative;padding:0 0 16px 27px;color:#fff;font:500 16px/1.5 Roboto,Arial,sans-serif}
.v11-service-box li:last-child{padding-bottom:0}
.v11-service-box li:before{content:'✓';position:absolute;left:0;color:var(--v11-pink);font-weight:900}
.v11-gallery-section{background:#f6f6f7;padding:68px 0 86px}
.v11-gallery-heading{text-align:center;margin-bottom:32px}
.v11-gallery-heading p{font-size:17px;color:#5d6671;max-width:760px;margin:0 auto}
.v11-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v11-gallery figure{margin:0;border:1px solid #e1e3e6;background:#fff;min-width:0;overflow:hidden}
.v11-gallery figure:first-child{grid-column:span 2;grid-row:span 2}
.v11-gallery a{height:100%;display:flex;flex-direction:column;color:var(--v11-dark);text-decoration:none!important}
.v11-gallery .v11-img-wrap{min-height:0;aspect-ratio:4/3;display:grid;place-items:center;background:#f0f1f3;overflow:hidden}
.v11-gallery figure:first-child .v11-img-wrap{aspect-ratio:auto;flex:1;min-height:440px}
.v11-gallery img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain;transition:transform .22s}
.v11-gallery figure:first-child img{max-height:550px}
.v11-gallery a:hover img{transform:scale(1.035)}
.v11-gallery figcaption{font:800 13px/1.4 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:14px 16px;color:#373c48}
.v11-gallery a:hover figcaption{color:var(--v11-pink)}
.v11-image-frame{position:relative;min-height:150px;display:grid;place-items:center;background:#373c48;color:#fff;font:800 17px/1.3 Roboto,Arial,sans-serif;text-align:center;letter-spacing:.08em;padding:18px}
.v11-image-frame img{position:relative;z-index:1;background:#f0f1f3}
.v11-image-frame .v11-image-fallback{position:absolute;z-index:0}
.v11-gallery .v11-img-wrap.v11-image-frame{background:#373c48}
.v11-detail{margin-top:28px;background:#fff;border-left:4px solid var(--v11-pink);padding:20px 24px;font-size:16px;color:#49515c}
.v11-next{background:var(--v11-dark);text-align:center;color:#fff;padding:88px 0}
.v11-next h2{font:900 clamp(28px,3vw,42px)/1.2 Roboto,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin:0 0 20px;color:#fff}
.v11-next p{font:400 18px/1.65 Roboto,Arial,sans-serif;color:#fff;max-width:700px;margin:0 auto 25px}
.v11-next .v11-btn{border-color:#fff;color:#fff!important;background:transparent}
.v11-next .v11-btn:hover{background:#fff;color:var(--v11-dark)!important}
.v11-work-grid{padding:70px 0 88px;background:#fff}
.v11-work-grid .v11-grid-intro{text-align:center;margin:0 auto 36px;max-width:980px}
.v11-work-grid h2{font:900 clamp(29px,3.25vw,43px)/1.2 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#292b31;margin:0 0 14px}
.v11-work-grid .v11-grid-intro p{font:400 18px/1.55 Roboto,Arial,sans-serif;color:#5c6470;margin:0}
.v11-work-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v11-work-card{display:flex;flex-direction:column;text-decoration:none!important;color:var(--v11-dark)!important;border:2px solid #373c48;background:transparent;transition:background .2s,border-color .2s}
.v11-work-card:hover,.v11-work-card:focus-visible{background:var(--v11-dark);border-color:var(--v11-dark);color:#fff!important}
.v11-work-card .v11-thumb{aspect-ratio:1.28;display:grid;place-items:center;position:relative;background:#f0f1f3;overflow:hidden}
.v11-work-card .v11-thumb img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;transition:transform .25s}
.v11-work-card:hover .v11-thumb img{transform:scale(1.035)}
.v11-work-card .v11-thumb .v11-image-fallback{position:absolute;font:800 19px/1.3 Roboto,Arial,sans-serif;color:#373c48;text-transform:uppercase;text-align:center;padding:8px}
.v11-work-card .v11-card-body{padding:22px 20px 20px;min-height:150px;display:flex;flex-direction:column}
.v11-work-card .v11-card-eyebrow{font:900 10px/1.3 Roboto,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--v11-pink);margin:0 0 7px}
.v11-work-card .v11-card-title{font:900 18px/1.2 Roboto,Arial,sans-serif;letter-spacing:.045em;margin:0 0 8px}
.v11-work-card .v11-card-desc{font:400 14px/1.5 Roboto,Arial,sans-serif;margin-bottom:14px;color:#56616d}
.v11-work-card:hover .v11-card-desc{color:#fff}
.v11-work-card .v11-card-action{font:900 11px/1.2 Roboto,Arial,sans-serif;letter-spacing:.11em;margin-top:auto;text-transform:uppercase}
.v11-work-card .v11-card-action:before{content:'✓';color:var(--v11-pink);margin-right:10px;font-size:15px}
.v11-work-grid--home{padding-top:62px}
@media(max-width:1000px){.v11-work-cards{grid-template-columns:repeat(3,1fr)}.v11-gallery{grid-template-columns:repeat(2,1fr)}.v11-gallery figure:first-child{grid-column:span 2;grid-row:span 1}.v11-gallery figure:first-child .v11-img-wrap{min-height:270px}}
@media(max-width:760px){.v11-wrap{width:calc(100% - 32px)}.v11-hero{padding:108px 0 68px}.v11-hero h1{font-size:clamp(30px,8vw,46px)}.v11-columns{grid-template-columns:1fr;gap:25px}.v11-summary{padding:56px 0}.v11-gallery-section{padding:48px 0 56px}.v11-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.v11-gallery figure:first-child{grid-column:span 2}.v11-gallery .v11-img-wrap{aspect-ratio:1.25}.v11-gallery figure:first-child .v11-img-wrap{min-height:250px}.v11-gallery figcaption{padding:11px;font-size:11px}.v11-work-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v11-work-card .v11-card-body{padding:15px;min-height:148px}.v11-work-card .v11-card-title{font-size:16px}.v11-next{padding:64px 0}}
@media(max-width:520px){.v11-gallery{grid-template-columns:1fr}.v11-gallery figure:first-child{grid-column:span 1}.v11-work-cards{grid-template-columns:1fr}.v11-work-card .v11-thumb{aspect-ratio:1.6}.v11-work-card .v11-card-body{min-height:0}}
@media(prefers-reduced-motion:reduce){.v11-content *, .v11-work-card {transition:none!important}}