/* Osiris / İlgiden görüşmeye. Content is native blocks; motion is progressive. */
.oc-site{--oc-gutter:clamp(22px,5vw,80px)}
.oc-site .oc-header{background:#0b0d0cee;backdrop-filter:blur(16px)}
.oc-site .oc-header-inner{min-height:82px}.oc-site .oc-brand{width:170px}
.oc-site .oc-intro{position:relative;overflow:clip;background:radial-gradient(ellipse at 70% 70%,#143d2d 0,transparent 48%),#0b0d0c;padding-top:74px}
.oc-site .oc-intro::before{content:'';position:absolute;width:70vw;height:1px;background:linear-gradient(90deg,transparent,#39ff8866,transparent);right:-15vw;top:340px;transform:rotate(-35deg);pointer-events:none}
.oc-site .oc-intro .oc-container{position:relative}
.oc-site .oc-display{font-size:clamp(56px,7.6vw,112px);font-weight:500;line-height:1.045;letter-spacing:-.065em;margin:0;max-width:1150px;text-wrap:balance}
.oc-site :is(.oc-display,.oc-story h2,.oc-service-intro h2,.oc-ai-copy h2,.oc-new-finale h2) em{font-style:normal;color:#16c784}
.oc-site .oc-hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;margin-top:38px;position:relative;z-index:2}
.oc-site .oc-hero-bottom .oc-lead{max-width:47ch;font-size:18px;margin:0}
.oc-site .oc-hero-bottom .wp-block-buttons{flex-wrap:nowrap;align-items:stretch;margin:0;gap:10px}
.oc-site .oc-hero-bottom .wp-block-button__link{font-size:14px;padding:14px 20px;white-space:nowrap}
.oc-site .oc-hero-composition{height:460px;margin:25px auto 0;max-width:1040px;position:relative;perspective:1100px;isolation:isolate}
.oc-hero-composition::before{content:'';position:absolute;inset:25% 5% 0;background:radial-gradient(ellipse,#16c78455,transparent 65%);filter:blur(25px);pointer-events:none}
.oc-site .oc-pane{position:absolute;top:55px;width:38%;height:320px;padding:30px;border:1px solid #c1ecdb70;border-radius:18px;background:linear-gradient(145deg,#e9ede924,#718b7d09 36%,#06130bbf);box-shadow:inset 1px 1px 0 #f2f4f344,inset -1px -1px 0 #070b08,0 30px 60px #0008;transform-style:preserve-3d;overflow:hidden}
.oc-pane::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 25%,#ffffff20 45%,transparent 60%);pointer-events:none}
.oc-site .oc-pane :is(h2,h3){font-size:clamp(26px,3vw,42px);font-weight:500;margin:18px 0 24px;line-height:1.13;letter-spacing:-.045em}
.oc-site .oc-pane p{font-size:13px;color:#bbc6bf;margin:0}.oc-site .oc-pane .oc-kicker{font-size:10px;color:#b8f9d5;letter-spacing:.15em}
.oc-site .oc-pane-content{left:2%;transform:translateY(44px) rotateY(24deg) rotateZ(-9deg);background:linear-gradient(145deg,#c5d1c433,#102319 60%)}
.oc-site .oc-pane-web{left:31%;z-index:2;transform:translateZ(60px);background:linear-gradient(150deg,#e7ece5,#9dab9f 65%,#5b7564);color:#0b2114;border-color:#e9ede9}
.oc-site .oc-pane-web .oc-kicker,.oc-site .oc-pane-web p{color:#304538}
.oc-site .oc-pane-ads{left:61%;transform:translateY(44px) rotateY(-24deg) rotateZ(9deg);background:linear-gradient(135deg,#1e7651,#063c29 75%)}
.oc-site .oc-intro>.oc-container>.oc-text-link{position:relative;text-align:center;padding-bottom:36px;font-size:13px;color:#acbdb3;margin:0}
.oc-site .oc-text-link a{font-size:15px;text-decoration:none;border-bottom:1px solid #60816e;padding-block:10px;display:inline-flex;gap:20px;align-items:center}
.oc-site .oc-reference-band{background:linear-gradient(115deg,#dfe3e7 0%,#cbd2d8 48%,#d9dfe4 100%);color:#26323a;padding:48px 0 32px;overflow:hidden}
.oc-site .oc-reference-band .oc-kicker{color:#465a66;margin-bottom:14px}
.oc-site .oc-brand-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.oc-site .oc-brand-heading h2{font-size:clamp(26px,3vw,42px);margin:0;letter-spacing:-.045em;line-height:1.1}
.oc-site .oc-brand-heading p{margin:0}.oc-site .oc-brand-heading a{color:#26323a}
.oc-site .oc-logo-window{overflow:hidden;position:relative}
.oc-site .oc-logo-track{display:flex;gap:14px;width:max-content;animation:oc-logos-right 48s linear infinite;will-change:transform}
.oc-site .oc-logo-tile{width:205px;min-height:124px;flex-shrink:0;background:#fff9;border:1px solid #dce3db;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:18px 22px}
.oc-site .oc-logo-tile figure{height:66px;width:100%;display:flex;align-items:center;justify-content:center}
.oc-site .oc-logo-tile img{max-width:155px;max-height:64px;width:auto;height:auto;object-fit:contain}
.oc-site .oc-logo-tile p{font-size:10px;line-height:1.3;margin:0;color:#4c5963;text-align:center;letter-spacing:.02em}
.oc-site .oc-logo-tile:first-child img{filter:brightness(.4)}
.oc-site .oc-logo-tile img[alt="Svamp Studios"]{filter:grayscale(1) invert(1);mix-blend-mode:multiply;max-height:85px}
.oc-site .oc-brand-note{font-size:12px;color:#4c5963;margin:24px 0 0}
.oc-logo-window:hover .oc-logo-track,.oc-logo-window:focus-within .oc-logo-track{animation-play-state:paused}
@keyframes oc-logos-right{from{transform:translateX(calc(-50% - 7px))}to{transform:translateX(0)}}
.oc-site .oc-story{min-height:125vh;position:relative;background:#0b0d0c;isolation:isolate;border-bottom:1px solid #29372e}
.oc-site .oc-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;min-height:100vh;position:sticky;top:70px;padding-block:80px}
.oc-site .oc-story-copy{position:relative;z-index:3;min-width:0}
.oc-site .oc-story h2{font-size:clamp(36px,4vw,59px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0 0 28px}
.oc-site .oc-story .oc-lead{font-size:18px;line-height:1.7;max-width:44ch}
.oc-site .oc-scene-cta{border-top:1px solid #314e3b;padding-top:24px;margin-top:26px}
.oc-site .oc-invitation{font-size:14px;color:#c4d8cc;margin:0}
.oc-site .oc-scene-cta .wp-block-buttons{margin-top:16px;gap:10px}
.oc-site .oc-scene-cta .wp-block-button__link{font-size:13px;padding:13px 16px;min-height:48px}
.oc-site .oc-scene-cta .oc-text-link{margin:8px 0 0}.oc-site .oc-scene-cta .oc-text-link a{font-size:13px;border:0}
.oc-site .oc-story-art{height:570px;position:relative;perspective:1100px;isolation:isolate;min-width:0}
.oc-story-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#16c7843b,transparent 68%);pointer-events:none}
.oc-site .oc-story-art>div{position:absolute;border:1px solid #89d2a64d;border-radius:16px;box-shadow:0 30px 70px #0006,inset 0 1px 0 #ffffff33;padding:30px;overflow:hidden}
.oc-site .oc-story-art h3{font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:24px 0}
.oc-site .oc-story-art p{font-size:12px;margin:0}.oc-site .oc-story-art .oc-kicker{font-size:10px;letter-spacing:.09em}
.oc-site .oc-creative-sheet{left:0;top:25px;width:68%;height:365px;transform:rotate(-8deg);background:linear-gradient(145deg,#dce7d7,#a0b29e);color:#0d2417}
.oc-site .oc-creative-sheet::after{content:'';position:absolute;width:150px;height:150px;border:30px solid #0a634150;border-radius:38% 62% 52% 48%;bottom:-25px;right:-35px;transform:rotate(30deg)}
.oc-site .oc-creative-sheet .oc-kicker{color:#356747}
.oc-site .oc-ad-sheet{right:-2%;top:225px;width:71%;height:270px;background:linear-gradient(130deg,#124d35,#061d15);transform:rotate(7deg)}
.oc-site .oc-diagram-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7ca78d;font-family:'IBM Plex Mono',monospace;font-size:10px!important;letter-spacing:.1em}
.oc-site .oc-story-conversion{background:#101913}
.oc-site .oc-search-sheet{top:10px;left:0;right:14%;height:150px;background:linear-gradient(140deg,#e8eee5,#adbfae);color:#112d1d;transform:rotate(-5deg)}
.oc-site .oc-search-sheet .oc-kicker{color:#315c42}.oc-site .oc-search-sheet h3{font-size:27px;margin:12px 0}
.oc-site .oc-web-sheet{top:175px;left:7%;right:0;height:245px;background:linear-gradient(145deg,#334d3e,#111e17);transform:rotate(4deg)}
.oc-site .oc-contact-sheet{top:425px;left:23%;right:3%;height:120px;background:#16c784;color:#062819;transform:rotate(-3deg)}
.oc-site .oc-contact-sheet h3{font-size:28px;margin:8px 0}.oc-site .oc-contact-sheet .oc-kicker{color:#124f35}
.oc-site .oc-art-measure>div{height:144px;width:85%;background:linear-gradient(140deg,#263b2e,#0c1810)}
.oc-site .oc-measure-source{top:25px;left:0;transform:rotate(-6deg)}
.oc-site .oc-measure-action{top:211px;left:15%;background:linear-gradient(120deg,#3f8260,#113e28)!important}
.oc-site .oc-measure-result{top:403px;left:2%;transform:rotate(5deg);background:linear-gradient(120deg,#d4dfcf,#95b499)!important;color:#102818}
.oc-site .oc-measure-result .oc-kicker{color:#316244}.oc-site .oc-art-measure h3{margin:14px 0;font-size:31px}
.oc-site .oc-ai-section{background:#e4ebe0;color:#12241a;padding:110px 0;overflow:clip}
.oc-site .oc-ai-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}
.oc-site .oc-ai-copy h2{font-size:clamp(38px,4.8vw,66px);font-weight:500;line-height:1.1;margin:0 0 28px;letter-spacing:-.055em}
.oc-site .oc-ai-copy h2 em{color:#087548}.oc-site .oc-ai-section .oc-kicker{color:#356c4f}
.oc-site .oc-ai-copy .oc-lead{color:#405448;font-size:18px}.oc-site .oc-ai-copy .wp-block-button.is-style-outline .wp-block-button__link{color:#14291c;border-color:#829787}
.oc-site .oc-ai-map{position:relative;min-height:445px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:32px;border:1px solid #98b29e;border-radius:50% 50% 22px 22px;background:radial-gradient(ellipse at 50% 50%,#c0d6b0,transparent 72%)}
.oc-site .oc-ai-map h3{font-size:37px;font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:25px auto;padding:35px 30px;background:#0b2c1c;color:#dcf3d4;border-radius:18px;box-shadow:0 20px 40px #20453130}
.oc-site .oc-ai-inputs,.oc-site .oc-ai-outputs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.oc-site .oc-ai-map p{font-size:11px;margin:0}.oc-site .oc-ai-inputs p,.oc-site .oc-ai-outputs p{background:#f5f8f1c0;padding:10px 14px;border:1px solid #adc5af;border-radius:30px}.oc-site .oc-ai-note{color:#4d6553}
.oc-site .oc-services-section{padding:110px 0;background:#0b0d0c}
.oc-site .oc-service-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;margin-bottom:55px;align-items:end}
.oc-site .oc-service-intro h2{font-size:clamp(38px,4.7vw,64px);font-weight:500;line-height:1.11;margin:0;letter-spacing:-.05em}
.oc-site .oc-service-intro .oc-lead{font-size:18px;max-width:37ch;margin:0 0 4px}
.oc-site .oc-service-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
.oc-site .oc-service-line{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:15px;border-top:1px solid #334139;padding:23px 0}
.oc-site .oc-service-line p{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#8b9e92;margin:0}
.oc-site .oc-service-line h3{font-size:22px;margin:0;line-height:1.3;letter-spacing:-.035em;font-weight:500}
.oc-site .oc-service-line a{text-decoration:none}.oc-site .oc-service-line:last-child{border-bottom:0}
.oc-site .oc-services-section .oc-text-link{margin-top:30px}
.oc-site .oc-new-finale{padding:100px 0 110px;background:radial-gradient(ellipse at 100% 100%,#16c78445,transparent 60%),#111e16;border-top:1px solid #385441}
.oc-site .oc-new-finale h2{font-size:clamp(44px,6.8vw,94px);font-weight:500;line-height:1.08;letter-spacing:-.06em;margin:0 0 30px}.oc-site .oc-new-finale .oc-lead{max-width:49ch;font-size:19px}
.oc-site .oc-new-finale>.oc-container>.oc-text-link{margin-top:30px;margin-bottom:0}
.oc-site .oc-motion-control{position:fixed;bottom:18px;left:18px;z-index:99;background:#0b0d0cee;color:#d7e4d9;border:1px solid #668671;border-radius:30px;min-height:40px;padding:9px 15px;font-size:11px;cursor:pointer}
.oc-motion-paused .oc-logo-track{animation-play-state:paused!important}
.oc-site .oc-footer-service-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 36px;padding-bottom:45px}
.oc-footer-service-nav a{font-size:13px;text-decoration:none;color:#bbc6bf}
body.oc-site .fluentform .error.text-danger{color:#ffb4ad}body.oc-site .oc-paper .fluentform .error.text-danger{color:#9b2226}
body.oc-site .ff-message-success{border:1px solid #16c784;background:#123625;color:#e0f8e8;padding:24px;border-radius:8px;box-shadow:none}
@media(min-width:1500px){.oc-site .oc-hero-composition{height:510px}.oc-site .oc-pane{height:360px}}
@media(max-width:1100px){.oc-site .oc-hero-bottom{display:block}.oc-site .oc-hero-bottom .wp-block-buttons{margin-top:25px}.oc-site .oc-story-grid{gap:40px}.oc-site .oc-story-art{height:530px}.oc-site .oc-pane{padding:24px}.oc-site .oc-ai-grid{gap:45px}.oc-site .oc-story .oc-lead{font-size:17px}}
@media(max-width:800px){
 .oc-site .oc-intro{padding-top:48px}.oc-site .oc-display{font-size:clamp(44px,8.9vw,70px);line-height:1.07;letter-spacing:-.055em}
 .oc-site .oc-hero-bottom{margin-top:26px}.oc-site .oc-hero-bottom .oc-lead{font-size:17px}.oc-site .oc-hero-bottom .wp-block-buttons{flex-wrap:wrap}
 .oc-site .oc-hero-composition{height:350px;margin-top:28px;width:110%;margin-left:-5%}.oc-site .oc-pane{height:250px;padding:18px;top:35px;width:44%}.oc-site .oc-pane :is(h2,h3){font-size:24px}.oc-site .oc-pane p{font-size:10px}.oc-site .oc-pane .oc-kicker{font-size:8px}.oc-site .oc-pane-content{left:0}.oc-site .oc-pane-web{left:28%}.oc-site .oc-pane-ads{left:56%}
 .oc-site .oc-story{min-height:0}.oc-site .oc-story-grid{display:flex;flex-direction:column;gap:25px;position:relative;top:auto;min-height:0;padding-block:68px}.oc-site .oc-story-copy{width:100%}.oc-site .oc-story h2{font-size:clamp(36px,6.5vw,50px)}.oc-site .oc-story .oc-lead{max-width:48ch}
 .oc-site .oc-story-art{width:100%;max-width:500px;height:500px;order:-1}.oc-site .oc-story-art h3{font-size:32px}.oc-site .oc-ad-sheet{right:0;top:220px}.oc-site .oc-creative-sheet{left:2%;height:330px}.oc-site .oc-contact-sheet{top:380px}.oc-site .oc-search-sheet{top:0}.oc-site .oc-web-sheet{top:155px;height:220px}.oc-site .oc-measure-source{top:10px}.oc-site .oc-measure-action{top:180px}.oc-site .oc-measure-result{top:350px}
 .oc-site .oc-ai-section,.oc-site .oc-services-section{padding-block:68px}.oc-site .oc-ai-grid{grid-template-columns:1fr;gap:45px}.oc-site .oc-ai-map{max-width:500px;width:100%;margin-inline:auto}.oc-site .oc-service-intro{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.oc-site .oc-service-intro .oc-lead{max-width:47ch}.oc-site .oc-service-directory{grid-template-columns:1fr}.oc-site .oc-service-line h3{font-size:23px}
 .oc-site .oc-new-finale{padding-block:68px}.oc-site .oc-new-finale h2{font-size:48px}.oc-site .oc-logo-tile{width:170px;padding:16px;min-height:118px}.oc-site .oc-logo-tile img{max-width:136px;max-height:56px}.oc-site .oc-brand-heading{align-items:start;flex-direction:column;gap:18px}.oc-site .oc-footer-service-nav{grid-template-columns:1fr 1fr;gap:18px 25px}.oc-site .oc-reference-band{padding-top:36px}.oc-site .oc-motion-control{left:10px;bottom:10px;min-height:40px}
}
@media(max-width:420px){.oc-site .oc-display{font-size:43px}.oc-site .oc-hero-bottom .wp-block-buttons{display:grid;grid-template-columns:1fr;width:100%}.oc-site .oc-hero-bottom .wp-block-button__link{width:100%}.oc-site .oc-pane :is(h2,h3){font-size:19px}.oc-site .oc-pane{padding:16px 13px;height:225px}.oc-site .oc-pane p{font-size:9px}.oc-site .oc-hero-composition{height:310px}.oc-site .oc-story-art{height:440px}.oc-site .oc-story-art>div{padding:24px}.oc-site .oc-story-art h3{font-size:27px}.oc-site .oc-creative-sheet{height:300px}.oc-site .oc-ad-sheet{height:220px;top:200px}.oc-site .oc-search-sheet{height:125px}.oc-site .oc-web-sheet{top:140px;height:195px}.oc-site .oc-contact-sheet{top:345px;height:95px;padding:18px 24px}.oc-site .oc-art-measure>div{height:125px}.oc-site .oc-measure-action{top:155px}.oc-site .oc-measure-result{top:305px}.oc-site .oc-new-finale h2{font-size:43px}.oc-site .oc-ai-map{padding:25px 15px}}
@media(prefers-reduced-motion:reduce){.oc-site .oc-logo-track{animation:none;transform:none;flex-wrap:wrap;width:auto;justify-content:center;padding-inline:20px}.oc-site .oc-logo-track>[aria-hidden=true]{display:none}.oc-site .oc-story{min-height:0}.oc-site .oc-story-grid{position:relative;top:auto}.oc-site .oc-motion-control{display:none}}
/* Inner pages: calm reading rhythm; compositions vary with the service. */
.oc-site .oc-service-hero{padding:95px 0 80px;background:radial-gradient(ellipse at 90% 70%,#16c78428,transparent 60%),#0b0d0c;position:relative;overflow:clip}
.oc-site .oc-service-hero h1{font-size:clamp(48px,6.6vw,92px);line-height:1.08;font-weight:500;letter-spacing:-.057em;max-width:1040px;margin:0 0 32px;text-wrap:balance}
.oc-site .oc-service-hero em{font-style:normal;color:#16c784}.oc-site .oc-service-hero .oc-lead{max-width:62ch;font-size:20px}
.oc-site .oc-service-delivery{padding:90px 0;background:#e5ebe1;color:#17281d}
.oc-site .oc-delivery-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;margin-bottom:55px}
.oc-site .oc-delivery-heading h2{font-size:clamp(34px,4.2vw,54px);font-weight:500;letter-spacing:-.05em;margin:0;max-width:26ch}
.oc-site .oc-service-delivery .oc-kicker{color:#3e7352}.oc-site .oc-delivery-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.oc-site .oc-delivery-item{border-top:1px solid #90a791;padding-top:26px}.oc-site .oc-delivery-item h3{font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:18px 0}.oc-site .oc-delivery-item p{font-size:16px;line-height:1.75;color:#3f5346}
.oc-site .oc-delivery-ai .oc-delivery-list{grid-template-columns:1fr 1fr}.oc-site .oc-delivery-ai .oc-delivery-item{padding:30px;border:1px solid #8ca58e;background:#f3f6ef55;border-radius:12px}
.oc-site .oc-delivery-editorial>.oc-container{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.oc-site .oc-delivery-editorial .oc-delivery-heading{display:block;margin:0}.oc-site .oc-delivery-editorial .oc-delivery-list{grid-template-columns:1fr;gap:25px}
.oc-site .oc-service-fit{padding:90px 0}.oc-site .oc-fit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px}.oc-site .oc-fit-copy h2{font-size:38px;margin:0 0 24px}.oc-site .oc-fit-copy h3{font-size:25px;margin:38px 0 18px}.oc-site .oc-fit-copy p{font-size:17px;color:#b2c1b7}
.oc-site .oc-fit-cta{background:linear-gradient(145deg,#264c34,#102117);border:1px solid #4e785b;padding:40px;border-radius:15px;align-self:start}.oc-site .oc-fit-cta h3{font-size:35px;line-height:1.1;font-weight:500;margin:0 0 25px}.oc-site .oc-fit-cta p{font-size:16px;color:#c2d4c7}.oc-site .oc-fit-cta .wp-block-buttons{gap:12px}
.oc-site .oc-related-section{padding:55px 0 70px;border-top:1px solid #314338}.oc-site .oc-related-section h2{font-size:27px}.oc-site .oc-related-links{display:flex;flex-wrap:wrap;gap:20px 40px}
.oc-site .oc-service-index-v3{padding:60px 0 85px}.oc-site .oc-index-services{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px}.oc-site .oc-index-service{border-top:1px solid #3b5443;padding-top:28px}.oc-site .oc-index-service h2{font-size:30px;margin:0 0 20px}.oc-site .oc-index-service h2 a{text-decoration:none}.oc-site .oc-index-service>p{font-size:16px;color:#b5c3ba}
.oc-site .oc-combined-hero{background:radial-gradient(ellipse at 100% 100%,#2a785645,transparent 65%),#0c1710}.oc-site .oc-combination-section{padding:90px 0;background:#e5ebe1;color:#17281d}.oc-site .oc-combination-flow{display:grid;grid-template-columns:1fr 1fr;gap:36px}.oc-site .oc-combination-part{padding:38px;background:#f4f7f0;border:1px solid #c0cfc0;border-radius:12px}.oc-site .oc-combination-part h2{font-size:36px;font-weight:500}.oc-site .oc-combination-part p{font-size:17px}.oc-site .oc-combination-part .oc-kicker{color:#3f7452}.oc-site .oc-combination-reason{max-width:850px;margin:70px auto 0}.oc-site .oc-combination-reason h2{font-size:37px}.oc-site .oc-combination-reason h3{font-size:25px;margin-top:35px}.oc-site .oc-combination-reason p{font-size:18px;color:#405649}
.oc-site .oc-contact-section{padding:85px 0;background:#101b14}.oc-site .oc-contact-form-panel{padding:35px;border:1px solid #486751;border-radius:14px;background:#0b120d}.oc-site .oc-contact-intro{position:sticky;top:150px;align-self:start}.oc-site .oc-contact-intro h2{font-size:45px;font-weight:500;line-height:1.12}.oc-site .oc-contact-intro p{font-size:17px;max-width:36ch;color:#b8c6bd}.oc-site .fluentform .ff-el-form-control{color-scheme:dark}
.oc-site .fluentform .ff-el-form-check-label{color:#e1e8e1}.oc-site .oc-paper .fluentform .ff-el-form-control{color-scheme:light}
@media(min-width:801px) and (max-height:900px){.oc-site .oc-story-grid{min-height:calc(100svh - 114px);padding-block:45px;top:114px}.oc-site .oc-story-art{height:480px;transform:scale(.88);transform-origin:center}.oc-site .oc-story h2{font-size:clamp(33px,3.6vw,52px)}.oc-site .oc-story .oc-kicker{margin-bottom:18px}.oc-site .oc-scene-cta{padding-top:17px;margin-top:20px}.oc-site .oc-story .oc-lead{font-size:16px}}
@media(max-width:800px){.oc-site .oc-service-hero{padding:58px 0}.oc-site .oc-service-hero h1{font-size:clamp(40px,7.5vw,61px);letter-spacing:-.05em}.oc-site .oc-service-hero .oc-lead{font-size:18px}.oc-site .oc-service-delivery,.oc-site .oc-service-fit,.oc-site .oc-combination-section{padding:60px 0}.oc-site .oc-delivery-heading{grid-template-columns:1fr;gap:15px;margin-bottom:32px}.oc-site .oc-delivery-list,.oc-site .oc-delivery-ai .oc-delivery-list{grid-template-columns:1fr}.oc-site .oc-delivery-editorial>.oc-container{display:block}.oc-site .oc-delivery-editorial .oc-delivery-list{margin-top:35px}.oc-site .oc-fit-grid{grid-template-columns:1fr;gap:30px}.oc-site .oc-fit-cta{padding:28px}.oc-site .oc-index-services{grid-template-columns:1fr;gap:28px}.oc-site .oc-index-service h2{font-size:29px}.oc-site .oc-combination-flow{grid-template-columns:1fr;gap:20px}.oc-site .oc-combination-part{padding:28px}.oc-site .oc-combination-part h2{font-size:31px}.oc-site .oc-combination-reason{margin-top:45px}.oc-site .oc-related-links{gap:5px 24px}.oc-site .oc-contact-section{padding:55px 0}.oc-site .oc-contact-form-panel{padding:25px 20px}.oc-site .oc-contact-intro{position:relative;top:auto}.oc-site .oc-contact-intro h2{font-size:37px}}

.oc-footer-service-nav{list-style:none;margin:0}.oc-footer-service-nav li{margin:0}.oc-footer-service-nav a:hover{color:#39ff88}
@media(max-width:600px){.oc-site .oc-footer-service-nav{grid-template-columns:1fr 1fr;gap:20px}}

/* Keep every hero message readable while the surfaces turn. */
@media(min-width:801px){
 .oc-site .oc-pane{width:31.5%;padding:25px;top:55px}
 .oc-site .oc-pane-content{left:0;transform:translateY(34px) rotateY(15deg) rotateZ(-6deg)}
 .oc-site .oc-pane-web{left:34.25%}.oc-site .oc-pane-ads{left:68.5%;transform:translateY(34px) rotateY(-15deg) rotateZ(6deg)}
 .oc-site .oc-pane :is(h2,h3){font-size:clamp(24px,2.65vw,36px)}
 .oc-site .oc-story{min-height:155vh}.oc-site .oc-story-art{clip-path:inset(-50px -35px)}
}
.oc-site .oc-story-art::after{content:'';position:absolute;inset:10% 12%;border:1px solid #45c98d66;border-radius:45%;transform:rotate(-25deg) scale(var(--oc-flow,.75));opacity:var(--oc-flow,.4);z-index:-1;box-shadow:0 0 80px #16c78418;pointer-events:none}
.oc-site .oc-story.is-active .oc-story-art>div{will-change:transform}
@media(min-width:801px) and (max-height:900px){
 .oc-site .oc-search-sheet{top:0;height:125px;padding:24px}
 .oc-site .oc-web-sheet{top:140px;height:210px;padding:25px}
 .oc-site .oc-contact-sheet{top:365px;height:108px;padding:23px}
 .oc-site .oc-art-measure>div{height:140px}
 .oc-site .oc-measure-source{top:0}.oc-site .oc-measure-action{top:160px}.oc-site .oc-measure-result{top:325px}
 .oc-site .oc-creative-sheet{height:320px}.oc-site .oc-ad-sheet{top:205px;height:245px}
}
@media(prefers-reduced-motion:reduce){.oc-site .oc-story{min-height:0}}
/* Service journeys: distinct customer story, then an optional adjacent path. */
.oc-site .oc-journey{padding:85px 0;background:radial-gradient(ellipse at 20% 50%,#1d65422b,transparent 65%),#101c15;border-block:1px solid #2d4937}
.oc-site .oc-journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 65px;margin-bottom:50px}
.oc-site .oc-journey-intro>.oc-kicker{grid-column:1/-1;margin:0}
.oc-site .oc-journey-intro h2{font-size:clamp(32px,3.6vw,50px);line-height:1.15;letter-spacing:-.045em;margin:0}
.oc-site .oc-journey-intro>.oc-lead{font-size:18px;color:#c3d1c8;margin:0}
.oc-site .oc-journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.oc-site .oc-journey-step{border-top:1px solid #548665;padding-top:24px;position:relative}
.oc-site .oc-journey-step::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:#16c784;border-radius:50%;box-shadow:0 0 24px #16c78488}
.oc-site .oc-journey-step h3{font-size:25px;line-height:1.2;margin:15px 0}.oc-site .oc-journey-step p{font-size:16px;color:#b9cabe}
.oc-site .oc-path-section{padding:75px 0;border-top:1px solid #2d4635}
.oc-site .oc-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:30px;margin-bottom:35px}
.oc-site .oc-next-path{padding:30px;background:linear-gradient(135deg,#183a26,#112018);border:1px solid #3b6249;border-radius:12px}
.oc-site .oc-next-path h3{font-size:27px;line-height:1.2;font-weight:500;margin:0 0 20px}.oc-site .oc-next-path>p{font-size:16px;color:#c1d0c5}
.oc-site .oc-combination-flow:has(>div:nth-child(3)):not(:has(>div:nth-child(4))){grid-template-columns:repeat(3,1fr)}
.oc-site .oc-combination-flow:has(>div:nth-child(3)) h2{font-size:29px}
.oc-site .oc-combination-section a{color:#175d3b}
.oc-site .oc-logo-tile figure{mix-blend-mode:multiply}
.oc-site .oc-logo-tile{background:linear-gradient(145deg,#e7ebee,#d5dce2);border-color:#bac4cd;box-shadow:inset 0 1px 0 #f0f3f680,0 1px 2px #2334400a}
.oc-site .oc-logo-tile img[alt="Svamp Studios"]{filter:grayscale(1) brightness(3) invert(1)}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.oc-site .oc-logo-track{gap:14px}.oc-site .oc-logo-tile{width:calc(50% - 7px);padding:14px 10px}.oc-site .oc-logo-tile img{max-width:100%}}
@media(max-width:800px){
 .oc-site .oc-hero-composition{display:grid;grid-template-columns:1fr;gap:14px;height:auto;width:100%;margin:35px 0 25px;perspective:none}
 .oc-site .oc-pane{position:relative!important;inset:auto!important;width:100%;height:auto;min-height:145px;padding:24px;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-radius:16px}
 .oc-site .oc-pane .oc-kicker{grid-column:1/-1;font-size:10px;margin:0}.oc-site .oc-pane :is(h2,h3){font-size:25px;margin:0}.oc-site .oc-pane p{font-size:13px;margin:0;align-self:end}
}
@media(max-width:800px){.oc-site .oc-journey,.oc-site .oc-path-section{padding:55px 0}.oc-site .oc-journey-intro{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.oc-site .oc-journey-steps,.oc-site .oc-combination-flow:has(>div:nth-child(3)):not(:has(>div:nth-child(4))){grid-template-columns:1fr}.oc-site .oc-journey-intro>.oc-lead{font-size:17px}.oc-site .oc-next-path{padding:25px}}