.gogg-story{--navy:#012169;--red:#e30a17;--paper:#f3f1ec;background:#100f0e;color:#f3f1ec;font-family:'DM Sans',sans-serif}.gs-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.gs-intro{padding:30px 0}.gs-label{font:11px/1.6 'JetBrains Mono',monospace;letter-spacing:.12em;color:#aaa49b}.gs-title{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px}.gs-title h1{font-size:clamp(45px,6vw,86px);line-height:1;letter-spacing:-.065em;font-weight:400;margin:16px 0 0}.gs-title p{max-width:32ch;font-size:20px;line-height:1.6;color:#c9c4ba;margin:0}.gs-hero{display:grid;grid-template-columns:2fr 1fr;gap:10px;height:310px}.gs-logo{background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:40px;position:relative}.gs-logo img{width:100%;height:auto;max-height:180px}.gs-logo>span,.gs-symbol>span:last-child{position:absolute;bottom:20px;left:24px;font:10px monospace;letter-spacing:.1em}.gs-logo>span{color:var(--navy)}.gs-symbol{background:var(--navy);position:relative;overflow:hidden;display:grid;place-items:center}.gs-ring{width:190px;height:190px;border:35px solid var(--red);border-radius:50%}.gs-nav{position:sticky;top:64px;background:#100f0ef5;z-index:10;border-bottom:1px solid #ffffff25;margin-top:24px}.gs-nav>div{display:flex;gap:30px;overflow:auto}.gs-nav a{color:#bcb6ad;padding:18px 0;font-size:12px;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent}.gs-nav a[aria-current]{color:#fff;border-color:var(--red)}.gs-section{padding-block:80px;scroll-margin-top:130px}.gs-heading{max-width:800px;margin-bottom:36px}.gs-heading h2{font-size:clamp(35px,4.8vw,65px);line-height:1.08;font-weight:400;letter-spacing:-.05em;margin:20px 0}.gs-heading p,.gs-note p{font-size:17px;line-height:1.8;color:#c9c4ba;max-width:65ch}.gs-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ffffff30;padding-top:24px}.gs-brief span{font:10px monospace;color:#aaa49b}.gs-brief p{font-size:16px;line-height:1.6}.gs-logo-board{position:relative;padding:65px 65px 24px;background:var(--paper);color:var(--navy);overflow:hidden}.gs-logo-board>img{display:block;width:100%;height:auto;position:relative}.gs-guide{position:absolute;inset:40px;border:1px solid #01216926}.gs-board-caption{display:flex;justify-content:space-between;gap:15px;margin-top:45px;font:10px monospace}.gs-note{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;align-items:start}.gs-note h3{font-size:34px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:0}.gs-note p{margin:0}.gs-graphics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gs-orbit{position:relative;background:var(--paper);aspect-ratio:1.2;overflow:hidden;display:grid;place-items:center}.gs-orbit i{position:absolute;width:65%;aspect-ratio:1;border:1px solid var(--navy);border-radius:50%}.gs-orbit i:nth-child(2){transform:translateX(-24%)}.gs-orbit i:nth-child(3){transform:translateX(24%)}.gs-orbit span{width:39%;aspect-ratio:1;border:25px solid var(--red);border-radius:50%;z-index:1}.gs-repeat{background:var(--red);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:30px;align-content:center;overflow:hidden}.gs-repeat i{aspect-ratio:1;border:12px solid var(--paper);border-radius:50%}.gs-repeat i:nth-child(3n){border-color:var(--navy)}.gs-caption{font-size:11px;line-height:1.7;color:#aaa49b}.gs-palette{display:grid;grid-template-columns:2fr 1fr 1fr;margin-top:34px}.gs-palette>div{padding:28px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy)}.gs-palette>div:nth-child(2){background:var(--red)}.gs-palette>div:nth-child(3){background:var(--paper);color:var(--navy)}.gs-palette b{font-size:18px;font-weight:400}.gs-palette span{font:11px monospace}.gs-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:45px;background:#e6e3dd}.gogg-story figure{margin:0;border:0;border-radius:0;background:none;padding:0}.gs-cards img,.gs-archive img{display:block;width:100%;height:auto}.gs-cards figcaption{color:#333;font-size:12px;margin-top:16px}.gs-archive{margin-top:30px;border-block:1px solid #ffffff30}.gs-archive summary{padding:24px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;list-style:none}.gs-archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}.gs-archive figcaption{font-size:12px;color:#aaa49b;margin-top:10px}.gogg-story .cat-shot{cursor:zoom-in}.gogg-story :focus-visible{outline:2px solid #e30a17;outline-offset:5px}
@media(max-width:700px){.gs-wrap{width:calc(100% - 36px)}.gs-intro{padding:20px 0 24px}.gs-title{grid-template-columns:1fr;gap:20px}.gs-title h1{font-size:clamp(42px,12vw,65px)}.gs-title p{font-size:16px}.gs-hero{height:210px;grid-template-columns:1.7fr 1fr;gap:6px}.gs-logo{padding:20px}.gs-logo>span,.gs-symbol>span:last-child{font-size:7px;bottom:14px;left:12px}.gs-ring{width:90px;height:90px;border-width:17px}.gs-nav{top:60px;margin-top:18px}.gs-nav>div{gap:24px}.gs-nav a{font-size:11px;padding:15px 0}.gs-section{padding-block:48px}.gs-heading p,.gs-note p{font-size:15px}.gs-brief{grid-template-columns:1fr;gap:10px}.gs-brief p{margin:8px 0}.gs-logo-board{padding:30px 20px 20px}.gs-guide{inset:15px}.gs-board-caption{font-size:7px;margin-top:25px;gap:8px}.gs-note{grid-template-columns:1fr;gap:15px}.gs-note h3{font-size:28px}.gs-graphics{gap:6px}.gs-orbit span{border-width:10px}.gs-repeat{gap:8px;padding:14px;grid-template-columns:repeat(3,1fr)}.gs-repeat i{border-width:6px}.gs-palette{grid-template-columns:1fr 1fr 1fr}.gs-palette>div{padding:14px;min-height:110px}.gs-palette b{font-size:13px}.gs-palette span{font-size:9px}.gs-cards{padding:20px;gap:20px;grid-template-columns:1fr}.gs-archive-grid{grid-template-columns:1fr;gap:22px}}

/* Vektör sunum panoları: ortak hizalama, doğal oran */
.gs-system-board img,.gs-new-boards img{display:block;width:100%;height:auto;background:var(--paper)}
.gs-presentation{margin-top:70px}.gs-new-boards{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px}.gs-new-boards figure:first-child{grid-column:1/-1}.gs-new-boards figcaption{font-size:12px;line-height:1.6;color:#c9c4ba;padding-top:12px}.gs-system-board{max-width:1000px;margin-inline:auto!important}
@media(max-width:700px){.gs-presentation{margin-top:42px}.gs-new-boards{grid-template-columns:1fr;gap:24px}.gs-new-boards figcaption{font-size:11px}.gs-system-board{width:100%}}

/* Uygulama sunumları — doğal oran, tek renk anlatımı */
.gs-weight-study{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:30px;background:var(--paper);color:var(--navy)}
.gs-weight-study>div{display:grid;justify-items:center;gap:10px}.gs-weight-study svg{display:block;width:100%;max-width:135px}.gs-weight-study span{font:11px 'JetBrains Mono',monospace}
.gs-palette--roles{margin-top:26px}.gs-palette--roles>div{min-height:120px}.gs-palette--roles span{line-height:1.7}
.gs-applications{margin-top:60px}.gs-concept-label{font-size:12px;line-height:1.7;color:#aaa49b;border-top:1px solid #ffffff30;padding-top:22px;margin-bottom:35px}
.gs-application+.gs-application{margin-top:64px}.gs-app-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:24px}.gs-app-heading h3{font-size:clamp(28px,3.5vw,44px);line-height:1.15;font-weight:400;letter-spacing:-.04em;margin:12px 0 0}.gs-app-heading p{font-size:16px;line-height:1.8;color:#c9c4ba;margin:0;max-width:54ch}.gs-application img{display:block;width:100%;height:auto}.gs-application figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:12px;line-height:1.7;color:#aaa49b}.gs-application figcaption span{white-space:nowrap;color:var(--paper)}
@media(max-width:700px){.gs-weight-study{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;padding:20px}.gs-weight-study svg{max-width:90px}.gs-weight-study span{font-size:9px}.gs-palette--roles>div{padding:12px;min-height:110px}.gs-palette--roles span{font-size:9px}.gs-applications{margin-top:38px}.gs-application+.gs-application{margin-top:42px}.gs-app-heading{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.gs-app-heading p{font-size:14px}.gs-application figcaption{font-size:10px;gap:10px}.gs-concept-label{font-size:11px}}