.cs{min-height:100vh;background:var(--cs-bg);color:var(--cs-fg);font-family:var(--font-body);--cs-fg: #F0EDE6;--cs-muted: #888880;--cs-pad: 48px;--cs-pad-lg: 64px}.cs--rugby{--cs-bg: #0A0A0A;--cs-bg-alt: #0D0D0D;--cs-dark: #0A0A0A;--cs-accent: #FDC241;--cs-accent2: #F28C28;--cs-border: rgba(253,194,65,.12);--cs-border-soft: rgba(253,194,65,.08);--cs-tag-border: rgba(253,194,65,.3);--cs-nav-bg: rgba(10,10,10,.92);--cs-hero-filter: brightness(.55);--cs-hero-gradient: linear-gradient(to top, #0A0A0A 25%, transparent 65%)}.cs--nokta{--cs-bg: #080808;--cs-bg-alt: #0D0D0D;--cs-dark: #080808;--cs-accent: #fd9400;--cs-accent2: #fd9400;--cs-border: rgba(240,237,230,.08);--cs-border-soft: rgba(240,237,230,.07);--cs-tag-border: rgba(240,237,230,.2);--cs-nav-bg: rgba(8,8,8,.92);--cs-hero-filter: brightness(.35);--cs-hero-gradient: linear-gradient(to top, #080808 20%, transparent 70%)}.cs .accent{color:var(--cs-accent)}.cs-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--cs-pad);background:var(--cs-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--cs-border)}.cs-nav__back{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--cs-muted);transition:color .3s}.cs-nav__back:hover{color:var(--cs-accent)}.cs-nav__logo{height:32px;width:auto}.cs-nav__brand{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.2em;text-transform:uppercase;color:var(--cs-accent)}.cs-hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.cs-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--cs-hero-filter)}.cs-hero__overlay{position:absolute;inset:0;background:var(--cs-hero-gradient)}.cs-hero__content{position:relative;z-index:10;padding-inline:var(--cs-pad-lg);padding-bottom:96px;animation:fade-up 1s cubic-bezier(.16,1,.3,1) both}.cs-hero__eyebrow{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--cs-accent);margin-bottom:20px}.cs-hero__title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:#f0ede6;line-height:.88;margin-bottom:16px;font-size:clamp(56px,11vw,150px)}.cs-hero__subtitle{font-size:16px;max-width:36rem;line-height:1.625;margin-top:24px;color:#f0ede68c}.cs-hero__tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cs-tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--cs-tag-border);border-radius:var(--radius);color:#f0ede6b3}.cs-section{padding-block:128px;padding-inline:var(--cs-pad-lg)}.cs-section--alt{background:var(--cs-bg-alt)}.cs-section--tborder{border-top:1px solid var(--cs-border-soft)}.cs-container{max-width:1152px;margin-inline:auto}.cs-eyebrow{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--cs-accent);margin-bottom:24px}.cs-h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:#f0ede6;line-height:.92}.cs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:128px}.cs-grid2--center{align-items:center}.cs-brief p{font-size:14px;line-height:1.625;color:var(--cs-muted);margin-bottom:20px}.cs-brief p:last-child{margin-bottom:0}.cs-brief strong,.cs-brief .fg{color:#f0ede6;font-weight:inherit}.cs-info{display:flex;flex-direction:column;gap:24px;justify-content:center}.cs-info__row{display:flex;gap:32px;padding-bottom:20px;border-bottom:1px solid var(--cs-border-soft)}.cs-info__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-muted);width:128px;flex-shrink:0;padding-top:2px}.cs-info__value{font-size:14px;color:#f0ede6}.cs-fullimg{width:100%;overflow:hidden}.cs-fullimg img{width:100%;height:100%;object-fit:cover;display:block}.cs-palette{display:grid;gap:16px}.cs-palette--5{grid-template-columns:repeat(5,1fr)}.cs-palette--4{grid-template-columns:repeat(4,1fr)}.cs-swatch{display:flex;flex-direction:column;gap:12px}.cs-swatch__color{width:100%;aspect-ratio:1;border-radius:var(--radius)}.cs-swatch__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-accent);margin-bottom:4px}.cs-swatch__name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:#f0ede6;font-size:20px}.cs-swatch__name--sm{font-size:18px}.cs-swatch__hex{font-size:12px;color:var(--cs-muted);margin-top:2px}.cs-logos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-logo-card{display:flex;align-items:center;justify-content:center;padding:64px;border-radius:var(--radius);min-height:220px}.cs-logo-card img{width:100%;max-width:20rem}.cs-logo-card--full{grid-column:span 2;min-height:200px}.cs-logo-card--full img{max-width:24rem}.cs-gradient-band{width:100%;height:56px;border-radius:var(--radius);background:linear-gradient(to right,var(--cs-accent),var(--cs-accent2))}.cs-note{font-size:12px;color:var(--cs-muted);margin-top:12px}.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.cs-split__media{overflow:hidden;border-radius:var(--radius)}.cs-split__media img{width:100%;object-fit:cover;height:clamp(300px,40vw,520px);transition:transform .7s;display:block}.cs-split__media:hover img{transform:scale(1.05)}.cs-type-row{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--cs-border-soft)}.cs-type-row__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-muted)}.cs-type-row__sample{font-family:var(--font-display);font-size:clamp(24px,4vw,30px);text-transform:uppercase;letter-spacing:.025em;color:#f0ede6}.cs-type-stack{display:flex;flex-direction:column;gap:24px}.cs-type-display{font-family:var(--font-display);font-weight:900;line-height:1;text-transform:uppercase;color:#f0ede6;font-size:clamp(48px,8vw,96px)}.cs-type-body{font-family:var(--font-body);font-weight:300;color:#f0ede6;font-size:24px}.cs-mockups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-mockup{overflow:hidden}.cs-mockup img{width:100%;height:100%;object-fit:cover;transition:transform .7s;display:block}.cs-mockup:hover img{transform:scale(1.05)}.cs-mockups__col{display:grid;grid-template-rows:1fr 1fr;gap:16px}.cs-deliverables{padding-block:96px;padding-inline:var(--cs-pad-lg);background:var(--cs-accent)}.cs-deliverables__head .cs-eyebrow{color:#00000080}.cs-deliverables__title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:var(--cs-dark);line-height:.92;font-size:clamp(36px,5vw,72px)}.cs-deliverable{display:flex;align-items:center;gap:16px;padding-block:16px;border-top:1px solid rgba(0,0,0,.1)}.cs-deliverable:first-child{border-top:none}.cs-deliverable__num{font-family:var(--font-display);font-weight:700;font-size:14px;color:#0006;min-width:32px}.cs-deliverable__text{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--cs-dark)}.cs-cta{padding-block:128px;padding-inline:var(--cs-pad-lg);text-align:center}.cs-cta__inner{max-width:672px;margin-inline:auto}.cs-cta__title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:#f0ede6;line-height:.9;margin-bottom:40px;font-size:clamp(40px,7vw,88px)}.cs-cta__actions{display:flex;flex-direction:row;gap:16px;justify-content:center}.cs-btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:16px 40px;border-radius:var(--radius);transition:background .3s,color .3s,border-color .3s,opacity .3s}.cs-btn--primary{background:var(--cs-accent);color:var(--cs-dark);border:none}.cs-btn--primary:hover{opacity:.8}.cs-btn--outline{background:transparent;color:#f0ede6;border:1px solid rgba(240,237,230,.2)}.cs-btn--outline:hover{border-color:var(--cs-accent);color:var(--cs-accent)}@media(max-width:768px){.cs{--cs-pad: 32px;--cs-pad-lg: 32px}.cs-section{padding-block:96px}.cs-hero__content{padding-bottom:64px}.cs-grid2{grid-template-columns:1fr;gap:48px}.cs-logos{grid-template-columns:1fr}.cs-logo-card--full{grid-column:span 1}.cs-palette--4{grid-template-columns:repeat(2,1fr)}.cs-split{grid-template-columns:1fr;gap:40px}.cs-mockups{grid-template-columns:1fr}.cs-cta__actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.cs-hero__content{animation:none}.cs-split__media img,.cs-mockup img{transition:none}}