@import"https://fonts.googleapis.com/css2?family=Rozha+One&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-void: #1a1a1a;--bg-paper: #0a0a0a;--ink-primary: #F0F0F0;--ink-secondary: #A0A0A0;--accent-margin: #E69138;--font-display: "Rozha One", serif;--font-tech: "Space Mono", monospace;--spacing-unit: 8px;--container-width: 1200px;--transition-speed: .4s}[data-theme=light]{--bg-void: #CD202C;--bg-paper: #FDFBF7;--ink-primary: #0F0F0F;--ink-secondary: #4A4A4A;--accent-margin: #CD202C}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-void);color:var(--ink-primary);font-family:var(--font-tech);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-speed) ease;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.1}.wrapper{display:flex;justify-content:center;padding:4vh 2vw;min-height:100vh}.paper-surface{background-color:var(--bg-paper);width:100%;max-width:var(--container-width);min-height:92vh;position:relative;box-shadow:0 20px 50px #0003;display:grid;grid-template-columns:80px 1fr;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.margin-rail{height:100%;border-right:1px solid rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:40px}.vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto;padding-bottom:80px;padding-top:20px;color:var(--accent-margin);font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.margin-rail:after{content:"";position:absolute;right:12px;top:0;bottom:0;width:4px;border-left:1px solid var(--accent-margin);border-right:1px solid var(--accent-margin);opacity:.8}.main-content{padding:60px 80px;position:relative}.hero{margin-bottom:120px;position:relative}.hero-overline{color:var(--bg-void);font-size:.9rem;font-weight:700;margin-bottom:16px;display:block;text-transform:uppercase;letter-spacing:2px}[data-theme=dark] .hero-overline{color:var(--accent-margin)}.hero h1{font-size:clamp(3rem,8vw,6.5rem);margin-bottom:32px;color:var(--ink-primary)}.hero p{max-width:500px;color:var(--ink-secondary);font-size:1.1rem;margin-bottom:48px}.btn-ink{display:inline-flex;align-items:center;padding:16px 32px;background:var(--ink-primary);color:var(--bg-paper);text-decoration:none;font-weight:700;font-size:.9rem;border:1px solid var(--ink-primary);transition:all .3s ease;clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%)}.btn-ink:hover{background:transparent;color:var(--ink-primary);transform:translateY(-2px);box-shadow:4px 4px 0 var(--bg-void)}.grid-section{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:120px}.grid-col-4{grid-column:span 4}.grid-col-6{grid-column:span 6}.grid-col-12{grid-column:span 12}.service-card{border-top:2px solid rgba(0,0,0,.1);padding-top:24px;transition:.3s}.service-card:hover{border-color:var(--bg-void)}.service-card h3{font-size:2rem;margin-bottom:16px}.service-card p{font-size:.9rem;color:var(--ink-secondary)}.bg-pattern{position:absolute;top:20%;right:-100px;width:600px;height:600px;opacity:.04;pointer-events:none;z-index:0}[data-theme=dark] .bg-pattern{opacity:.1}.calligraphy-container{position:absolute;right:0;top:50%;transform:translateY(-50%);width:400px;height:400px;pointer-events:none;opacity:.15;z-index:0}[data-theme=dark] .calligraphy-container{opacity:.08}.stroke{fill:none;stroke:var(--ink-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.5s cubic-bezier(.42,0,.58,1)}.is-drawn .stroke{stroke-dashoffset:0}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media(max-width:900px){.paper-surface{grid-template-columns:40px 1fr}.margin-rail:after{right:6px;width:3px;border-width:1px}.main-content{padding:40px}.grid-col-4,.grid-col-6{grid-column:span 12}.hero h1{font-size:3.5rem}.bg-pattern{width:300px;right:-50px}.calligraphy-container{width:200px;height:200px}}