:root{color-scheme:dark;--ink:#f0f4f1;--muted:#a8bcc3;--faint:#68868f;--cyan:#5be6e9;--line:rgba(163,215,223,.19);--sea:#06131c;--mono:'JetBrains Mono',monospace;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--sea);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:#4dd9d6;color:#03222a}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}a:hover{color:var(--cyan)}.shell{width:min(1296px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:16px;padding:10px 18px;z-index:100;background:var(--ink);color:var(--sea);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:88px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(6,19,28,.94);backdrop-filter:blur(20px)}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.16em;font-weight:600;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header a[aria-current]{color:var(--cyan)}.contact-link{margin-left:16px}.contact-link span{margin-left:8px}.eyebrow,.edition,.art-label,.case-number,.catalog-number{font-family:var(--mono);font-size:10px;letter-spacing:.12em;line-height:1.6}.eyebrow{color:var(--cyan);font-weight:400}.portfolio-hero{position:relative;overflow:hidden;padding-top:62px;padding-bottom:80px}.hero-meta{display:flex;justify-content:space-between;gap:30px}.edition{color:var(--faint);font-size:9px}h1,h2,h3,h4,p{margin-top:0}h1{font-weight:500;font-size:clamp(68px,8.3vw,120px);line-height:1.04;letter-spacing:-.075em;margin:65px 0 40px;position:relative;z-index:1}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;color:#94dad8}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;position:relative;z-index:1}.hero-bottom p{max-width:470px;color:var(--muted);font-size:17px;line-height:1.65;margin:0}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;color:var(--cyan);border-bottom:1px solid rgba(91,230,233,.4);padding:8px 0;flex-shrink:0}.line-link span{font-size:22px;line-height:1}.contour-art{position:absolute;right:-150px;top:105px;width:500px;height:260px;transform:rotate(-27deg);pointer-events:none}.contour-art i{position:absolute;inset:0;border:1px solid rgba(91,230,233,.14);border-radius:50%;transform:translateY(calc(var(--n)*16px))}.contour-art i:nth-child(1){--n:1}.contour-art i:nth-child(2){--n:2}.contour-art i:nth-child(3){--n:3}.contour-art i:nth-child(4){--n:4}.contour-art i:nth-child(5){--n:5}.practice-strip{display:flex;justify-content:space-between;gap:22px;padding-block:24px;border-block:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:var(--muted)}.featured-section{padding-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading h2{font-size:clamp(32px,3.4vw,49px);line-height:1.12;font-weight:500;letter-spacing:-.055em;margin:14px 0 0}.section-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 25px}.feature-card{min-width:0}.feature-art{height:350px;overflow:hidden;background:#0b2b38;position:relative;border:1px solid var(--line)}.feature-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -25px 50px rgba(0,0,0,.16);pointer-events:none}.art-label{position:absolute;top:24px;left:25px;font-size:8px;color:#a6cdd2;z-index:2}.feature-art img{position:absolute;top:72px;left:50%;width:200px;max-width:70%;border-radius:16px;transform:translateX(-50%) rotate(-6deg);transition:transform .5s ease}.feature-card:hover .feature-art img{transform:translateX(-50%) translateY(-8px) rotate(-3deg)}.domain-feature .feature-art{background:radial-gradient(ellipse at 70% 10%,#28516a,#0a202d 80%)}.exereye-feature .feature-art{background:radial-gradient(ellipse at 80% 10%,#244943,#0e282c 80%)}.exereye-feature .feature-art img{transform:translateX(-50%) rotate(5deg)}.ohmly-feature .feature-art{background:radial-gradient(ellipse at 70% 10%,#614632,#261e1a 80%)}.ohmly-feature .feature-art img{top:65px;width:235px;max-width:80%;border-radius:6px;transform:translateX(-50%) rotate(-3deg)}.typesway-feature .feature-art{background:#dde7df;color:#10323b}.typesway-feature .art-label{color:#547a77}.type-specimen{position:absolute;inset:42px 24px 60px;display:flex;align-items:center;justify-content:center;gap:24px;font-family:var(--serif);font-size:190px;line-height:1;letter-spacing:-.08em}.type-specimen em{font-size:.58em;font-weight:400;color:#658984;transform:translateY(22px)}.type-specimen-caption{position:absolute;bottom:28px;left:25px;right:25px;padding-top:13px;border-top:1px solid rgba(16,50,59,.2);font-family:var(--serif);font-size:26px;line-height:1;letter-spacing:-.025em}.feature-caption{padding-top:24px}.feature-caption .eyebrow{font-size:8px;color:var(--faint)}.feature-caption h3{font-size:26px;font-weight:500;letter-spacing:-.055em;display:flex;justify-content:space-between;margin:9px 0}.feature-caption h3 span{font-size:22px;color:var(--cyan)}.feature-caption p{font-size:13px;color:var(--muted);line-height:1.7;max-width:290px;margin:0}.catalog-section{margin-top:90px;padding:55px 0 65px;border-top:1px solid var(--line)}.catalog-section .section-heading{margin-bottom:18px}.catalog-section h2{font-size:34px}.catalog-help{font-size:13px;color:var(--muted);margin-bottom:28px}.project-search{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.02em}.project-search[hidden]{display:none}.project-search input{width:300px;padding:12px 15px;border:1px solid var(--line);background:transparent;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:12px;border-radius:0}.project-search input::placeholder{color:#809aa4}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.catalog-link{display:flex;align-items:center;gap:16px;padding:21px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;transition:background .2s}.catalog-link[hidden]{display:none}.catalog-link:hover{background:#0c2530}.catalog-number{color:var(--faint);font-size:9px}.catalog-link strong{display:block;font-size:13px;font-weight:500}.catalog-link small{display:block;color:var(--muted);font-size:10px}.catalog-arrow{margin-left:auto;color:var(--faint)}.search-status{font-size:12px;color:var(--muted);margin-top:15px}.case-study{padding-top:65px;margin-bottom:125px;border-top:1px solid var(--line)}.case-top{display:flex;align-items:center;gap:30px;margin-bottom:46px}.case-top .eyebrow{margin:0}.case-number{font-size:18px;color:var(--faint);letter-spacing:0}.back-index{margin-left:auto;color:var(--muted);font-size:10px}.case-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;margin-bottom:48px}.case-name{color:var(--cyan);font-size:18px;margin-bottom:13px}.case-intro h2{font-weight:500;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.06em;line-height:1.16;margin:0}.case-lede{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:22px}.tags{display:flex;flex-wrap:wrap;list-style:none;gap:7px;margin:0;padding:0}.tags li{padding:5px 9px;border:1px solid var(--line);font:9px/1.7 var(--mono);color:#bdd5da;background:rgba(32,73,83,.16)}.case-body{display:grid;grid-template-columns:.95fr 1fr;gap:90px}.case-visual{margin:0;position:sticky;top:115px;align-self:start;background:radial-gradient(ellipse at 70% 15%,#214250,#0a222e 70%);min-height:600px;display:flex;align-items:center;flex-direction:column;padding:42px 35px 28px;overflow:hidden;border:1px solid var(--line)}.case-visual>img{width:auto;height:510px;max-width:100%;object-fit:contain;border-radius:19px;box-shadow:0 24px 50px rgba(0,0,0,.22)}.case-exereye .case-visual{background:radial-gradient(ellipse at 70% 15%,#34534a,#0c252b 70%)}.case-ohmly .case-visual{background:radial-gradient(ellipse at 70% 15%,#594432,#211d19 70%)}.case-ohmly .case-visual>img{border-radius:5px}.case-visual figcaption{font-size:10px;color:#a3bbc2;line-height:1.7;text-align:center;max-width:285px;margin:26px 0 0}.case-narrative section{margin-bottom:29px}.case-narrative h3{font-weight:500;font-size:17px;letter-spacing:-.02em;margin-bottom:11px}.case-narrative p{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:0}.decisions{list-style:none;padding:0;margin:0;counter-reset:decisions}.decisions li{position:relative;padding:0 0 0 34px;margin:22px 0 0;counter-increment:decisions}.decisions li:before{content:'0' counter(decisions);position:absolute;left:0;top:3px;font:9px var(--mono);color:var(--cyan)}.decisions h4{font-size:13px;font-weight:500;margin-bottom:6px;color:#dbe6e8}.system{margin-top:48px;padding:28px 0;border-block:1px solid var(--line)}.system>.eyebrow{color:var(--faint);font-size:9px;margin-bottom:23px}.system-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}.system-flow li{position:relative;padding:0 28px;display:grid;grid-template-columns:25px 1fr;column-gap:10px;border-left:1px solid var(--line)}.system-flow li:first-child{padding-left:0;border-left:0}.system-flow li:not(:last-child):after{content:'→';position:absolute;right:16px;top:0;color:var(--faint);font-size:17px}.system-flow span{font:10px/2.3 var(--mono);color:var(--cyan);grid-row:span 2}.system-flow strong{font-size:14px;font-weight:500}.system-flow small{font-size:11px;color:var(--muted);line-height:1.6;max-width:150px}.case-foot{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-top:28px}.case-foot p{font-size:11px;color:var(--muted);margin:0;max-width:700px}.case-foot p span{display:block;color:var(--faint);font:9px var(--mono);margin-bottom:7px}.other-work{padding-top:30px}.project-stories{display:grid;grid-template-columns:1fr 1fr;gap:60px 65px}.project-story{min-width:0;padding-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.mini-art{height:190px;background:#0b2530;position:relative;overflow:hidden;margin-bottom:28px;display:flex;align-items:center;justify-content:center}.mini-palette{padding:25px 38px;gap:7px;transform:none}.mini-palette i{height:145px;flex:1;background:#ff6948;transform:skewY(-5deg)}.mini-palette i:nth-child(2){background:#ff176b}.mini-palette i:nth-child(3){background:#644be8}.mini-palette i:nth-child(4){background:#19d3ed}.mini-palette i:nth-child(5){background:#102b3f;border:1px solid #31505b}.mini-type{font-family:var(--serif);background:#dde7df;color:#10323b;font-size:135px;letter-spacing:-.08em;gap:35px}.mini-type em{font-size:85px;color:#658984}.mini-snuggle img{height:100%;width:100%;object-fit:cover;object-position:50% 35%}.mini-dateknot{background:#2b242f;color:#dbc4d6}.mini-lingoring{background:#172e35;color:#acd6c8}.mini-photoreclaim{background:#353127;color:#dccaa8}.mini-ketorecipe{background:#203228;color:#c0d5a2}.mini-learnhtml{background:#162338;color:#91cbdc}.mini-art>span{font:italic 52px var(--serif);letter-spacing:-.03em}.mini-learnhtml>span{font:32px var(--mono);letter-spacing:-.05em}.story-header{display:flex;align-items:center;gap:15px;margin-bottom:12px}.story-header .eyebrow{font-size:9px;color:var(--faint)}.project-story h3{font-size:32px;font-weight:500;letter-spacing:-.055em;margin-bottom:7px}.story-line{font-size:16px!important;color:#d4e4e7!important;margin-bottom:19px!important}.project-story>p{font-size:13px;color:var(--muted);line-height:1.85}.project-story .tags{margin:22px 0}.project-story h4{font-size:12px;font-weight:500;color:#d2e1e4;margin:26px 0 10px}.story-focus{font-size:11px!important;color:#7eb6be!important;margin-top:20px}.project-story>.line-link{font-size:11px;margin-top:9px}.development-note{display:inline-block;font:10px var(--mono);color:var(--faint);padding:15px 0}.contact-section{border-top:1px solid var(--line);margin-top:100px;padding-top:70px;padding-bottom:85px}.contact-section h2{font-size:clamp(58px,7vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:35px 0}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px}.contact-bottom p{font-size:14px;color:var(--muted);max-width:490px;margin:0}.contact-bottom .line-link{font-size:19px}.site-footer{display:flex;align-items:center;gap:30px;font-size:10px;color:var(--faint);padding:29px 0;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:12px;margin-right:auto;color:var(--ink)}
@media(min-width:1550px){.feature-art{height:380px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.site-header{padding:0 32px}.case-intro,.case-body{gap:42px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-art{height:300px}.feature-art img{width:170px}.ohmly-feature .feature-art img{width:200px}.system-flow li{padding:0 16px}.system-flow li:after{right:7px!important}.case-visual{min-height:530px;padding:30px 22px 25px}.case-visual>img{height:445px}.project-stories{gap:50px 35px}.edition{max-width:180px;text-align:right}}
@media(max-width:760px){html{scroll-padding-top:95px}.shell{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px;gap:18px}.wordmark{font-size:12px;gap:9px;letter-spacing:.12em}.wordmark img{width:23px;height:23px}.site-header nav{gap:20px;font-size:11px}.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}.contact-link{margin-left:0}.portfolio-hero{padding-top:38px;padding-bottom:45px}.hero-meta .eyebrow{font-size:8px}.edition{display:none}h1{font-size:clamp(56px,10.8vw,82px);margin:42px 0 29px}.hero-bottom{display:block}.hero-bottom p{font-size:14px;max-width:360px}.hero-bottom .line-link{margin-top:21px}.contour-art{right:-300px;top:35px;opacity:.6}.practice-strip{flex-wrap:wrap;justify-content:start;gap:11px 22px;padding:21px 0;font-size:8px}.featured-section{padding-top:55px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:17px;font-size:12px}.featured-grid{gap:32px;grid-template-columns:1fr}.feature-art{height:285px}.type-specimen{font-size:156px;gap:22px;inset:43px 20px 58px}.type-specimen-caption{bottom:23px;font-size:23px}.feature-art img{top:60px;width:205px}.art-label{top:20px;left:21px}.ohmly-feature .feature-art img{top:55px;width:235px}.feature-caption{padding-top:16px}.feature-caption h3{margin:7px 0 5px}.feature-caption p{max-width:100%}.catalog-section{margin-top:55px;padding:36px 0 45px}.project-search{margin-top:24px}.project-search input{width:100%}.catalog-help{font-size:12px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-link{padding:15px 10px;gap:9px}.catalog-link strong{font-size:11px}.catalog-link small{font-size:8px}.catalog-number{font-size:8px}.catalog-arrow{font-size:13px}.case-study{padding-top:35px;margin-bottom:68px}.case-top{gap:18px;margin-bottom:28px}.case-top .eyebrow{font-size:8px;max-width:180px}.case-number{font-size:15px}.case-top .back-index{font-size:9px}.case-intro{display:block;margin-bottom:28px}.case-name{font-size:16px;margin-bottom:10px}.case-intro h2{font-size:34px;margin-bottom:23px}.case-lede{font-size:14px}.tags li{font-size:8px;padding:4px 8px}.case-body{display:block}.case-visual{position:relative;top:auto;min-height:0;padding:28px 20px 22px;margin-bottom:33px}.case-visual>img{height:430px;max-height:65vh;border-radius:16px}.case-visual figcaption{font-size:10px;margin-top:20px}.case-narrative p{font-size:13px}.case-narrative section{margin-bottom:27px}.case-narrative h3{font-size:17px}.decisions li{margin-top:20px;padding-left:29px}.system{margin-top:30px;padding:22px 0}.system-flow{grid-template-columns:1fr 1fr;gap:24px 15px}.system-flow li{padding:0;border:0;grid-template-columns:20px 1fr;gap:0 6px}.system-flow li:after{display:none}.system-flow strong{font-size:13px}.system-flow small{font-size:10px}.case-foot{display:block;padding-top:23px}.case-foot p{font-size:10px}.case-foot .line-link{margin-top:18px}.other-work{padding-top:0}.project-stories{grid-template-columns:1fr;gap:42px}.project-story{scroll-margin-top:95px}.mini-art{height:165px}.mini-type{font-size:120px}.mini-art>span{font-size:44px}.mini-learnhtml>span{font-size:29px}.project-story h3{font-size:30px}.project-story .tags{margin:19px 0}.contact-section{margin-top:55px;padding-top:40px;padding-bottom:50px}.contact-section h2{font-size:64px}.contact-bottom{display:block}.contact-bottom p{font-size:13px}.contact-bottom .line-link{font-size:17px;margin-top:25px}.site-footer{flex-wrap:wrap;gap:16px 22px;font-size:9px;padding:25px 0}.site-footer .wordmark{width:100%;margin:0;font-size:11px}.site-footer a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* The Ohmly source artwork includes its own environment. Frame the product,
   rather than nesting the tall artwork inside another miniature phone. */
.ohmly-feature .feature-art img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 64%;border-radius:0;transform:none}.ohmly-feature:hover .feature-art img{transform:scale(1.025)}.case-ohmly .case-visual>img{width:100%;object-fit:cover;object-position:50% 65%;box-shadow:none}
/* Keep the buyer's capabilities route available on compact screens. */
@media(max-width:760px){.site-header{height:auto;min-height:82px;flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:12px}.site-header nav{width:100%;justify-content:space-between;gap:14px}.site-header nav>a:nth-child(3){display:inline}.site-header nav>a{padding-block:4px}.site-header .wordmark{font-size:12px}}