@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.p-3{padding:calc(var(--spacing) * 3)}}:root{--color-bg:#0a0a0a;--color-text:#f5f5f5;--color-text-muted:#8a8a8a;--color-accent:#e5e5e5;--color-border:#1a1a1a;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--container-width:1200px;--transition-fast:.2s ease;--transition-medium:.4s ease;--transition-slow:.8s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);padding:0 var(--space-md);margin:0 auto}section{padding:var(--space-xl) 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{max-width:65ch}.text-muted{color:var(--color-text-muted)}.btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-text);color:var(--color-text);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-text);color:var(--color-bg)}.text-reveal{opacity:0;transform:translateY(20px)}.text-reveal.visible{animation:.8s forwards revealIn}@keyframes revealIn{to{opacity:1;transform:translateY(0)}}.char-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(100%)}.char-reveal.visible{opacity:1;transform:translateY(0)}@keyframes charIn{to{opacity:1;transform:translateY(0)}}.scroll-fade{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.scroll-fade.visible{opacity:1;transform:translateY(0)}.scroll-fade.delay-1{transition-delay:.1s}.scroll-fade.delay-2{transition-delay:.2s}.scroll-fade.delay-3{transition-delay:.3s}.scroll-fade.delay-4{transition-delay:.4s}.nav{z-index:100;padding:var(--space-md) 0;background:0 0;transition:background .4s;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);letter-spacing:.1em;font-size:1.5rem;font-weight:700}.nav-links{gap:var(--space-md);align-items:center;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);align-items:center;gap:.25rem;font-size:.875rem;transition:color .2s;display:flex}.nav-link:hover{color:var(--color-text)}.lang-switch{border:1px solid var(--color-border);color:var(--color-text);padding:.25rem .5rem}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer}.dropdown-arrow{transition:transform .2s}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--color-bg);border:1px solid var(--color-border);min-width:220px;padding:var(--space-xs) 0;opacity:0;visibility:hidden;z-index:200;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(-8px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:var(--space-xs) var(--space-md);color:var(--color-text-muted);font-size:.75rem;transition:all .15s;display:block}.dropdown-item:hover{color:var(--color-text);background:var(--color-border)}.footer{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);margin-top:var(--space-xl)}.footer p{color:var(--color-text-muted);font-size:.875rem}.mt--5{z-index:2;max-width:80%;margin:-13em auto 0;position:relative}.section-intro{color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:600px;font-size:1.1rem}.section-cta{margin-top:var(--space-lg)}.home-services{background:var(--color-bg);border-top:1px solid var(--color-border)}.home-services-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.home-service-card{padding:var(--space-md);border:1px solid var(--color-border)}.home-service-card h3{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.15rem}.home-service-card p{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.6}.service-price{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:700}.service-price-block{font-family:var(--font-display);color:var(--color-text);margin:var(--space-sm) 0;font-size:1.5rem;font-weight:700;display:block}.home-results{background:var(--color-bg);border-top:1px solid var(--color-border)}.results-list{gap:var(--space-lg);flex-direction:column;display:flex}.result-card{border-left:2px solid var(--color-border);padding-left:var(--space-md)}.result-card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:1rem;font-weight:400}.result-body{gap:var(--space-lg);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.result-col p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.7rem;display:block}.result-metrics{border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.result-metrics p{color:var(--color-text);font-size:.9rem;font-weight:500}.home-about{background:var(--color-bg);border-top:1px solid var(--color-border)}.about-text{max-width:700px}.about-text p{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:1.05rem;line-height:1.7}.home-process{background:var(--color-bg);border-top:1px solid var(--color-border)}.process-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.process-step{padding:var(--space-md);border-left:2px solid var(--color-border)}.step-number{font-family:var(--font-display);color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:2.5rem;font-weight:700;display:block}.process-step h3{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1rem}.process-step p{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.home-cta{background:var(--color-bg);border-top:1px solid var(--color-border);text-align:center}.home-cta h2{margin-bottom:var(--space-sm)}.home-cta p{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:1.1rem}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero{min-height:80vh;padding-top:var(--space-xl);align-items:center;display:flex}.hero-title{margin-bottom:var(--space-md);font-size:clamp(2.5rem,8vw,6rem);line-height:1.05;display:block}.hero-cta{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.hero-cta .btn{padding:.6rem 1.5rem;font-size:.875rem}.hero-subtitle{color:var(--color-text-muted);max-width:700px;font-size:1.25rem}.section-title{margin-bottom:var(--space-lg)}.projects{background:var(--color-bg)}.projects-intro{color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:600px;font-size:1.125rem}.project-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.project-card{border:1px solid var(--color-border);padding:var(--space-md);color:inherit;text-decoration:none;transition:border-color .2s;display:block}.project-card:hover{border-color:var(--color-text)}.project-card .project-title{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1.5rem}.project-tagline-text{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.875rem}.projects-all{margin-top:var(--space-lg)}.whatido{background:var(--color-bg);border-top:1px solid var(--color-border)}.whatido-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.whatido-card{padding:var(--space-md);border:1px solid var(--color-border)}.whatido-card h3{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.25rem}.whatido-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.differential{background:var(--color-bg);border-top:1px solid var(--color-border)}.differential-body{max-width:800px;margin-bottom:var(--space-md);font-size:1.5rem;line-height:1.4}.differential-note{color:var(--color-text-muted);max-width:600px;font-size:1rem}.process-preview{background:var(--color-bg);border-top:1px solid var(--color-border)}.process-intro{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.process-stages{gap:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}.process-stage{padding:var(--space-md);border-left:1px solid var(--color-border)}.stage-step{font-family:var(--font-display);color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:2rem;font-weight:700;display:block}.process-stage h3{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1rem}.process-stage p{color:var(--color-text-muted);font-size:.8rem;line-height:1.6}.about-preview{background:var(--color-bg);border-top:1px solid var(--color-border)}.about-preview p{color:var(--color-text-muted);max-width:700px;margin-bottom:var(--space-md);font-size:1.125rem}.services{background:var(--color-bg);border-top:1px solid var(--color-border)}.services-intro{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.services-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.service-card{padding:var(--space-md);border:1px solid var(--color-border)}.service-title{margin-bottom:var(--space-sm);font-size:1.25rem}.service-desc{color:var(--color-text-muted)}.contact{background:var(--color-bg);border-top:1px solid var(--color-border);text-align:center}.contact-intro{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.contact-links{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.contact-link{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border);flex-direction:column;min-width:160px;display:flex}.contact-link:hover{border-color:var(--color-text)}.contact-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:.75rem}.contact-value{font-size:1.25rem;font-family:var(--font-display)}.footer-links{gap:var(--space-md);margin-top:var(--space-xs);display:flex}.footer-links a{color:var(--color-text-muted);font-size:.75rem;transition:color .2s}.footer-links a:hover{color:var(--color-text)}.page-hero{padding:var(--space-xl) 0 var(--space-lg)}.page-hero h1{font-size:clamp(2.5rem,6vw,5rem)}.page-intro{color:var(--color-text-muted);max-width:700px;margin-top:var(--space-md);font-size:1.25rem}.ai-note{color:var(--color-text-muted);margin-top:var(--space-sm);max-width:600px;font-size:.9rem;font-style:italic}.page-cta{text-align:center;border-top:1px solid var(--color-border)}.page-cta h2{margin-bottom:var(--space-sm)}.page-cta p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.service-block{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.service-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.service-number{font-family:var(--font-display);color:var(--color-text-muted);font-size:2.5rem;font-weight:700}.service-header h2{font-size:clamp(1.5rem,4vw,2.5rem)}.service-short{margin-bottom:var(--space-md);font-size:1.25rem}.service-desc{color:var(--color-text-muted);max-width:700px;font-size:1rem;line-height:1.7}.service-details{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:2fr 1fr;display:grid}.service-includes h4{text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-size:.75rem}.service-includes ul{padding:0;list-style:none}.service-includes li{color:var(--color-text-muted);padding:.25rem 0;font-size:.875rem}.service-includes li:before{content:"— ";color:var(--color-text-muted)}.service-meta{color:var(--color-text-muted);font-size:.8rem}.service-meta p{margin-bottom:var(--space-xs)}.about-content{padding:0 0 var(--space-xl)}.about-bio p{color:var(--color-text-muted);max-width:700px;margin-bottom:var(--space-md);font-size:1.1rem;line-height:1.8}.about-tools{margin-top:var(--space-xl)}.about-tools h2{margin-bottom:var(--space-sm);font-size:1.5rem}.about-tools p{color:var(--color-text-muted);max-width:700px;font-size:.9rem}.about-philosophy{margin-top:var(--space-xl)}.about-philosophy h2{margin-bottom:var(--space-sm);font-size:1.5rem}.about-philosophy blockquote{color:var(--color-text-muted);border-left:2px solid var(--color-border);padding-left:var(--space-md);margin:0;font-size:1.25rem;font-style:italic}.about-cta{margin-top:var(--space-xl)}.process-block{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.process-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.process-number{font-family:var(--font-display);color:var(--color-text-muted);font-size:3rem;font-weight:700}.process-header h2{font-size:clamp(1.5rem,4vw,2.5rem)}.process-desc{max-width:700px;font-size:1.1rem;line-height:1.7}.process-details{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.process-deliverables h4,.process-client h4{text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:.75rem}.process-deliverables p,.process-client p{color:var(--color-text-muted);font-size:.925rem}.contact-form-section{padding:0 0 var(--space-xl)}.contact-form{max-width:700px}.contact-form .form-row{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.contact-form .form-group{margin-bottom:var(--space-md);flex-direction:column;gap:.35rem;display:flex}.contact-form label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:.75rem}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);background:0 0;outline:none;padding:.75rem;font-size:.925rem;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-text)}.contact-form select option{background:var(--color-bg);color:var(--color-text)}.contact-form button{margin-top:var(--space-sm);cursor:pointer}.contact-direct{text-align:center;border-top:1px solid var(--color-border)}.project-hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;-webkit-backdrop-filter:blur(3px);background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;position:relative}.project-title{margin:var(--space-lg) 0;color:#fff;font-size:clamp(1rem,7vw,3rem);font-weight:700}.project-tagline{color:#ccc;max-width:600px;font-size:1.25rem}.project-context{text-transform:uppercase;letter-spacing:.08em;color:#666;margin-top:var(--space-sm);font-size:.8rem}.back-link{align-items:center;gap:var(--space-xs);color:#888;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;display:inline-flex}.back-link:hover{color:#fff}.project-section{padding:var(--space-xl) 0;background:#0a0a0a}.project-section-alt{padding:var(--space-xl) 0;background:#0d0d0d}.section-label-text{color:#fff;margin-bottom:var(--space-lg);font-size:2.5rem;font-weight:700;display:block}.section-label-text i{opacity:.5;margin-right:var(--space-xs);font-size:1.25rem;font-style:normal}.project-body{color:#ccc;max-width:700px;font-size:1.1rem;line-height:1.7}.project-approach{margin-top:var(--space-md);padding:var(--space-md);border-left:2px solid var(--color-border)}.project-approach h4{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.75rem}.project-approach p{color:#aaa;font-size:.925rem}.project-gallery{padding:var(--space-xl) 0;background:#111}.project-gallery img{margin-bottom:var(--space-lg);width:100%}.project-result{padding:var(--space-xl) 0;background:#0a0a0a}.result-box{padding:var(--space-xl);border-left:4px solid #fff}.result-box h2{color:#fff;font-size:3rem;font-weight:700}.result-box p{color:#aaa;font-size:1.1rem;line-height:1.7}.project-grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.project-grid-3{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.project-grid-4{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.persona-card{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:300px 1fr;display:grid}.persona-bg{background-position:top;background-size:cover;min-height:400px}.persona-info{padding:var(--space-md) 0}.persona-info h3{margin-bottom:var(--space-xs);font-size:1.5rem}.persona-info strong{color:var(--color-text-muted)}.persona-info hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-md) 0}.persona-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.persona-col strong{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.75rem;display:block}.persona-col p{color:#aaa;font-size:.85rem;line-height:1.6}.okhosting-hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.okhosting-hero .hero-overlay{-webkit-backdrop-filter:blur(4px);background:#0000008c}.okhosting-hero .project-title{margin:var(--space-lg) 0;color:#fff;font-size:clamp(3rem,10vw,8rem);font-weight:700}.okhosting-hero .project-tagline{color:#888;max-width:600px;font-size:1.25rem}.okhosting-tags{padding:var(--space-xl) 0;background:linear-gradient(#1a1a1a,#0a0a0a)}.okhosting-tags .cole{color:#fff}.section-label{color:#fff;margin-bottom:var(--space-lg);font-size:2.5rem;font-weight:700}.section-label i{opacity:.5;margin-right:var(--space-xs);font-size:1.25rem}.okhosting-content{padding:var(--space-xl) 0;background:#0a0a0a}.okhosting-content h2{margin-bottom:var(--space-md);color:#fff;font-size:3rem;font-weight:700}.okhosting-content p{color:#ccc}.okhosting-logo{padding:var(--space-xl) 0;background:#0a0a0a}.okhosting-mockups{padding:var(--space-xl) 0;background:#111}.okhosting-website,.okhosting-screens{padding:var(--space-xl) 0;background:#000}.okhosting-process{padding:var(--space-xl) 0;background:#111}.okhosting-process p{color:#aaa}.okhosting-persona{padding:var(--space-xl) 0;background:#0a0a0a}.persona1{background-color:#000;background-image:url(/projects/okhosting/screens/OkHosting-Screen3.webp);background-position:top;background-size:cover;min-height:400px}.okhosting-result{padding:var(--space-xl) 0;background:#0a0a0a}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.slug-hero{min-height:50vh;padding-top:var(--space-xl);flex-direction:column;justify-content:center;display:flex}.slug-detail{padding:var(--space-xl) 0}.slug-content{gap:var(--space-xl);flex-direction:column;max-width:800px;display:flex}.project-part h4{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.75rem}.project-part p{font-size:1.5rem;line-height:1.5}.project-colors{padding:var(--space-xl) 0}.project-colors .row{flex-wrap:wrap;display:flex}.ColorSample{margin-bottom:2px}.ColorSample p{font-family:monospace;font-size:.875rem}.project-tags{margin-top:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--color-surface,#f0f1f2);color:var(--color-text,#333);border-radius:4px;padding:.3rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.project-list{margin:var(--space-md) 0;padding-left:1.25rem}.project-list li{margin-bottom:.5rem;line-height:1.6}.project-process{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface,#f0f1f2);border-radius:8px;font-size:.9rem}@media(max-width:768px){:root{--space-xl:4rem}section{padding:var(--space-lg) 0}.nav-links{gap:var(--space-sm)}.nav-link{font-size:.75rem}.nav-dropdown-menu{opacity:1;visibility:visible;padding-left:var(--space-sm);background:0 0;border:none;position:static;transform:none}.dropdown-arrow{display:none}.hero{min-height:auto;padding-top:6rem}.hero-title{font-size:clamp(2rem,6vw,3.5rem)}.hero-cta{flex-direction:column}.whatido-grid,.home-services-grid,.result-body{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.project-grid,.think-grid,.services-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.contact-form .form-row,.service-details,.process-details,.process-stages{grid-template-columns:1fr}.project-hero{min-height:60vh}.project-tags .d-flex{gap:var(--space-md);flex-direction:column}.persona-card,.persona-grid{grid-template-columns:1fr}.persona-bg{min-height:200px}.project-grid-3,.project-grid-4{grid-template-columns:repeat(2,1fr)}.okhosting-hero{min-height:60vh}.okhosting-tags .d-flex{gap:var(--space-md);flex-direction:column}.project-colors .col-4{width:calc(50% - 8px);margin-right:0}}