/* Custom isolated immersive case studies for Territoriya Vidimosti — original prototyped projects. */
.cc3{--gold:#b39165;--bg:#ede8df;--fg:#27241f;isolation:isolate;color:var(--fg);overflow:hidden;font-family:'Arial',sans-serif}.cc3 *{box-sizing:border-box}.cc3 a{text-decoration:none}.cc3 img{max-width:100%;display:block}.cc3 .cc3-wrap{max-width:1530px;margin:auto;padding:0 clamp(18px,5vw,82px)}.cc3 .cc3-top{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;letter-spacing:.09em}.cc3 .cc3-top a{border-bottom:1px solid;padding-bottom:6px}.cc3 .cc3-hero{min-height:740px;position:relative;overflow:hidden;background:#ede6dc}.cc3--plane .cc3-hero{background:#10261f;color:#eff4e9}.cc3 .cc3-hero-inner{display:grid;grid-template-columns:45% 55%;min-height:700px}.cc3 .cc3-hero-copy{padding:90px 5vw 50px 6vw;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.cc3 .cc3-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;line-height:1.5}.cc3 .cc3-title{font:400 clamp(98px,12vw,190px)/.84 Georgia,serif;letter-spacing:-.085em;margin:65px 0 25px}.cc3--plane .cc3-title{font:700 clamp(95px,11vw,175px)/.88 Arial,sans-serif;letter-spacing:-.115em}.cc3 .cc3-title span{color:#9f7862}.cc3--plane .cc3-title span{color:#8ea99c}.cc3 .cc3-hero-copy p{font-size:17px;line-height:1.75;max-width:380px}.cc3 .cc3-inline-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.cc3 .cc3-inline-tags span{font-size:10px;border:1px solid currentColor;padding:8px 12px;border-radius:40px;opacity:.76}.cc3 .cc3-hero-actions{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.cc3 .cc3-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:#282923;color:#fff;padding:16px 21px;font-size:12px}.cc3--plane .cc3-cta{background:#b8cbb9;color:#153028}.cc3 .cc3-cta-alt{font-size:12px;border-bottom:1px solid;padding:12px 0}.cc3 .cc3-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:55px 2vw 55px 0}.cc3 .cc3-hero-visual:before{content:'';position:absolute;width:80%;height:75%;border:1px solid #b5a797;transform:rotate(-6deg)}.cc3--plane .cc3-hero-visual:before{border-color:#6f8d7e;transform:rotate(5deg)}.cc3 .cc3-mockup{width:100%;position:relative;box-shadow:0 30px 80px #1c201c44;border-radius:12px;overflow:hidden;border:7px solid #2b2924;background:#1c1c1c;transform:rotate(-2deg);transition:transform .4s}.cc3--plane .cc3-mockup{transform:rotate(2deg)}.cc3 .cc3-mockup:hover{transform:rotate(0)}.cc3 .cc3-screen-bar{height:25px;display:flex;align-items:center;padding:0 14px;gap:5px;background:#222;color:#eee;font-size:10px}.cc3 .cc3-screen-bar i{display:block;width:6px;height:6px;background:#a2a2a2;border-radius:50%}.cc3 .cc3-screen-bar b{font-weight:400;margin-left:auto;letter-spacing:.1em;font-size:9px}.cc3 .cc3-mockup img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.cc3 .cc3-hero-note{position:absolute;bottom:45px;right:30px;font-size:10px;letter-spacing:.12em}.cc3 .cc3-strip{border-block:1px solid #b7b2a8;padding:24px 0;background:#faf9f5}.cc3--plane .cc3-strip{background:#dbe3d9}.cc3 .cc3-strip .cc3-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.cc3 .cc3-stat strong{font:46px Georgia,serif;display:block;letter-spacing:-.06em}.cc3--plane .cc3-stat strong{font:700 46px Arial,sans-serif;letter-spacing:-.07em}.cc3 .cc3-stat span{font-size:11px;color:#68675e}.cc3 .cc3-story{padding:140px 0 130px;background:#f6f3ed}.cc3--plane .cc3-story{background:#f1f3ed}.cc3 .cc3-story-grid{display:grid;grid-template-columns:23% 1fr;gap:45px}.cc3 .cc3-section-number{font-size:11px;letter-spacing:.15em;line-height:1.8}.cc3 .cc3-big{font:400 clamp(48px,7.3vw,115px)/.98 Georgia,serif;letter-spacing:-.07em;margin:0 0 45px}.cc3--plane .cc3-big{font:600 clamp(48px,7vw,110px)/1 Arial,sans-serif;letter-spacing:-.075em}.cc3 .cc3-big em{color:#a37b63;font-weight:400}.cc3--plane .cc3-big em{color:#628f79;font-style:normal}.cc3 .cc3-story-text{max-width:750px;display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:15px;line-height:1.9}.cc3 .cc3-story-text strong{font-weight:600}.cc3 .cc3-viewport-section{background:#e5dfd5;padding:110px 0}.cc3--plane .cc3-viewport-section{background:#132e26;color:#e9efe5}.cc3 .cc3-feature-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.cc3 .cc3-feature-head h2{font:normal clamp(45px,6vw,90px)/1 Georgia,serif;letter-spacing:-.065em;margin:15px 0 0}.cc3--plane .cc3-feature-head h2{font:600 clamp(45px,6vw,90px)/1 Arial,sans-serif;letter-spacing:-.08em}.cc3 .cc3-feature-head p{max-width:350px;font-size:14px;line-height:1.8;margin:0}.cc3 .cc3-browser{position:relative;background:#222;border-radius:15px 15px 7px 7px;overflow:hidden;box-shadow:0 30px 65px #1e26233b;border:7px solid #222}.cc3 .cc3-browser-head{height:35px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#272727}.cc3 .cc3-browser-head i{width:8px;height:8px;border-radius:50%;background:#666}.cc3 .cc3-browser-head span{background:#383838;color:#bcbcbc;padding:5px 25px;border-radius:4px;margin:0 auto;font-size:10px}.cc3 .cc3-browser img{width:100%;object-position:top;object-fit:cover;max-height:800px}.cc3 .cc3-screen-foot{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;letter-spacing:.1em}.cc3 .cc3-screen-foot button,.cc3 .cc3-gallery button{border:none;background:none;cursor:pointer;text-decoration:underline;color:inherit;font-size:11px}.cc3 .cc3-gallery-section{padding:130px 0;background:#f8f5ef}.cc3--plane .cc3-gallery-section{background:#e9efea}.cc3 .cc3-gallery{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:55px}.cc3 .cc3-shot{min-width:0}.cc3 .cc3-shot-frame{border:7px solid #272727;box-shadow:0 20px 48px #1b231e1c;background:#fff;border-radius:11px;overflow:hidden;aspect-ratio:1.62;position:relative}.cc3 .cc3-shot-frame img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.cc3 .cc3-shot:hover img{transform:scale(1.04)}.cc3 .cc3-shot-meta{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #c8c5bc;font-size:12px}.cc3 .cc3-shot-meta strong{font-weight:500}.cc3 .cc3-system{background:#302d29;color:#f4eee5;padding:125px 0}.cc3--plane .cc3-system{background:#193e32}.cc3 .cc3-system h2{font:normal clamp(60px,7vw,110px)/1 Georgia,serif;letter-spacing:-.07em;margin:40px 0 80px}.cc3--plane .cc3-system h2{font:600 clamp(60px,7vw,110px)/1 Arial,sans-serif}.cc3 .cc3-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cc3 .cc3-system-grid>div{border-top:1px solid #9d9287;padding-top:27px}.cc3 .cc3-system-grid strong{display:block;font-size:12px;margin-bottom:35px}.cc3 .cc3-system-grid p{font-size:14px;line-height:1.8;max-width:315px}.cc3 .cc3-palette{display:flex;gap:5px;height:170px;margin-top:26px}.cc3 .cc3-palette i{display:block;flex:1}.cc3 .cc3-type{font:normal 78px Georgia,serif;letter-spacing:-.1em}.cc3--plane .cc3-type{font:600 78px Arial,sans-serif}.cc3 .cc3-mobile-section{padding:115px 0 120px;background:#ece6dc}.cc3--plane .cc3-mobile-section{background:#cad8ce}.cc3 .cc3-mobile-layout{display:grid;grid-template-columns:35% 65%;gap:30px;align-items:center}.cc3 .cc3-mobile-copy h2{font:normal clamp(50px,5.5vw,88px)/1 Georgia,serif;letter-spacing:-.05em}.cc3--plane .cc3-mobile-copy h2{font:600 clamp(50px,5.5vw,88px)/1 Arial,sans-serif;letter-spacing:-.075em}.cc3 .cc3-mobile-copy p{max-width:370px;font-size:15px;line-height:1.8}.cc3 .cc3-phones{display:flex;align-items:center;justify-content:center;gap:20px;min-height:570px}.cc3 .cc3-phone{width:min(35%,230px);border-radius:35px;border:8px solid #252525;background:#252525;box-shadow:0 25px 38px #181b1838;overflow:hidden;transform:rotate(-7deg)}.cc3 .cc3-phone:nth-child(2){transform:translateY(38px) rotate(8deg)}.cc3 .cc3-phone img{width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top}.cc3 .cc3-sitemap{padding:130px 0;background:#f6f4ef}.cc3 .cc3-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.cc3 .cc3-links a{background:#eae5dc;padding:22px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;color:#252521}.cc3--plane .cc3-links a{background:#d8e5db}.cc3 .cc3-links a:hover{transform:translateY(-5px);background:#d5c6b6}.cc3--plane .cc3-links a:hover{background:#b9cfc0}.cc3 .cc3-links small{font-size:10px;letter-spacing:.14em}.cc3 .cc3-links strong{font:normal 22px Georgia,serif}.cc3--plane .cc3-links strong{font:600 22px Arial,sans-serif}.cc3 .cc3-links b{align-self:end}.cc3 .cc3-disclaimer{font-size:12px;line-height:1.7;color:#706a61;margin:40px 0 0}.cc3 .cc3-outro{background:#f0e5d5;padding:95px 0}.cc3--plane .cc3-outro{background:#17362d;color:#f2f4e9}.cc3 .cc3-outro-inner{display:grid;grid-template-columns:1fr 25%;gap:30px;align-items:end}.cc3 .cc3-outro h2{font:normal clamp(55px,7vw,110px)/1 Georgia,serif;letter-spacing:-.065em;margin:0}.cc3--plane .cc3-outro h2{font:600 clamp(55px,7vw,110px)/1 Arial,sans-serif}.cc3 .cc3-outro a{display:flex;justify-content:space-between;border-bottom:1px solid;padding:15px;font-size:13px}.cc3 .cc3-lightbox{position:fixed;inset:0;z-index:100;background:rgba(10,15,12,.92);padding:40px;display:flex;align-items:center;justify-content:center}.cc3 .cc3-lightbox[hidden]{display:none}.cc3 .cc3-lightbox img{max-width:95%;max-height:90vh;object-fit:contain}.cc3 .cc3-lightbox button{position:absolute;right:24px;top:20px;background:#fff;border:0;font-size:25px;padding:7px 14px;cursor:pointer}
@media(max-width:900px){.cc3 .cc3-hero-inner{grid-template-columns:1fr}.cc3 .cc3-hero-copy{padding:75px 5vw 28px}.cc3 .cc3-title{margin:40px 0 15px;font-size:clamp(90px,14vw,145px)}.cc3 .cc3-hero-visual{padding:30px 5vw 60px}.cc3 .cc3-story-grid{grid-template-columns:1fr}.cc3 .cc3-story-text{max-width:none}.cc3 .cc3-strip .cc3-wrap{grid-template-columns:1fr 1fr}.cc3 .cc3-system-grid{grid-template-columns:1fr 1fr}.cc3 .cc3-mobile-layout{grid-template-columns:1fr}}
@media(max-width:600px){.cc3 .cc3-top{font-size:9px}.cc3 .cc3-hero{min-height:0}.cc3 .cc3-title{font-size:clamp(90px,18vw,140px)}.cc3--plane .cc3-title{font-size:clamp(80px,17vw,120px)}.cc3 .cc3-hero-copy p{font-size:14px}.cc3 .cc3-strip .cc3-wrap{gap:20px}.cc3 .cc3-stat strong{font-size:35px}.cc3 .cc3-story{padding:75px 0}.cc3 .cc3-story-text{display:block}.cc3 .cc3-big{font-size:55px}.cc3 .cc3-viewport-section,.cc3 .cc3-gallery-section,.cc3 .cc3-system,.cc3 .cc3-mobile-section,.cc3 .cc3-sitemap{padding:70px 0}.cc3 .cc3-feature-head{display:block}.cc3 .cc3-feature-head h2{font-size:55px}.cc3 .cc3-feature-head p{margin-top:25px}.cc3 .cc3-gallery{grid-template-columns:1fr}.cc3 .cc3-system-grid{grid-template-columns:1fr}.cc3 .cc3-phones{min-height:410px}.cc3 .cc3-phone{width:43%;border-width:5px;border-radius:24px}.cc3 .cc3-links{grid-template-columns:1fr 1fr}.cc3 .cc3-links a{min-height:130px;padding:15px}.cc3 .cc3-links strong{font-size:17px}.cc3 .cc3-outro-inner{grid-template-columns:1fr}.cc3 .cc3-lightbox{padding:10px}}
@media(prefers-reduced-motion:reduce){.cc3 *{transition:none!important}}

.cc3--plane .cc3-hero-copy p{color:#d7e4db}.cc3--plane .cc3-hero-visual .cc3-hero-note{color:#d9e5dc}.cc3 .cc3-gallery .cc3-shot-meta p{line-height:1.5;color:#6a665f}.cc3--plane .cc3-gallery .cc3-shot-meta p{color:#435c50}