*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:y proximity}body{margin:0;background:#fff;color:var(--midnight);font:16px/1.65 var(--font-text-latin,"aktiv-grotesk-georgian",AktivGE,Arial,sans-serif);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-title-latin,Aktiv,"aktiv-grotesk-extended","aktiv-grotesk-georgian",AktivGE,sans-serif);letter-spacing:-.04em;line-height:1.2;font-weight:700}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img,video{display:block;max-width:100%}img{height:auto}[hidden]{display:none!important}::selection{background:var(--emerald);color:#fff}.st-skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.st-skip:focus{top:12px}.st-kicker,.mini-label{font:500 10px/1.5 Aktiv,"aktiv-grotesk-georgian",sans-serif;letter-spacing:.07em;display:block}.st-small{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px;max-width:1000px}.st-page{--page-pad-l:clamp(150px,10.4vw,168px);--page-pad-r:clamp(150px,10.4vw,168px);padding:0 var(--page-pad-r) 0 var(--page-pad-l);max-width:1560px;margin:auto;box-sizing:border-box}.st-section{margin-top:0;padding:clamp(26px,4vh,46px) 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:normal}.st-top{display:none!important}.st-brand{width:76px;color:var(--emerald);flex-shrink:0}.st-edition{font:600 8px/1 var(--font-text-latin,Aktiv,sans-serif);letter-spacing:.09em;margin-left:auto;color:var(--muted)}.st-top>div:not(.st-progress){display:flex;align-items:center;gap:14px}.st-top button,.st-kit-link{font-size:10.5px;min-height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px}.st-kit-link{font-weight:600}.st-kit-link>span{font:13px var(--font-text-latin,Aktiv,sans-serif)}.st-top button>span{font-size:10px}.st-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--emerald);transform:scaleX(0);transform-origin:left}.st-cover{position:relative;margin-top:0;color:white;background:var(--midnight);scroll-snap-align:start;scroll-snap-stop:normal}.st-media{position:relative;background:var(--mist);overflow:hidden;border-radius:14px;isolation:isolate}.st-media video,.st-media>img{width:100%;height:100%;object-fit:cover}.st-media .st-print-poster{display:none}.st-cover-film{height:100svh;min-height:480px;border-radius:0}.st-cover-film:after{display:none}.st-play{position:absolute;bottom:22px;right:22px;width:44px;height:44px;z-index:3;border:1px solid #ffffff70;color:#fff;background:#16232a85;backdrop-filter:blur(10px);border-radius:50%;font-size:15px;display:grid;place-items:center}.st-play:hover{background:var(--emerald)}.st-cover .st-play{top:24px;bottom:auto}.st-cover-caption{position:absolute;left:5.2%;right:5.2%;bottom:70px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.st-cover h1{font-size:clamp(64px,8vw,128px);font-weight:500;line-height:.99;letter-spacing:-.065em}.st-cover-caption>span{font:500 11px/1.75 Aktiv,sans-serif;letter-spacing:.05em}.st-scroll{position:absolute;bottom:15px;left:50%;font:30px Aktiv,sans-serif;padding:0 14px;transform:translateX(-50%)}
.st-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding:0 6%;align-content:center}.st-intro h2{font-size:clamp(32px,3vw,48px);margin:18px 0}.st-intro-tag{display:block;font:500 9px Aktiv,sans-serif;letter-spacing:.05em;color:var(--muted);margin-top:20px}.st-intro .st-large-copy{font-size:clamp(27px,2.6vw,42px);line-height:1.4;letter-spacing:-.04em;font-weight:500;margin-bottom:28px}.st-intro>div>p:not(.st-large-copy){color:var(--muted);font-size:15px;max-width:650px}.st-values{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;font-size:12px;color:var(--emerald)}.st-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.st-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;list-style:none;font-size:13px;font-weight:600;cursor:pointer;min-height:54px}.st-notes>summary::-webkit-details-marker{display:none}.st-notes>summary>span{font:21px Aktiv,sans-serif;flex-shrink:0}.st-notes[open]>summary>span{transform:rotate(45deg)}.st-note-content{padding:14px 0 30px;font-size:14px;line-height:1.85;color:var(--muted)}.st-note-content p+p{margin-top:16px}.st-note-content h3{font-size:18px;color:var(--midnight);margin-bottom:15px}.st-note-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.st-note-content>.cg-guide{margin-top:0}.st-note-content>.cg-guide .cg-heading{display:none}.st-manifesto{background:var(--emerald);color:#fff;border-radius:14px;min-height:min(460px,calc(100svh - 160px));display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:40px 6%}.st-manifesto h2{font:700 clamp(64px,7.2vw,118px)/.99 Aktiv,sans-serif;letter-spacing:-.075em;margin-top:20px}.st-manifesto h3{font-size:clamp(24px,2.7vw,42px);line-height:1.45}.st-manifesto p{font:500 11px/1.7 Aktiv,sans-serif;margin-top:24px;max-width:330px;color:var(--mint-on-emerald,#c7e0e1)}.st-tone{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:var(--mint-on-emerald,#c7e0e1);margin-top:40px}.st-wide-notes{margin-left:6%;margin-right:6%}.st-section-head{display:block;padding:0 3%;margin-bottom:clamp(14px,1.8vh,22px);text-align:left}.st-section-head .st-kicker{font:600 9.5px/1.4 var(--font-text-latin,Aktiv,sans-serif);letter-spacing:.08em;color:var(--emerald,#0a6670);text-transform:uppercase;margin-bottom:6px;display:block}.st-section-head h2,.st-headline{font-family:var(--font-title-latin,Aktiv,"aktiv-grotesk-extended",sans-serif);font-size:clamp(22px,2.25vw,31px);font-weight:700;line-height:1.28;letter-spacing:-.035em;color:var(--midnight,#16232a);margin:0;display:block}.st-section-head h2 b,.st-headline b,.st-headline strong{font-weight:700;color:var(--midnight,#16232a)}.st-section-head h2 span,.st-headline span,.st-section-head>p{font-family:var(--font-text-latin,"aktiv-grotesk-georgian",AktivGE,Arial,sans-serif);font-weight:400;font-size:clamp(22px,2.25vw,31px);line-height:1.28;letter-spacing:-.015em;color:var(--muted);display:inline;margin:0;max-width:none}.st-section-head>div{display:inline}.st-section-head>div>h2{display:inline}
.st-logo-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.st-logo-panel{display:flex;flex-direction:column;min-height:320px;max-height:380px;border-radius:16px;overflow:hidden;border:1px solid #e2eaec;background:#fff;padding:0;position:relative;box-shadow:0 2px 10px rgba(22,35,42,.03);transition:box-shadow .25s ease,transform .25s ease}.st-logo-panel:hover{box-shadow:0 8px 24px rgba(22,35,42,.08)}.st-logo-stage{position:relative;flex:1;min-height:220px;display:flex;align-items:center;justify-content:center;padding:32px 24px}.st-logo-stage>.logo{width:75%;max-width:320px}.st-logo-stage-tag{position:absolute;top:18px;left:20px;font:700 9.5px/1 Aktiv,"aktiv-grotesk-extended",sans-serif;letter-spacing:.1em;text-transform:uppercase}.st-primary .st-logo-stage{background:var(--mist);color:var(--emerald)}.st-primary .st-logo-stage-tag{color:#53666b}.st-reverse .st-logo-stage{background:var(--emerald);color:#fff}.st-reverse .st-logo-stage-tag{color:rgba(255,255,255,.75)}.st-dark .st-logo-stage{background:var(--midnight);color:#fff}.st-dark .st-logo-stage-tag{color:rgba(255,255,255,.75)}.st-logo-footer{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:#fff;border-top:1px solid #edf2f4}.st-download-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 24px;border:1px solid #d0d7da;border-radius:9999px;background:#fff;color:var(--midnight,#16232a);font:700 11px/1 Aktiv,"aktiv-grotesk-extended",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:all .2s ease;cursor:pointer}.st-download-pill span{font-size:12px;line-height:1}.st-download-pill:hover{border-color:var(--emerald,#0a6670);color:var(--emerald,#0a6670);background:#f8fafb;transform:translateY(-1px);box-shadow:0 4px 14px rgba(10,102,112,.12)}.st-download-pill:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.03)}.st-rule-line{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 3%;font-size:13px;color:var(--muted)}.st-rule-line a{white-space:nowrap}.st-logo-film{margin-top:40px;aspect-ratio:2.45;background:var(--midnight)}.st-logo-film video{object-fit:contain}.st-colours{display:grid;grid-template-columns:1.35fr 1fr 1fr .7fr;gap:0;border-radius:14px;overflow:hidden}.st-colour{height:365px;padding:30px;display:flex;flex-direction:column;text-align:left;justify-content:space-between}.st-colour>span{font:500 9px/1.5 Aktiv,sans-serif}.st-colour h3{font:500 clamp(25px,3vw,45px)/1.05 Aktiv,sans-serif;letter-spacing:-.065em}.st-colour>b{display:flex;justify-content:space-between;font:500 12px Aktiv,sans-serif}.st-colour>b>i{font-style:normal}.st-colour-emerald{background:var(--emerald);color:#fff}.st-colour-mist{background:var(--mist)}.st-colour-midnight{background:var(--midnight);color:white}.st-colour-orange{background:var(--orange);color:var(--midnight)}.st-ratio{display:flex;margin-top:26px;height:40px;border-radius:4px;overflow:hidden;font:500 9px Aktiv,sans-serif}.st-ratio span{display:grid;place-items:center;min-width:38px}.st-ratio span:nth-child(1){background:var(--mist);width:50%}.st-ratio span:nth-child(2){background:var(--midnight);color:white;width:30%}.st-ratio span:nth-child(3){background:var(--emerald);color:white;width:15%}.st-ratio span:nth-child(4){background:var(--orange);width:5%}
.st-type-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.st-type-pair>div{border-radius:14px;min-height:500px;padding:42px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.st-type-latin{background:var(--midnight);color:white}.st-type-ge{background:var(--mist);color:var(--emerald)}.st-type-latin>b{font:500 clamp(130px,14vw,225px)/1 Aktiv,sans-serif;letter-spacing:-.08em}.st-type-ge>b{font:500 clamp(110px,12vw,190px)/1 "aktiv-grotesk-georgian",sans-serif;letter-spacing:-.08em}.st-type-latin>p{font:500 clamp(20px,2.3vw,34px)/1.2 Aktiv,sans-serif}.st-type-ge>p{font:600 clamp(20px,2.2vw,32px)/1.5 "aktiv-grotesk-georgian",sans-serif}.st-type-ge>small{font:500 9px Aktiv,sans-serif;opacity:.65;margin-top:18px}.st-pattern{position:relative;height:610px;border-radius:14px;background:var(--mist);overflow:hidden;isolation:isolate}.st-pattern-label{position:absolute;left:34px;right:34px;top:27px;display:flex;justify-content:space-between;font:500 10px Aktiv,sans-serif;z-index:2;color:var(--emerald)}.st-pattern>img{position:absolute;inset:23% 8%;width:84%;height:54%;object-fit:fill;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}.st-pattern-copy{position:absolute;left:47%;right:7%;top:37%;padding:35px;background:var(--midnight);color:white;border-left:6px solid var(--emerald);transition:transform 1.1s var(--ease),background 1.1s var(--ease);transform:translateY(0)}.st-pattern-copy>small{display:block;font:500 9px Aktiv,sans-serif;color:var(--mint);margin-bottom:22px}.st-pattern-copy>strong{font:500 clamp(22px,2.7vw,43px)/1.25 Aktiv,sans-serif;letter-spacing:-.045em}.st-pattern[data-pattern-mode=signature]>img{transform:scaleX(.8)}.st-pattern[data-pattern-mode=signature] .st-pattern-copy{transform:translate(-32%,-4%);background:var(--emerald)}.st-pattern[data-pattern-mode=window]>img{transform:scaleX(1.13);opacity:.55}.st-pattern[data-pattern-mode=window] .st-pattern-copy{transform:translate(-58%,0);background:var(--midnight)}#st-pattern-pause{position:absolute;bottom:22px;right:25px;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:#ffffff70;font-size:15px}.story-edition .gi-system{margin-top:clamp(48px,8vh,72px);min-height:min(520px,calc(100svh - 70px));display:flex;flex-direction:column;justify-content:center;scroll-margin-top:52px;scroll-snap-align:start;scroll-snap-stop:always}.story-edition .gi-heading h2{font-size:28px}.story-edition .gi-heading p,.story-edition .gi-eyebrow,.story-edition .gi-status,.story-edition .gi-number,.story-edition .gi-name{display:none}.story-edition .gi-heading{padding:0 3%}.story-edition .gi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:var(--mist);border-radius:14px;padding:28px 0}.story-edition .gi-card{border:0;padding:18px 4px;background:none;border-radius:0}.story-edition .gi-card+.gi-card{border-left:1px solid var(--line)}.story-edition .gi-shape{width:112px;height:108px;margin-bottom:20px}.story-edition .gi-shape:before,.story-edition .gi-shape:after{font-size:95px}.story-edition .gi-shape:after{mask-size:95px 100%}.story-edition .gi-card h3{font-size:14px}.story-edition .gi-footnote{font-size:11px}.story-edition .gi-rules{padding:25px 3%}
.st-wide-film{height:min(480px,calc(100svh - 240px));aspect-ratio:auto}.st-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.st-media-pair>.st-media{aspect-ratio:1.6}.st-deliverables{list-style:none;display:flex;flex-wrap:wrap;gap:8px 0;padding:24px 0 0;margin:0;color:var(--midnight);font-size:13px;line-height:1.8}.st-deliverables>li:not(:last-child):after{content:' / ';color:#94acaf;margin:0 17px}.st-placeholder-row{display:flex;gap:30px;align-items:baseline;border-top:1px solid var(--line);padding:17px 0;margin-top:20px;font-size:12px;color:var(--muted)}.st-placeholder-row>span{flex-shrink:0;font-size:10px;color:var(--emerald)}.st-corporate-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.st-corporate-pair>.st-media{height:min(460px,calc(100svh - 260px))}.st-corporate-pair>.st-media:first-child video{object-position:50% 55%}.st-object-details .folder-experience{margin:0}.st-template-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:var(--mist);border-radius:14px;padding:30px}.st-template>.st-kicker{font-size:8px;color:var(--muted);margin-bottom:26px}.st-template-paper{position:relative;aspect-ratio:.73;padding:24px;background:white;box-shadow:0 15px 30px #16232a10;display:flex;flex-direction:column;justify-content:space-between;color:var(--emerald)}.st-template-paper>.logo{width:60px}.st-template-paper>span:not(.logo){font:600 clamp(12px,1.5vw,22px)/1.25 Aktiv,sans-serif;letter-spacing:-.04em}.st-template-paper>i{height:4px;width:25px;background:var(--orange)}.st-template:nth-child(2) .st-template-paper{background:var(--emerald);color:white}.st-template:nth-child(3) .st-template-paper{background:var(--midnight);color:white}.st-template h3{font:600 13px/1.5 "aktiv-grotesk-georgian",sans-serif;margin-top:23px}.st-operations-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.st-operations-grid>.st-media{height:min(440px,calc(100svh - 260px))}.st-uniform video{object-position:55% 50%}.st-hardhat img{object-position:52% 50%}.st-badge-placeholders{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;margin-top:25px;align-items:center}.st-badge-placeholders>div{border:1px dashed #9cb8ba;border-radius:6px;padding:23px;display:flex;flex-direction:column;gap:8px;background:#f5f8f8}.st-badge-placeholders>div>span{font:500 9px Aktiv,sans-serif;color:var(--emerald)}.st-badge-placeholders b{font-size:12px;font-weight:500}.st-badge-placeholders small{font-size:10px;color:var(--muted)}.st-badge-placeholders>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:390px;padding-left:15px}.st-photo-notes{display:grid;grid-template-columns:1fr 1fr 1fr;padding:40px 3%;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.st-photo-notes span{font:500 10px Aktiv,sans-serif;color:var(--emerald)}.st-photo-notes h3{font-size:28px;margin:18px 0}.st-photo-notes p{font-size:14px;color:var(--muted);max-width:300px}
.st-download-hero{background:var(--emerald);color:white;border-radius:14px;padding:65px 6%;position:relative}.st-download-hero h2{font-size:clamp(44px,5vw,80px);font-weight:500;line-height:1.15;letter-spacing:-.055em;margin:28px 0}.st-download-hero p{font-size:14px;color:var(--mint-on-emerald,#c7e0e1)}.st-full-download{margin-top:45px;display:inline-flex;align-items:center;gap:50px;background:white;color:var(--emerald);padding:19px 26px;border-radius:4px;font-size:14px;font-weight:600}.st-full-download>span{font:28px Aktiv,sans-serif}.st-download-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.st-download-row>a{display:flex;justify-content:space-between;align-items:center;padding:29px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:500}.st-download-row>a>span{font:10px Aktiv,sans-serif;color:var(--emerald)}.st-file-list>a{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:25px;padding:17px 0;border-top:1px solid var(--line)}.st-file-list>a>span{font:500 10px Aktiv,sans-serif;color:var(--emerald);white-space:nowrap}.st-footer{display:block;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:clamp(60px,8vh,100px);padding:clamp(20px,4vh,48px) 0;box-sizing:border-box;scroll-snap-align:end;scroll-snap-stop:normal;overflow:hidden}.st-footer img{width:100%;max-width:100%;height:auto;display:block}.st-footer>a{font-size:11px;color:var(--emerald)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);z-index:90;background:var(--midnight);color:#fff;padding:13px 23px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.st-section{margin-top:0;padding:36px 0 44px;min-height:calc(100svh - 82px)}.st-section-head{padding:0 3%}.st-intro{gap:6%;padding:0 2%;grid-template-columns:1fr 1.5fr}.st-colour{padding:25px 22px;height:290px}.st-manifesto{min-height:440px;padding:45px 5%}.st-type-pair>div{min-height:410px;padding:32px 6%}.st-logo-pair{grid-template-columns:1fr 1fr}.st-logo-panel{min-height:340px;height:auto;padding:0}.st-pattern{height:490px}.st-pattern-copy{padding:24px;left:42%;right:6%}.st-pattern-copy>small{font-size:8px}.st-corporate-pair>.st-media{height:450px}.st-operations-grid>.st-media{height:490px}.story-edition .gi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-edition .gi-card:nth-child(4){border-left:0}.st-template-row{padding:24px;gap:14px}.st-template-paper{padding:18px}.st-badge-placeholders{grid-template-columns:1fr 1fr}.st-badge-placeholders>p{grid-column:1/-1;padding:0;max-width:none}.st-photo-notes{gap:30px}.st-tone{margin-top:28px}}
@media(max-width:900px){.st-page{--page-pad-l:28px;--page-pad-r:28px;padding:0 28px}}
@media(max-width:700px){html{scroll-padding-top:0;scroll-snap-type:y proximity}.st-page{--page-pad-l:16px;--page-pad-r:16px;padding:0 16px}.st-section{min-height:0;margin-top:0;padding:0;display:block;scroll-margin-top:0}.st-top{display:none!important}.st-brand{width:86px}.st-edition{display:none}.st-top>div:not(.st-progress){margin-left:auto;gap:19px}.st-top button>span{display:none}.st-kit-link{font-size:11px}.st-cover{margin-top:0}.st-cover-film{height:85svh;min-height:520px}.st-cover-caption{left:24px;right:24px;bottom:75px;display:block}.st-cover h1{font-size:68px;line-height:1.02}.st-cover-caption>span{display:block;margin-top:25px;font-size:9px}.st-play{right:14px;bottom:14px}.st-intro{grid-template-columns:1fr;gap:30px;padding:0 7px}.st-intro h2{font-size:34px}.st-intro-tag{margin-top:14px}.st-intro .st-large-copy{font-size:29px;margin-bottom:21px}.st-intro>div>p:not(.st-large-copy){font-size:14px}.st-values{font-size:11px;gap:10px 18px}.st-kicker{font-size:9px}.st-manifesto{grid-template-columns:1fr;gap:45px;padding:35px 26px;border-radius:10px}.st-manifesto h2{font-size:70px}.st-manifesto h3{font-size:26px}.st-manifesto p{font-size:9px;margin-top:20px}.st-tone{margin-top:27px;font-size:10px}.st-wide-notes{margin-left:0;margin-right:0}.st-section-head{display:block;margin-bottom:20px;padding:0 7px}.st-section-head h2,.st-headline{font-size:22px;line-height:1.3}.st-section-head h2 span,.st-headline span,.st-section-head>p{font-size:20px;line-height:1.3}.st-logo-pair{gap:14px;grid-template-columns:1fr}.st-logo-panel{min-height:280px;height:auto;border-radius:14px;padding:0}.st-logo-stage{min-height:220px;padding:35px 20px}.st-logo-panel>.logo,.st-logo-stage>.logo{width:80%}.st-rule-line{display:block;padding:19px 0;font-size:12px}.st-rule-line a{display:inline-flex;margin-top:12px}.st-note-columns{grid-template-columns:1fr;gap:24px}.st-notes>summary{font-size:12px;gap:20px}.st-note-content{font-size:13px}.st-logo-film{aspect-ratio:1.5;margin-top:25px}.st-colours{grid-template-columns:1fr 1fr;border-radius:10px}.st-colour{height:240px;padding:23px}.st-colour h3{font-size:31px}.st-colour>span{font-size:8px}.st-colour>b{font-size:11px}.st-ratio{height:34px;font-size:8px;margin-top:20px}.st-small{font-size:11px}.st-type-pair{grid-template-columns:1fr;gap:10px}.st-type-pair>div{min-height:390px;padding:28px 30px}.st-type-latin>b{font-size:180px}.st-type-ge>b{font-size:145px;margin:30px 0}.st-type-latin>p{font-size:27px}.st-type-ge>p{font-size:25px}.st-pattern{height:460px;border-radius:10px}.st-pattern-label{left:20px;right:20px;top:23px;font-size:8px}.st-pattern>img{inset:25% 5%;width:90%;height:48%}.st-pattern-copy{left:15%;right:7%;top:43%;padding:22px;border-left:4px solid var(--emerald)}.st-pattern-copy>strong{font-size:22px}.st-pattern-copy>small{font-size:7px;margin-bottom:16px}.st-pattern[data-pattern-mode=signature] .st-pattern-copy{transform:translate(-5%,-45%)}.st-pattern[data-pattern-mode=window] .st-pattern-copy{transform:translate(-5%,20%)}.story-edition .gi-heading{padding:0 7px}.story-edition .gi-heading h2{font-size:25px}.story-edition .gi-grid{padding:12px 0;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:10px}.story-edition .gi-card:nth-child(4){border-left:1px solid var(--line)}.story-edition .gi-card:nth-child(odd){border-left:0}.story-edition .gi-card h3{font-size:13px}.story-edition .gi-rules{grid-template-columns:1fr;gap:19px;padding:25px 7px}.story-edition .gi-footnote p{font-size:10px}.st-wide-film{aspect-ratio:1.3}.st-media-pair{grid-template-columns:1fr;gap:10px;margin-top:10px}.st-media-pair>.st-media{aspect-ratio:1.6}.st-media{border-radius:10px}.st-deliverables{font-size:12px;gap:8px;padding-top:20px;display:block}.st-deliverables>li{margin:4px 0}.st-deliverables>li:not(:last-child):after{display:none}.st-placeholder-row{display:block;font-size:12px}.st-placeholder-row>p{margin-top:10px}.st-corporate-pair{grid-template-columns:1fr 1fr;gap:10px}.st-corporate-pair>.st-media{height:320px}.st-template-row{grid-template-columns:1fr 1fr;padding:18px;gap:25px 15px;border-radius:10px}.st-template>.st-kicker{font-size:6px;margin-bottom:15px}.st-template-paper{padding:16px}.st-template-paper>.logo{width:44px}.st-template-paper>span:not(.logo){font-size:12px}.st-template h3{font-size:11px;margin-top:15px}.st-operations-grid{grid-template-columns:1fr 1fr;gap:10px}.st-operations-grid>.st-uniform{grid-column:1/-1;height:520px}.st-operations-grid>.st-hardhat,.st-operations-grid>.st-packaging{height:330px}.st-badge-placeholders{gap:12px}.st-badge-placeholders>div{padding:17px}.st-badge-placeholders b{font-size:10px}.st-badge-placeholders small{font-size:9px}.st-photo-notes{grid-template-columns:1fr;gap:25px;padding:28px 7px}.st-photo-notes h3{font-size:23px;margin:10px 0}.st-photo-notes p{font-size:13px;max-width:none}.st-download-hero{padding:35px 25px;border-radius:10px}.st-download-hero h2{font-size:43px;margin:25px 0}.st-download-hero p{font-size:12px}.st-full-download{padding:16px 17px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.st-download-row{grid-template-columns:1fr;gap:0}.st-download-row>a{font-size:15px;padding:21px 0}.st-file-list>a{font-size:12px}.st-footer{margin-top:60px}.st-footer>a{margin-left:auto}.st-object-details .st-note-content{padding-bottom:16px}.folder-experience{border-radius:10px!important}.folder-heading .folder-concept{white-space:normal}.folder-control-panel{padding:20px!important}}
.st-top{background:#fffffff2}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.st-palette-layout .st-colours{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-radius:0;overflow:visible}
.st-swatch-card{border-radius:22px;overflow:hidden;border:1px solid #e1e9ea;background:#fff;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(22,35,42,.03);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}
.st-swatch-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(22,35,42,.09)}
.st-swatch-stage{position:relative;height:120px;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between;border-radius:22px 22px 0 0;overflow:hidden}
.st-stage-emerald{background:#0a6670;color:#fff}
.st-stage-mist{background:#e4eef0;color:#16232a}
.st-stage-midnight{background:#16232a;color:#fff}
.st-stage-orange{background:#ff5804;color:#16232a}
.st-swatch-role{font:700 9px/1 Aktiv,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.st-stage-emerald .st-swatch-role{color:var(--mint-on-emerald,#c7e0e1)}
.st-stage-mist .st-swatch-role{color:#51646b}
.st-stage-midnight .st-swatch-role{color:#8da7ad}
.st-stage-orange .st-swatch-role{color:rgba(22,35,42,.85)}
.st-copy-pill{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;background:#16191b;color:#fff;font:700 10.5px/1 Aktiv,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px;border:0;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease;box-shadow:0 4px 12px rgba(0,0,0,.16);margin-top:auto}
.st-copy-pill:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.st-stage-emerald .st-copy-pill{background:#071618;color:#5de2cb}
.st-stage-emerald .st-copy-pill:hover{background:#000;color:#7bf3de}
.st-stage-mist .st-copy-pill{background:#16232a;color:#e4eef0}
.st-stage-mist .st-copy-pill:hover{background:#000;color:#fff}
.st-stage-midnight .st-copy-pill{background:#ffffff;color:#16232a}
.st-stage-midnight .st-copy-pill:hover{background:#f0f5f6;color:#0a6670}
.st-stage-orange .st-copy-pill{background:#16232a;color:#ff9e6c}
.st-stage-orange .st-copy-pill:hover{background:#000;color:#ffb58d}
.st-swatch-card:hover .st-copy-pill,.st-swatch-card:focus-within .st-copy-pill,.st-color-pair-card:hover .st-copy-pill{opacity:1;transform:translateY(0)}
.st-swatch-meta{padding:18px 20px 20px;background:#fff;border-top:1px solid #edf2f4;display:flex;flex-direction:column;gap:5px}
.st-swatch-name{font:700 18px/1.2 var(--font-title-latin,Aktiv,sans-serif);letter-spacing:-.025em;color:var(--midnight,#16232a);margin:0 0 3px 0}
.st-swatch-values{display:flex;flex-direction:column;gap:3px;margin-top:2px}
.st-swatch-hex{font:600 13.5px/1.3 Aktiv,sans-serif;color:var(--muted)}
.st-swatch-spec{font:500 12px/1.3 Aktiv,sans-serif;color:var(--muted)}
@media print{.st-top,.st-scroll,.st-play,button,.st-skip,.st-full-download{display:none!important}.st-cover{margin-top:0}.st-cover-film{height:110mm;min-height:0}.st-page{padding:0}.st-section{margin-top:15mm;break-inside:auto}.st-section-head{break-after:avoid}.st-media,.st-manifesto,.st-logo-pair,.st-colours,.st-type-pair{break-inside:avoid}.st-media video{display:none}.st-media .st-print-poster{display:block;width:100%;height:100%;object-fit:cover}.st-notes:not([open]){display:none}.st-footer{margin-top:10mm;padding:10mm 0}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.story-edition .st-section-head{display:block}
.story-edition .st-section-head>div{display:block}
.story-edition .st-section-head .st-headline{display:block;white-space:nowrap;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.045em}
.story-edition .st-section-head>p{display:block;margin:8px 0 0;max-width:760px;font-family:var(--font-text-latin,Aktiv,Arial,sans-serif);font-size:clamp(13px,1.15vw,17px);font-weight:400;line-height:1.45;letter-spacing:-.01em;color:var(--muted)}
@media(max-width:700px){.story-edition .st-section-head .st-headline{font-size:clamp(24px,8vw,34px);white-space:normal}.story-edition .st-section-head>p{font-size:13px;margin-top:6px}}

/* social-removed-20260915-1: the remaining website-direction note is a compact chapter. */
.story-edition #digital{min-height:auto;padding-block:clamp(72px,9vw,132px)}

/* ==========================================================================
   SECTION 01 / THE BRAND (FOUNDATION) EDITORIAL LAYOUT & TICKER
   ========================================================================== */
.st-foundation-section {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(28px, 4vh, 52px) 0 0 0 !important;
  min-height: calc(100svh - 52px) !important;
  box-sizing: border-box !important;
  background: #ffffff;
}
.st-foundation-section .st-intro > * { min-width: 0; }
.st-foundation-section .st-intro {
  flex: 1 0 auto;
  display: grid;
  grid-template-columns: minmax(460px, 1.25fr) minmax(380px, 1fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  align-content: center;
  gap: 28px clamp(36px, 4.5vw, 68px);
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(20px, 3vh, 40px) 0 clamp(20px, 3vh, 36px) 0 !important;
  box-sizing: border-box;
}
.st-editorial-eyebrow {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(22, 35, 42, 0.08);
  margin-bottom: 4px;
}
.st-editorial-eyebrow .st-kicker {
  font: 700 10px/1.4 var(--font-text-latin, Aktiv, sans-serif);
  letter-spacing: 0.12em;
  color: var(--emerald, #0A6670);
  text-transform: uppercase;
  margin: 0;
}
.st-editorial-eyebrow .st-intro-tag {
  font: 600 9.5px/1.4 var(--font-text-latin, Aktiv, sans-serif);
  letter-spacing: 0.09em;
  color: #72868c;
  text-transform: uppercase;
  margin: 0;
}
.st-intro-lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.st-foundation-section .st-editorial-headline,
.st-intro-lead .st-editorial-headline {
  font-family: var(--font-title-latin, "aktiv-grotesk-extended", Aktiv, sans-serif) !important;
  font-size: clamp(32px, 3.4vw, 50px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.04em !important;
  font-weight: 700 !important;
  color: var(--midnight, #16232A) !important;
  margin: 0 !important;
  text-wrap: balance !important;
}
.st-intro-story {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.st-foundation-section .st-editorial-lead,
.st-intro-story .st-editorial-lead {
  font-family: var(--font-text-latin, "aktiv-grotesk-georgian", AktivGE, Arial, sans-serif) !important;
  font-size: clamp(17px, 1.25vw, 20.5px) !important;
  line-height: 1.68 !important;
  letter-spacing: -0.012em !important;
  color: #17242a !important;
  font-weight: 400 !important;
  max-width: none !important;
  margin: 0 0 16px 0 !important;
}
.st-foundation-section .st-editorial-sub,
.st-intro-story .st-editorial-sub {
  font-family: var(--font-text-latin, "aktiv-grotesk-georgian", AktivGE, Arial, sans-serif) !important;
  font-size: clamp(14.5px, 1.05vw, 16.5px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.005em !important;
  color: #556870 !important;
  font-weight: 400 !important;
  max-width: none !important;
  margin: 0 0 24px 0 !important;
}
.st-foundation-section .st-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 4px;
  margin-bottom: 24px;
}
.st-foundation-section .st-values span {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  background: rgba(10, 102, 112, 0.07);
  border: 1px solid rgba(10, 102, 112, 0.2);
  border-radius: 9999px;
  font-family: var(--font-text-latin, "aktiv-grotesk-georgian", AktivGE, sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--emerald, #0A6670);
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
}
.st-foundation-section .st-values span:hover {
  background: rgba(10, 102, 112, 0.12);
  border-color: var(--emerald, #0A6670);
}
.st-foundation-section .rv-note {
  width: 100%;
  margin: 0 0 18px 0;
}
.st-foundation-section .st-notes {
  width: 100%;
  margin-top: 8px;
}
.st-foundation-section .st-marquee {
  margin-top: auto;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .st-foundation-section .st-intro {
    padding: clamp(16px, 2.5vh, 28px) 0 24px 0 !important;
    gap: 20px 36px;
  }
}
@media (max-width: 768px) {
  .st-foundation-section {
    display: block !important;
    min-height: 0 !important;
    padding: 24px 0 0 0 !important;
  }
  .st-foundation-section .st-intro {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 24px;
    padding: 0 20px 24px 20px;
  }
  .st-editorial-eyebrow {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 12px;
  }
  .st-editorial-headline {
    font-size: clamp(26px, 7vw, 36px) !important;
    margin-bottom: 8px !important;
  }
  .st-editorial-lead {
    font-size: 16px !important;
  }
  .st-foundation-section .st-marquee {
    margin-top: 36px;
  }
}

/* ==========================================================================
   PACDORA-STYLE MARQUEE TICKER (GV CAPITAL EDITION)
   ========================================================================== */
.st-marquee {
  /* full-bleed ზუსტად გვერდის შიდა ველებიდან.
     100vw + 50% არ გამოდგება: .st-page-ს მარცხნივ 136px აქვს და მარჯვნივ 120px
     (რელსისთვის), ანუ ბლოკი ეკრანის ცენტრში არ ზის და ზოლი 8px-ით ცდებოდა. */
  position: relative;
  width: auto;
  margin-left: calc(-1 * var(--page-pad-l, 0px));
  margin-right: calc(-1 * var(--page-pad-r, 0px));
  height: 48px;
  background: var(--midnight, #16232A);
  border-top: 1px solid rgba(228, 238, 240, 0.12);
  border-bottom: 1px solid rgba(10, 102, 112, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
  z-index: 10;
  display: flex;
  align-items: center;
  user-select: none;
}
.st-marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: st-marquee-scroll 32s linear infinite;
}
.st-marquee:hover .st-marquee-track {
  animation-play-state: paused;
}
[data-motion-paused="true"] .st-marquee-track {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  .st-marquee-track {
    animation: none !important;
  }
}
@keyframes st-marquee-scroll {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
.st-marquee-group {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-right: 24px;
  white-space: nowrap;
}
.st-marquee-group > span:not(.st-glyph) {
  font-family: var(--font-title-latin, "aktiv-grotesk-extended", Aktiv, sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mist, #E4EEF0);
  transition: color 0.2s ease;
  cursor: default;
}
.st-marquee-group > span:not(.st-glyph):hover {
  color: var(--mint-on-emerald, #C7E0E1);
}
.st-marquee-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: middle;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.st-glyph {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.st-glyph-emerald { color: var(--mint-on-emerald, #C7E0E1); }
.st-glyph-orange { color: var(--orange, #FF5804); }
.st-glyph-white,
.st-glyph-mist { color: rgba(228, 238, 240, 0.75); }

/* ==========================================================================
   PACDORA-STYLE PILL BUTTONS & ANIMATED ARROWS
   ========================================================================== */
.st-download-pill,
.st-btn-pill,
.st-kit-link,
.cg-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 9999px !important;
  font-family: var(--font-title-latin, Aktiv, "aktiv-grotesk-extended", sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #cfd8dc;
  background: #ffffff;
  color: var(--midnight, #16232a);
  box-shadow: 0 2px 6px rgba(22, 35, 42, 0.04);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  white-space: nowrap;
}

.st-download-pill {
  min-height: 36px;
  padding: 8px 22px;
}

.st-kit-link {
  min-height: 28px;
  padding: 3px 14px;
  font-size: 10.5px;
  border-color: #dbe3e5;
}

.cg-download {
  min-height: 40px;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.cg-download small {
  font-size: 10px;
  opacity: 0.7;
  letter-spacing: 0.05em;
}

.st-download-pill:hover,
.st-btn-pill:hover,
.st-kit-link:hover,
.cg-download:hover {
  background: #f7fafb;
  border-color: var(--emerald, #0a6670);
  color: var(--emerald, #0a6670);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(10, 102, 112, 0.14);
}

.st-download-pill:active,
.st-btn-pill:active,
.st-kit-link:active,
.cg-download:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Primary Dark Button */
.st-btn-primary {
  background: var(--midnight, #16232a) !important;
  color: #ffffff !important;
  border-color: var(--midnight, #16232a) !important;
  box-shadow: 0 3px 12px rgba(22, 35, 42, 0.14) !important;
}
.st-btn-primary:hover {
  background: var(--emerald, #0a6670) !important;
  border-color: var(--emerald, #0a6670) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(10, 102, 112, 0.25) !important;
}

/* Primary Emerald Button */
.st-btn-emerald {
  background: var(--emerald, #0a6670) !important;
  color: #ffffff !important;
  border-color: var(--emerald, #0a6670) !important;
  box-shadow: 0 3px 12px rgba(10, 102, 112, 0.16) !important;
}
.st-btn-emerald:hover {
  background: #074e55 !important;
  border-color: #074e55 !important;
  box-shadow: 0 8px 24px rgba(10, 102, 112, 0.3) !important;
}

/* Vector Arrow Micro-interactions */
.st-btn-arrow {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.st-download-pill:hover .st-arrow-down,
.st-btn-pill:hover .st-arrow-down,
.st-kit-link:hover .st-arrow-down,
.cg-download:hover .st-arrow-down,
.st-full-download:hover .st-arrow-down,
.st-scroll-pill:hover .st-arrow-down,
.wf-download:hover .st-arrow-down,
.es-link:hover .st-arrow-down,
.folder-downloads a:hover .st-arrow-down,
.st-download-row a:hover .st-arrow-down,
.st-file-list a:hover .st-arrow-down,
.qr-file-links a:hover .st-arrow-down {
  transform: translateY(3px);
}
.st-download-pill:hover .st-arrow-right,
.st-btn-pill:hover .st-arrow-right,
.st-arrow-link:hover .st-arrow-right {
  transform: translateX(4px);
}
.st-download-pill:hover .st-arrow-diag,
.st-btn-pill:hover .st-arrow-diag,
.qr-link-row:hover .st-arrow-diag,
.qr-section-heading a:hover .st-arrow-diag {
  transform: translate(3px, -3px);
}
.st-footer a:hover .st-arrow-up {
  transform: translateY(-3px);
}

/* Big Full-Download Button in #downloads */
.st-full-download {
  margin-top: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: #ffffff;
  color: var(--midnight, #16232a);
  padding: 14px 28px;
  border-radius: 9999px;
  font-family: var(--font-title-latin, Aktiv, "aktiv-grotesk-extended", sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
  transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}
.st-full-download:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
  color: var(--emerald, #0a6670);
}
.st-btn-arrow-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(10, 102, 112, 0.1);
  color: var(--emerald, #0a6670);
  transition: background 0.22s ease, transform 0.22s ease;
}
.st-full-download:hover .st-btn-arrow-circle {
  background: var(--emerald, #0a6670);
  color: #ffffff;
  transform: scale(1.06);
}

/* Scroll Pill at Cover */
.st-scroll-pill {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  border-radius: 9999px;
  background: rgba(15, 22, 25, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #ffffff;
  font-family: var(--font-title-latin, Aktiv, "aktiv-grotesk-extended", sans-serif);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 12;
  transition: all 0.22s ease;
}
.st-scroll-pill:hover {
  background: var(--emerald, #0a6670);
  border-color: var(--emerald, #0a6670);
  color: #ffffff;
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 6px 20px rgba(10, 102, 112, 0.35);
}

@media (max-width: 700px) {
  .st-marquee { height: 40px; }
  .st-marquee-group { gap: 16px; padding-right: 16px; }
  .st-marquee-group > span:not(.st-glyph) { font-size: 11px; }
  .st-glyph { font-size: 11px; }
  .st-scroll-pill { bottom: 18px; padding: 5px 12px; font-size: 9px; }
}


.st-office-feature{display:grid;grid-template-columns:1fr 1.18fr;gap:18px;margin-bottom:18px;align-items:stretch}
/* --- კონტექსტის ბლოკი: მოკლე სათაური + მისი მოქაფები (მაქს. 2) --- */
.st-context-block{display:flex;flex-direction:column;gap:14px;margin-top:34px;scroll-margin-top:0}
/* --- ბმული სრულ სახელმძღვანელოზე (ტექსტი დეკში აღარ ზის) --- */
.st-name-key{display:flex;align-items:baseline;gap:clamp(12px,1.4vw,20px);flex-wrap:wrap;margin:6px 0 4px}
.st-name-mark{font:700 clamp(38px,4.4vw,62px)/1 var(--font-title-latin,Aktiv,sans-serif);letter-spacing:-.05em;color:var(--emerald)}
.st-name-full{font:500 clamp(16px,1.6vw,22px)/1.2 var(--font-text-latin,Aktiv,sans-serif);letter-spacing:.01em;color:var(--midnight)}
.st-guide-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 20px;margin-top:26px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:background 120ms var(--ease),border-color 120ms var(--ease)}
.st-guide-link:hover{background:var(--mist);border-color:var(--emerald)}
.st-guide-label{grid-column:1;grid-row:1;font:600 clamp(16px,1.5vw,20px)/1.3 var(--font-text-ge,"aktiv-grotesk-georgian",sans-serif);letter-spacing:-.01em}
.st-guide-meta{grid-column:1;grid-row:2;font:500 11px/1.5 var(--font-text-ge,"aktiv-grotesk-georgian",sans-serif);color:var(--muted)}
.st-guide-arrow{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;font-size:20px;color:var(--emerald)}
@media(max-width:700px){.st-guide-link{padding:18px 20px;margin-top:20px}}

.st-context-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.st-context-title{font:600 clamp(19px,1.7vw,24px)/1.25 var(--font-text-ge,"aktiv-grotesk-georgian",sans-serif);letter-spacing:-.012em}
.st-context-caption{font:500 11px/1.5 var(--font-text-ge,"aktiv-grotesk-georgian",sans-serif);letter-spacing:.01em;color:var(--muted)}
.st-context-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.st-context-pair>.st-media,.st-context-single{height:clamp(320px,44vh,460px)}
@media(max-width:700px){.st-context-block{margin-top:26px;gap:12px}.st-context-pair{grid-template-columns:1fr;gap:10px}.st-context-pair>.st-media,.st-context-single{height:260px}}

.st-office-feature>.st-media{width:100%;aspect-ratio:auto;height:clamp(360px,50vh,520px);background:#eef2f2}
.st-office-feature .st-office-motion video,.st-office-feature .st-office-still img{object-fit:contain;object-position:center}
.st-corporate-showcase{display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;height:min(760px,82svh)}
.st-corporate-showcase>.st-media{min-height:0}
.st-corporate-showcase>.st-business-card-motion{grid-row:1/-1}
.st-corporate-showcase>.st-business-card-motion video{object-position:center}
.st-corporate-showcase>.st-media:not(.st-business-card-motion) video{object-position:center 55%}
@media(max-width:700px){.st-office-feature{grid-template-columns:1fr;gap:10px}.st-office-feature>.st-media{height:auto}.st-corporate-showcase{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:10px}.st-corporate-showcase>.st-media{height:340px}.st-corporate-showcase>.st-business-card-motion{grid-row:auto;height:560px}}

/* ==========================================================================
   01 / THE BRAND: ბრენდის არქიტექტურის დიაგრამა
   ჰოლდინგი → მიმართულება → პროექტი/ლოკაცია
   ========================================================================== */
.st-eyebrow-sm{display:block;font:600 10px/1.4 var(--font-text-latin,Aktiv,sans-serif);letter-spacing:.11em;text-transform:uppercase;color:var(--emerald,#0A6670);margin:0 0 12px}
.st-intro-lead .st-eyebrow-sm{margin-bottom:14px}

.st-audience{margin-top:auto;padding-top:clamp(14px,2vh,20px);border-top:1px solid var(--line,#16232a24);width:100%}
.st-audience .st-eyebrow-sm{color:#7c8f95;margin-bottom:7px}
.st-audience p{margin:0;font:500 clamp(13px,1vw,15px)/1.5 var(--font-text-latin,"aktiv-grotesk-georgian",AktivGE,Arial,sans-serif);color:var(--midnight,#16232A);letter-spacing:-.01em}

.st-intro-story{width:100%}
@media(max-width:700px){
 .st-audience{margin-top:20px}
}

/* ==========================================================================
   01 / THE BRAND — ლეიაუთის გასწორება

   რა იყო გასაწორებელი (გაზომილი 1440×900-ზე):
   · სვეტები ერთად იწყებოდა, მაგრამ 89px-ის სხვაობით მთავრდებოდა
   · ფოტო ფიქსირებული კვადრატი იყო და სვეტში მკვდარ ზოლს ტოვებდა
   · მარცხენა სვეტის ვერტიკალური რიტმი: 14 / 22 / 19 / 22 — ოთხი
     სხვადასხვა რიცხვი, არცერთი საერთო სკალიდან
   · კონტენტსა და ზოლს შორის 145px იკარგებოდა, სვეტები კი შეკუმშული იყო

   ID-იანი სელექტორები საჭიროა: strategy-guide.css-ში იგივე წესები
   `.sg-foundation ...`-ით წერია და ამ ფაილის შემდეგ იტვირთება.
   ========================================================================== */

/* ინტრო ივსებს გათავისუფლებულ სიმაღლეს, ნაცვლად იმისა რომ ქვემოთ დარჩეს */
#foundation .st-intro { flex: 1 1 auto; align-content: stretch; }

/* ორივე სვეტი ერთსა და იმავე ხაზზე მთავრდება */
#foundation .st-intro-lead,
#foundation .st-intro-figure { align-self: stretch; height: 100%; }

/* ერთი რიტმი — 20px ყველგან. ტექსტის ბლოკი ოპტიკურად ცენტრშია ფოტოს
   მიმართ: ქვედა კიდეზე მიკვრა 246px-იან ხვრელს ტოვებდა შუაში, ცენტრირება
   კი იმავე სიმაღლეს თანაბრად ანაწილებს ზემოთ და ქვემოთ. */
#foundation .st-intro-lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-height: 0;
}
#foundation .st-intro-lead > * { margin-top: 0; margin-bottom: 0; }
#foundation .st-intro-lead .st-audience { margin-top: 4px; padding-top: 24px; }

/* ფოტო სვეტს სრულად ავსებს — ფიქსირებული კვადრატის ნაცვლად */
#foundation .st-intro-figure { margin: 0; min-height: 0; overflow: hidden; border-radius: 14px; }
#foundation .st-intro-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 900px) {
  #foundation .st-intro-lead,
  #foundation .st-intro-figure { align-self: auto; height: auto; }
  #foundation .st-intro-figure img { height: auto; aspect-ratio: 1 / 1; }
  #foundation .st-intro-lead .st-audience { margin-top: 0; }
}

/* ==========================================================================
   02.2 / MINIMUM SIZE & FIXED FORM — კომპაქტური განლაგება

   რა იყო:
   · საზომი ზოლი 694px სიგანისა იყო, ლოგო კი მასში 200px — ანუ ~494px
     ცარიელი რჩებოდა და ისარი 694px-ს ზომავდა იმის საჩვენებლად, რომ
     მინიმუმი 160px-ია. ისარი თავის მნიშვნელობას კარგავდა.
   · ფილებში ლოგო 100px იყო 180px-იან ველზე — ფილა ცარიელი ჩანდა.

   ახლა: ისარი ზუსტად ლოგოს სიგანეს ზომავს (ანუ მინიმალურ ზომას), ორივე
   ბლოკი მარცხნივ ეწყობა, ხოლო გათავისუფლებული სივრცე ფილებში ლოგოს ერგება.
   ========================================================================== */

#logo-rules .st-size-diagram {
  /* ზოლი შიგთავსის სიგანისაა და არა სრული — თორემ მარჯვნივ 540px ცარიელი
     ფონი რჩებოდა და გრძელ ცარიელ ლენტად იკითხებოდა */
  width: fit-content;
  max-width: 100%;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
  gap: clamp(28px, 4vw, 72px);
  min-height: 0;
  padding: clamp(14px, 1.8vh, 20px) clamp(20px, 2.4vw, 32px);
}

/* საზომი ზუსტად ლოგოს სიგანეა — ისარი სწორედ მინიმალურ ზომას ზღუდავს */
#logo-rules .st-size-measure {
  width: clamp(170px, 15vw, 210px);
  min-height: 0;
  padding: 6px 0 24px;
}
#logo-rules .st-size-measure > .logo { width: 100%; max-width: none; }

/* ფილებში ნიშანი ავსებს ველს */
#logo-rules .lm-art { height: clamp(104px, 14vh, 142px); padding: clamp(10px, 1.2vh, 14px); }
#logo-rules .lm-art > .logo,
#logo-rules .lm-art > img { width: min(152px, 76%); }
#logo-rules .lm-retyped { font-size: clamp(15px, 1.4vw, 19px); }

@media (max-width: 900px) {
  #logo-rules .st-size-diagram { width: auto; grid-template-columns: 1fr; gap: 14px; }
  #logo-rules .st-size-measure { width: 100%; }
}

/* --------------------------------------------------------------------------
   #foundation — კვადრატული ფოტო სექციის სიმაღლეს სიგანიდან განსაზღვრავდა:
   განიერ ეკრანზე სვეტი ფართოვდებოდა, ფოტო მაღლდებოდა და სექცია იჭრებოდა.
   ახლა სიმაღლეს ეკრანი განსაზღვრავს, ფოტო კი ჭრის (object-fit: cover).
   -------------------------------------------------------------------------- */
#foundation .st-intro { max-height: clamp(320px, calc(100vh - 224px), 620px); }
