@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}}:root{--bg:#111210;--surface:#171815;--surface-2:#1d1f1b;--ink:#f2f1eb;--muted:#a2a39a;--quiet:#74766d;--line:#30322d;--accent:#c5ed6b;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace;--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.page-wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--accent);color:#161710;padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111210f2;height:76px;position:sticky;top:0}.header-inner{height:100%;width:min(var(--wrap),calc(100% - 96px));align-items:center;margin:auto;display:flex}.wordmark{letter-spacing:.16em;font-size:17px;font-weight:700}.wordmark span,.accent-dot{color:var(--accent)}.desktop-nav{gap:38px;margin-left:auto;margin-right:48px;display:flex}.desktop-nav a,.footer-links a{color:#c1c2b9;font-size:12px;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:var(--accent)}.header-contact{color:var(--ink);border:1px solid #64665d;padding:9px 14px;font-size:12px;transition:background .2s,border-color .2s}.header-contact span{color:var(--accent);margin-left:14px}.header-contact:hover{background:var(--surface-2);border-color:var(--accent)}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:1.14fr .86fr;align-items:center;min-height:710px;padding-top:30px;padding-bottom:70px;display:grid;position:relative}.hero-copy{z-index:2;padding:44px 0 48px;position:relative}.eyebrow,.section-index,.hero-bottom,.art-coordinate,.art-foot,.project-card-meta,.voice-top,.voice-bottom,.qalam-content>small,.mail-header,.docker-head,.trilles-top>span,.trilles-foot,.writing-empty>span:first-child,.next-project>.section-index{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:10px}.eyebrow{align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #c5ed6b1b}.hero h1,.archive-heading h1,.case-heading h1,.not-found h1{letter-spacing:-.058em;margin:29px 0 27px;font-size:clamp(46px,6.25vw,86px);font-weight:500;line-height:.99}.hero h1 em,.section-heading h2 em,.about-heading h2 em,.contact-layout h2 em,.archive-heading h1 em,.case-heading h1 em,.not-found h1 em{font-family:var(--serif);letter-spacing:-.065em;font-weight:400}.hero-intro{color:#b8b9b0;max-width:490px;font-size:15px;line-height:1.8}.hero-actions{gap:13px;margin-top:31px;display:flex}.button{justify-content:space-between;align-items:center;gap:24px;padding:13px 17px;font-size:12px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.button-primary{background:var(--accent);color:#171911;border:1px solid var(--accent);font-weight:700}.button-primary span{font-size:16px}.button-primary:hover{background:#d7f69a;border-color:#d7f69a}.button-quiet{color:var(--ink);border:1px solid #494b44}.button-quiet span{color:var(--accent)}.button-quiet:hover{background:var(--surface-2);border-color:var(--accent)}.hero-art{place-items:center;height:440px;display:grid;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";border:1px solid #292b26;position:absolute;inset:10% 4%;transform:rotate(-28deg)}.hero-art:after{border-color:#242621;inset:8% 14%;transform:rotate(28deg)}.art-coordinate{position:absolute;top:7%;right:3%}.art-orbit{border:1px solid #3b3e35;border-radius:50%;place-items:center;display:grid;position:absolute;transform:rotate(-30deg)}.orbit-outer{width:350px;height:170px}.orbit-inner{border-color:#30342a;width:285px;height:285px;transform:rotate(30deg)}.art-orbit i{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;box-shadow:0 0 18px #c5ed6b80}.orbit-outer i{top:50%;left:-4px}.art-core{text-align:center;z-index:1;background:#191b17;border:1px solid #636750;place-content:center;width:134px;height:134px;display:grid;transform:rotate(-8deg)}.art-core>span{font-family:var(--serif);font-size:48px;line-height:1}.art-core small{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;margin-top:13px;font-size:8px}.art-label{background:var(--bg);font-family:var(--mono);color:#d1d3c8;z-index:2;padding:5px 8px;font-size:10px;position:absolute}.label-code{color:var(--accent);top:23%;left:8%}.label-flow{bottom:24%;right:7%}.label-api{font-size:9px;bottom:18%;left:17%}.label-api span{color:var(--accent)}.art-foot{justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:4%;left:5%;right:5%}.hero-bottom{grid-column:1/-1;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:26px;left:0;right:0}.hero-bottom b{color:var(--accent);margin-left:8px;font-size:14px}.section{padding-top:116px;padding-bottom:120px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:42px;display:flex}.section-index{letter-spacing:.13em;color:#8c8f83;font-size:9px}.section-heading h2,.about-heading h2,.contact-layout h2{letter-spacing:-.05em;margin:17px 0 0;font-size:clamp(39px,5vw,64px);font-weight:500;line-height:1.05}.text-link{border-bottom:1px solid #77796f;align-items:center;gap:22px;padding-bottom:8px;font-size:12px;display:inline-flex}.text-link span{color:var(--accent)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.project-card{min-width:0}.project-visual-link{display:block}.project-visual{background:#1b1d19;border:1px solid #292c25;place-items:center;height:274px;transition:border-color .25s;display:grid;position:relative;overflow:hidden}.project-visual-link:hover .project-visual{border-color:#666b56}.project-card-meta{text-transform:uppercase;justify-content:space-between;margin-top:19px;font-size:9px;display:flex}.project-card-meta span:last-child{color:#85877d}.project-card h3{letter-spacing:-.025em;margin:8px 0;font-size:19px;font-weight:500;line-height:1.35}.project-card h3 a{justify-content:space-between;gap:12px;display:flex}.project-card h3 a span{color:var(--accent);opacity:.7;font-size:14px}.project-card h3 a:hover{color:var(--accent)}.project-card p{color:#a3a59b;max-width:390px;margin:8px 0 15px;font-size:12px;line-height:1.75}.tech-list{flex-wrap:wrap;gap:6px;display:flex}.tech-list span{font-family:var(--mono);color:#b7b9ae;border:1px solid #393b34;padding:5px 7px;font-size:9px;line-height:1.4}.visual-shop{background:#1a1b17}.shop-window{color:#22251f;background:#e8e9df;width:74%;height:72%;padding:15px 17px;position:relative;box-shadow:16px 16px #c5ed6b18}.window-dots{color:#969a8b;letter-spacing:.22em;font-size:7px;display:block}.shop-search{color:#83867c;background:#f7f7f1;justify-content:space-between;margin-top:18px;padding:8px 10px;font-size:8px;display:flex}.shop-search i{font-size:13px}.shop-product{align-items:center;gap:10px;margin-top:15px;display:flex}.product-art{color:#646c4c;width:55px;height:55px;font-family:var(--serif);background:#d0d6bc;place-items:center;font-size:24px;display:grid}.shop-product strong,.shop-product small{display:block}.shop-product strong{font-size:9px}.shop-product small{color:#787b71;font-size:7px}.shop-bag{margin-left:auto;font-size:14px}.shop-line{background:#d1d2c8;height:1px;margin-top:13px}.recovery-tag{background:#252820;border:1px solid #565c45;grid-template-columns:auto auto;align-items:center;column-gap:7px;padding:11px 14px;display:grid;position:absolute;bottom:19%;right:6%}.recovery-tag>span{color:var(--accent);grid-row:span 2}.recovery-tag strong{font-size:8px;font-weight:500}.recovery-tag small{font-family:var(--mono);color:#9ea292;font-size:7px}.visual-workflow{background:#171a17}.flow-canvas{background-image:radial-gradient(#505348 .8px,#0000 .8px);background-size:15px 15px;width:84%;height:75%;position:relative}.flow-node{background:#22241e;border:1px solid #46493e;grid-template-columns:auto 1fr;align-content:center;column-gap:7px;width:115px;height:65px;padding:8px;display:grid;position:absolute}.flow-node>span{color:var(--accent);font:10px var(--mono);grid-row:span 2}.flow-node strong{font-size:8px;font-weight:500}.flow-node small{font:7px var(--mono);color:#9b9e91}.node-trigger{top:35%;left:0}.node-ai{border-color:#788355;top:14%;left:38%}.node-done{top:44%;right:0}.flow-link{background:#858b72;width:17%;height:1px;position:absolute;top:39%;left:26%;transform:rotate(-26deg)}.link-two{width:17%;top:45%;left:61%;transform:rotate(18deg)}.flow-caption{color:#8d9084;font:8px var(--mono);position:absolute;bottom:5%;right:2%}.visual-voice{background:linear-gradient(145deg,#1b201c,#171817)}.voice-screen{background:#171a17;border:1px solid #41453b;width:76%;height:77%;padding:15px 16px;position:relative}.voice-top,.voice-bottom{justify-content:space-between;font-size:7px;display:flex}.voice-live{color:var(--accent)}.voice-live i{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.waveform{border-top:1px solid #30332c;border-bottom:1px solid #30332c;justify-content:center;align-items:center;gap:3px;height:84px;margin:13px 0;display:flex}.waveform i{width:2px;height:var(--bar);opacity:.8;background:#a5c95e}.voice-transcript{padding:8px 4px}.voice-transcript span{font:7px var(--mono);color:#84877d;display:block}.voice-transcript strong{font-size:10px;font-weight:400}.voice-bottom{position:absolute;bottom:13px;left:16px;right:16px}.voice-bottom span:last-child{color:#afb3a3}.about-section{background:#191a17;border-top:1px solid #242620;border-bottom:1px solid #242620}.about-layout{grid-template-columns:.9fr 1.1fr;gap:13%;display:grid}.about-heading h2{margin-top:21px}.about-note{font-family:var(--serif);color:#92948a;margin-top:28px;font-size:15px;font-style:italic}.about-body>p{color:#b4b6ad;margin:0 0 17px;font-size:14px;line-height:1.9}.experience-block,.education-block{border-top:1px solid #35372f;grid-template-columns:120px 1fr auto;align-items:start;gap:14px;margin-top:32px;padding:23px 0;display:grid}.experience-block>div strong,.education-block>div strong{font-size:12px;font-weight:500;display:block}.experience-block>div strong span{color:#85877d}.experience-block>div small,.education-block>div small{color:#909287;margin-top:5px;font-size:10px;display:block}.experience-block>a{color:var(--accent);font-size:15px}.education-block{grid-template-columns:120px 1fr;margin-top:0;padding-top:18px}.about-link{margin-top:11px}.skills-section .section-heading>p{color:#92948a;max-width:300px;margin:0 0 5px;font-size:12px}.skills-list{border-top:1px solid var(--line)}.skill-row{border-bottom:1px solid var(--line);grid-template-columns:60px 200px 1fr;align-items:start;gap:16px;padding:22px 0;display:grid}.skill-number{font:9px var(--mono);color:#77796f;padding-top:6px}.skill-row h3{margin:0;font-size:14px;font-weight:500}.skill-row>div{flex-wrap:wrap;gap:8px 19px;display:flex}.skill-row>div span{color:#aeb0a6;font-size:12px}.contact-section{background:#1a1b17;border-top:1px solid #252720;padding-bottom:105px}.contact-layout{grid-template-columns:1fr .72fr;align-items:end;gap:18%;display:grid}.contact-layout h2{margin-top:20px}.contact-copy>p{color:#afb1a7;max-width:365px;margin:0 0 24px;font-size:14px;line-height:1.8}.contact-details{color:#a6a89e;border-top:1px solid #3c3e36;flex-direction:column;gap:8px;margin-top:43px;padding-top:15px;font-size:11px;display:flex}.contact-details a:hover{color:var(--accent)}.contact-details span{color:#797b72;margin-top:6px}.site-footer{border-top:1px solid var(--line);width:min(var(--wrap),calc(100% - 96px));margin:auto;padding:32px 0 24px}.footer-main{align-items:center;gap:25px;display:flex}.footer-main p{font-family:var(--serif);color:#909287;margin:0;font-size:12px;font-style:italic}.footer-links{gap:20px;margin-left:auto;display:flex}.footer-bottom{color:#85877d;font:9px var(--mono);border-top:1px solid #292b25;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;display:flex}.footer-bottom>div{gap:20px;display:flex}.footer-bottom a:hover{color:var(--accent)}.archive-page{min-height:65vh;padding-top:95px;padding-bottom:130px}.archive-heading{margin-bottom:56px}.archive-heading h1{margin:20px 0;font-size:clamp(55px,8vw,96px)}.archive-heading>p{color:#a8aaa0;max-width:440px;font-size:14px;line-height:1.8}.project-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.filter-list{flex-wrap:wrap;gap:6px;display:flex}.filter-list button{color:#a6a89e;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;font-size:11px}.filter-list button:hover,.filter-list button.active{color:var(--ink);border-color:#55594b}.filter-list button span{font:9px var(--mono);color:#85877d;margin-left:9px}.search-field{color:#999c90;border-bottom:1px solid #575a50;align-items:center;gap:8px;min-width:218px;height:36px;display:flex}.search-field>span{font-size:20px}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#85877d}.search-field kbd{font:9px var(--mono);color:#77796f;white-space:nowrap;border:1px solid #45473f;padding:2px 4px}.results-count{font:9px var(--mono);color:#85877d;margin:18px 0 21px}.project-controls+.results-count+.project-grid .project-card{padding-bottom:25px}.empty-results{text-align:center;border:1px solid var(--line);margin-top:14px;padding:70px 20px}.empty-results>span{color:var(--accent);font:18px var(--mono)}.empty-results h2{margin:10px 0;font-size:24px;font-weight:400}.empty-results p{color:var(--muted);font-size:12px}.empty-results .text-link{color:var(--ink);cursor:pointer;background:0 0;margin-top:10px}.case-study{padding-top:50px;padding-bottom:100px}.back-link{color:#aaaca2;font-size:11px}.back-link:hover{color:var(--accent)}.case-heading{max-width:800px;padding:67px 0 46px}.case-heading h1{margin:20px 0;font-size:clamp(48px,7vw,84px)}.case-heading>p{color:#adafa5;max-width:660px;font-size:16px;line-height:1.75}.case-visual{height:min(52vw,510px);min-height:300px}.case-visual.visual-shop .shop-window{width:54%;max-width:520px;height:78%;padding:clamp(18px,4vw,42px)}.case-visual.visual-shop .shop-search{margin-top:8%;padding:16px;font-size:13px}.case-visual.visual-shop .shop-product{margin-top:7%}.case-visual.visual-shop .product-art{width:100px;height:100px}.case-visual.visual-shop .shop-product strong{font-size:13px}.case-visual.visual-shop .shop-product small{font-size:10px}.case-visual.visual-workflow .flow-canvas{width:74%;height:76%}.case-visual.visual-workflow .flow-node{transform-origin:0;transform:scale(1.6)}.case-visual.visual-voice .voice-screen{max-width:570px;height:65%;padding:30px}.case-visual.visual-voice .waveform{height:140px}.case-layout{grid-template-columns:1fr 280px;gap:12%;padding:70px 7% 30px;display:grid}.case-main{max-width:630px}.case-overview{color:#e1e1d8;margin:20px 0 45px;font-size:22px;line-height:1.6}.case-main section{border-top:1px solid #30322d;padding:25px 0}.case-main h2{margin:0 0 12px;font-size:17px;font-weight:500}.case-main p,.case-main li{color:#aaaca2;font-size:13px;line-height:1.8}.case-main ul{padding-left:17px}.case-main li{padding:4px 0}.case-note{border-top:1px solid #30322d;padding-top:18px;color:#82847a!important;font-size:11px!important}.case-sidebar>div{border-bottom:1px solid #30322d;margin-bottom:20px;padding:0 0 20px}.case-sidebar p{color:#c1c3b9;font-size:12px}.case-tech{margin-top:11px}.case-links{flex-direction:column;align-items:start;gap:8px;display:flex}.case-links .section-index{margin-bottom:6px}.case-links a,.unavailable-link{color:#c5ed6b;font-size:11px}.unavailable-link{color:#77796f}.next-project{border-top:1px solid #30322d;justify-content:space-between;align-items:center;margin:35px 7% 0;padding-top:22px;display:flex}.next-project>a{font:22px var(--serif)}.next-project>a span{font:15px var(--sans);color:var(--accent)}.writing-page{min-height:75vh}.writing-empty{border-top:1px solid var(--line);padding:27px 0 74px;position:relative;overflow:hidden}.writing-empty h2{margin:45px 0 8px;font-size:22px;font-weight:400}.writing-empty p{color:#a2a49a;font-size:12px}.writing-mark{font:260px/.8 var(--serif);color:#1e211b;position:absolute;bottom:-84px;right:5%}.writing-mark span{color:#c5ed6b}.article-list{border-top:1px solid var(--line)}.article-list article{border-bottom:1px solid var(--line);padding:24px 0}.article-list article>span{font:10px var(--mono);color:#8d9084}.article-list h2{margin:6px 0;font-size:22px;font-weight:400}.article-list p{color:#a2a49a;font-size:12px}.not-found{min-height:65vh;padding-top:130px;padding-bottom:120px}.not-found h1{font-size:clamp(52px,7vw,82px)}.not-found p{color:#a8aaa0;margin-bottom:27px;font-size:13px}.qalam-screen{color:#1c211d;background:#e8eade;border:1px solid #cdd0c2;width:78%;height:72%;display:flex}.qalam-rail{background:#222a23;flex-direction:column;align-items:center;gap:17px;width:22%;padding:15px 10px;display:flex}.qalam-rail b{color:var(--accent);font-family:var(--serif);font-size:17px}.qalam-rail i{background:#687264;width:20px;height:2px}.qalam-content{flex-direction:column;padding:18px 15px;display:flex}.qalam-content>small{color:#758071;font-size:6px}.qalam-content>strong{font-family:var(--serif);margin-top:12px;font-size:20px;font-weight:400}.qalam-content>span{color:#73796e;font-size:7px}.qalam-cards{gap:5px;margin-top:auto;display:flex}.qalam-cards i{background:#d5d9cd;border:1px solid #c7cdbd;width:38px;height:38px}.mail-screen{background:#1c1e1a;border:1px solid #45483f;width:81%;padding:14px 15px}.mail-header{color:#c1c3b8;justify-content:space-between;padding-bottom:11px;font-size:7px;display:flex}.mail-header span:last-child{color:var(--accent)}.mail-row{border-top:1px solid #33352e;align-items:center;gap:10px;height:50px;display:flex}.mail-row>i{color:var(--accent);font-size:13px;font-style:normal}.mail-row>span{flex-direction:column;display:flex}.mail-row strong{font-size:8px;font-weight:500}.mail-row small{font:7px var(--mono);color:#86897d}.mail-row>b{color:#74776d;font:8px var(--mono);margin-left:auto}.docker-screen{background:#171916;border:1px solid #44473f;width:76%;padding:14px}.docker-head{align-items:center;gap:8px;padding-bottom:12px;font-size:8px;display:flex}.docker-head i{color:var(--accent);font-size:17px;font-style:normal}.docker-row{border-top:1px solid #30322d;grid-template-columns:8px 1fr auto auto;align-items:center;gap:8px;height:37px;display:grid}.docker-status{background:var(--accent);border-radius:50%;width:5px;height:5px}.docker-row strong{font:9px var(--mono);font-weight:400}.docker-row small{font:7px var(--mono);color:#85877d}.docker-row b{font:7px var(--mono);color:#acbb89;font-weight:400}.visual-trilles{color:#1a271c;background:#d9e5cf}.trilles-screen{width:100%;height:100%;padding:20px;position:relative;overflow:hidden}.trilles-top,.trilles-foot{z-index:1;color:#344334;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:relative}.trilles-top b{letter-spacing:.09em;font-size:11px}.trilles-top b span{color:#73915c}.trilles-title{letter-spacing:-.07em;z-index:1;margin-top:30px;font-size:31px;line-height:.98;position:relative}.trilles-title span{font-family:var(--serif);font-style:italic;font-weight:400}.trilles-foot{font-size:7px;position:absolute;bottom:15px;left:20px;right:20px}.trilles-foot span:last-child{border-bottom:1px solid #455642;padding-bottom:4px}.trilles-orbit{border:1px solid #80987c;border-radius:50%;width:150px;height:150px;position:absolute;top:31px;right:-37px}.trilles-orbit:before,.trilles-orbit:after{content:"";border:1px solid #9bab95;border-radius:50%;position:absolute;inset:15px}.trilles-orbit:after{inset:32px}.trilles-orbit i{background:#6a885f;border-radius:50%;width:7px;height:7px;position:absolute}.trilles-orbit i:first-child{top:20px;left:23px}.trilles-orbit i:nth-child(2){top:75px;right:15px}.trilles-orbit i:nth-child(3){bottom:19px;left:65px}@media (max-width:900px){.page-wrap,.header-inner,.site-footer{width:calc(100% - 56px)}.hero{grid-template-columns:1fr .8fr;min-height:620px}.hero-art{height:365px}.orbit-outer{width:290px;height:145px}.orbit-inner{width:235px;height:235px}.art-core{width:116px;height:116px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.featured-grid .project-card:last-child{display:none}.about-layout{gap:8%}.skill-row{grid-template-columns:40px 155px 1fr}.contact-layout{gap:9%}.case-layout{gap:7%;padding-inline:2%}}@media (max-width:650px){html{scroll-padding-top:72px}.page-wrap,.header-inner,.site-footer{width:calc(100% - 40px)}.site-header{height:66px}.desktop-nav,.header-contact{display:none}.menu-toggle{color:var(--ink);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px;font-size:21px;display:block}.mobile-nav.is-open{border-bottom:1px solid var(--line);background:#151613;flex-direction:column;padding:12px 20px 20px;display:flex;position:absolute;top:65px;left:0;right:0}.mobile-nav a{border-bottom:1px solid #2b2d27;justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.mobile-nav a span{color:var(--accent)}.hero{min-height:auto;padding-top:67px;padding-bottom:86px;display:block}.hero-copy{padding:0}.eyebrow{font-size:8px}.hero h1{margin:26px 0 22px;font-size:clamp(43px,12vw,68px)}.hero-intro{max-width:460px;font-size:13px}.hero-art{height:300px;margin-top:20px}.art-coordinate{top:4%}.orbit-outer{width:255px;height:128px}.orbit-inner{width:210px;height:210px}.art-core{width:103px;height:103px}.art-core>span{font-size:39px}.label-code{top:17%;left:2%}.label-flow{bottom:22%;right:1%}.label-api{left:8%}.art-foot{bottom:0}.hero-bottom{font-size:8px;bottom:27px}.section{padding-top:78px;padding-bottom:82px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading h2,.about-heading h2,.contact-layout h2{font-size:40px}.section-heading>.text-link{white-space:nowrap;gap:9px;margin-top:31px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:38px}.featured-grid .project-card:last-child{display:block}.project-visual{height:255px}.project-card-meta{margin-top:14px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:42px}.about-note{margin-top:17px}.about-body>p{font-size:13px}.experience-block,.education-block{grid-template-columns:98px 1fr auto;gap:9px}.education-block{grid-template-columns:98px 1fr}.skills-section .section-heading{display:block}.skills-section .section-heading>p{margin-top:19px}.skill-row{grid-template-columns:28px 1fr;gap:8px 12px;padding:17px 0}.skill-row h3{font-size:13px}.skill-row>div{grid-column:2;gap:6px 14px}.skill-row>div span{font-size:11px}.contact-section{padding-bottom:75px}.contact-layout{gap:30px}.contact-copy>p{font-size:13px}.contact-details{margin-top:32px}.footer-main{flex-wrap:wrap;gap:14px}.footer-main p{text-align:right;flex:1;font-size:10px}.footer-links{gap:20px;width:100%;margin:8px 0 0}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:13px;margin-left:auto}.archive-page{padding-top:64px;padding-bottom:84px}.archive-heading{margin-bottom:37px}.archive-heading h1{margin:18px 0;font-size:59px}.archive-heading>p{font-size:12px}.project-controls{display:block}.filter-list{gap:3px;margin-bottom:14px}.filter-list button{padding:7px 6px;font-size:10px}.filter-list button span{margin-left:5px}.search-field{width:100%}.case-study{padding-top:30px}.case-heading{padding:49px 0 27px}.case-heading h1{font-size:49px}.case-heading>p{font-size:13px}.case-visual{height:280px;min-height:0}.case-visual.visual-shop .shop-window{width:72%;height:72%;padding:17px}.case-visual.visual-shop .product-art{width:58px;height:58px}.case-visual.visual-workflow .flow-canvas{width:90%}.case-visual.visual-workflow .flow-node{transform:scale(.9)}.case-visual.visual-voice .voice-screen{width:86%;height:70%;padding:17px}.case-layout{grid-template-columns:1fr;gap:35px;padding:40px 0 15px}.case-overview{font-size:18px}.case-sidebar{grid-template-columns:1fr 1fr;gap:16px;display:grid}.case-sidebar>div{margin:0;padding-bottom:13px}.case-sidebar>div:nth-child(3),.case-sidebar>div:nth-child(4){grid-column:span 2}.case-links{gap:7px}.next-project{margin:30px 0 0}.next-project>a{font-size:18px}.writing-mark{font-size:200px;bottom:-60px}.not-found{padding-top:95px}.not-found h1{font-size:52px}}@media (max-width:370px){.page-wrap,.header-inner,.site-footer{width:calc(100% - 32px)}.hero h1{font-size:42px}.section-heading h2,.about-heading h2,.contact-layout h2{font-size:36px}.filter-list button{padding-inline:4px;font-size:9px}.filter-list button span{margin-left:3px;font-size:8px}.footer-links{gap:12px}.footer-links a{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.article-page{min-height:65vh;padding-top:52px;padding-bottom:120px}.article-page header{max-width:780px;padding:68px 0 45px}.article-page h1{letter-spacing:-.05em;margin:20px 0;font-size:clamp(46px,7vw,78px);font-weight:500;line-height:1.03}.article-page header>p{color:#adafa5;font-size:15px;line-height:1.8}.article-body{border-top:1px solid var(--line);color:#b5b7ad;max-width:700px;padding-top:24px;font-size:14px}.article-body code{font-family:var(--mono);color:var(--accent);font-size:.9em}.article-list details{border-bottom:1px solid var(--line);padding:24px 0}.article-list summary{cursor:pointer;list-style:none}.article-list summary::-webkit-details-marker{display:none}.article-list summary>span{font:10px var(--mono);color:#8d9084}.article-list summary h2{justify-content:space-between;margin:6px 0;font-size:22px;font-weight:400;display:flex}.article-list summary h2 i{font:normal 14px var(--mono);color:var(--accent)}.article-list summary p{color:#a2a49a;font-size:12px}.article-list .article-body{border:0;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.article-list .article-body p{color:#b5b7ad;font-size:13px;line-height:1.8}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}