.tf-final-no-screenshot{position:relative;min-height:275px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(20px,4vw,44px);gap:12px;color:#f1f1ed;background:linear-gradient(135deg,#192733 0%,#21303d 60%,#142b35 100%);overflow:hidden}
.tf-final-no-screenshot::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 30%,rgba(125,192,178,.18),transparent 46%);pointer-events:none}
.tf-final-media-number{position:relative;font:600 11px/1.2 ui-monospace,monospace;letter-spacing:.2em;color:#93d3c6}
.tf-final-media-name{position:relative;font-size:clamp(23px,3vw,38px);line-height:1.1;letter-spacing:-.035em;max-width:90%;font-weight:600}
.tf-final-media-sub{position:relative;font-size:13px;color:#d1dbdf;line-height:1.5;max-width:90%}
.tf-final-media-bottom{position:absolute;left:clamp(20px,4vw,44px);bottom:21px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#a5c4c0}
.tf-final-marketing{display:flex!important;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;margin:16px 0}.tf-final-marketing input{width:18px!important;height:18px!important;min-width:18px!important;margin-top:2px!important}
.tf-final-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.tf-final-form-status{font-size:13px;margin-top:9px}.tf-final-consent{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#11252d;color:#f7faf8;box-shadow:0 -8px 40px #0006;border-top:1px solid #6fb49b;max-height:85vh;overflow:auto}
.tf-final-consent-inner{max-width:1320px;margin:auto;padding:20px clamp(16px,3vw,38px);display:flex;align-items:center;justify-content:space-between;gap:25px}
.tf-final-consent h2{font-size:19px!important;color:white!important;line-height:1.3;margin:0 0 7px!important}
.tf-final-consent p{font-size:13px;line-height:1.65;color:#d4e2df;margin:0;max-width:750px}.tf-final-consent a{color:#bcead8;text-decoration:underline}
.tf-final-consent-buttons{display:flex;flex-wrap:wrap;gap:8px;min-width:280px;justify-content:flex-end}.tf-final-consent-buttons button{cursor:pointer;border:1px solid #bdd3cc;background:transparent;color:white;padding:11px 13px;border-radius:7px;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}
.tf-final-consent-buttons button[data-tfc=all]{color:#11252d;background:#d8e5da;border-color:#d8e5da}.tf-final-consent-buttons button:focus-visible{outline:3px solid #bdeecf;outline-offset:2px}
.tf-final-consent-categories{margin-top:12px;display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.tf-final-consent-categories[hidden]{display:none}.tf-final-consent-categories label{display:flex;align-items:center;gap:8px}
@media(max-width:780px){.tf-final-consent-inner{flex-direction:column;align-items:stretch;gap:15px}.tf-final-consent-buttons{min-width:0;justify-content:stretch}.tf-final-consent-buttons button{flex:1 1 130px}.tf-final-no-screenshot{min-height:240px}}


/* ==================================================================
   TECHFLOS FINAL PORTFOLIO / 19 OCT 2026 — isolated visual enhancements
   Actual source screens and presentation art identified individually.
   ================================================================== */
.tf14-cover{background:#e9eef2!important;isolation:isolate;aspect-ratio:1.68;min-height:0!important;display:block!important;position:relative!important;overflow:hidden!important;margin:0!important}
.tf14-cover .tf10-real-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center!important;transition:transform .65s cubic-bezier(.18,.68,.32,1),filter .4s;filter:none!important}
.tf7-card:hover .tf14-cover img{transform:scale(1.05)!important}
.tf14-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,15,24,.36));pointer-events:none}
.tf14-cover-label,.tf14-cover-index{position:absolute;z-index:2;bottom:17px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.13em;text-shadow:0 2px 8px #14202b85}
.tf14-cover-label{left:18px;background:rgba(8,20,29,.78);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(7px);padding:9px 10px;border-radius:2px}
.tf14-cover-index{right:18px;font-size:11px}
.tf14-cover-TF-015{background:#3b176d!important}.tf14-cover-TF-015 .tf10-real-cover{object-fit:contain!important;background:#30165b}
.tf14-cover-TF-022{background:#171a1e!important}.tf14-cover-TF-022 .tf10-real-cover{object-fit:contain!important}
.tf14-noimage{display:flex!important;flex-direction:column;justify-content:space-between;padding:26px!important;aspect-ratio:1.68;min-height:0!important;color:#f4f8f5!important;position:relative!important;overflow:hidden!important;isolation:isolate}
.tf14-noimage:before{content:"";position:absolute;width:440px;height:440px;right:-100px;top:-190px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 75px #ffffff08,0 0 0 160px #ffffff05;z-index:-1}
.tf14-shade-heritage{background:linear-gradient(125deg,#263f3f,#6b7561 130%)!important}.tf14-shade-botanical{background:linear-gradient(125deg,#43523c,#8a7a61 130%)!important}.tf14-shade-private{background:linear-gradient(125deg,#172536,#304d66 130%)!important}
.tf14-type-head,.tf14-type-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.15em;font-weight:700;opacity:.8}
.tf14-type-big{font-size:clamp(22px,3vw,45px);letter-spacing:-.055em;line-height:1.05;max-width:360px;font-weight:700}
.tf14-type-head>span:last-child{font-size:28px;font-weight:400}
.tf14-type-foot{border-top:1px solid #ffffff49;padding-top:13px}
.tf7-card{background:#fff;transition:transform .35s ease,box-shadow .35s ease;overflow:hidden}
.tf7-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(11,30,42,.13)}
.tf7-card .tf7-card-art{margin:0}.tf7-card .tf7-card-copy{padding-top:26px}
.tf14-gallery{background:#edf2f6!important;border-top:1px solid #dae4eb;padding:80px 0 96px!important}
.tf14-gallery .tf10-gallery-heading{max-width:850px;margin:0 0 35px}
.tf14-gallery .tf10-gallery-heading>span{font-size:10px;letter-spacing:.16em;color:#116879}
.tf14-gallery .tf10-gallery-heading h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;font-weight:600;line-height:1.08;margin:14px 0 20px}
.tf14-gallery .tf10-gallery-heading p{max-width:850px;line-height:1.75}
.tf14-gallery-lead{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);background:#0d1d2b;margin:0 0 23px;min-height:300px;overflow:hidden;color:#eaf4f2}
.tf14-gallery-lead>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,4vw,60px);gap:15px}
.tf14-gallery-tick{font-size:9px;letter-spacing:.18em;color:#a7e1dd;font-weight:700}
.tf14-gallery-lead strong{font-size:clamp(27px,3.2vw,49px);line-height:1.05;letter-spacing:-.055em}
.tf14-gallery-lead p{font-size:14px;color:#c7d5d9;line-height:1.7;max-width:340px}
.tf14-gallery-lead>img{width:100%;height:100%;min-height:295px;object-fit:cover}
.tf14-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tf14-gallery-item{padding:9px;background:#fff;border:1px solid #d4dfe8;margin:0;min-width:0;box-shadow:0 9px 30px rgba(18,47,70,.055)}
.tf14-gallery-open{display:flex;align-items:center;justify-content:center;position:relative;border:0;padding:0;background:#e5ebef;width:100%;height:285px;cursor:zoom-in;overflow:hidden}
.tf14-gallery-open>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.12,.83,.18,1)}
.tf14-gallery-open:hover>img{transform:scale(1.035)}
.tf14-img-open{position:absolute;right:11px;top:11px;background:#091827d9;color:white;width:31px;height:31px;display:grid;place-items:center;font-size:15px}
.tf14-gallery-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 8px 10px;font-size:12px;color:#142d3a;font-weight:700}
.tf14-gallery-item figcaption small{font-size:9px;color:#778998;letter-spacing:.09em;white-space:nowrap}
.tf14-gallery-mobile .tf14-gallery-open{background:linear-gradient(130deg,#142536,#2d4860);height:380px}
.tf14-gallery-mobile .tf14-gallery-open>img{object-fit:contain}
.tf14-rates-gallery .tf14-gallery-item:first-child{grid-column:span 2}
.tf14-rates-gallery .tf14-gallery-item:first-child .tf14-gallery-open{height:470px}
.tf14-gallery-ethics{font-size:11px;color:#728793;line-height:1.7;margin:25px 0 0;border-top:1px solid #cfdae1;padding-top:19px}
.tf14-lightbox{position:fixed;inset:0;background:rgba(4,15,26,.94);z-index:999999;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px;gap:12px;color:#fff}
.tf14-lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.tf14-lightbox-close{border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;padding:12px 18px;cursor:pointer}
.tf14-lightbox-image{width:100%;height:100%;min-height:0;object-fit:contain}
.tf14-lightbox-foot{display:flex;justify-content:center;color:#a9bac8;font-size:11px}
.tf14-featured{background:#e6edf4;padding:115px 0 132px}
.tf14-featured-top,.tf14-featured-after{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #b9c9d4;padding-top:20px;font-size:10px;letter-spacing:.13em;font-weight:750}
.tf14-featured-top a,.tf14-featured-after a{font-size:12px;letter-spacing:0;color:#147b8a}
.tf14-featured-head{display:flex;justify-content:space-between;gap:55px;align-items:end;margin:60px 0 54px}
.tf14-featured-head h2{font-size:clamp(47px,6vw,88px);line-height:1.01;letter-spacing:-.075em;font-weight:550;max-width:870px;margin:0}
.tf14-featured-head h2 em{color:#28768c;font-family:Georgia,serif;font-weight:400}
.tf14-featured-head p{max-width:310px;font-size:15px;line-height:1.8;color:#526a78;margin:0}
.tf14-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tf14-featured-card{display:block;overflow:hidden;background:#f8fbfb;color:#122936;transition:box-shadow .35s,transform .35s}
.tf14-featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px #102f3f24}
.tf14-featured-img{height:clamp(215px,23vw,355px);overflow:hidden}
.tf14-featured-img figure{width:100%;height:100%;border:0!important;margin:0!important;aspect-ratio:auto!important}
.tf14-featured-img .tf14-cover{min-height:100%!important;aspect-ratio:auto!important}
.tf14-featured-meta{padding:23px 27px 28px}
.tf14-featured-meta>span{font-size:10px;font-weight:750;letter-spacing:.13em;color:#477180}
.tf14-featured-meta h3{font-size:clamp(25px,2.8vw,36px);letter-spacing:-.05em;margin:12px 0 9px}
.tf14-featured-meta small{font-size:11px;color:#617984}
.tf14-featured-after{margin-top:40px;padding-top:20px;color:#637f8d}
@media(max-width:1000px){.tf14-featured-head{display:block}.tf14-featured-head p{max-width:550px;margin-top:22px}}
@media(max-width:750px){.tf14-featured{padding:70px 0 85px}.tf14-featured-top,.tf14-featured-after{align-items:flex-start}.tf14-featured-head{margin:45px 0 33px}.tf14-featured-grid,.tf14-gallery-grid,.tf14-gallery-lead{grid-template-columns:1fr}.tf14-featured-img{height:260px}.tf14-featured-meta{padding:19px 20px 25px}.tf14-gallery{padding:60px 0 65px!important}.tf14-gallery-lead>img{height:270px;min-height:0}.tf14-gallery-item figcaption{flex-wrap:wrap;gap:6px}.tf14-gallery-open,.tf14-gallery-mobile .tf14-gallery-open{height:275px}.tf14-rates-gallery .tf14-gallery-item:first-child{grid-column:auto}.tf14-rates-gallery .tf14-gallery-item:first-child .tf14-gallery-open{height:275px}.tf14-type-big{font-size:30px}.tf14-lightbox{padding:12px}.tf14-cover-label{font-size:8px;bottom:12px;left:12px}.tf14-cover-index{right:12px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.tf14-cover img,.tf14-featured-card,.tf7-card{transition:none!important}}